n20-common-lib 3.1.13 → 3.1.15

package/src/components/v3/UploadList/assets/not.svg

@@ -0,0 +1,29 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_4435_91993)">
+<path d="M17.5 5H71.3365L92.5 26.3423V85C92.5 90.5229 88.0229 95 82.5 95H17.5C11.9772 95 7.5 90.5229 7.5 85V15C7.5 9.47715 11.9772 5 17.5 5Z" fill="#D1D5DB"/>
+<mask id="mask0_4435_91993" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="7" y="5" width="86" height="90">
+<path d="M17.5 5H71.3365L92.5 26.3423V85C92.5 90.5229 88.0229 95 82.5 95H17.5C11.9772 95 7.5 90.5229 7.5 85V15C7.5 9.47715 11.9772 5 17.5 5Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_4435_91993)">
+<g filter="url(#filter0_d_4435_91993)">
+<path d="M71.2602 16.3363L71.2602 4.9999L92.5001 26.3363L81.2602 26.3363C75.7374 26.3363 71.2602 21.8592 71.2602 16.3363Z" fill="black"/>
+</g>
+<path d="M71.2602 16.3363L71.2602 4.9999L92.5001 26.3363L81.2602 26.3363C75.7374 26.3363 71.2602 21.8592 71.2602 16.3363Z" fill="white" fill-opacity="0.92"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_4435_91993" x="53.2603" y="-16" width="57.2397" height="57.3359" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-3"/>
+<feGaussianBlur stdDeviation="9"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4435_91993"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4435_91993" result="shape"/>
+</filter>
+<clipPath id="clip0_4435_91993">
+<rect width="100" height="100" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/components/v3/UploadList/assets/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/v3/UploadList/assets/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>

package/src/components/v3/UploadList/components/aiCheckDialog.vue

@@ -0,0 +1,141 @@
+<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="flex-box flex-c flex-v p-t-m" style="border-top: 1px solid var(--border-2, #e5e6eb)">
+      <el-button plain @click="cancel">取消</el-button>
+      <el-button v-if="!readonly" type="primary" @click="save">确定</el-button>
+    </div>
+  </Dialog>
+</template>
+
+<script>
+import axios from '../../../../utils/axios.js'
+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)
+    },
+    /** 通过 ref 外部调用 */
+    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 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/FileUploadTableV3.vue → v3/UploadList/index.vue}

@@ -7,7 +7,7 @@
           <span>{{ uploadedCount }} 个附件</span>
           <el-button type="text" class="summary-action v3-icon-download" @click="downRows">全部下载</el-button>
         </div>
-        <el-button type="text" class="toggle-btn" @click="toggleCollapse">
+        <el-button v-if="!readonly" type="text" class="toggle-btn" @click="toggleCollapse">
           {{ showAllTypes ? '收起未传类型' : '展开全部' }}
           <i :class="['el-icon-arrow-down', { 'is-reverse': showAllTypes }]"></i>
         </el-button>
@@ -15,14 +15,25 @@
 
       <div class="type-list">
         <div v-for="(group, index) in displayTypeGroups" :key="group.typeValue || index" class="type-item">
-          <div class="type-row" :class="[{ 'type-row__is-success': getTypeStatus(group.typeValue) === 'success' }]">
+          <div
+            class="type-row"
+            :class="[{ 'type-row__is-success': getTypeStatus(group.typeValue) === 'success' && !readonly }]"
+          >
             <div class="type-meta">
               <span v-if="isRequiredType(group.item)" class="required">*</span>
-              <span class="type-index">{{ index + 1 }}、</span>
+              <span class="type-index">{{ readonly ? index + 1 : group.item.no }}、</span>
               <span class="type-name">{{ group.item[typeMap.label] }}</span>
-              <img v-if="getTypeStatus(group.typeValue) === 'success'" src="./ysc.svg" class="status-icon" />
-              <img v-else-if="getTypeStatus(group.typeValue) === 'warning'" src="./jytg.svg" class="status-icon" />
-              <img v-else src="./wsc.svg" class="status-icon" />
+              <img
+                v-if="!readonly && getTypeStatus(group.typeValue) === 'success'"
+                src="./assets/ysc.svg"
+                class="status-icon"
+              />
+              <img
+                v-else-if="getTypeStatus(group.typeValue) === 'warning'"
+                src="./assets/jytg.svg"
+                class="status-icon"
+              />
+              <img v-else-if="!readonly" src="./assets/wsc.svg" class="status-icon" />
             </div>
 
             <Upload
