查看pdf弹窗修改

src/views/using/query.vue

@@ -2,7 +2,7 @@
     <div class="hc-page-box" id="carry-spot-checks-layout-target">
         <HcCard ui="hc-query-card-box" v-show="!isCarrySpotChecksDrawer">
             <div class="hc-query-input-box">
-                <el-input placeholder="可按关键字模糊搜索，多个关键字用“，” 隔开" v-model="searchInput">
+                <el-input placeholder="可按关键字模糊搜索，多个关键字用“，” 隔开" v-model="searchInput" clearable>
                     <template #prepend>
                         <div class="prepend-filtering" @click="filteringClick">
                             <span class="name">条件筛选</span>
@@ -87,7 +87,7 @@
                 <HcCardItem ui="hc-card-item-main">
                     <HcTable ref="tableRef" :column="tableColumn" :datas="tableData" :loading="tableLoading" isCurrentRow isCheck @selection-change="tableSelection" @row-click="tableRowClick"   :ui="hoverHand?'hover-hand':''">
                         <template #action="{row,index}">
-                            <el-button type="primary" size="small" @click.stop="consultFileClick(row)">查阅案卷</el-button>
+                            <el-button type="primary" size="small" @click.stop="consultFileClick(row,1)">查阅案卷</el-button>
                         </template>
 
                     </HcTable>
@@ -103,7 +103,7 @@
                     </template>
                     <HcTable ref="tableFileRef" :column="tableFileColumn" :datas="tableFileData" :loading="tableFileLoading" isCheck @selection-change="tableFileSelection">
                         <template #action="{row,index}">
-                            <el-button type="primary" size="small" @click.stop="consultFileClick(row)">查阅文件</el-button>
+                            <el-button type="primary" size="small" @click.stop="consultFileClick(row,2)">查阅文件</el-button>
                         </template>
                     </HcTable>
                     <template #action>
@@ -133,37 +133,37 @@
                     <el-scrollbar>
                         <div class="hc-info-text-item">
                             <div class="title">案卷题名：</div>
-                            <div class="content">安康至来凤国家高速公路奉节至巫山（渝鄂界）段干岩洞隧道LK3+425～LK3+393初期支护钢筋网分项开工报告、检验申请批复单、质量检验报告单、记录表、试验检测记录及评定报告、中间交工证书</div>
+                            <div class="content">{{ fileInfo.name }}</div>
                         </div>
                         <div class="hc-info-text-item">
                             <div class="title">
                                 <span>密</span>
                                 <span class="ml-7">级：</span>
                             </div>
-                            <div class="content">机密</div>
+                            <div class="content">{{ fileInfo.secretLevelValueame }}</div>
                         </div>
                         <div class="hc-info-text-item">
                             <div class="title">保管期限：</div>
-                            <div class="content">永久</div>
+                            <div class="content">{{ fileInfo.storageTimeValue }}</div>
                         </div>
                         <div class="hc-info-text-item">
                             <div class="title">卷内文件：</div>
-                            <div class="content">9</div>
+                            <div class="content">{{ fileInfo.pageN }}</div>
                         </div>
                         <div class="hc-info-text-item">
                             <div class="title">起止日期：</div>
-                            <div class="content">2022.02.12~2023.11.02</div>
+                            <div class="content">{{ fileInfo.endDate+"~"+ fileInfo.startDate}}</div>
                         </div>
                         <div class="hc-info-text-item">
                             <div class="title">立卷单位：</div>
-                            <div class="content">贵州路桥集团xxxxx</div>
+                            <div class="content">{{ fileInfo.unit }}</div>
                         </div>
                     </el-scrollbar>
                 </div>
                 <div class="hc-csc-data-box">
                     <HcTable :column="cscTableColumn1" :datas="cscTableData1" :loading="cscTableLoading" :isArrIndex="false" v-if="tabTypeKey === 'tab1'">
                         <template #name="{row}">
-                            <div :class="row.id === 2 ? 'text-link' : 'text-hover'">{{row?.name}}</div>
+                            <div :class="row.id === checkId ? 'text-link' : 'text-hover'" @click="changePdf(row)">{{row?.fileName}}</div>
                         </template>
                     </HcTable>
 
@@ -511,11 +511,18 @@ const tableColumn = ref([
 const tableData = ref([
 
 ])
-const pdfUrl=ref('https://bladex-test-info.oss-cn-chengdu.aliyuncs.com//upload/20221212/ce9799c7d18efc03efefd6f242439f2e.pdf')
+const pdfUrl=ref('')
 const tableLoading = ref(false)
 const getTableData = async () => {
     tableLoading.value = true
     searchForm.value.queryValue=searchInput.value
+    for (let key in  searchForm.value) {
+        if(searchForm.value[key]==='all'||searchForm.value[key]==='所有'){
+            searchForm.value[key]=''
+         
+        }
+    }
+   
     const { error, code, data } = await archiveQueryApi.getarchiveQueryPage({
         ...searchForm.value,
         projectId: projectId.value,
@@ -529,6 +536,7 @@ const getTableData = async () => {
         tableData.value = []
         searchForm.value.total = 0
     }
+    tableFileCloseClick()
 }
 //多选
 const tableKeys = ref([]);
@@ -567,21 +575,52 @@ const tableRowClick = ({row}) => {
     tableAllShow.value = true;
     tableFileShow.value = true;
     tableFileData.value =getArrValue( row['approvalFileList'])
+    cscTableData1.value=getArrValue( row['approvalFileList'])
     InsearchForm.value.total=row['approvalFileList'].length
+    fileInfo.value=row
+   
 }
 const tableFileCloseClick = () => {
     tableAllShow.value = false;
     tableFileShow.value = false;
 }
 
-const consultFileClick = (row) => {
+const consultFileClick = (row,type) => {
     isCarrySpotChecksDrawer.value = true
     console.log(row,'row');
-    pdfUrl.value=row['pdfFileUrl']||''
-
+   
+  
+    // pdfUrl.value=row.approvalFileList
+
+   if(type===1){
+    cscTableData1.value=row.approvalFileList
+    fileInfo.value=row
+   }else if(type==2){
+    checkId.value=row.id
+    pdfUrl.value=row.pdfFileUrl
+   }
+    if(type===1&& cscTableData1.value.length>0&&cscTableData1.value[0]['pdfFileUrl']){
+        checkId.value=cscTableData1.value[0].id
+        pdfUrl.value=row.approvalFileList[0]['pdfFileUrl']
+    }
 
 }
 const isCarrySpotChecksDrawer = ref(false)
+const fileInfo=ref({
+    name:"",
+    storageTimeValue:'',
+    secretLevelValue:'',
+    filePage:'',
+    unit:'',
+    time:''
+})//案卷信息
+const checkId=ref('')
+const changePdf=(row)=>{
+    console.log(row,'row');
+    pdfUrl.value=row['pdfFileUrl']||''
+    checkId.value=row.id
+
+}
 
 //类型tab数据和相关处理
 const tabTypeKey = ref('tab1')
@@ -707,6 +746,7 @@ const cscTableDataModalClose = () => {
 //关闭抽查
 const onCarrySpotChecksDrawerClose = () => {
     isCarrySpotChecksDrawer.value = false
+    pdfUrl.value=''
 }
 
 //tab数据和相关处理