n20-common-lib 1.3.0 → 1.3.3

package/src/components/NstcG6Components/NstcSvgIcon/NstcSvgIcon.vue

@@ -5,23 +5,18 @@
 -->
 <template>
   <div
-      v-if="isExternal"
-      :style="styleExternalIcon"
-      class="svg-external-icon svg-icon"
-      v-on="$listeners"
+    v-if="isExternal"
+    :style="styleExternalIcon"
+    class="svg-external-icon svg-icon"
+    v-on="$listeners"
   />
-  <svg
-      v-else
-      :class="svgClass"
-      aria-hidden="true"
-      v-on="$listeners"
-  >
+  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
     <use :xlink:href="iconName" />
   </svg>
 </template>
 
 <script>
-import { isExternal } from '@/utils/validate'
+import { isExternal } from '../../../utils/validate'
 
 export default {
   name: 'NstcSvgIcon',
@@ -70,7 +65,7 @@ export default {
 
 .svg-external-icon {
   background-color: currentColor;
-  mask-size: cover!important;
+  mask-size: cover !important;
   display: inline-block;
 }
 </style>

package/src/components/NstcG6Components/NstcTable/NstcTable.vue

@@ -5,84 +5,84 @@
 -->
 <template>
   <div
-      :class="[
+    :class="[
       'element-table-custom',
-      { 'vertical-header-el-table': isVerticalHeader },
+      { 'vertical-header-el-table': isVerticalHeader }
     ]"
   >
     <el-table
-        ref="elTable"
-        v-bind="$attrs"
-        :data="data"
-        :show-summary="!!summaryProps.length"
-        :summary-method="summaryMethod"
-        :span-method="objectSpanMethod"
-        :row-class-name="getRowClass"
-        style="width: 100%"
-        :max-height="maxHeight || null"
-        @row-click="rowClick"
-        border
-        v-on="$listeners"
+      ref="elTable"
+      v-bind="$attrs"
+      :data="data"
+      :show-summary="!!summaryProps.length"
+      :summary-method="summaryMethod"
+      :span-method="objectSpanMethod"
+      :row-class-name="getRowClass"
+      style="width: 100%"
+      :max-height="maxHeight || null"
+      @row-click="rowClick"
+      border
+      v-on="$listeners"
     >
       <!--   前部   -->
-      <slot name="before"/>
+      <slot name="before" />
 
       <!--   主体   -->
       <template v-for="(column, index) in columns">
         <ElTableColumnCustom
-            ref="columnRef"
-            :key="index"
-            :show-overflow-tooltip="true"
-            :column="column"
-            :break-num="column.breakNum || 2"
-            @sortPropChange="handleSortPropChange"
+          ref="columnRef"
+          :key="index"
+          :show-overflow-tooltip="true"
+          :column="column"
+          :break-num="column.breakNum || 2"
+          @sortPropChange="handleSortPropChange"
         />
       </template>
 
       <!--  操作    -->
       <el-table-column
-          v-if="showHandlers"
-          :width="handlersWidth"
-          fixed="right"
-          :label="handlersLabel"
-          header-align="center"
+        v-if="showHandlers"
+        :width="handlersWidth"
+        fixed="right"
+        :label="handlersLabel"
+        header-align="center"
       >
         <template slot-scope="scope">
           <div class="element-table-custom-handlers">
-            <slot :row="scope.row" :index="scope.$index"/>
-            <slot :row="scope.row" name="handlers"/>
+            <slot :row="scope.row" :index="scope.$index" />
+            <slot :row="scope.row" name="handlers" />
           </div>
         </template>
       </el-table-column>
       <!--  尾部    -->
-      <slot name="after"/>
+      <slot name="after" />
     </el-table>
-    <slot name="sum"/>
+    <slot name="sum" />
 
     <NstcPagination
-        v-if="showPagination && !isVerticalHeader"
-        v-model="pagination"
-        :page="pagination.page"
-        :page-size="pagination.limit"
-        :total="pagination.total"
-        :is-inter-face="isInterFace"
-        @pagination-change="paginationChange"
+      v-if="showPagination && !isVerticalHeader"
+      v-model="pagination"
+      :page="pagination.page"
+      :page-size="pagination.limit"
+      :total="pagination.total"
+      :is-inter-face="isInterFace"
+      @pagination-change="paginationChange"
     />
   </div>
 </template>
 
 <script>
-import ElTableColumnCustom from "./ElTableColumnCustom/index";
-import Sortable from "sortablejs";
-import NstcPagination from "../NstcPagination/NstcPagination";
-import axios from "@/utils/axios";
+import ElTableColumnCustom from './ElTableColumnCustom/index'
+import Sortable from 'sortablejs'
+import NstcPagination from '../NstcPagination/NstcPagination'
+import axios from '../../../utils/axios'
 
 export default {
-  name: "NstcTable",
+  name: 'NstcTable',
 
   components: {
     ElTableColumnCustom,
-    NstcPagination,
+    NstcPagination
   },
 
   inheritAttrs: false,
@@ -90,81 +90,81 @@ export default {
   props: {
     maxHeight: {
       type: Number,
-      default: 0,
+      default: 0
     },
     styles: {
       type: Object,
-      default: () => ({}),
+      default: () => ({})
     },
 
     nodata: {
       default: false,
-      type: Boolean,
+      type: Boolean
     },
 
     canDoLayout: {
       default: true,
-      type: Boolean,
+      type: Boolean
     },
 
     canDragRow: {
       default: false,
-      type: Boolean,
+      type: Boolean
     },
 
     dragRowMethod: {
       default: undefined,
-      type: Function,
+      type: Function
     },
 
     columns: {
       type: Array,
       required: true,
-      default: () => [],
+      default: () => []
     },
 
     data: {
       type: Array,
       required: true,
-      default: () => [],
+      default: () => []
     },
 
     sortProp: {
-      default: "",
-      type: String,
+      default: '',
+      type: String
     },
 
     sortCustom: {
       default: false,
-      type: Boolean,
+      type: Boolean
     },
 
     handlersWidth: {
-      default: "auto",
-      type: String,
+      default: 'auto',
+      type: String
     },
 
     handlersLabel: {
       type: String,
       default: function () {
-        return "操作";
-      },
+        return '操作'
+      }
     },
 
     isVerticalHeader: {
       default: false,
-      type: Boolean,
+      type: Boolean
     },
 
     summaryProps: {
       type: Array,
-      default: () => [],
+      default: () => []
     },
 
     // 分页器是否展示
     showPagination: {
       default: true,
-      type: Boolean,
+      type: Boolean
     },
 
     pagination: {
@@ -173,16 +173,16 @@ export default {
         return {
           page: 1,
           limit: 20,
-          total: 100,
-        };
-      },
+          total: 100
+        }
+      }
     },
 
     sumText: {
       type: String,
       default: function () {
-        return "本页合计";
-      },
+        return '本页合计'
+      }
     },
 
     /**
@@ -191,32 +191,32 @@ export default {
     mergeSpan: {
       type: Array,
       default: () => {
-        return [];
-      },
+        return []
+      }
     },
     // 更具行内数据更改样式
     rowClass: {
       type: Object,
       default: () => {
         return {
-          key: "",
-          list: [],
-        };
-      },
+          key: '',
+          list: []
+        }
+      }
     },
     // 分页是否固定在页面底部
     isFixed: {
       type: Boolean,
-      default: false,
+      default: false
     },
     // 是否是主界面
     isInterFace: {
       type: Boolean,
-      default: false,
+      default: false
     },
     rowClick: {
       type: [Object, Function],
-      default: () => ({}),
+      default: () => ({})
     }
   },
 
@@ -227,100 +227,100 @@ export default {
       sortable: null, // 拖拽表格库实例
       // 表格合并
       mergeSpanCol: [],
-      mergeSpanRow: [],
-    };
+      mergeSpanRow: []
+    }
   },
 
   computed: {
     showHandlers() {
-      return this.$scopedSlots.default || this.$scopedSlots.handlers;
-    },
+      return this.$scopedSlots.default || this.$scopedSlots.handlers
+    }
   },
 
   watch: {},
 
   mounted() {
-    this.init();
+    this.init()
   },
 
   beforeDestroy() {
     if (this.sortable) {
-      this.sortable.destroy();
-      this.sortable = null;
+      this.sortable.destroy()
+      this.sortable = null
     }
   },
 
   methods: {
     down() {
-      const url = "/api/nstc-ers/1.0/elecBill/file/download";
+      const url = '/api/nstc-ers/1.0/elecBill/file/download'
       axios({
         url: url,
-        method: "get",
-        responseType: "blob",
+        method: 'get',
+        responseType: 'blob'
       }).then((res) => {
-        console.log(res);
-        const content = res;
-        const blob = new Blob([content]);
-        if ("download" in document.createElement("a")) {
-          const link = document.createElement("a");
-          link.download = "1.txt";
-          link.style.display = "none";
-          link.href = URL.createObjectURL(blob);
-          document.body.appendChild(link);
-          link.click();
-          URL.revokeObjectURL(link.href);
-          document.body.removeChild(link);
+        console.log(res)
+        const content = res
+        const blob = new Blob([content])
+        if ('download' in document.createElement('a')) {
+          const link = document.createElement('a')
+          link.download = '1.txt'
+          link.style.display = 'none'
+          link.href = URL.createObjectURL(blob)
+          document.body.appendChild(link)
+          link.click()
+          URL.revokeObjectURL(link.href)
+          document.body.removeChild(link)
         } else {
-          navigator.msSaveBlob(blob, "1.txt");
+          navigator.msSaveBlob(blob, '1.txt')
         }
-      });
+      })
     },
     paginationChange(data) {
       // this._pagination = { ...data }
-      console.log(data);
+      console.log(data)
 
-      this.$emit("pagination-change", data);
+      this.$emit('pagination-change', data)
     },
     doLayout() {
-      this.$refs.table.doLayout();
+      this.$refs.table.doLayout()
     },
 
     handleSortPropChange(prop) {
-      this.$emit("update:sortProp", prop);
-      this.$emit("sortPropChange", prop);
+      this.$emit('update:sortProp', prop)
+      this.$emit('sortPropChange', prop)
 
-      this.eleSort();
+      this.eleSort()
     },
 
     eleSort() {
       !this.sortCustom &&
-      this.sortProp &&
-      this.$refs.table.sort(this.sortProp, "descending");
+        this.sortProp &&
+        this.$refs.table.sort(this.sortProp, 'descending')
     },
 
     // 合计
-    summaryMethod({columns, data}) {
-      return columns.reduce((sums, {property}, index) => {
+    summaryMethod({ columns, data }) {
+      return columns.reduce((sums, { property }, index) => {
         if (this.summaryProps.includes(property)) {
           const sum = data.reduce((prev, curr) => {
-            const value = Number(curr[property]);
+            const value = Number(curr[property])
 
-            return isNaN(value) ? prev : prev + value;
-          }, 0);
+            return isNaN(value) ? prev : prev + value
+          }, 0)
 
-          return [...sums, sum];
+          return [...sums, sum]
         }
-        return [...sums, index === 0 ? this.sumText : "-"];
-      }, []);
+        return [...sums, index === 0 ? this.sumText : '-']
+      }, [])
     },
     // 根据行中某个字段，显示添加不同的样式
     getRowClass(row) {
       if (!this.rowClass.key) {
-        return "";
+        return ''
       } else {
         for (let i = 0; i < this.rowClass.list.length; i++) {
-          if (row.row[this.rowClass.key] === this.rowClass.list[i]["value"]) {
-            return this.rowClass.list[i]["name"];
+          if (row.row[this.rowClass.key] === this.rowClass.list[i]['value']) {
+            return this.rowClass.list[i]['name']
           }
         }
       }
@@ -335,34 +335,34 @@ export default {
      * @returns {*|{colspan: number, rowspan: number}}
      */
     // eslint-disable-next-line no-unused-vars
