From 953f8d03f17a4762cbadc6a8a3bd180735b14d65 Mon Sep 17 00:00:00 2001
From: xzg <4727863@qq.com>
Date: Wed, 4 Sep 2024 17:59:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=B7=B2=E7=9F=A5bug?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/option/distribution/createTask.js         | 172 ++++++
 src/page/index/top/top-search.vue             |   4 +
 src/router/views/index.js                     | 156 +-----
 .../checkInventoryTask/createTaskTemp.vue     | 511 ++++++++++++++++++
 4 files changed, 704 insertions(+), 139 deletions(-)
 create mode 100644 src/option/distribution/createTask.js
 create mode 100644 src/views/distribution/checkInventoryTask/createTaskTemp.vue

diff --git a/src/option/distribution/createTask.js b/src/option/distribution/createTask.js
new file mode 100644
index 00000000..c61619d7
--- /dev/null
+++ b/src/option/distribution/createTask.js
@@ -0,0 +1,172 @@
+export const columnList = [
+  {
+    prop: '',
+    label: '复选框',
+    type: 0,
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: '',
+    label: '序号',
+    type: 12,
+    values: '',
+    width: 55,
+    fixed: true,
+  },
+  {
+    prop: 'questNum',
+    label: '盘点任务编号',
+    type: 13,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'warehouseName',
+    label: '仓库名称',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'marketName',
+    label: '商城名称',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'marketName',
+    label: '收货单位',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'brandName',
+    label: '品牌名称',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'startTime',
+    label: '任务开始时间',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'endTime',
+    label: '任务结束时间',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'stockNum',
+    label: '数量',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'syncDataStatusNameS',
+    label: '同步状态',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: 'syncUserName',
+    label: '同步人',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'syncTime',
+    label: '同步时间',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'questTypeNameS',
+    label: '类型',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+  {
+    prop: 'questStatusNameS',
+    label: '状态',
+    type: 1,
+    values: '',
+    width: '150',
+    checkarr: [],
+    fixed: false,
+    sortable: true,
+    head: false,
+  },
+
+  {
+    prop: '',
+    label: '操作',
+    type: 6,
+    values: '',
+    width: '120',
+    checkarr: [],
+    fixed: 'right',
+    sortable: false,
+  },
+];
diff --git a/src/page/index/top/top-search.vue b/src/page/index/top/top-search.vue
index 739d9c52..09796fd3 100644
--- a/src/page/index/top/top-search.vue
+++ b/src/page/index/top/top-search.vue
@@ -119,5 +119,9 @@ export default {
 }
 .el-autocomplete{
   width: 300px !important;
+  margin-right:7% !important;
+  .el-input__wrapper{
+    border: 1px solid #d3d3d3 !important;
+  }
 }
 </style>
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 22d19d4a..3f11035b 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -1377,22 +1377,6 @@ export default [
     ],
   },
 
-  // {
-  //   path: '/aftersales/aftersalesWorkOrder',
-  //   component: Layout,
-  //   redirect: '/aftersales/aftersalesWorkOrder',
-  //   children: [
-  //     {
-  //       meta: {
-  //         i18n: 'dict',
-  //         keepAlive: false,
-  //       },
-  //       path: '/aftersales/aftersalesWorkOrder',
-  //       name: '工单',
-  //       component: () => import('@/views/aftersales/aftersalesWorkOrder.vue'),
-  //     },
-  //   ],
-  // },
   {
     path: '/aftersales/aftersalesWorkOrderAdd',
     component: Layout,
@@ -1717,22 +1701,6 @@ export default [
       },
     ],
   },
-  // {
-  //   path: '/cost/Deliverycostmanagement/WarehouseTemplateHome',
-  //   component: Layout,
-  //   redirect: '/cost/Deliverycostmanagement/WarehouseTemplateHome',
-  //   children: [
-  //     {
-  //       meta: {
-  //         i18n: 'dict',
-  //         keepAlive: true,
-  //       },
-  //       path: '/cost/Deliverycostmanagement/WarehouseTemplateHome',
-  //       name: '仓库计价模板',
-  //       component: () => import('@/views/cost/Deliverycostmanagement/WarehouseTemplateHome.vue'),
-  //     },
-  //   ],
-  // },
 
   {
     path: '/distribution/signfor/asurcharge',
@@ -1750,112 +1718,22 @@ export default [
       },
     ],
   },
