完成批量导入批量导出，pdf多文件列表

src/utils/getHost.js

@@ -28,6 +28,14 @@ export function getServerUrl() {
   }
 }
 
+export function getPdfUrl() {
+  if (process.env.NODE_ENV === 'development') {
+    return 'http://localhost:8888/false#/norm/list/pdf?id='
+  } else {
+    return  'http://gcspider.raisound.com:81/data-collect/#/norm/list/pdf?id='
+  }
+}
+
 export function getServerPublic() {
   return Session.get('resource_address');
 }
\ No newline at end of file

src/views/norm/list/pdf.vue

+<template>
+	<div class="system-menu-container">
+		<div class="page-main" ref="pageMain">
+			<el-card shadow="hover" style="height:100%;">
+				asdsad
+			</el-card>
+		</div>
+	</div>
+</template>
+
+<script setup name="taskPackage-list">
+const router = useRouter();
+
+const state = reactive({
+	apiData: {
+		page: 1,
+	},
+
+});
+
+// 页面加载时
+onMounted(() => {
+	// getDepatment()
+	// if(router.currentRoute.value.query.task_id){
+	// 	state.apiData.task_id = router.currentRoute.value.query.task_id
+	// 	state.isHide = true // 如果有任务ID才允许发布
+	// }
+	// getList()
+	// getTaskList()
+	state.tableHeight = getCurrentInstance().refs.pageMain.offsetHeight - 100 - 52 + "px";
+});
+</script>
+
+<style lang="scss" scoped>
+.page-main {
+	height: calc(100vh - 50px - 126px);
+}
+</style>

src/views/norm/list/whole.vue

@@ -4,6 +4,7 @@
 			<Breadcrumb />
 		</div>
         <div class="header-search flex space-between">
+          <div @click="getPdfList">123123</div> 
 			<div>
 			    <el-page-header @back="backToPreviousPage">
                 </el-page-header>
@@ -14,7 +15,7 @@
                 <el-table :data="state.tableData" border style="width: 100%;" :height="state.tableHeight"
                             ref="multipleTableRef">
                     <el-table-column :cell-style="{ 'white-space': 'normal' }" v-for="column in state.columns" :key="column.prop" :label="column.label" :prop="column.prop" :width="column.width" show-overflow-tooltip align="center">
-                        <template  #default="scope"><span v-html="formatOutputCustom(scope.row[column.prop])"></span>
+                        <template  #default="scope"><div v-html="formatOutputCustom(scope.row[column.prop],scope.row.id)"></div>
                        <!-- <span style="color:#409EFF" v-if="column.label =='用户名称'">{{scope.row[column.prop]}}</span>
                         <span style="color:#909399" v-else-if="column.label =='领取状态' && scope.row[column.prop] ==1">已领取</span>
                         <span style="color:#E6A23C" v-else-if="column.label =='完成状态' && scope.row[column.prop] ==0">未完成</span>
@@ -39,6 +40,7 @@
   import { normApi } from '/@/api/norm'
   import { ElMessage } from 'element-plus';
   import { toolsApi } from '/@/api/tools'
+  import { getPdfUrl } from "/@/utils/getHost.js";
   const Breadcrumb = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/breadcrumb.vue')); 
   const router = useRouter(); 
   // 定义子组件向父组件传值/事件
@@ -59,6 +61,7 @@
     columns:[],
     collectsTableData:[],
     collectsColumns:[],
+    pdfUrl:'', // 访问pdf列表
   });
   
   // 打开页面
@@ -108,7 +111,7 @@
                 'norm_info.price': addItem.price,
                 'norm_info.guide': addItem.guide?addItem.guide:'/',
                 'norm_list_info.name': item.norm_list_info.name,
-                'fileListPdf': item.fileListPdf,                
+                'fileListPdf': item.fileListPdf?item.fileListPdf:'/',               
               }
               state.tableData.push(list);
               item.norm_list_extend.forEach(function(items, indexs, arrs) {
@@ -143,14 +146,17 @@
               if(item.status == 4){
                 list['status'] ='已通过、已结算'
               }
-              if(item.not_collectible==0||item.not_collectible==""){
+              console.log(item)
+              if(item.not_collectible==null){
+                list['not_collectible'] ='待采集'
+                list['not_collectible_remarks'] ='/'
+              }else if(item.not_collectible==0){
                 list['not_collectible'] ='可采集'
                 list['not_collectible_remarks'] ='/'
               }else{
                 list['not_collectible'] ='不可采集'
                 list['not_collectible_remarks'] ='/'
               }
-              list['not_collectible_remarks'] =item.not_collectible_remarks?item.not_collectible_remarks:"是"
           });  
           state.columns.push( { label: '状态', prop:'status',width:350 })  
           state.columns.push( { label: '是否可采集', prop:'not_collectible',width:200 })
@@ -182,7 +188,7 @@
  * 自定义内容格式化输出
  * @param {*} vlaue 
  */
- const formatOutputCustom = (value) =>{
+ const formatOutputCustom = (value,id) =>{
   if(value&&typeof value =="string"){
     let arr = value.split(',');
     let txt = '';
@@ -191,8 +197,10 @@
         if(str){
             if(index==0){
               txt+= "<a style='color:#409EFF;' href='"+item+"' target ='_blank'>"+item+"</a>";  
+            }else if(index>4){
+              txt= "<a style='color:#409EFF;' href='"+state.pdfUrl+id+"' target ='_blank'>查看所有文件</a>";  
             }else{
-              txt+= "<br><br><a style='color:#409EFF;' href='"+item+"' target ='_blank'>"+item+"</a>";  
+              txt+= "<br><br><a style='color:#409EFF;' href='"+item+"' target ='_blank'>"+item+"</a>"; 
             }
         }else{
             txt+= item;
@@ -203,7 +211,6 @@
     return value;
   }
 }
-
 // /**
 //  * 检查数据类型并且将多个逗号分隔成数组
 //  * @param {*} value 
@@ -228,6 +235,7 @@
 		state.apiData.id = router.currentRoute.value.query.norm_id
 		// state.isHide = true // 如果有任务ID才允许发布
          getInfo()
+        state.pdfUrl =  getPdfUrl()
 	}else{
         router.go(-1);
     }