-    objectSpanMethod({row, column, rowIndex, columnIndex}) {
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
       if (this.mergeSpan.length === 0) {
         return {
           rowspan: 1,
-          colspan: 1,
-        };
+          colspan: 1
+        }
       } else {
         // 格式化数据
         if (this.mergeSpanCol.length === 0) {
           for (let i = 0; i < this.mergeSpan.length; i++) {
-            this.mergeSpanCol.push(this.mergeSpan[i][`col`]);
-            this.mergeSpanRow.push(this.mergeSpan[i][`row`]);
+            this.mergeSpanCol.push(this.mergeSpan[i][`col`])
+            this.mergeSpanRow.push(this.mergeSpan[i][`row`])
           }
         }
         if (
-            this.mergeSpanCol.includes(columnIndex) &&
-            this.mergeSpanRow.includes(rowIndex)
+          this.mergeSpanCol.includes(columnIndex) &&
+          this.mergeSpanRow.includes(rowIndex)
         ) {
           const temp = this.mergeSpan.filter((i) => {
-            return i.col === columnIndex && i.row === rowIndex;
-          });
+            return i.col === columnIndex && i.row === rowIndex
+          })
           if (temp.length === 1) {
-            return temp[0][`span`];
+            return temp[0][`span`]
           } else {
             return {
               rowspan: 1,
-              colspan: 1,
-            };
+              colspan: 1
+            }
           }
         }
       }