-  // 工单新增重构页面
-
-  // {
-  //   path: '/aftersales/aftersalesWorkOrderAddTemp',
-  //   component: Layout,
-  //   redirect: '/aftersales/aftersalesWorkOrderAddTemp',
-  //   children: [
-  //     {
-  //       meta: {
-  //         i18n: 'dict',
-  //         keepAlive: true,
-  //       },
-  //       path: '/aftersales/aftersalesWorkOrderAddTemp',
-  //       name: '工单新增重构页面',
-  //       component: () => import('@/views/aftersales/aftersalesWorkOrderAddTemp.vue'),
-  //     },
-  //   ],
-  // },
-  // {
-  //   // 这是父路由，财务主页面
-  //   path: '/financialsector/FinanceHome',
-  //   component: Layout,
-  //   redirect: '/financialsector/FinanceHome',
-  //   children: [
-  //     {
-  //       // 这是父页面的默认视图
-  //       meta: {
-  //         i18n: 'dict',
-  //         keepAlive: false,
-  //       },
-  //       path: '/financialsector/FinanceHome',
-  //       name: '财务',
-  //       component: () => import('@/views/financialsector/FinanceHome.vue'),
-  //     },
-  //     {
-  //       // 子页面
-  //       meta: {
-  //         i18n: 'dict',
-  //         keepAlive: false,
-  //       },
-  //       path: '/financialsector/Financialse/FinancialWarehousing',
-  //       name: '新增模板',
-  //       component: () => import('@/views/financialsector/Financialse/FinancialWarehousing.vue'),
-  //     },
-  //   ],
-  // },
-
-  // {
-  //   path: '/aftersales/aftersalesWorkOrderSS',
-  //   component: Layout,
-  //   redirect: '/aftersales/aftersalesWorkOrderSS',
-  //   children: [
-  //     {
-  //       path: '/aftersales/aftersalesWorkOrderSS',
-  //       name: '工单A',
-  //       component: () => import('@/views/aftersales/aftersalesWorkOrderSS.vue'),
-  //     },
-  //   ],
-  // },
-
-  // {
-  //   path: '/distribution/turndelivery/devtmp',
-  //   component: Layout,
-  //   redirect: '/distribution/turndelivery/devtmp',
-  //   children: [
-  //     {
-  //       path: '/distribution/turndelivery/devtmp',
-  //       name: '商配计划重构',
-  //       component: () => import('@/views/distribution/turndelivery/devtmp.vue'),
-  //     },
-  //   ],
-  // },
-
-  // {
-  //   path: '/distribution/inventory/distributionPrints',
-  //   component: Layout,
-  //   redirect: '/distribution/inventory',
-  //   children: [
-  //     {
-  //       path: '/distribution/inventory/distributionPrints',
-  //       name: '创建提货单',
-  //       meta: {
-  //         i18n: 'dict',
-  //       },
-  //       props: route => ({
-  //         name: route.query.name,
-  //         id: route.query.id
-  //       }),
-  //       component: () => import('@/views/distribution/inventory/distributionPrints.vue'),
-  //       children:[
-  //         {
-  //           path: '/distribution/inventory/distributionPrints',
-  //           name: '创建提货单',
-  //           meta: {
-  //             i18n: 'dict',
-  //           },
-  //           props: route => ({
-  //             name: route.query.name,
-  //             id: route.query.id
-  //           }),
-  //           component: () => import('@/views/distribution/inventory/distributionStockArticle.vue'),
 
-  //         },
-  //       ]
-  //     },
-
-  //   ],
-  // }
+  // 盘点重构
+  {
+    path: '/distribution/checkInventoryTask/createTaskTemp',
+    component: Layout,
+    redirect: '/distribution/checkInventoryTask/createTaskTemp',
+    children: [
+      {
+        meta: {
+          i18n: 'dict',
+          keepAlive: true,
+        },
+        path: '/distribution/checkInventoryTask/createTaskTemp',
+        name: '盘点重构',
+        component: () => import('@/views/distribution/checkInventoryTask/createTaskTemp.vue'),
+      },
+    ],
+  },
 ];
