cloud-web-corejs 1.0.54-dev.7 → 1.0.54-dev.700

package/src/components/excelExport/exportFieldDialog.vue

@@ -1,73 +1,345 @@
 <template>
   <el-dialog
-    title="导出数据"
+    :title="$t1('导出数据')"
     width="355px"
     custom-class="dialog-style list-dialog"
     :visible.sync="showDialog"
-    :append-to-body="true"
-    :modal-append-to-body="true"
+    :modal="false"
+    :append-to-body="false"
+    :modal-append-to-body="false"
     :close-on-click-modal="false"
-    v-el-drag-dialog
+    :destroy-on-close="true"
     v-el-dialog-center
-    @close="dialogClose"
+    :before-close="handleBeforeClose"
   >
-    <div class="cont">
+    <div class="cont" style="max-height: 500px">
+      <div class="tit" style="margin-bottom: 5px">
+        <b>{{ $t1("导出字段") }}</b>
+      </div>
       <el-tree
         :props="defaultProps"
         :data="data"
         show-checkbox
         node-key="id"
         ref="tree"
-        highlight-current
         default-expand-all
-        :expand-on-click-node="true"
-        class="organization-tree"
+        check-on-click-node
+        :expand-on-click-node="false"
         icon-class="el-icon-arrow-right"
+        :default-checked-keys="defaultCheckedKeys"
       ></el-tree>
     </div>
-     <span slot="footer" class="dialog-footer">
-      <el-button type="primary" plain class="button-sty" @click="dialogClose">
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary" plain class="button-sty" @click="handleDialogClose">
         <i class="el-icon-close el-icon"></i>
-        取 消
+        {{ $t1("取 消") }}
       </el-button>
       <el-button type="primary" @click="dialogConfirm" class="button-sty">
         <i class="el-icon-check el-icon"></i>
-        确 定
+        {{ $t1("确 定") }}
       </el-button>
     </span>
   </el-dialog>
 </template>
 <script>
