n20-common-lib 3.1.12 → 3.1.14

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'
@@ -129,6 +128,7 @@ 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'