diff --git a/src/views/distribution/checkInventoryTask/createTaskTemp.vue b/src/views/distribution/checkInventoryTask/createTaskTemp.vue
new file mode 100644
index 00000000..7ad658a4
--- /dev/null
+++ b/src/views/distribution/checkInventoryTask/createTaskTemp.vue
@@ -0,0 +1,511 @@
+<template>
+  <basic-container>
+    <!-- 首页表格 -->
+    <div class="avue-crud">
+      <!-- 搜索模块 -->
+      <el-row v-if="search">
+        <!-- 查询模块 -->
+        <el-form :inline="true" :model="query" class="el-fr-d">
+          <!-- 查询按钮 -->
+          <el-form-item class="el-btn">
+            <el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button>
+            <el-button icon="el-icon-delete" @click="searchReset()">清 空</el-button>
+          </el-form-item>
+        </el-form>
+      </el-row>
+
+      <!-- 控件模块 -->
+      <el-row>
+        <div class="avue-crud__header">
+          <!-- 头部左侧按钮模块 -->
+          <div class="avue-crud__left">
+            <el-button type="primary" icon="CirclePlusFilled" @click="InventoryTask"
+              >创建盘点任务</el-button
+            >
+          </div>
+          <!-- 头部右侧按钮模块 -->
+          <div class="avue-crud__right">
+            <el-button icon="el-icon-refresh" @click="searchChangeS" circle></el-button>
+            <el-button icon="Operation" @click="showdrawer(true)" circle></el-button>
+            <el-button icon="Search" @click="searchHide" circle></el-button>
+          </div>
+        </div>
+      </el-row>
+
+      <!-- 首页表格 -->
+      <el-row>
+        <!-- 列表模块 -->
+        <tablecmt
+          class="tableNode"
+          :columnList="details.columnList"
+          :tableData="data"
+          :loading="loadingObj.list"
+          @inputTxt="inputsc"
+          @timeCheck="timesc"
+          @btnCheck="btnsc"
+          @selectCheck="selectsc"
+          @selection="selectionChange"
+        >
+          <template #default="slotProps">
+            <template v-if="slotProps.scope.column.label === '操作'">
+              <div class="ElBtnClass">
+                <el-button @click="view(slotProps.scope)">查看</el-button>
+              </div>
+            </template>
+
+            <template v-if="slotProps.scope.column.label === '盘点任务编号'">
+              <el-popconfirm
+                confirm-button-text="确定"
+                cancel-button-text="取消"
+                icon="Download"
+                icon-color="#626AEF"
+                title="是否导出数据?"
+                @confirm="ExportDataIndexRwo(slotProps.scope.row)"
+              >
+                <template #reference>
+                  <el-text>
+                    {{ slotProps.scope.row.questNum }}
+                  </el-text>
+                </template>
+              </el-popconfirm>
+            </template>
+          </template>
+        </tablecmt>
+      </el-row>
+
+      <!-- 分页模块 -->
+      <el-row class="el-fy">
+        <div class="avue-crud__pagination flex-c-sb" style="width: 100%">
+          <div></div>
+          <el-pagination
+            align="right"
+            background
+            @size-change="sizeChange"
+            @current-change="currentChange"
+            :current-page="page.currentPage"
+            :page-sizes="[30, 50, 80, 120]"
+            :page-size="page.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="page.total"
+          >
+          </el-pagination>
+        </div>
+      </el-row>
+    </div>
+    <!-- 创建判断任务 -->
+    <el-dialog v-model="InventoryPopup" title="创建盘点任务" width="30%">
+      <el-form :model="formInventory" label-width="120px">
+        <el-form-item label="商场名称">
+          <el-select
+            multiple
+            v-model="formInventory.scname"
+            filterable
+            collapse-tags
+            popper-class="custom-header"
+            :max-collapse-tags="2"
+            placeholder="请选择商场"
+            @change="formInventoryChange"
+          >
+            <el-option
+              v-for="item in shoppingmall"
+              :key="item.id"
+              :label="item.clientName"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="品牌">
+          <el-input v-model="formInventory.brandName" disabled placeholder="品牌名称" />
+        </el-form-item>
+
+        <el-form-item label="盘点时间" class="pdsj">
+          <el-date-picker
+            v-model="formInventory.time"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="盘点开始时间"
+            format="YYYY-MM-DD HH:mm:ss"
+            date-format="YYYY/MM/DD ddd"
+            value-format="YYYY/MM/DD HH:mm:ss"
+            end-placeholder="盘点结束时间"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="InventoryPopup = false">取消</el-button>
+          <el-button type="primary" @click="InventorySubmit"> 提交 </el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </basic-container>
+  <!-- 列表配置显示 -->
+  <edittablehead
+    @setcolum="setnewcolum"
+    @closce="showdrawer"
+    :drawerShow="drawerShow"
+    :columnList="details.columnList"
+    v-model="details.columnList"
+  ></edittablehead>
+</template>
+
+<script setup>
+import { ref, reactive, toRefs, computed, onMounted, nextTick, watch } from 'vue';
+import { columnList } from '@/option/distribution/createTask.js';
+import { processRowProperty, setNodeHeight } from '@/utils/util';
+import { ElMessageBox, ElMessage } from 'element-plus';
+import { downloadXls, handleClearTableQuery } from '@/utils/util';
+import {
+  getTaskQuestPage,
+  getAllDataWithPackage,
+  getDictList,
+} from '@/api/distribution/createTask';
+import { useStore } from 'vuex';
+import dayjs from 'dayjs';
+const $router = useRouter(); //跳转
+const $useStore = useStore(); //权限
+const $route = useRoute(); //获取地址栏参数
+// 创建判断任务
+const formInventory = ref({});
+const shoppingmall = ref([]); // 商场
+const InventoryPopup = ref(false); //创建盘点任务弹窗
+const details = reactive({
+  /** 是否开启搜索 */
+  search: false,
+  /** 表格搜索条件 */
+  query: {},
+  defaultTime2: [new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 2, 1, 23, 59, 59)], // '12:00:00', '08:00:00'
+  /** 时间快捷选择设置 */
+  shortcuts: [
+    {
+      text: '最近一周',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近一个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+        return [start, end];
+      },
+    },
+    {
+      text: '最近三个月',
+      value: () => {
+        const end = new Date();
+        const start = new Date();
+        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+        return [start, end];
+      },
+    },
+  ],
+  /** 时间选择器数据 */
+  stockupDate: [],
+  /** 列表 */
+  columnList,
+
+  /** 列表数据 */
+  data: [{}],
+  /** 页面loading */
+  loadingObj: {
+    /** 列表加载loading */
+    list: false,
+    packageListLoading: false,
+  },
+  /** 列表复选框选中的数据 */
+  selectionList: [],
+  /** 是否显示设置表格 */
+  drawerShow: false,
+  /** 分页参数 */
+  page: {
+    currentPage: 1,
+    pageSize: 50,
+    total: 0,
+  },
+
+  /** 弹出层显示 */
+  popUpShow: {
+    /** 包件明细 */
+    packageOrderListlVisited: false,
+    /** 二维码 */
+    QRCodeVisible: false,
+    /** 修改客户信息 */
+    editClientInfoVisible: false,
+  },
+  /** 列表Dom节点 */
+  listNode: '',
+  form: {},
+  /** 全屏 */
+  fullscreenObj: {
+    /** 包明细 */
+    packageOrderListlVisited: false,
+  },
+});
+
+const {
+  search,
+  query,
+  shortcuts,
+  stockupDate,
+  data,
+  loadingObj,
+  selectionList,
+  drawerShow,
+  page,
+  trickleLoadingPage,
+  zeroAdditionalRecordingInfo,
+  popUpShow,
+  recorddata,
+  defaultTime2,
+} = toRefs(details);
+
+/** 展开列表控件 */
+const showdrawer = _flag => {
+  details.drawerShow = _flag;
+};
+/** 表格表头输入框搜索 */
+const inputsc = (index, row) => {
+  details.query[row.prop] = index;
+  processRowProperty(index, row, details);
+  onLoad();
+};
+
+/** 表格表头时间选择 */
+const timesc = (index, row) => {
+  console.log(index, row);
+  if (!!index) {
+    index = dayjs(index).format('YYYY-MM-DD');
+  }
+  details.query[row.prop] = index;
+  if (!index) {
+    delete details.query[row.prop];
+  }
+  onLoad();
+};
+
+/** 表格表头输入框搜索 */
+const btnsc = val => {
+  console.log(val);
+};
+/** 表格表头下拉框选择 */
+const selectsc = (index, row) => {
+  processRowProperty(index, row, details);
+  onLoad();
+};
+/** 表格表头复选框选择 */
+const selectionChange = list => {
+  console.log(list);
+  details.selectionList = list;
+};
+// 网页顶部搜索按钮
+const searchChange = () => {
+  onLoad();
+};
+// 每页多少条
+const sizeChange = val => {
+  details.page.pageSize = val;
+  onLoad();
+};
+/** 页码改变执行的回调 */
+const currentChange = val => {
+  details.page.currentPage = val;
+  onLoad();
+};
+// 刷新按钮
+const searchChangeS = () => {
+  details.search = false; //关闭搜索
+  onLoad();
+};
+//清空
+const searchReset = () => {
+  details.query = {};
+  details.page.currentPage = 1;
+  handleClearTableQuery(details.columnList);
+  onLoad();
+};
+// 顶部搜索
+const searchHide = () => {
+  console.log(details);
+  details.search = !details.search;
+  const _node = document.querySelector('.tableNode');
+  setNodeHeight(_node, '', true);
+};
+// 字典公共函数
+function updateDictionary(targetArray, dictionaryType) {
+  getDictionaryBiz(dictionaryType).then(res => {
+    console.log(res, '字典');
+    res.data.data.forEach(item => {
+      targetArray.push({
+        value: item.dictKey,
+        label: item.dictValue,
+      });
+    });
+  });
+}
+
+// 状态处理
+const Statusprocessing = data => {
+  if (!Array.isArray(data) || !data.length) {
+    return;
+  }
+
+  // 定义状态映射对象
+  const syncDataStatusMap = {
+    0: '未同步',
+    1: '同步中',
+  };
+
+  const questTypeMap = {
+    1: '全部',
+    2: '全仓',
+  };
+
+  const questStatusMap = {
+    0: '创建全部',
+    1: '开始',
+    2: '暂停',
+    3: '结束',
+  };
+
+  // 遍历数据并映射状态
+  data.forEach(item => {
+    item.syncDataStatusNameS = syncDataStatusMap[item.syncDataStatus] || '同步完成';
+    item.questTypeNameS = questTypeMap[item.questType] || '';
+    item.questStatusNameS = questStatusMap[item.questStatus] || '';
+  });
+};
+// 页面初始化
+const onLoad = value => {
+  let Data = {
+    current: details.page.currentPage, //页码
+    size: details.page.pageSize, //条数
+    ...value,
+  };
+  details.loadingObj.list = true;
+  getTaskQuestPage(Data)
+    .then(res => {
+      console.log(res, '获取盘点列表');
+      if (res.data.code == 200) {
+        const _data = res.data.data.records;
+        details.data = _data;
+        details.page.total = res.data.data.total;
+        if (details.data.length) {
+          Statusprocessing(details.data); //状态处理
+          details.data.forEach(item => {
+            if (Array.isArray(item.list)) {
+              item.marketName = item.list.map(subItem => subItem.refName || '').join(','); // 商场名称
+              item.brandName = item.list.map(subItem => subItem.brandName || '').join(','); // 品牌名称
+            } else {
+              item.marketName = '';
+              item.brandName = '';
+            }
+          });
+        }
+      }
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      details.loadingObj.list = false;
+    });
+};
+// 获取商场
+const Getshoppingmall = () => {
+  shoppingmall.value = [];
+  getDictList().then(res => {
+    console.log(res, '商场');
+
+    if (!res.data.code == 200) {
+      return;
+    }
+    if (res.data?.data.length) {
+      res.data.data.forEach(item => {
+        console.log(item, '盘点任务返回值');
+        shoppingmall.value.push({
+          clientName: item.clientName, // 商城名称
+          id: item.id, // 商场id
+          brandName: item.brandName, // 商场下品牌名
+        });
+      });
+    }
+  });
+};
+const onLoadPage = () => {
+  onLoad();
+  Getshoppingmall(); //获取商场
+};
+// 页面初始化
+onLoadPage();
+// 创建盘点任务
+const InventoryTask = () => {
+  InventoryPopup.value = true;
+};
+const InventorySubmit=()=>{
+    console.log(formInventory.value);
+    
+}
+// 页面初始化方法
+// 导出盘点数据
+const ExportDataIndexRwo = row => {
+  if (!row.questNum) {
+    return;
+  }
+  let data = {
+    questNum: row.questNum,
+  };
+  details.loadingObj.list = true;
+  getAllDataWithPackage(data)
+    .then(res => {
+      const { status, data } = res;
+      if (status !== 200) {
+        return;
+      }
+      downloadXls(data, `${row.questNum} -- 任务详情.xlsx`);
+    })
+    .catch(error => {
+      console.log(error, 'error');
+    })
+    .finally(() => {
+      details.loadingObj.list = false;
+    });
+};
+</script>
+
+<style scoped lang="scss">
+.ElBtnClass button {
+  border: none;
+  padding: 0;
+  background-color: transparent;
+}
+:deep(.el-card) {
+  height: 100%;
+}
+:deep(.el-card__body) {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.el-fy {
+  flex: 1;
+  display: flex;
+  align-items: flex-end;
+  margin-bottom: 10px;
+}
+.avue-crud {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.el_textBtn {
+  cursor: pointer;
+}
+</style>