@@ -53,32 +64,36 @@
           <div v-if="group.rows.length" class="file-cards">
             <div v-for="(row, rowIndex) in group.rows" :key="`${group.typeValue}-${rowIndex}`" class="file-card">
               <div class="file-info">
-                <img v-if="matchFileExtension(row[keys.name], ['word', 'doc', 'docx'])" src="./46.svg" class="m-r-s" />
+                <img
+                  v-if="matchFileExtension(row[keys.name], ['word', 'doc', 'docx'])"
+                  src="./assets/46.svg"
+                  class="m-r-s"
+                />
                 <img
                   v-else-if="matchFileExtension(row[keys.name], ['xlsx', 'xls', 'csv'])"
-                  src="./60.svg"
+                  src="./assets/60.svg"
                   class="m-r-s"
                 />
-                <img v-else-if="matchFileExtension(row[keys.name], ['pdf'])" src="./37.svg" class="m-r-s" />
+                <img v-else-if="matchFileExtension(row[keys.name], ['pdf'])" src="./assets/37.svg" class="m-r-s" />
                 <img
-                  style="width: 36px; height: 36px"
                   v-else-if="matchFileExtension(row[keys.name], ['png', 'jpg', 'jpeg', 'gif'])"
-                  src="./Png.svg"
+                  style="width: 36px; height: 36px"
+                  src="./assets/Png.svg"
                   class="m-r-s"
                 />
                 <img
-                  style="width: 36px; height: 36px"
                   v-else-if="matchFileExtension(row[keys.name], ['zip', 'rar'])"
-                  src="./Zip.svg"
+                  style="width: 36px; height: 36px"
+                  src="./assets/Zip.svg"
                   class="m-r-s"
                 />
                 <img
-                  style="width: 36px; height: 36px"
                   v-else-if="matchFileExtension(row[keys.name], ['txt', 'md', 'log'])"
-                  src="./Txt.svg"
+                  style="width: 36px; height: 36px"
+                  src="./assets/Txt.svg"
                   class="m-r-s"
                 />
-                <img style="width: 36px; height: 36px" v-else src="./not.svg" class="m-r-s" />
+                <img v-else style="width: 36px; height: 36px" src="./assets/not.svg" class="m-r-s" />
                 <div>
                   <div class="file-name" :title="row[keys.name]">{{ row[keys.name] }}</div>
                   <div class="file-meta">
@@ -88,8 +103,8 @@
                 </div>
               </div>
               <div class="flex-box">
-                <div class="file-ai__card" v-if="AICheck && !readonly" @click="AiCheck(row)">
-                  <img class="file-ai_icon" src="./jytg.svg" alt="" />
+                <div v-if="AICheck && !readonly" class="file-ai__card" @click="AiCheck(row)">
+                  <img class="file-ai_icon" src="./assets/jytg.svg" alt="" />
                   <span class="file-ai_check">{{ $lc('AI 校验') }}</span>
                 </div>
                 <div class="file-actions">
@@ -132,7 +147,7 @@
         >
           <div class="flex-column flex-c flex-v" style="height: 100%">
             <i class="el-icon-s-release" style="font-size: 60px; color: #999"></i>
-            <span style="margin-top: 16px">
+            <span style="margin-top: 16px; display: flex">
               {{ '不支持在线预览，请' | $lc
               }}<el-link type="primary" class="color-primary" @click="downFile(seeRow)">{{ '下载' | $lc }}</el-link>
               {{ '到本地查看' | $lc }}
@@ -148,16 +163,17 @@
 <script>
 import _axios from 'axios'
 import dayjs from 'dayjs'
+import 'viewerjs/dist/viewer.css'
 import XEUtils from 'xe-utils'
