n20-common-lib 1.3.40 → 1.3.43

package/nstc-g6/components/NstcUploadExcel/NstcUploadExcel.vue

@@ -1,145 +1,145 @@
-<!--
-  功能：    导入excel
-  作者：    nstc
-  创建时间： 2021-02-05
--->
-<template>
-  <div
-      v-loading="loading"
-      class="excel-import-box"
-      :element-loading-text="analysisText"
-      element-loading-spinner="el-icon-loading"
-      element-loading-background="rgba(0, 0, 0, 0.8)"
-      @drop="handleDrop"
-      @dragover="handleDragover"
-      @dragenter="handleDragover"
-  >
-    <input
-        ref="excel-upload-input"
-        class="excel-upload-input"
-        type="file"
-        accept=".xlsx, .xls, .csv"
-        @change="handleClick"
-    >
-    <i class="el-icon-upload" />
-  </div>
-</template>
-
-<script>
-import XLSX from 'xlsx'
-
-export default {
-  name: 'NstcUploadExcel',
-  props: {
-    beforeUpload: Function, // eslint-disable-line
-    onSuccess: Function// eslint-disable-line
-  },
-  data() {
-    return {
-      loading: false,
-      excelData: {
-        header: null,
-        results: null
-      },
-      analysisText: 'analysis'
-    }
-  },
-  methods: {
-    generateData({ header, results }) {
-      this.excelData.header = header
-      this.excelData.results = results
-      this.onSuccess && this.onSuccess(this.excelData)
-    },
-    handleDrop(e) {
-      e.stopPropagation()
-      e.preventDefault()
-      if (this.loading) return
-      const files = e.dataTransfer.files
-      if (files.length !== 1) {
-        this.$message.error('Only support uploading one file!')
-        return
-      }
-      const rawFile = files[0] // only use files[0]
-
-      if (!this.isExcel(rawFile)) {
-        this.$message.error('Only supports upload .xlsx, .xls, .csv suffix files')
-        return false
-      }
-      this.upload(rawFile)
-      e.stopPropagation()
-      e.preventDefault()
-    },
-    handleDragover(e) {
-      e.stopPropagation()
-      e.preventDefault()
-      e.dataTransfer.dropEffect = 'copy'
-    },
-    handleUpload() {
-      this.$refs['excel-upload-input'].click()
-    },
-    handleClick(e) {
-      const files = e.target.files
-      const rawFile = files[0] // only use files[0]
-      if (!rawFile) return
-      this.upload(rawFile)
-    },
-    upload(rawFile) {
-      this.$refs['excel-upload-input'].value = null // fix can't select the same excel
-
-      if (!this.beforeUpload) {
-        this.readerData(rawFile)
-        return
-      }
-      const before = this.beforeUpload(rawFile)
-      if (before) {
-        this.readerData(rawFile)
-      }
-    },
-    readerData(rawFile) {
-      this.loading = true
-      return new Promise((resolve) => {
-        const reader = new FileReader()
-        reader.onload = e => {
-          const data = e.target.result
-          const workbook = XLSX.read(data,{
-            type: 'array',
-            cellDates: true,
-          })
-          const firstSheetName = workbook.SheetNames[0]
-          const worksheet = workbook.Sheets[firstSheetName]
-          const header = this.getHeaderRow(worksheet)
-          const results = XLSX.utils.sheet_to_json(worksheet)
-
-          this.generateData({ header, results })
-          this.loading = false
-          resolve()
-        }
-        reader.readAsArrayBuffer(rawFile)
-      })
-    },
-    getHeaderRow(sheet) {
-      console.log(sheet)
-      const headers = []
-      const range = XLSX.utils.decode_range(sheet['!ref'])
-      let C
-      const R = range.s.r
-      /* start in the first row */
-      for (C = range.s.c; C <= range.e.c; ++C) { /* walk every column in the range */
-        const cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })]
-        /* find the cell in the first row */
-        let hdr = 'UNKNOWN ' + C // <-- replace with your desired default
-        if (cell && cell.t) hdr = XLSX.utils.format_cell(cell)
-        headers.push(hdr)
-      }
-      return headers
-    },
-    isExcel(file) {
-      return /\.(xlsx|xls|csv)$/.test(file.name)
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-</style>
-
+<!--
+  功能：    导入excel
+  作者：    nstc
+  创建时间： 2021-02-05
+-->
+<template>
+  <div
+      v-loading="loading"
+      class="excel-import-box"
+      :element-loading-text="analysisText"
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(0, 0, 0, 0.8)"
+      @drop="handleDrop"
+      @dragover="handleDragover"
+      @dragenter="handleDragover"
+  >
+    <input
+        ref="excel-upload-input"
+        class="excel-upload-input"
+        type="file"
+        accept=".xlsx, .xls, .csv"
+        @change="handleClick"
+    >
+    <i class="el-icon-upload" />
+  </div>
+</template>
+
+<script>
+import XLSX from 'xlsx'
+
+export default {
+  name: 'NstcUploadExcel',
+  props: {
+    beforeUpload: Function, // eslint-disable-line
+    onSuccess: Function// eslint-disable-line
+  },
+  data() {
+    return {
+      loading: false,
+      excelData: {
+        header: null,
+        results: null
+      },
+      analysisText: 'analysis'
+    }
+  },
+  methods: {
+    generateData({ header, results }) {
+      this.excelData.header = header
+      this.excelData.results = results
+      this.onSuccess && this.onSuccess(this.excelData)
+    },
+    handleDrop(e) {
+      e.stopPropagation()
+      e.preventDefault()
+      if (this.loading) return
+      const files = e.dataTransfer.files
+      if (files.length !== 1) {
+        this.$message.error('Only support uploading one file!')
+        return
+      }
+      const rawFile = files[0] // only use files[0]
+
+      if (!this.isExcel(rawFile)) {
+        this.$message.error('Only supports upload .xlsx, .xls, .csv suffix files')
+        return false
+      }
+      this.upload(rawFile)
+      e.stopPropagation()
+      e.preventDefault()
+    },
+    handleDragover(e) {
+      e.stopPropagation()
+      e.preventDefault()
+      e.dataTransfer.dropEffect = 'copy'
+    },
+    handleUpload() {
+      this.$refs['excel-upload-input'].click()
+    },
+    handleClick(e) {
+      const files = e.target.files
+      const rawFile = files[0] // only use files[0]
+      if (!rawFile) return
+      this.upload(rawFile)
+    },
+    upload(rawFile) {
+      this.$refs['excel-upload-input'].value = null // fix can't select the same excel
+
+      if (!this.beforeUpload) {
+        this.readerData(rawFile)
+        return
+      }
+      const before = this.beforeUpload(rawFile)
+      if (before) {
+        this.readerData(rawFile)
+      }
+    },
+    readerData(rawFile) {
+      this.loading = true
+      return new Promise((resolve) => {
+        const reader = new FileReader()
+        reader.onload = e => {
+          const data = e.target.result
+          const workbook = XLSX.read(data,{
+            type: 'array',
+            cellDates: true,
+          })
+          const firstSheetName = workbook.SheetNames[0]
+          const worksheet = workbook.Sheets[firstSheetName]
+          const header = this.getHeaderRow(worksheet)
+          const results = XLSX.utils.sheet_to_json(worksheet)
+
+          this.generateData({ header, results })
+          this.loading = false
+          resolve()
+        }
+        reader.readAsArrayBuffer(rawFile)
+      })
+    },
+    getHeaderRow(sheet) {
+      console.log(sheet)
+      const headers = []
+      const range = XLSX.utils.decode_range(sheet['!ref'])
+      let C
+      const R = range.s.r
+      /* start in the first row */
+      for (C = range.s.c; C <= range.e.c; ++C) { /* walk every column in the range */
+        const cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })]
+        /* find the cell in the first row */
+        let hdr = 'UNKNOWN ' + C // <-- replace with your desired default
+        if (cell && cell.t) hdr = XLSX.utils.format_cell(cell)
+        headers.push(hdr)
+      }
+      return headers
+    },
+    isExcel(file) {
+      return /\.(xlsx|xls|csv)$/.test(file.name)
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+</style>
+

package/nstc-g6/components/NstcWorkBench/NstcWorkBench.vue

@@ -1,180 +1,180 @@
-<template>
-  <div>
-    <div class="wraper">
-      <div class="total">
-        <div style="font-weight: 600">待审核</div>
-        <div style="font-size: 24px; font-weight: 600">
-          {{ taskList.totalSize || 0 }}
-        </div>
-        <div>今日新增 {{ taskSun || 0 }}</div>
-      </div>
-      <div style="margin-top: 5px">
-        <!-- :data="taskList.list" -->
-        <el-table :data="taskList.list" tooltip-effect>
-          <el-table-column prop="date" label="状态">
-            <template> 待审核 </template>
-          </el-table-column>
-          <el-table-column prop="typeName" label="交易类型" />
-          <el-table-column prop="applyMember" label="单位名称" />
-          <el-table-column prop="importantInfo" label="关键信息">
-            <template slot-scope="scope">
-              <el-popover trigger="hover" placement="top">
-                <div style="width: 300px">{{ scope.row.importantInfo }}</div>
-                <div
-                  slot="reference"
-                  class="name-wrapper"
-                  style="
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                  "
-                >
-                  {{ scope.row.importantInfo }}
-                </div>
-              </el-popover>
-            </template>
-          </el-table-column>
-          <el-table-column prop="address" label="操作">
-            <template>
-              <el-button size="mini" type="primary">审批</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <div class="wraper" style="margin-top: 20px">
-      <div class="total">
-        <div style="font-weight: 600">待处理</div>
-        <div style="font-size: 24px; font-weight: 600">
-          {{ pendingList.totalSize || 0 }}
-        </div>
-        <div>今日新增 {{ pendingSun || 0 }}</div>
-      </div>
-      <div style="margin-top: 5px">
-        <el-table :data="pendingList.list">
-          <el-table-column prop="date" label="状态">
-            <template slot-scope="scope">
-              <!-- 1.已保存 2.已撤回 3.驳回至发起人 4.驳回至上一步 5.拒绝 6.进行中 7.已结束 8.已作废 -->
-              {{
-                scope.row.state == 1
-                  ? '已保存'
-                  : scope.row.state == 2
-                  ? '已撤回'
-                  : scope.row.state == 3
-                  ? '驳回至发起人'
-                  : scope.row.state == 4
-                  ? '驳回至上一步'
-                  : scope.row.state == 5
-                  ? '拒绝'
-                  : scope.row.state == 6
-                  ? '进行中'
-                  : scope.row.state == 7
-                  ? '已结束'
-                  : '已作废'
-              }}
-            </template>
-          </el-table-column>
-          <el-table-column prop="typeName" label="交易类型" />
-          <el-table-column prop="applyMember" label="单位名称" />
-          <el-table-column prop="importantInfo" label="关键信息">
-            <template slot-scope="scope">
-              <el-popover trigger="hover" placement="top">
-                <div style="width: 300px">{{ scope.row.importantInfo }}</div>
-                <div
-                  slot="reference"
-                  class="name-wrapper"
-                  style="
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                  "
-                >
-                  {{ scope.row.importantInfo }}
-                </div>
-              </el-popover>
-            </template>
-          </el-table-column>
-          <el-table-column label="操作">
-            <template>
-              <el-button size="mini" type="primary">去处理</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import axios from '../../utils/axios'
-export default {
-  name: 'NstcWorkBench',
-  data() {
-    return {
-      taskSun: '',
-      taskList: {},
-      pendingSun: '',
-      pendingList: {}
-    }
-  },
-  mounted() {
-    this.intData()
-  },
-  methods: {
-    async intData() {
-      try {
-        //待审核
-        let taskSun = await axios.post(`/bems/activiti/admin/todo/addQty`)
-        this.taskSun = taskSun.data
-        let { data } = await axios.post(`/bems/activiti/admin/todo/todo`, {
-          pageNo: 1,
-          pageSize: 3
-        })
-        this.taskList = data
-      } catch (error) {
-        console.log(error)
-      }
-      try {
-        let pendingSun = await axios.post(
-          `/bems/prod_1.0/activiti/temporaryStorage/addQty`
-        )
-        this.pendingSun = pendingSun.data
-        let { data } = await axios.post(
-          `/bems/prod_1.0/activiti/temporaryStorage/todoTask`,
-          { pageNo: 1, pageSize: 3 }
-        )
-        this.pendingList = data
-      } catch (error) {
-        console.log(error)
-      }
-    }
-  }
-}
-</script>
-<style lang="scss" scoped>
-.wraper {
-  padding: 10px;
-  display: flex;
-  border: 1px solid #ebeef5;
-  .total {
-    width: 150px;
-    height: 150px;
-    border: 1px solid #ebeef5;
-    margin: 5px;
-    display: flex;
-    flex-direction: column;
-    text-align: center;
-    div {
-      padding: 10px 0;
-      flex: 1;
-    }
-  }
-}
-.el-table {
-  ::v-deep {
-    td,
-    th {
-      padding: 2px;
-    }
-  }
-}
-</style>
+<template>
+  <div>
+    <div class="wraper">
+      <div class="total">
+        <div style="font-weight: 600">待审核</div>
+        <div style="font-size: 24px; font-weight: 600">
+          {{ taskList.totalSize || 0 }}
+        </div>
+        <div>今日新增 {{ taskSun || 0 }}</div>
+      </div>
+      <div style="margin-top: 5px">
+        <!-- :data="taskList.list" -->
+        <el-table :data="taskList.list" tooltip-effect>
+          <el-table-column prop="date" label="状态">
+            <template> 待审核 </template>
+          </el-table-column>
+          <el-table-column prop="typeName" label="交易类型" />
+          <el-table-column prop="applyMember" label="单位名称" />
+          <el-table-column prop="importantInfo" label="关键信息">
+            <template slot-scope="scope">
+              <el-popover trigger="hover" placement="top">
+                <div style="width: 300px">{{ scope.row.importantInfo }}</div>
+                <div
+                  slot="reference"
+                  class="name-wrapper"
+                  style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                  "
+                >
+                  {{ scope.row.importantInfo }}
+                </div>
+              </el-popover>
+            </template>
+          </el-table-column>
+          <el-table-column prop="address" label="操作">
+            <template>
+              <el-button size="mini" type="primary">审批</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+    <div class="wraper" style="margin-top: 20px">
+      <div class="total">
+        <div style="font-weight: 600">待处理</div>
+        <div style="font-size: 24px; font-weight: 600">
+          {{ pendingList.totalSize || 0 }}
+        </div>
+        <div>今日新增 {{ pendingSun || 0 }}</div>
+      </div>
+      <div style="margin-top: 5px">
+        <el-table :data="pendingList.list">
+          <el-table-column prop="date" label="状态">
+            <template slot-scope="scope">
+              <!-- 1.已保存 2.已撤回 3.驳回至发起人 4.驳回至上一步 5.拒绝 6.进行中 7.已结束 8.已作废 -->
+              {{
+                scope.row.state == 1
+                  ? '已保存'
+                  : scope.row.state == 2
+                  ? '已撤回'
+                  : scope.row.state == 3
+                  ? '驳回至发起人'
+                  : scope.row.state == 4
+                  ? '驳回至上一步'
+                  : scope.row.state == 5
+                  ? '拒绝'
+                  : scope.row.state == 6
+                  ? '进行中'
+                  : scope.row.state == 7
+                  ? '已结束'
+                  : '已作废'
+              }}
+            </template>
+          </el-table-column>
+          <el-table-column prop="typeName" label="交易类型" />
+          <el-table-column prop="applyMember" label="单位名称" />
+          <el-table-column prop="importantInfo" label="关键信息">
+            <template slot-scope="scope">
+              <el-popover trigger="hover" placement="top">
+                <div style="width: 300px">{{ scope.row.importantInfo }}</div>
+                <div
+                  slot="reference"
+                  class="name-wrapper"
+                  style="
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                  "
+                >
+                  {{ scope.row.importantInfo }}
+                </div>
+              </el-popover>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作">
+            <template>
+              <el-button size="mini" type="primary">去处理</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import axios from '../../utils/axios'
+export default {
+  name: 'NstcWorkBench',
+  data() {
+    return {
+      taskSun: '',
+      taskList: {},
+      pendingSun: '',
+      pendingList: {}
+    }
+  },
+  mounted() {
+    this.intData()
+  },
+  methods: {
+    async intData() {
+      try {
+        //待审核
+        let taskSun = await axios.post(`/bems/activiti/admin/todo/addQty`)
+        this.taskSun = taskSun.data
+        let { data } = await axios.post(`/bems/activiti/admin/todo/todo`, {
+          pageNo: 1,
+          pageSize: 3
+        })
+        this.taskList = data
+      } catch (error) {
+        console.log(error)
+      }
+      try {
+        let pendingSun = await axios.post(
+          `/bems/prod_1.0/activiti/temporaryStorage/addQty`
+        )
+        this.pendingSun = pendingSun.data
+        let { data } = await axios.post(
+          `/bems/prod_1.0/activiti/temporaryStorage/todoTask`,
+          { pageNo: 1, pageSize: 3 }
+        )
+        this.pendingList = data
+      } catch (error) {
+        console.log(error)
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.wraper {
+  padding: 10px;
+  display: flex;
+  border: 1px solid #ebeef5;
+  .total {
+    width: 150px;
+    height: 150px;
+    border: 1px solid #ebeef5;
+    margin: 5px;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    div {
+      padding: 10px 0;
+      flex: 1;
+    }
+  }
+}
+.el-table {
+  ::v-deep {
+    td,
+    th {
+      padding: 2px;
+    }
+  }
+}
+</style>