@@ -370,35 +370,35 @@ export default {
 
     setDrag() {
       const $tbody = this.$refs.elTable.$el.querySelectorAll(
-          ".el-table__body-wrapper > table > tbody"
-      )[0];
+        '.el-table__body-wrapper > table > tbody'
+      )[0]
 
       this.sortable = Sortable.create($tbody, {
-        ghostClass: "sortable-ghost", // Class name for the drop placeholder,
+        ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
         setData: function (dataTransfer) {
           // to avoid Firefox bug
           // Detail see : https://github.com/RubaXa/Sortable/issues/1012
-          dataTransfer.setData("Text", "");
+          dataTransfer.setData('Text', '')
         },
         onEnd: (evt) => {
           // this.dragRowMethod && this.dragRowMethod(evt)
-          const targetRow = this.data.splice(evt.oldIndex, 1)[0];
+          const targetRow = this.data.splice(evt.oldIndex, 1)[0]
           this.$nextTick(() => {
             this.$nextTick(() => {
-              this.data.splice(evt.newIndex, 0, targetRow);
-            });
-          });
-        },
-      });
+              this.data.splice(evt.newIndex, 0, targetRow)
+            })
+          })
+        }
+      })
     },
 
     init() {
       this.$nextTick(() => {
-        this.canDragRow && this.setDrag();
-      });
-    },
-  },
-};
+        this.canDragRow && this.setDrag()
+      })
+    }
+  }
+}
 </script>
 
 <style lang="scss">

package/src/components/NstcG6Components/NstcTableSet/NstcTableSet.vue

@@ -101,9 +101,9 @@
 </template>
 
 <script>
-import NstcDialog from '@/components/NstcG6Components/NstcDialog/NstcDialog'
-import CheckboxCustom from '@/components/NstcG6Components/Form/CheckboxCustom'
-import axios from '@/utils/axios'
+import NstcDialog from '../NstcDialog/NstcDialog'
+import CheckboxCustom from '../NstcForm/CheckboxCustom/index.vue'
+import axios from '../../../utils/axios'
 import Sortable from 'sortablejs'
 
 export default {
@@ -522,7 +522,7 @@ export default {
       this.excelExportList = data
       this.excelDownloadLoading = true
       let that = this
-      import('@/utils/vendor/Export2Excel').then((excel) => {
+      import('../../../utils/vendor/Export2Excel').then((excel) => {
         const tHeader = this.result.map((i) => {
           return i[`name`]
         })