-import auth from '../../utils/auth.js'
-import axios from '../../utils/axios.js'
-import { $lc } from '../../utils/i18n/index'
-import importG from '../../utils/importGlobal.js'
-import Dialog from '../Dialog/index.vue'
-import Upload from '../Upload/index.vue'
-import aiCheckDialog from './aiCheckDialog.vue'
 
-import 'viewerjs/dist/viewer.css'
+import aiCheckDialog from './components/aiCheckDialog.vue'
+
+import auth from '../../../utils/auth.js'
+import axios from '../../../utils/axios.js'
+import { $lc } from '../../../utils/i18n/index'
+import importG from '../../../utils/importGlobal.js'
+import Dialog from '../../Dialog/index.vue'
+import Upload from '../../Upload/index.vue'
 
 const ViewerImg = async function () {
   let { component } = await importG('v-viewer', () => import(/*webpackChunkName: "v-viewer"*/ 'v-viewer'))
@@ -174,7 +190,7 @@ const keysDefault = {
 }
 
 export default {
-  name: 'FileUploadTableV3',
+  name: 'UploadList',
   components: {
     Upload,
     Dialog,
@@ -286,7 +302,7 @@ export default {
       return this.dataProp.fileData || undefined
     },
     typeOptions() {
-      return this.dataProp.typeOptions
+      return this.dataProp.typeOptions.map((item, index) => ({ no: index + 1, ...item })) ?? []
     },
     keys() {
       return this.dataProp.keys || keysDefault
@@ -311,15 +327,15 @@ export default {
       })
       return map
     },
-    displayTypeOptions() {
-      if (this.showAllTypes) return this.typeOptions
-      return (this.typeOptions || []).filter((item) => {
-        const typeValue = item[this.typeMap.value]
-        return (this.typeRowsMap[typeValue] || []).length > 0
-      })
-    },
     displayTypeGroups() {
-      return (this.displayTypeOptions || []).map((item) => {
+      const options =
+        this.showAllTypes && !this.readonly
+          ? this.typeOptions
+          : this.typeOptions.filter((item) => {
+              const typeValue = item[this.typeMap.value]
+              return (this.typeRowsMap[typeValue] || []).length > 0
+            })
+      return options.map((item) => {
         const typeValue = item[this.typeMap.value]
         return {
           item,

package/src/index.js

@@ -74,7 +74,6 @@ import Expandable from './components/Expandable/index.vue'
 import ExpandablePane from './components/Expandable/main.vue'
 import FileExportAsync from './components/FileExportAsync/index.vue'
 import FileImport from './components/FileImport/index.vue'
-import FileUploadTableV3 from './components/FileUploadTable/FileUploadTableV3.vue'
 import FileUploadTable from './components/FileUploadTable/index.vue'
 import Filters from './components/Filters/index.vue'
 import FiltersO from './components/Filters/indexO.vue'
@@ -125,10 +124,14 @@ import TimePicker from './components/TimePicker/index.vue'
 import Tree from './components/Tree/index.vue'
 import Upload from './components/Upload/index.vue'
 import UploadMsg from './components/Upload/uploadMsg.vue'
+import Footer from './components/v3/Footer/index.vue'
+import Header from './components/v3/Header/index.vue'
+import RadioCard from './components/v3/RadioCard/index.vue'
 import SecondaryTabV3 from './components/v3/SecondaryTab/index.vue'
 
 /* v3组件*/
 import tableProV3 from './components/v3/TablePro/index.vue'
+import FileUploadTableV3 from './components/v3/UploadList/index.vue'
 import ViewToggle from './components/ViewToggle/index.vue'
 import WorkCard from './components/WorkCard/index.vue'
 import WornPagination from './components/WornPagination/index.vue'
@@ -281,7 +284,10 @@ const components = [
   operatingStatus,
   /* v3组件*/
   tableProV3,
-  SecondaryTabV3
+  SecondaryTabV3,
+  Header,
+  Footer,
+  RadioCard
 ]
 
 const install = function (Vue, opts = { prefix: 'Cl', i18nConfig: {} }) {
@@ -428,6 +434,9 @@ export {
   /* v3组件*/
   tableProV3,
   SecondaryTabV3,
+  Header,
+  Footer,
+  RadioCard,
   asyncGetRelaNos,
   // 方法
   auth,