n20-common-lib 2.9.13 → 2.9.14

package/src/components/FileUploadTable/aiCheckDialog.vue

@@ -0,0 +1,139 @@
+<template>
+  <Dialog
+    v-drag
+    class="aiCheckDialog"
+    :title="'AI校验' | $lc"
+    :visible.sync="visibleP"
+    width="60%"
+    :close-on-click-modal="false"
+    @close="closeSee"
+  >
+    <Table :data="tableData" :columns="checkColumns" height="400px" :show-setsize="true" :cell-default="true">
+      <el-table-column slot="checkStatus" slot-scope="{ column }" v-bind="column">
+        <template slot-scope="{ row }">
+          <el-tag v-if="row.checkStatus === '0'" effect="dark" type="warning" size="mini">不通过</el-tag>
+          <el-tag v-if="row.checkStatus === '1'" effect="dark" type="success" size="mini">通过</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column slot="remark" slot-scope="{ column }" v-bind="column">
+        <template slot-scope="{ row }">
+          <el-input
+            v-model="row.remark"
+            placeholder="请输入"
+            size="normal"
+            clearable
+            :disabled="readonly || row.status === '1'"
+          />
+        </template>
+      </el-table-column>
+    </Table>
+    <div slot="footer" class="page-button-shadow flex-box flex-c flex-v">
+      <el-button v-if="!readonly" type="primary" @click="save">确定</el-button>
+      <el-button plain @click="cancel">取消</el-button>
+    </div>
+  </Dialog>
+</template>
+
+<script>
+import Dialog from '../Dialog/index.vue'
+import Table from '../Table/index.vue'
+
+export default {
+  name: 'AiCheckDialog',
+  components: { Dialog, Table },
+  props: {
+    apiPrefix: {
+      type: String,
+      default: undefined
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      visibleP: false,
+      checkColumns: [
+        {
+          type: 'index',
+          label: '序号',
+          width: '56',
+          align: 'center',
+          static: 'pre'
+        },
+        {
+          label: '提示词',
+          prop: 'prompt',
+          align: 'center',
+          minWidth: '120',
+          checked: true, // 默认选择的,不能在设置"显示列"中取消的列
+          'show-overflow-tooltip': true
+        },
+        {
+          label: 'AI识别结果',
+          prop: 'aiResult',
+          align: 'center',
+          minWidth: '120',
+          checked: true, // 默认选择的,不能在设置"显示列"中取消的列
+          'show-overflow-tooltip': true
+        },
+        {
+          label: '校验结果',
+          prop: 'checkStatus',
+          slotName: 'checkStatus',
+          align: 'center',
+          minWidth: '120',
+          checked: true, // 默认选择的,不能在设置"显示列"中取消的列
+          'show-overflow-tooltip': true
+        },
+        {
+          label: '说明',
+          prop: 'remark',
+          slotName: 'remark',
+          align: 'center',
+          minWidth: '120',
+          checked: true, // 默认选择的,不能在设置"显示列"中取消的列
+          'show-overflow-tooltip': false
+        }
+      ],
+      tableData: [],
+      beid: ''
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {
+    cancel() {
+      this.visibleP = false
+      this.tableData = []
+      this.$emit('cancel', this.beid)
+    },
+    setView(list, beid) {
+      this.visibleP = true
+      this.tableData = list
+      this.beid = beid
+    },
+    async save() {
+      const list = this.tableData.map((item) => {
+        item.beid = this.beid
+        item.status = '1'
+        return item
+      })
+      const { code } = await this.$axios.post(
+        this.apiPrefix ? `${this.apiPrefix}/neams/ai/saveAiBussResult` : `/neams/ai/saveAiBussResult`,
+        list
+      )
+      if (code === 200) {
+        this.$message.success('保存成功')
+        this.visibleP = false
+      }
+    },
+    closeSee() {
+      this.tableData = []
+    }
+  }
+}
+</script>

package/src/components/FileUploadTable/index.vue

@@ -3,6 +3,7 @@
     <div class="flex-box flex-v flex-lr m-b-s">
       <div>
         <slot name="title"></slot>
+        <span v-if="fileText" v-html="fileText"></span>
       </div>
       <div>
         <slot v-if="!readonly" name="add-btn">
@@ -23,6 +24,7 @@
       </div>
     </div>
     <el-table
+      :key="tableKey"
       :data="tableData"
       :row-key="keys.rowKey"
       :height="height"
@@ -48,22 +50,24 @@
           <slot slot="header" slot-scope="scope" name="type-header" :column="scope.column">{{ '附件类型' | $lc }}</slot>
           <slot slot-scope="{ row }" name="type" :row="row">
             <span v-if="readonly">{{ row[keys.type] | typeFiter(typeOptions) }}</span>
-            <el-select
-              v-else
-              v-model="row[keys.type]"
-              :disabled="row._typeDisabled"
-              :placeholder="'请选择' | $lc"
-              style="width: 100%"
-              @change="$emit('typeChange', row[keys.type])"
-            >
-              <el-option
-                v-for="item in typeOptions"
-                :key="item.type"
-                :disabled="item.disabled"
-                :value="item.type"
-                :label="item.label"
-              />
-            </el-select>
+            <div v-else class="flex-box flex-v">
+              <span v-if="requiredTypes.includes(row[keys.type])" style="color: red" class="m-r-s">*</span>
+              <el-select
+                v-model="row[keys.type]"
+                :disabled="row._typeDisabled"
+                :placeholder="'请选择' | $lc"
+                style="width: calc(100% - 16px)"
+                @change="$emit('typeChange', row[keys.type])"
+              >
+                <el-option
+                  v-for="item in typeOptions"
+                  :key="item.type"
+                  :disabled="item.disabled"
+                  :value="item.type"
+                  :label="item.label"
+                />
+              </el-select>
+            </div>
           </slot>
         </el-table-column>
         <el-table-column :label="'附件名称' | $lc" :prop="keys.name">
@@ -72,6 +76,7 @@
             <span v-if="readonly">{{ row[keys.name] ? row[keys.name].replace(/\.[A-z0-9]+$/, '') : '' }}</span>
             <el-input
               v-else
+              v-title
               :value="row[keys.name] ? row[keys.name].replace(/\.[A-z0-9]+$/, '') : ''"
               disabled
               :placeholder="'请输入' | $lc"
@@ -118,7 +123,37 @@
           </slot>
         </el-table-column>
         <slot name="slotCol"></slot>
-        <el-table-column :label="'上传时间' | $lc" :prop="keys.time" sortable width="170" align="left">
+        <el-table-column v-if="AICheck" :label="'AI校验' | $lc" width="170" align="left">
+          <template slot-scope="{ row }">
+            <span
+              v-if="AIOptions.hasViewBtn && readonly"
+              class="m-r-s"
+              style="color: var(--color-success); cursor: pointer"
+              @click="getAiCheckData(row)"
+            >
+              {{ '查看' | $lc }}</span
+            >
+            <span
+              v-if="row.aiCheckStatus === '0' || row.aiCheckStatus === 0"
+              class="m-r-s"
+              style="color: var(--color-danger); cursor: pointer"
+              @click="getAiCheckData(row)"
+            >
+              {{ '校验异常' | $lc }}</span
+            >
+            <span
+              v-if="row.aiCheckStatus === '1' || row.aiCheckStatus === 1"
+              class="m-r-s"
+              style="color: var(--color-success)"
+            >
+              {{ '校验通过' | $lc }}</span
+            >
+            <el-button v-if="!readonly && row[keys.url]" type="text" size="small" @click="AiCheck(row)">{{
+              '校验' | $lc
+            }}</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column v-if="!hideTime" :label="'上传时间' | $lc" :prop="keys.time" sortable width="170" align="left">
           <slot slot="header" slot-scope="scope" name="time-header" :column="scope.column">{{ '上传时间' | $lc }}</slot>
           <slot slot-scope="{ row }" name="time" :row="row">{{ row[keys.time] }}</slot>
         </el-table-column>
@@ -164,12 +199,14 @@
       <el-table-column :label="'操作' | $lc" align="center" width="90" fixed="right">
         <slot slot="header" slot-scope="scope" name="handle-header" :column="scope.column">{{ '操作' | $lc }}</slot>
         <slot slot-scope="{ row }" name="handle" :row="row">
+          <el-button type="text" icon="el-icon-view" :disabled="!row[keys.url]" @click="seeFile(row)" />
           <el-button
+            v-if="getOfficeStatus && openAI"
+            v-title="'ai识别'"
             type="text"
-            icon="el-icon-view"
-            v-if="getOfficeStatus"
+            icon="n20-icon-query"
             :disabled="!row[keys.url]"
-            @click="seeFile(row)"
+            @click="AiFn(row)"
           />
           <el-button
             v-if="readonly"
@@ -228,7 +265,7 @@
       :close-on-click-modal="false"
       :destroy-on-open="true"
     >
-      <el-select class="m-b-s" v-model="bathType" clearable @change="handleBathChange">
+      <el-select v-model="bathType" class="m-b-s" clearable @change="handleBathChange">
         <el-option
           v-for="item in typeOptions"
           :key="item.type"
@@ -269,13 +306,17 @@
         <el-button plain @click="visibleBatch = false">{{ '取消' | $lc }}</el-button>
       </div>
     </Dialog>
+    <aiCheckDialog ref="aiCheckDialog" :api-prefix="apiPrefix" :readonly="readonly" @cancel="aiCheckCancel" />
   </div>
 </template>
 
 <script>
+import aiCheckDialog from './aiCheckDialog.vue'
+import getJsonc from '../../assets/getJsonc.js'
 import _axios from 'axios'
 import dayjs from 'dayjs'
-import cloneDeep from 'lodash/cloneDeep'
+import XEUtils from 'xe-utils'
+
 import 'viewerjs/dist/viewer.css'
 import auth from '../../utils/auth'
 import axios from '../../utils/axios'
@@ -305,13 +346,14 @@ const typeOptionsDefault = [
 export default {
   name: 'FileUploadTable',
   components: {
+    aiCheckDialog,
     Upload,
     Dialog,
     ViewerImg
   },
   filters: {
     typeFiter(type, typeOptions) {
-      return typeOptions.find((c) => c.type === type)?.label || ''
+      return typeOptions.find((c) => c.type === type)?.label || type
     },
     acceptFilter(type, typeOptions, fileAccept) {
       return typeOptions.find((c) => c.type === type)?.accept || fileAccept
@@ -325,12 +367,28 @@ export default {
       } else if (row[urlK]) {
         let urlArr = row[urlK].split('/')
         let _n = urlArr[urlArr.length - 1]
-        return _n ? decodeURI(_n) : undefined
+        try {
+          return _n ? decodeURI(_n) : undefined
+        } catch (e) {
+          return _n // 如果解码失败，返回原始文件名
+        }
       }
       return undefined
     }
   },
   props: {
+    AICheck: {
+      type: Boolean,
+      default: false
+    },
+    AIOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    openAI: {
+      type: Boolean,
+      default: false
+    },
     readonly: {
       type: Boolean,
       default: false
@@ -390,6 +448,10 @@ export default {
     hideUser: {
       type: Boolean,
       default: false
+    },
+    hideTime: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -416,6 +478,12 @@ export default {
     }
 
     return {
+      tableKey: 0,
+      // 是否仅平铺必选附件
+      fileRequired: true,
+      // 必传附件
+      requiredTypes: [],
+      fileText: '',
       bathType: '',
       indexK: '$index',
       imgType: /\.(jpg|png|gif|svg)$/i,
@@ -454,7 +522,138 @@ export default {
       return this.dataPorp.multiple ?? true
     }
   },
+  watch: {
+    dataPorp: {
+      handler() {
+        this.requiredTypes = this.dataPorp.typeOptions
+          .filter((item) => {
+            return item.required === 1
+          })
+          .map((item) => {
+            return item.attno
+          })
+        if (this.dataPorp.typeOptions.length === 0) {
+          return false
+        }
+        this.setTableData()
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  mounted() {
+    this.getConfiguration()
+  },
   methods: {
+    // ai校验取消
+    aiCheckCancel(beid) {
+      this.tableData.forEach((item) => {
+        if (item.beid === beid) {
+          item.aiCheckStatus = ''
+        }
+        this.tableKey++
+      })
+    },
+    // ai校验结果
+    async getAiCheckData(row) {
+      const { data, code } = await this.$axios.get(
+        this.apiPrefix ? `${this.apiPrefix}/neams/ai/getAiBussResult` : `/neams/ai/getAiBussResult`,
+        {
+          beid: row.beid,
+          status: '1'
+        }
+      )
+      if (code === 200) {
+        this.$refs.aiCheckDialog.setView(data, row.beid)
+      }
+    },
+    // ai校验
+    async AiCheck(row) {
+      // isOptionAiCheck为true,业务组件自己调ai校验
+      if (this.AIOptions.isOptionAiCheck) {
+        this.$emit('AiCheckFn', row, (result) => {
+          row.aiCheckStatus = result.aiCheckStatus
+          this.tableKey++
+          this.$refs.aiCheckDialog.setView(result.list, row.beid)
+        })
+      } else {
+        if (!this.AIOptions.bussType) {
+          this.$message.error('请先配置bussType')
+          return false
+        }
+        let { data, code } = await this.$axios.post(
+          this.apiPrefix ? `${this.apiPrefix}/neams/eamsbaserecord/aiAttaFile` : `/neams/eamsbaserecord/aiAttaFile`,
+          {
+            ...this.AIOptions,
+            beid: row.beid,
+            bussType: this.AIOptions.bussType,
+            extendPrompt: ''
+          }
+        )
+        if (code === 200) {
+          this.$emit('AiCheckFn', data, (result) => {
+            row.aiCheckStatus = result.aiCheckStatus
+            this.tableKey++
+            this.$refs.aiCheckDialog.setView(result.list, row.beid)
+          })
+        }
+      }
+    },
+    // ai识别
+    async AiFn(row) {
+      if (!this.AIOptions.bussType) {
+        this.$message.error('请先配置bussType')
+        return false
+      }
+      const { data, code } = await this.$axios.post(
+        this.apiPrefix ? `${this.apiPrefix}/neams/eamsbaserecord/aiAttaFile` : `/neams/eamsbaserecord/aiAttaFile`,
+        {
+          beid: row.beid,
+          bussType: this.AIOptions.bussType,
+          extendPrompt: ''
+        }
+      )
+      if (code === 200) {
+        this.$emit('aiFn', data)
+      }
+    },
+    // 平铺附件
+    setTableData() {
+      if (this.tableData.length === 0 && !this.readonly) {
+        this.dataPorp.typeOptions
+          .filter((item) => {
+            if (this.fileRequired) {
+              return item.required === 1
+            } else {
+              return item.required === 1 || item.required === 0
+            }
+          })
+          .forEach((item) => {
+            let obj
+            obj = {
+              id: 'n' + Math.random(),
+              name: ''
+            }
+            obj[this.keys.type] = item.attno
+            obj[this.keys.time] = ''
+            obj[this.keys.user] = JSON.parse(sessionStorage.getItem('userInfo')).uname
+
+            console.log(obj)
+            this.tableData.push(obj)
+          })
+      }
+    },
+    getConfiguration() {
+      getJsonc('portal/server-config.jsonc', null, true)
+        .then(({ loginConf, fileRequired }) => {
+          this.fileText = loginConf?.sLogan?.fileText
+          this.fileRequired = fileRequired ?? true
+        })
+        .catch(() => {
+          this.fileText = ''
+          this.fileRequired = true
+        })
+    },
     async getOfficeStatus() {
       const { data } = await this.$axios.get(
         this.apiPrefix
@@ -516,7 +715,7 @@ export default {
       $uploadwrap.submit()
     },
     batchSuccess(response, file, fileList) {
-      let row = {}
+      let row = { ...this.dataPorp.keys }
       this.tableData.splice(0, 0, row)
       this.$nextTick(() => {
         this.onSuccessFn(response, file, fileList, row)
@@ -559,7 +758,10 @@ export default {
           showClose: true
         })
       }
-      this.$emit('down-rows', this.selectionList)
+      this.$emit(
+        'down-rows',
+        this.selectionList.filter((item) => item[this.keys.url] || item._name)
+      )
     },
     deleteRows() {
       if (!this.selectionList.length) {
@@ -681,6 +883,7 @@ export default {
         let Pro = axios.post(opt.action + '?r=' + Math.random(), FD, {
           headers: Object.assign(auth.setHeaders(this.headers), { 'Content-Type': 'multipart/form-data' }),
           loading: false,
+          timeout: 900000,
           onUploadProgress: (arg) => {
             if (opt.onProgress) {
               arg.percent = arg.progress * 100
@@ -703,38 +906,53 @@ export default {
       if (bu) return bu(file, row)
     },
     onProgressFn({ percent }, row) {
+      this.$set(row, '_typeDisabled', true)
       this.$set(row, '_percent', percent <= 99 ? Math.round(percent) : 99)
     },
     onSuccessFn(response, file, fileList, row) {
       this.$set(row, '_typeDisabled', true)
       this.$set(row, '_name', file.name)
-      this.$set(row, '_percent', 100)
+
+      this.$set(row, [this.keys.rowKey], response.data)
       this.$set(row, [this.keys.type], row[this.keys.type] || this.bathType)
       row[this.keys.time] = dayjs().format('YYYY-MM-DD HH:mm:ss')
-
+      if (response.code >= 900 || response.code === -1) {
+        this.$set(row, '_percent', 99)
+        this.$set(row, '_status', 'error')
+      } else {
+        this.$set(row, '_percent', 100)
+        this.$set(row, '_status', 'success')
+      }
       row[this.keys.url] = response.data
-      // if (!row[this.keys.name]) { row[this.keys.name] = file.name }
       row[this.keys.name] = file.name
-      this.$set(row, '_status', 'success')
 
       this.$emit('on-success', file, row)
     },
     MultipleSUccessFn(response, file, fileList, row) {
       if (fileList.length > 1) {
-        let deepRow = cloneDeep(row)
+        let deepRow = XEUtils.clone(row, true)
         this.$nextTick(() => {
           if (this.tableData.length && !this.tableData[0][this.keys.url]) {
             this.tableData.shift()
           }
         })
+        let _percent = 0
+        let _status = undefined
+        if (response.code >= 900 || response.code === -1) {
+          _percent = 99
+          _status = 'error'
+        } else {
+          _percent = 99
+          _status = 'success'
+        }
         setTimeout(() => {
           this.tableData.splice(0, 0, {
             _name: file.name,
-            _percent: 100,
+            _percent,
             [this.keys.time]: dayjs().format('YYYY-MM-DD HH:mm:ss'),
             [this.keys.url]: response.data,
             [this.keys.name]: file.name,
-            _status: 'success',
+            _status,
             _typeDisabled: true,
             [this.keys.user]: deepRow[this.keys.user],
             [this.keys.type]: deepRow[this.keys.type]

package/src/components/FileUploadTable/jytg.svg

@@ -0,0 +1,6 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="design-iconfont">
+  <path d="M8.24182 3.58716L11.2487 8.99438V6.31665H13.3151V12.9797L11.3785 13.4827L7.3219 6.18677L4.3512 11.3323H8.37366V13.3997H2.56018L1.66565 11.8499L6.44397 3.57349L8.24182 3.58716Z" fill="#007AFF"/>
+  <path d="M12.2593 1.66284L12.7877 3.21041L14.3353 3.73888L12.7877 4.26736L12.2593 5.81492L11.7308 4.26736L10.1832 3.73888L11.7308 3.21041L12.2593 1.66284Z" fill="#007AFF"/>
+  <path d="M2.32765 3.57349L2.68419 4.61759L3.72829 4.97413L2.68419 5.33068L2.32765 6.37478L1.9711 5.33068L0.927002 4.97413L1.9711 4.61759L2.32765 3.57349Z" fill="#007AFF"/>
+  <path d="M9.83558 13.011L10.0044 13.5053L10.4987 13.6741L10.0044 13.8429L9.83558 14.3372L9.66679 13.8429L9.17249 13.6741L9.66679 13.5053L9.83558 13.011Z" fill="#007AFF"/>
+</svg>

package/src/components/FileUploadTable/wsc.svg

@@ -0,0 +1,3 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="design-iconfont">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 7.99998C1.33334 4.31808 4.31811 1.33331 8.00001 1.33331C11.6819 1.33331 14.6667 4.31808 14.6667 7.99998C14.6667 11.6819 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6819 1.33334 7.99998ZM7.33335 10.6095L11.6381 6.30473L10.6953 5.36192L7.33335 8.72385L5.47142 6.86192L4.52862 7.80473L7.33335 10.6095Z" fill="#CCC"/>
+</svg>

package/src/components/FileUploadTable/ysc.svg

@@ -0,0 +1,3 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="design-iconfont">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.33334 8.00004C1.33334 4.31814 4.31811 1.33337 8.00001 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00001 14.6667C4.31811 14.6667 1.33334 11.6819 1.33334 8.00004ZM7.33335 10.6095L11.6381 6.30479L10.6953 5.36198L7.33335 8.72391L5.47142 6.86198L4.52862 7.80479L7.33335 10.6095Z" fill="#48D2A0"/>
+</svg>