+import xeUtils from "xe-utils";
 export default {
   name: "exportFieldDialog",
-  prop
-  data(){
+  props: ["param"],
+  data() {
     return {
-      showDialog:true,
-      data:[],
+      showDialog: true,
+      data: [],
       defaultProps: {
-        label: 'title', //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
-        children: 'children'
+        label: "title", //这里是树结构中需显示的数据（即接口返回的需展示在页面上的参数）
+        children: "children",
       },
-    }
+      defaultCheckedKeys: [],
+      columns: [],
+      allFields: [],
+    };
   },
-  methods:{
-    init(){
+  created() {
+    this.init();
+  },
+  methods: {
+    loopColumnHandle(items, handler) {
+      items.forEach((item) => {
+        handler(item);
+        if (item.children && item.children.length) {
+          this.loopColumnHandle(item.children, handler);
+        }
+      });
+    },
+    generateId() {
+      return Math.floor(
+        Math.random() * 100000 + Math.random() * 20000 + Math.random() * 5000
+      );
+    },
+    filterExportVisible(items) {
+      if (!Array.isArray(items)) return [];
 
+      return items
+        .filter((item) => item.exportItemVisible === true) // 只保留 exportItemVisible 严格等于 true 的项
+        .map((item) => {
+          // 如果有 children，递归过滤
+          if (Array.isArray(item.children)) {
+            return {
+              ...item,
+              children: this.filterExportVisible(item.children),
+            };
+          }
+          return item;
+        });
     },
-    dialogClose(){
-      this.showDialog = false;
-      this.$emit('update:visiable', false);
+    init() {
+      let target = this.getGrid();
+      let { fullColumn, collectColumn: column1s } = target.getTableColumn();
+
+      let checkMethod = target.$refs.xTable.customOpts?.checkMethod;
+      // var checkMethod = $xetable ? $xetable.customOpts.checkMethod : null;
+      // let columns = target.getTableColumn().collectColumn;
+      let columns = [];
+      let allFields = [];
+      if (checkMethod) {
+        const handleColumnVisible = (column) => {
+          if (!column.title) return false;
+          let visible = true;
+
+          let isColGroup = column.children && column.children.length;
+
+          if (isColGroup) {
+            // 如果是分组字段，则根据子字段的显示状态来处理
+            let parentVisible = false;
+            column.children.forEach((item) => {
+              let itemVisible = handleColumnVisible(item);
+              if (itemVisible) {
+                parentVisible = true;
+              }
+            });
+            visible = parentVisible;
+            /* visible = column.children.some((item) => {
+              return handleColumnVisible(item);
+            }); */
+          } else {
+            let isDisabled = !checkMethod({
+              column: column,
+            });
+            if (isDisabled) {
+              // 如果字段被禁用勾选，根据显示状态来处理
+              visible = column.visible;
+            }
+            if (column.field && visible) {
+              allFields.push(column.field);
+            }
+          }
+          column.exportItemVisible = visible;
+          return visible;
+        };
+        column1s.forEach((column) => {
+          return handleColumnVisible(column);
+        });
+        columns = this.filterExportVisible(column1s);
+      } else {
+        columns = column1s;
+      }
+
+      let exportItem = this.param.type === "exportItem";
+
+      let defaultCheckedKeys = [];
+      let cols = [];
+
+      let yesFields = [];
+      let noFields = [];
+
+      let exportColumns = !exportItem
+        ? target.exportColumns || []
+        : target.exportItemColumns || [];
+
+      this.loopColumnHandle(exportColumns, (item) => {
+        if (item.field) {
+          if (item.export) {
+            yesFields.push(item.field);
+          } else {
+            noFields.push(item.field);
+          }
+        }
+      });
+
+      if (!exportItem) {
+        //导出主表数据
+
+        fullColumn.forEach((column) => {
+          if (column.field) {
+            if (yesFields.includes(column.field)) {
+              defaultCheckedKeys.push(column.id);
+            } else if (!noFields.includes(column.field) && column.visible) {
+              defaultCheckedKeys.push(column.id);
+            }
+          }
+        });
+        columns.forEach((column) => {
+          if (column.title) {
+            cols.push(column);
+          }
+        });
+      } else {
+        //导出子表数据
+        let exportItemColumns = target.exportItemColumns || [];
+        let originOption = target.params.originOption;
+        let oriExportItemColumns = originOption.exportItemConfig?.columns || [];
+
+        this.loopColumnHandle(oriExportItemColumns, (item) => {
+          item.id = this.generateId();
+          if (item.field && allFields.includes(item.field)) {
+            if (yesFields.includes(item.field)) {
+              defaultCheckedKeys.push(item.id);
+            } else if (!noFields.includes(item.field)) {
+              defaultCheckedKeys.push(item.id);
+            }
+            // allFields.push(item.field);
+          }
+        });
+        oriExportItemColumns.forEach((column) => {
+          if (column.title) {
+            cols.push(column);
+          }
+        });
+      }
+
+      this.allFields = allFields;
+      this.defaultCheckedKeys = defaultCheckedKeys;
+      /* let data = [
+        {
+          label: this.$t1("全部字段"),
+          id: -1,
+          leaf: true,
+          children: this.$baseLodash.cloneDeep(cols),
+        },
+      ]; */
+      this.data = this.$baseLodash.cloneDeep(cols);
     },
-    dialogConfirm(){
-      this.dialogClose();
-    }
-  }
-}
-</script>
+    addTableExportColumns() {
+      let exportItem = this.param.type === "exportItem";
 
+      let $grid = this.getGrid();
+      let originOption = $grid.params.originOption;
+      let leafColumns = this.$refs.tree.getCheckedNodes(true);
+      let checkLeafIds = leafColumns.map((item) => item.id);
 
+      // let syncEportItemColumns = $grid.exportItemColumns || [];
+      // let syncExportColumns = $grid.exportColumns || [];
 
-<style scoped>
+      if (!exportItem) {
+        //导出主表数据
+        let exportColumns = [];
+        let { fullColumn } = $grid.getTableColumn();
+        fullColumn.map((column) => {
+          if (column.field && column.title) {
+            let item = {
+              field: column.field,
+              export: checkLeafIds.includes(column.id),
+            };
+            exportColumns.push(item);
+          }
+        });
+        $grid.exportColumns = exportColumns;
+      } else {
+        //导出子表数据
+        let exportItemColumns = [];
+        if (originOption.exportItemConfig?.columns?.length) {
+          this.loopColumnHandle(originOption.exportItemConfig?.columns, (column) => {
+            if (column.field && column.title) {
+              let item = {
+                field: column.field,
+                export: checkLeafIds.includes(column.id),
+              };
+              exportItemColumns.push(item);
+            }
+          });
+          $grid.exportItemColumns = exportItemColumns;
+        }
+      }
+      this.$vxeTableUtil.addTableJson(originOption.vue, $grid, originOption.tableName);
+    },
+    handleBeforeClose(hide) {
+      // this.$emit('cancel');
+      this.handleDialogClose();
+      hide();
+    },
+    handleDialogClose() {
+      this.$emit("close");
+      this.dialogClose();
+    },
+    dialogClose() {
+      this.showDialog = false;
+      this.$emit("update:visiable", false);
+    },
+    dialogConfirm() {
+      let target = this.getGrid();
+      let originOption = target.params.originOption;
+      let leafColumns = this.$refs.tree.getCheckedNodes(true);
+      let checkIds = this.$refs.tree.getCheckedNodes(false, true).map((item) => item.id);
+      let exportItem = this.param.type == "exportItem";
+      let collectColumn = !exportItem
+        ? target.getTableColumn().collectColumn
+        : originOption.exportItemConfig?.columns;
+      let maxRowspan = 1;
+      leafColumns.forEach((item) => {
+        maxRowspan = Math.max(maxRowspan, item.level);
+      });
+
+      let loopDo = (items, parent) => {
+        let datas = [];
+        items.forEach((item) => {
+          if (checkIds.includes(item.id)) {
+            let column = this.$baseLodash.cloneDeep(item);
+            if (item.children && item.children.length > 0) {
+              let children = this.$baseLodash.cloneDeep(loopDo(item.children));
+              column.children = children;
+              if (children.length) {
+                column.colSpan = children.length;
+              } else {
+                column.colSpan = 1;
+              }
+            } else if (!column.parentId) {
+              column.rowSpan = maxRowspan;
+            }
+            datas.push(column);
+          }
+        });
+        return datas;
+      };
+      let columns = loopDo(collectColumn, null);
+      this.$emit("confirm", { columns, leafColumns });
+      this.addTableExportColumns();
+      this.dialogClose();
+    },
+    /* getExportTitleJson() {
+      let target = this.getGrid();
+      let columns = target.getColumns();
+      let cols = [];
+      columns.forEach((column) => {
+        if (column.title && column.visible) {
+          cols.push(column);
+        }
+      });
+      return cols;
+    }, */
+    getGrid() {
+      let that = this.param.vue;
+      let tableRef = this.param.targetRef;
+      let $grid;
+      if (Array.isArray(that.$refs[tableRef])) {
+        $grid = that.$refs[tableRef][0];
+      } else {
+        $grid = that.$refs[tableRef];
+      }
+      return $grid;
+    },
+    revert() {},
+  },
+};
+</script>
 
-</style>
+<style scoped></style>

package/src/components/excelExport/index.js

@@ -1,5 +1,6 @@
 import vue from "vue"
 import excelExport from './index.vue'
+
 const moudule = {};
-(function(_0x1f790d,_0x64452c){function _0x59695f(_0x36a21d,_0x16e558,_0x3dfe46,_0x4187b3,_0x253045){return _0x5872(_0x16e558- -0x26e,_0x4187b3);}function _0x4ef2eb(_0x3991d1,_0x32ad42,_0x45a8c5,_0x2653bc,_0x3eaed4){return _0x5872(_0x32ad42- -0x1c3,_0x3eaed4);}function _0x4f0ff8(_0x43dcf3,_0x254f7a,_0x14fcd3,_0x58b1ec,_0x546925){return _0x5a53(_0x254f7a-0x273,_0x546925);}function _0x5a7f67(_0x3dccd6,_0x1d6562,_0x3a767c,_0x4990c8,_0x3c3045){return _0x5872(_0x3c3045- -0x22f,_0x1d6562);}function _0x2f7484(_0x494adb,_0x26d313,_0x1ac386,_0x161da7,_0x349c44){return _0x5a53(_0x161da7-0x24f,_0x349c44);}function _0x5ef201(_0x56be0b,_0x287bcd,_0x263bfb,_0x4850b6,_0x108d99){return _0x5a53(_0x108d99- -0x2b,_0x4850b6);}function _0x3e4312(_0x554b65,_0x5421e3,_0x1013d3,_0x362a11,_0x4ad208){return _0x5a53(_0x554b65- -0x120,_0x5421e3);}const _0x140d4d=_0x1f790d();function _0x2d9e4f(_0x536c41,_0x1a5487,_0x4741e3,_0x5eb6a6,_0x24b5fa){return _0x5a53(_0x1a5487- -0x328,_0x4741e3);}function _0x42b055(_0x54f160,_0x24f4c0,_0x40fc1c,_0x108a4f,_0x544f89){return _0x5872(_0x40fc1c- -0x36d,_0x24f4c0);}while(!![]){try{const _0x2376a6=-parseInt(_0x2d9e4f(-0x31d,-0x31e,-0x329,-0x311,-0x320))/0x1*(parseInt(_0x4f0ff8(0x2a0,0x293,0x283,0x282,0x295))/0x2)+-parseInt(_0x5a7f67(-0x229,"2uSz".split("").reverse().join(""),-0x238,-0x21f,-0x229))/0x3+parseInt(_0x5a7f67(-0x21f,"\u006c\u0070\u0054\u004c",-0x22c,-0x21a,-0x224))/0x4+-parseInt(_0x2f7484(0x265,0x260,0x24a,0x256,0x24b))/0x5+-parseInt(_0x3e4312(-0x11b,-0x114,-0x120,-0x10e,-0x12c))/0x6*(parseInt(_0x5ef201(-0x1a,-0x17,-0x23,-0x1f,-0x1a))/0x7)+-parseInt(_0x4f0ff8(0x264,0x275,0x275,0x287,0x281))/0x8*(parseInt(_0x59695f(-0x23a,-0x24c,-0x24c,"dlYL".split("").reverse().join(""),-0x242))/0x9)+parseInt(_0x42b055(-0x34f,"km6S".split("").reverse().join(""),-0x34f,-0x353,-0x35b))/0xa;if(_0x2376a6===_0x64452c){break;}else{_0x140d4d["\u0070\u0075\u0073\u0068"](_0x140d4d["\u0073\u0068\u0069\u0066\u0074"]());}}catch(_0x2691bc){_0x140d4d["\u0070\u0075\u0073\u0068"](_0x140d4d["\u0073\u0068\u0069\u0066\u0074"]());}}})(_0x2b09,0xde687);var _0x47f304;const _0x21a39c=vue["\u0065\u0078\u0074\u0065\u006e\u0064"](excelExport);_0x47f304=0x9+0x5;const _0x5e8502=_0x37d976=>{const _0x5516c3={"\u0044\u0076\u004c\u0077\u0049":function(_0x16baf4,_0x398bd7){return _0x16baf4+_0x398bd7;}};var _0x256a5a;let _0x5f2b78=new _0x21a39c({"\u0069\u0031\u0038\u006e":window["\u0024\u0076\u0075\u0065\u0052\u006f\u006f\u0074"]['_i18n']});_0x256a5a=0x4+0x8;var _0x231f54=_0x5516c3['DvLwI'](0x3,0x4);let _0x1119cc=_0x5f2b78['$mount']()["\u0024\u0065\u006c"];_0x231f54=0x8+0x4;_0x37d976["\u0061\u0070\u0070\u0065\u006e\u0064\u0043\u0068\u0069\u006c\u0064"](_0x1119cc);return _0x5f2b78;};function _0x49b5a6(_0x18f125){let _0x3093e9=document["\u0062\u006f\u0064\u0079"];var _0x439fcf=0x3+0x0;function _0x20e6be(_0x3305f3,_0x29d64e,_0x34714c,_0x1333f8,_0x598800){return _0x5872(_0x598800-0x181,_0x34714c);}let _0x3d02a2=this&&this['$el']?this:window["\u0024\u0076\u0075\u0065\u0052\u006f\u006f\u0074"];_0x439fcf=_0x20e6be(0x18f,0x184,'dsx^',0x181,0x190);let _0x1d08f9=_0x5e8502(_0x3093e9);_0x1d08f9['param']={};Object['assign'](_0x1d08f9["\u0070\u0061\u0072\u0061\u006d"],{'vue':_0x3d02a2},_0x18f125);return _0x1d08f9["\u0065\u0078\u0063"]();}function _0x2b09(){const _0x3d5ddd=["\u0079\u0078\u006e\u005a\u0041\u0077\u0044\u0055",'W4NcRtRcIG',"0wyYfgC".split("").reverse().join(""),"G0Dyr3sYrtm".split("").reverse().join(""),"\u006a\u0068\u007a\u0031\u007a\u0076\u006a\u0056\u0042\u0033\u0071","GeB0Zwjk8B6ombiqtJc/PW".split("").reverse().join(""),"GAeSQWzKOWZf6W8jwIclOW".split("").reverse().join(""),'dwpcKa',"JHxz".split("").reverse().join(""),"0j3BWHxrSv2y4vgj".split("").reverse().join(""),"iGuUkSQdp0BwXfqGPgMcROW".split("").reverse().join(""),'vmoLWRy7DSk7n8kxlCkECmkQWOy','WOtdTSoyzSkhWRq',"qEK9My".split("").reverse().join(""),"\u0057\u0037\u0079\u0073\u0070\u0043\u006b\u0041\u0057\u004f\u004a\u0064\u004a\u0043\u006f\u0036\u006c\u0053\u006f\u006b\u0057\u0052\u0037\u0063\u004c\u0064\u004f\u0058\u0072\u0047","\u0057\u0034\u0052\u0063\u0056\u0043\u006f\u004d\u0070\u006d\u006f\u0069",'rqvIWRGjWQCPW5bzW4pdR1ldSNS','mZG2mZqZoxz6BNjlCW',"\u006e\u0066\u006a\u0033\u0043\u0075\u004c\u0052\u0076\u0061","\u0078\u0032\u004b\u0058\u006f\u0067\u0034","wkCeykSnqb6W2jKcWkmgAkSs".split("").reverse().join(""),'WQfBFCogW57cN8kmDSoKWQlcGW',"\u006a\u0067\u0031\u0056\u0044\u0077\u0035\u0030","RmOWWomwdurshkmA".split("").reverse().join(""),'ogTbCeDezq','WPVcICog',"qUdx4WReQW8HQWFoCnsoCOc3xHc7RW".split("").reverse().join(""),"arLnLvwfenZatnYydn".split("").reverse().join(""),"\u006c\u0043\u006f\u0067\u0065\u0066\u0072\u007a\u0066\u0043\u006b\u002f\u0057\u0051\u0075\u0044\u0057\u0034\u0034\u0059\u0057\u0052\u0056\u0064\u0054\u0057","WsR1wChLemWudoYido".split("").reverse().join(""),'ntm2ntu5nLztv0rUra',"WjtbwvVkSSc36W".split("").reverse().join(""),'ntqXmdi3ruvpB0Lj','oCoAhsRdJGGXWOVdUN3dI8kfwG','bZjhW60tW7GY',"iJOddgRctRW".split("").reverse().join("")];_0x2b09=function(){return _0x3d5ddd;};return _0x2b09();}function _0x5a53(_0x43dc0f,_0x2b0964){const _0x5a5326=_0x2b09();_0x5a53=function(_0x3a4666,_0x16adfb){_0x3a4666=_0x3a4666-0x0;let _0x16803c=_0x5a5326[_0x3a4666];if(_0x5a53['MfKhNx']===undefined){var _0x232076=function(_0x19a600){const _0x28990d="\u0061\u0062\u0063\u0064\u0065\u0066\u0067\u0068\u0069\u006a\u006b\u006c\u006d\u006e\u006f\u0070\u0071\u0072\u0073\u0074\u0075\u0076\u0077\u0078\u0079\u007a\u0041\u0042\u0043\u0044\u0045\u0046\u0047\u0048\u0049\u004a\u004b\u004c\u004d\u004e\u004f\u0050\u0051\u0052\u0053\u0054\u0055\u0056\u0057\u0058\u0059\u005a\u0030\u0031\u0032\u0033\u0034\u0035\u0036\u0037\u0038\u0039\u002b\u002f\u003d";let _0x2c5ef0="";let _0x3b7501="".split("").reverse().join("");for(let _0x579e55=0x0,_0x9cfaba,_0x363ddd,_0x35ed66=0x0;_0x363ddd=_0x19a600['charAt'](_0x35ed66++);~_0x363ddd&&(_0x9cfaba=_0x579e55%0x4?_0x9cfaba*0x40+_0x363ddd:_0x363ddd,_0x579e55++%0x4)?_0x2c5ef0+=String['fromCharCode'](0xff&_0x9cfaba>>(-0x2*_0x579e55&0x6)):0x0){_0x363ddd=_0x28990d["\u0069\u006e\u0064\u0065\u0078\u004f\u0066"](_0x363ddd);}for(let _0x3cd98e=0x0,_0x331163=_0x2c5ef0['length'];_0x3cd98e<_0x331163;_0x3cd98e++){_0x3b7501+="\u0025"+('00'+_0x2c5ef0['charCodeAt'](_0x3cd98e)["\u0074\u006f\u0053\u0074\u0072\u0069\u006e\u0067"](0x10))["\u0073\u006c\u0069\u0063\u0065"](-0x2);}return decodeURIComponent(_0x3b7501);};_0x5a53["\u006b\u0063\u0063\u0041\u006c\u004a"]=_0x232076;_0x43dc0f=arguments;_0x5a53['MfKhNx']=!![];}const _0xa2589=_0x5a5326[0x0];const _0x198745=_0x3a4666+_0xa2589;const _0x5872e6=_0x43dc0f[_0x198745];if(!_0x5872e6){_0x16803c=_0x5a53["\u006b\u0063\u0063\u0041\u006c\u004a"](_0x16803c);_0x43dc0f[_0x198745]=_0x16803c;}else{_0x16803c=_0x5872e6;}return _0x16803c;};return _0x5a53(_0x43dc0f,_0x2b0964);};function _0x5872(_0x43dc0f,_0x2b0964){const _0x5a5326=_0x2b09();_0x5872=function(_0x3a4666,_0x16adfb){_0x3a4666=_0x3a4666-0x0;let _0x16803c=_0x5a5326[_0x3a4666];if(_0x5872["\u0046\u0064\u004a\u005a\u006d\u004e"]===undefined){var _0x232076=function(_0x28990d){const _0x2c5ef0='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x3b7501='';let _0x579e55="";for(let _0x9cfaba=0x0,_0x363ddd,_0x35ed66,_0x3cd98e=0x0;_0x35ed66=_0x28990d['charAt'](_0x3cd98e++);~_0x35ed66&&(_0x363ddd=_0x9cfaba%0x4?_0x363ddd*0x40+_0x35ed66:_0x35ed66,_0x9cfaba++%0x4)?_0x3b7501+=String['fromCharCode'](0xff&_0x363ddd>>(-0x2*_0x9cfaba&0x6)):0x0){_0x35ed66=_0x2c5ef0["\u0069\u006e\u0064\u0065\u0078\u004f\u0066"](_0x35ed66);}for(let _0x331163=0x0,_0x437700=_0x3b7501['length'];_0x331163<_0x437700;_0x331163++){_0x579e55+="\u0025"+("00".split("").reverse().join("")+_0x3b7501['charCodeAt'](_0x331163)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x579e55);};const _0x19a600=function(_0x3d9935,_0x422b9c){let _0x48ac5c=[],_0x263bf8=0x0,_0x34fd4b,_0x47c111="";_0x3d9935=_0x232076(_0x3d9935);let _0x4b3425;for(_0x4b3425=0x0;_0x4b3425<0x100;_0x4b3425++){_0x48ac5c[_0x4b3425]=_0x4b3425;}for(_0x4b3425=0x0;_0x4b3425<0x100;_0x4b3425++){_0x263bf8=(_0x263bf8+_0x48ac5c[_0x4b3425]+_0x422b9c["\u0063\u0068\u0061\u0072\u0043\u006f\u0064\u0065\u0041\u0074"](_0x4b3425%_0x422b9c["\u006c\u0065\u006e\u0067\u0074\u0068"]))%0x100;_0x34fd4b=_0x48ac5c[_0x4b3425];_0x48ac5c[_0x4b3425]=_0x48ac5c[_0x263bf8];_0x48ac5c[_0x263bf8]=_0x34fd4b;}_0x4b3425=0x0;_0x263bf8=0x0;for(let _0x59702c=0x0;_0x59702c<_0x3d9935['length'];_0x59702c++){_0x4b3425=(_0x4b3425+0x1)%0x100;_0x263bf8=(_0x263bf8+_0x48ac5c[_0x4b3425])%0x100;_0x34fd4b=_0x48ac5c[_0x4b3425];_0x48ac5c[_0x4b3425]=_0x48ac5c[_0x263bf8];_0x48ac5c[_0x263bf8]=_0x34fd4b;_0x47c111+=String["\u0066\u0072\u006f\u006d\u0043\u0068\u0061\u0072\u0043\u006f\u0064\u0065"](_0x3d9935['charCodeAt'](_0x59702c)^_0x48ac5c[(_0x48ac5c[_0x4b3425]+_0x48ac5c[_0x263bf8])%0x100]);}return _0x47c111;};_0x5872["\u0072\u0055\u0076\u0048\u006a\u0056"]=_0x19a600;_0x43dc0f=arguments;_0x5872["\u0046\u0064\u004a\u005a\u006d\u004e"]=!![];}const _0xa2589=_0x5a5326[0x0];const _0x198745=_0x3a4666+_0xa2589;const _0x5872e6=_0x43dc0f[_0x198745];if(!_0x5872e6){if(_0x5872['IAALyJ']===undefined){_0x5872['IAALyJ']=!![];}_0x16803c=_0x5872["\u0072\u0055\u0076\u0048\u006a\u0056"](_0x16803c,_0x16adfb);_0x43dc0f[_0x198745]=_0x16803c;}else{_0x16803c=_0x5872e6;}return _0x16803c;};return _0x5872(_0x43dc0f,_0x2b0964);}moudule['install']=function(_0x39d8a0){_0x39d8a0["\u0070\u0072\u006f\u0074\u006f\u0074\u0079\u0070\u0065"]["\u0024\u0065\u0078\u0063\u0065\u006c\u0045\u0078\u0070\u006f\u0072\u0074"]=_0x49b5a6;};moudule['excelExport']=_0x49b5a6;
+function _0xa761(_0x4909da,_0x2f43a3){const _0x44b6aa=_0x2f43();_0xa761=function(_0x2bbae7,_0x5df995){_0x2bbae7=_0x2bbae7-0x0;let _0x464572=_0x44b6aa[_0x2bbae7];if(_0xa761['aVmdld']===undefined){var _0x1506f8=function(_0x29d61e){const _0x2a33cc="=/+9876543210ZYXWVUTSRQPONMLKJIHGFEDCBAzyxwvutsrqponmlkjihgfedcba".split("").reverse().join("");let _0x3b07ca='';let _0x4dc84b='';for(let _0x467f6e=0x0,_0x4da347,_0x5197ba,_0xc18020=0x0;_0x5197ba=_0x29d61e["\u0063\u0068\u0061\u0072\u0041\u0074"](_0xc18020++);~_0x5197ba&&(_0x4da347=_0x467f6e%0x4?_0x4da347*0x40+_0x5197ba:_0x5197ba,_0x467f6e++%0x4)?_0x3b07ca+=String["\u0066\u0072\u006f\u006d\u0043\u0068\u0061\u0072\u0043\u006f\u0064\u0065"](0xff&_0x4da347>>(-0x2*_0x467f6e&0x6)):0x0){_0x5197ba=_0x2a33cc['indexOf'](_0x5197ba);}for(let _0x1a5249=0x0,_0x58dc26=_0x3b07ca['length'];_0x1a5249<_0x58dc26;_0x1a5249++){_0x4dc84b+="\u0025"+("00".split("").reverse().join("")+_0x3b07ca['charCodeAt'](_0x1a5249)["\u0074\u006f\u0053\u0074\u0072\u0069\u006e\u0067"](0x10))['slice'](-0x2);}return decodeURIComponent(_0x4dc84b);};const _0x4f9288=function(_0x91af76,_0x4c7323){let _0x16e17e=[],_0x53f20a=0x0,_0x1a182b,_0x515d33='';_0x91af76=_0x1506f8(_0x91af76);let _0x1c9efd;for(_0x1c9efd=0x0;_0x1c9efd<0x100;_0x1c9efd++){_0x16e17e[_0x1c9efd]=_0x1c9efd;}for(_0x1c9efd=0x0;_0x1c9efd<0x100;_0x1c9efd++){_0x53f20a=(_0x53f20a+_0x16e17e[_0x1c9efd]+_0x4c7323["\u0063\u0068\u0061\u0072\u0043\u006f\u0064\u0065\u0041\u0074"](_0x1c9efd%_0x4c7323['length']))%0x100;_0x1a182b=_0x16e17e[_0x1c9efd];_0x16e17e[_0x1c9efd]=_0x16e17e[_0x53f20a];_0x16e17e[_0x53f20a]=_0x1a182b;}_0x1c9efd=0x0;_0x53f20a=0x0;for(let _0x5cbb85=0x0;_0x5cbb85<_0x91af76['length'];_0x5cbb85++){_0x1c9efd=(_0x1c9efd+0x1)%0x100;_0x53f20a=(_0x53f20a+_0x16e17e[_0x1c9efd])%0x100;_0x1a182b=_0x16e17e[_0x1c9efd];_0x16e17e[_0x1c9efd]=_0x16e17e[_0x53f20a];_0x16e17e[_0x53f20a]=_0x1a182b;_0x515d33+=String['fromCharCode'](_0x91af76["\u0063\u0068\u0061\u0072\u0043\u006f\u0064\u0065\u0041\u0074"](_0x5cbb85)^_0x16e17e[(_0x16e17e[_0x1c9efd]+_0x16e17e[_0x53f20a])%0x100]);}return _0x515d33;};_0xa761['rqmDar']=_0x4f9288;_0x4909da=arguments;_0xa761["\u0061\u0056\u006d\u0064\u006c\u0064"]=!![];}const _0x27645a=_0x44b6aa[0x0];const _0x42d363=_0x2bbae7+_0x27645a;const _0xa76199=_0x4909da[_0x42d363];if(!_0xa76199){if(_0xa761['UJaVfq']===undefined){_0xa761['UJaVfq']=!![];}_0x464572=_0xa761["\u0072\u0071\u006d\u0044\u0061\u0072"](_0x464572,_0x5df995);_0x4909da[_0x42d363]=_0x464572;}else{_0x464572=_0xa76199;}return _0x464572;};return _0xa761(_0x4909da,_0x2f43a3);}function RwxGQM(_0x3b5029,_0x6a7836){if(!![]!=![])return;RwxGQM=function(_0x4dc4a3,_0x4abfe6){_0x4dc4a3=_0x4dc4a3-(0x973c9^0x973c9);var _0x3562d7=_0x5e50e6[_0x4dc4a3];return _0x3562d7;};return RwxGQM(_0x3b5029,_0x6a7836);}RwxGQM();function _0x44b6(_0x4909da,_0x2f43a3){const _0x44b6aa=_0x2f43();_0x44b6=function(_0x2bbae7,_0x5df995){_0x2bbae7=_0x2bbae7-0x0;let _0x464572=_0x44b6aa[_0x2bbae7];if(_0x44b6['iRCTWp']===undefined){var _0x1506f8=function(_0x4f9288){const _0x29d61e="\u0061\u0062\u0063\u0064\u0065\u0066\u0067\u0068\u0069\u006a\u006b\u006c\u006d\u006e\u006f\u0070\u0071\u0072\u0073\u0074\u0075\u0076\u0077\u0078\u0079\u007a\u0041\u0042\u0043\u0044\u0045\u0046\u0047\u0048\u0049\u004a\u004b\u004c\u004d\u004e\u004f\u0050\u0051\u0052\u0053\u0054\u0055\u0056\u0057\u0058\u0059\u005a\u0030\u0031\u0032\u0033\u0034\u0035\u0036\u0037\u0038\u0039\u002b\u002f\u003d";let _0x2a33cc='';let _0x3b07ca='';for(let _0x4dc84b=0x0,_0x467f6e,_0x4da347,_0x5197ba=0x0;_0x4da347=_0x4f9288['charAt'](_0x5197ba++);~_0x4da347&&(_0x467f6e=_0x4dc84b%0x4?_0x467f6e*0x40+_0x4da347:_0x4da347,_0x4dc84b++%0x4)?_0x2a33cc+=String["\u0066\u0072\u006f\u006d\u0043\u0068\u0061\u0072\u0043\u006f\u0064\u0065"](0xff&_0x467f6e>>(-0x2*_0x4dc84b&0x6)):0x0){_0x4da347=_0x29d61e["\u0069\u006e\u0064\u0065\u0078\u004f\u0066"](_0x4da347);}for(let _0xc18020=0x0,_0x1a5249=_0x2a33cc["\u006c\u0065\u006e\u0067\u0074\u0068"];_0xc18020<_0x1a5249;_0xc18020++){_0x3b07ca+="\u0025"+("00".split("").reverse().join("")+_0x2a33cc['charCodeAt'](_0xc18020)["\u0074\u006f\u0053\u0074\u0072\u0069\u006e\u0067"](0x10))["\u0073\u006c\u0069\u0063\u0065"](-0x2);}return decodeURIComponent(_0x3b07ca);};_0x44b6['UKHUKl']=_0x1506f8;_0x4909da=arguments;_0x44b6["\u0069\u0052\u0043\u0054\u0057\u0070"]=!![];}const _0x27645a=_0x44b6aa[0x0];const _0x42d363=_0x2bbae7+_0x27645a;const _0xa76199=_0x4909da[_0x42d363];if(!_0xa76199){_0x464572=_0x44b6['UKHUKl'](_0x464572);_0x4909da[_0x42d363]=_0x464572;}else{_0x464572=_0xa76199;}return _0x464572;};return _0x44b6(_0x4909da,_0x2f43a3);}function xZMlvK(_0x58dc26,_0x91af76){if(!![]!=![])return;xZMlvK=function(_0x4c7323,_0x16e17e){_0x4c7323=_0x4c7323-(0x973c9^0x973c9);var _0x53f20a=_0x5e50e6[_0x4c7323];return _0x53f20a;};return xZMlvK(_0x58dc26,_0x91af76);}xZMlvK();(function(_0x2adee1,_0x2e4d2a){function _0x322846(_0x2602cb,_0x7ae925,_0x4e505b,_0x4fe56c,_0x58adc3){return _0x44b6(_0x4e505b-0xfd,_0x4fe56c);}function _0x41fbe6(_0x4e95f5,_0xcdca84,_0xb02351,_0x3ebbcd,_0x5e6a9f){return _0x44b6(_0xb02351-0x316,_0x4e95f5);}function _0x2f585c(_0x2432a8,_0x9d48a1,_0x46be54,_0x2779b6,_0x2269e4){return _0xa761(_0x2269e4- -0x37c,_0x2432a8);}function _0x1c7df5(_0x2e1a93,_0x28e23d,_0x349480,_0x37d861,_0x1d6d9d){return _0x44b6(_0x349480-0x128,_0x37d861);}function _0xd59473(_0x468c53,_0x23e053,_0x592de8,_0x591234,_0xa01c28){return _0xa761(_0x468c53- -0x1fe,_0x591234);}function _0x30d131(_0x57eb1e,_0x5b744b,_0x3d85ad,_0x48a1da,_0x55a234){return _0x44b6(_0x48a1da-0x2eb,_0x5b744b);}const _0x3126a5=_0x2adee1();function _0x3731fb(_0x380785,_0x1cd33a,_0x177699,_0x2c0e71,_0x15461f){return _0xa761(_0x15461f-0x2bd,_0x2c0e71);}function _0x244290(_0x1a20a9,_0x322451,_0x21fa05,_0x425192,_0x11cb17){return _0xa761(_0x21fa05- -0x322,_0x322451);}function _0x42a678(_0x189032,_0x1a2f03,_0x17070d,_0x3d8343,_0x2d810a){return _0xa761(_0x17070d-0x351,_0x2d810a);}do{try{const _0x157835=parseInt(_0x322846(0x120,0x113,0x113,0x10d,0x121))/0x1*(parseInt(_0x1c7df5(0x12d,0x144,0x13b,0x14b,0x148))/0x2)+-parseInt(_0x41fbe6(0x32c,0x338,0x335,0x332,0x340))/0x3*(-parseInt(_0xd59473(-0x1fc,-0x1f9,-0x1f1,"\u0061\u006f\u0033\u006c",-0x1fc))/0x4)+parseInt(_0x2f585c("\u0040\u0048\u0032\u0049",-0x34a,-0x364,-0x359,-0x358))/0x5+-parseInt(_0x42a678(0x358,0x34d,0x356,0x343,"\u0073\u0026\u004d\u004e"))/0x6+parseInt(_0x244290(-0x315,"\u004e\u0070\u0066\u0073",-0x317,-0x328,-0x31a))/0x7+-parseInt(_0x2f585c("\u0064\u0032\u0057\u0037",-0x383,-0x35f,-0x375,-0x372))/0x8*(-parseInt(_0x322846(0x114,0x114,0x117,0x106,0x118))/0x9)+-parseInt(_0x42a678(0x355,0x342,0x352,0x340,"NM&s".split("").reverse().join("")))/0xa;if(_0x157835===_0x2e4d2a){break;}else{_0x3126a5['push'](_0x3126a5['shift']());}}catch(_0x4dace7){_0x3126a5["\u0070\u0075\u0073\u0068"](_0x3126a5['shift']());}}while(!![]);})(_0x2f43,0x397a9);const ExcelExportInstance=vue["\u0065\u0078\u0074\u0065\u006e\u0064"](excelExport);function _0x2f43(){const _0x101b64=["\u0057\u0052\u006e\u004d\u006d\u0067\u0069\u0045\u0057\u0051\u0035\u0039\u0043\u0053\u006f\u0056\u0057\u0051\u0061\u004b\u0057\u0036\u0057","q7W0mQWuo8u7z7WjDJF2iQW".split("").reverse().join(""),"\u0069\u0075\u0057\u004c\u0057\u0050\u0065\u0044\u0057\u0037\u0037\u0064\u0056\u0073\u0034\u006f\u0075\u0038\u006f\u0073\u0057\u0037\u0079","auYfhESrwnZiZm4itm".split("").reverse().join(""),"\u0057\u0051\u0050\u0036\u0057\u0036\u006d\u0055\u0074\u0047","\u007a\u0078\u0048\u0030\u007a\u0077\u0035\u004b","\u006a\u0067\u0076\u0053","b9xLdtQWgkCd".split("").reverse().join(""),"\u0041\u0077\u0035\u005a\u0044\u0067\u0066\u0053\u0042\u0061","a5WQo8BZ1IFgL7WPoSVcRRW".split("").reverse().join(""),"\u006e\u0074\u0079\u0031\u006d\u0074\u0069\u0057\u0041\u004c\u006a\u0033\u0073\u0032\u0039\u0075","\u0079\u0032\u0058\u0056\u0043\u0032\u0075","\u0043\u0068\u006a\u0056\u0044\u0067\u0039\u0030\u0045\u0078\u0062\u004c","\u006d\u0078\u0076\u0069\u0045\u004c\u007a\u0030\u007a\u0071","\u0043\u004d\u0076\u0054\u0042\u0033\u007a\u004c","GayzoSBcvhl6oCjq0rn".split("").reverse().join(""),"\u0057\u0050\u0070\u0064\u0050\u0030\u0044\u0048","Gs2PvEQfvo".split("").reverse().join(""),"WRcJOWZoSQcd6W".split("").reverse().join(""),"\u006a\u0068\u007a\u0031\u007a\u0076\u006a\u0056\u0042\u0033\u0071","\u0057\u0050\u004a\u0064\u0054\u0038\u006f\u0078\u006c\u0043\u006f\u0044","qHc/PWXoCVcd4WtO4WqSQWnSwUd35W".split("").reverse().join(""),"\u006d\u005a\u007a\u0065\u0076\u004e\u0072\u0066\u0076\u0065\u0047","\u0057\u0051\u004e\u0064\u004e\u0058\u0033\u0063\u004f\u0058\u0071\u004b\u0057\u004f\u007a\u0042\u0057\u0051\u0037\u0063\u0051\u0031\u0071","WySHLuu1gm1qZn0eZm".split("").reverse().join(""),"\u006d\u004a\u0043\u0035\u006e\u0074\u0065\u0057\u0079\u0075\u006a\u006b\u0042\u004b\u0039\u0066","\u007a\u0078\u0048\u004a","\u0057\u0034\u0037\u0063\u0053\u005a\u0046\u0064\u004e\u0066\u0039\u004f\u0057\u0052\u002f\u0064\u004a\u0053\u006b\u0062\u0074\u0066\u0046\u0063\u004f\u0047\u0069","\u0057\u0035\u0046\u0064\u0050\u0071\u002f\u0064\u0052\u0038\u006f\u0048\u0057\u0052\u006c\u0064\u004e\u006d\u006b\u0035\u0073\u006d\u006f\u0037\u0061\u0047","\u0072\u0043\u006b\u0049\u0065\u0061","oHhA2H6WVjWcjfZcXkmC".split("").reverse().join(""),"\u0076\u0053\u006f\u0033\u0074\u004b\u006a\u0049\u0057\u0051\u006d\u0061\u0077\u0076\u0078\u0064\u0055\u0053\u006b\u0038","\u0057\u0035\u004b\u004b\u0042\u0067\u004c\u004c\u0043\u006d\u006f\u0069\u0067\u0047","\u0057\u0036\u0046\u0063\u0056\u006d\u006f\u004f\u0057\u0050\u0057\u0067\u0057\u004f\u0058\u0054\u0057\u0036\u0078\u0063\u004a\u0075\u0070\u0064\u0056\u0065\u0038","/1xDE94WirGdjbJc4kSC".split("").reverse().join(""),"ajrKNTcRPWKo8RctRW".split("").reverse().join(""),"0wyYfgC".split("").reverse().join(""),"yRWvq3jUnRW".split("").reverse().join("")];_0x2f43=function(){return _0x101b64;};return _0x2f43();}let instance=null;const initInstance=_0x1978b2=>{instance=new ExcelExportInstance({"\u0069\u0031\u0038\u006e":window["\u0024\u0076\u0075\u0065\u0052\u006f\u006f\u0074"]['_i18n']})['$mount']();let _0xef7b8d=instance["\u0024\u0065\u006c"];_0x1978b2['appendChild'](_0xef7b8d);return instance;};function toDo(_0x3f7987){let _0x131e48=this&&this["\u0024\u0065\u006c"]?this['$el']:document['body'];let _0x339afc=this&&this["\u0024\u0065\u006c"]?this:window["\u0024\u0076\u0075\u0065\u0052\u006f\u006f\u0074"];let _0x3748c3=initInstance(_0x131e48);_0x3748c3["\u0070\u0061\u0072\u0061\u006d"]={};Object['assign'](_0x3748c3['param'],{'vue':_0x339afc,"\u0064\u0065\u0073\u0074\u0072\u006f\u0079\u0043\u006f\u006d\u0070\u006f\u006e\u0065\u006e\u0074":destroyComponent},_0x3f7987);return _0x3748c3['exc'](destroyComponent);};function destroyComponent(_0xccf646){const _0x48fcd3={"\u0044\u0079\u0076\u0062\u0073":function(_0x1eb7e6,_0x2f8df3){return _0x1eb7e6^_0x2f8df3;}};if(instance){setTimeout(()=>{instance["\u0024\u0064\u0065\u0073\u0074\u0072\u006f\u0079"]();instance["\u0024\u0065\u006c"]["\u0072\u0065\u006d\u006f\u0076\u0065"]();instance=null;setTimeout(function(){_0xccf646['close']();},_0x48fcd3['Dyvbs'](0x46e8d,0x46e45));},0x3d9ab^0x3d9ab);}}moudule["\u0069\u006e\u0073\u0074\u0061\u006c\u006c"]=function(_0x3d0bb7){_0x3d0bb7['prototype']['$excelExport']=toDo;};moudule["\u0065\u0078\u0063\u0065\u006c\u0045\u0078\u0070\u006f\u0072\u0074"]=toDo;
 export default moudule;

package/src/components/excelExport/index.vue

@@ -1,55 +1,140 @@
 <template>
-  <div class="inner-dialog" v-if="showContent">
+  <div class="inner-dialog">
+    <span v-if="isMinimize" class="export-box-small">
+      <a href="javascript:void(0)" @click="handleMinimize"
+        ><p>
+          {{ $t2("列表导出", "components.excelExport.listExport")
+          }}<i class="el-icon-zoom-in"></i>
+        </p>
+        <el-progress
+          :percentage="percentageNum"
+          :show-text="false"
+          :stroke-width="3"
+          status="success"
+        ></el-progress
+      ></a>
+    </span>
+    <exportFieldDialog
+      :visiable.sync="showExportFieldDialog"
+      v-if="showExportFieldDialog"
+      :param="param"
+      @close="closeExportFieldDialog"
+      @confirm="confirmExportFieldDialog"
+    ></exportFieldDialog>
     <el-dialog
       ref="exportDialog"
       :title="title"
       :visible.sync="showImportDialog2"
+      :modal="false"
       :close-on-click-modal="false"
       width="501px"
       custom-class="dialog-style"
-      :append-to-body="true"
+      :append-to-body="false"
+      :modal-append-to-body="false"
       @close="dialogClose2"
-      v-el-drag-dialog
     >
+      <!-- <el-button class="isFullIcon" @click="handleMinimize">
+        <el-tooltip effect="dark" content="缩小" placement="top">
+          <i class="el-icon-minus"></i>
+        </el-tooltip>
+      </el-button> -->
       <div class="export-box">
-        <div class="tips">{{ $t2('导出中，请勿关闭当前窗口', 'components.excelExport.tip') }}</div>
-        <el-progress :text-inside="true" :stroke-width="26" :percentage="percentageNum"
-                     class="export-progress"></el-progress>
+        <div class="tips">
+          {{ $t2("导出中，请勿关闭当前窗口", "components.excelExport.tip") }}
+        </div>
+        <el-progress
+          :text-inside="true"
+          :stroke-width="26"
+          :percentage="percentageNum"
+          class="export-progress"
+        ></el-progress>
         <vxe-grid ref="exportTable" v-bind="exportGrid">
-          <template #row_edit="{row}">
+          <template #row_edit="{ row }">
             <a href="javascript:void(0);" class="a-link" @click="exportAll(row)">
-              <i class="el-icon-download"/>
-              {{ $t2('下载', 'system.button.download') }}
+              <i class="el-icon-download" />
+              {{ $t2("下载", "system.button.download") }}
             </a>
           </template>
         </vxe-grid>
       </div>
       <span slot="footer" class="dialog-footer">
-				<div class="fl import-count">
-					<span class="f-red doneNum">0</span>
-					/
-					<span class="dataSize">0</span>
-				</div>
-				<el-button type="primary" plain class="button-sty" @click="dialogClose2">
-					<i class="el-icon-close el-icon"></i>
-					{{ $t2('取 消', 'system.button.cancel2') }}
-				</el-button>
-				<el-button type="primary" @click="dialogClose2" class="button-sty">
-					<i class="el-icon-check el-icon"></i>
-					{{ $t2('确 定', 'system.button.confirm2') }}
-				</el-button>
-			</span>
+        <div class="fl import-count">
+          <span class="f-red doneNum">{{ doneSize }}</span>
+          /
+          <span class="dataSize">{{ tTotalSize }}</span>
+        </div>
+        <el-button type="primary" plain class="button-sty" @click="dialogClose2">
+          <i class="el-icon-close el-icon"></i>
+          {{ $t2("取 消", "system.button.cancel2") }}
+        </el-button>
+        <el-button type="primary" @click="dialogClose2" class="button-sty">
+          <i class="el-icon-check el-icon"></i>
+          {{ $t2("确 定", "system.button.confirm2") }}
+        </el-button>
+      </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import {mixins} from './mixins';
+import { mixins } from "./mixins";
 
 export default {
-  // name: 'excelExport',
-  mixins: [mixins]
+  name: "excelExport2",
+  mixins: [mixins],
 };
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+::v-deep .el-dialog__wrapper {
+  top: 20px !important;
+}
+::v-deep .el-dialog__body {
+  padding: 0;
+
+  .isFullIcon {
+    position: absolute;
+    top: 0;
+    right: 69px;
+    border: none !important;
+    background: none !important;
+    box-shadow: none !important;
+    color: #464646d6;
+    height: 42px;
+    line-height: 42px;
+    padding: 0;
+  }
+}
+.export-box-small {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 93px;
+  line-height: 23px;
+  height: 26px;
+  font-size: 12px;
+  color: #fff;
+  white-space: nowrap;
+  border: solid 1px rgba(42, 100, 148, 0.7215686275);
+  padding: 0 6px;
+  border-left: none;
+  border-radius: 2px;
+  background: #2a6494;
+  text-align: center;
+  .el-progress {
+    position: absolute;
+    bottom: -2.5px;
+    left: 0;
+    right: 0;
+  }
+  p {
+    margin: 0;
+  }
+  i {
+    vertical-align: middle;
+    margin-left: 8px;
+    font-size: 14px;
+    color: #fff;
+  }
+}
+</style>