档案巡检调接口

src/views/transfer/inspects.vue

@@ -34,7 +34,7 @@
         <!--展开抽查-->
         <HcDrawer :show="isCarrySpotChecksDrawer" uis="hc-carry-spot-checks-target" to-id="carry-spot-checks-layout-target" @close="onCarrySpotChecksDrawerClose">
             <div class="hc-carry-spot-checks-pdf">
-                <HcPdf src="https://bladex-test-info.oss-cn-chengdu.aliyuncs.com//upload/20221212/ce9799c7d18efc03efefd6f242439f2e.pdf"/>
+                <HcPdf :src="pdfUrl" v-loading="pdfLoading"/>
                 <el-tooltip content="展开/收起 右侧目录" placement="top" :disabled="!isBubble">
                     <div class="hc-csc-pdf-btn" @click="onCarryDataShow">
                         <HcIcon name="arrow-right-s" v-show="isCarryDataShow"/>
@@ -50,37 +50,38 @@
                     <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.secretLevelValue }}</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.pageNumber }}</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" v-if="fileInfo?.endDate!==''||fileInfo?.startDate!==''">{{ splitDate(fileInfo?.startDate)+"~"+  splitDate(fileInfo?.endDate)}}</div>
+                            <div class="content" v-else></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" :isIndex="false" v-if="tabTypeKey === 'tab1'">
+                    <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>
 
@@ -254,14 +255,52 @@ const getTableData = async () => {
         searchForm.value.total = 0
     }
 }
-
+//截取日期
+const splitDate=(val)=>{
+    
+    return val.substring( 0,10)
+}
+//查阅案卷pdf
+const viewPdf = async (id) => {
+    window.$message?.info('预览案卷需要合并pdf，需要一点时间')
+    pdfLoading.value=true
+    const {error, code, data, msg} = await tuningApi.printArchive({
+        id: id
+    })
+    pdfLoading.value=false
+    if (!error && code === 200) {
+        if (data) {
+            return data
+        } else {
+            window.$message?.warning('文件不存在')
+        }
+    } 
+}
 //行被点击
 const isCarrySpotChecksDrawer = ref(false)
-const tableRowClick = ({row}) => {
+const fileInfo=ref('')
+const tableRowClick = async({row}) => {
     //console.log(row)
+    fileInfo.value=row
+    fileInfo.value.pageNumber=row['approvalFileList'].length||0
+    cscTableData1.value=getArrValue( row['approvalFileList'])
     isCarrySpotChecksDrawer.value = true
+    checkId.value=''
+    const url=await viewPdf(row.id)
+        console.log(url,'url');
+       
+        pdfUrl.value=url
 }
+const checkId=ref('')
+const pdfUrl=ref('')
+const pdfLoading=ref(false)
+const changePdf=(row)=>{
+    console.log(row,'row');
+    pdfLoading.value=false
+    pdfUrl.value=row['pdfFileUrl']||''
+    checkId.value=row.id
 
+}
 //类型tab数据和相关处理
 const tabTypeKey = ref('tab1')
 const tabTypeTab = ref([
@@ -283,13 +322,7 @@ const cscTableColumn1 = [
     {key:'name', name: '卷内文件题名', align: 'center'}
 ];
 const cscTableData1 = ref([
-    {id: 1, name: '[K8+450阳光大桥第x联（跨）墩顶负弯矩张拉压浆].PDF'},
-    {id: 2, name: '[K8+450阳光大桥第x联（跨）墩顶负弯矩张拉压浆].PDF'},
-    {id: 3, name: '[K8+450阳光大桥第x联（跨）墩顶负弯矩张拉压浆].PDF'},
-    {id: 4, name: '[K8+450阳光大桥第x联（跨）墩顶负弯矩张拉压浆].PDF'},
-    {id: 5, name: '[K8+450阳光大桥第x联（跨）墩顶负弯矩张拉压浆].PDF'},
-    {id: 6, name: '[K8+450阳光大桥第x联（跨）墩顶负弯矩张拉压浆].PDF'},
-    {id: 7, name: '[K8+450阳光大桥第x联（跨）墩顶负弯矩张拉压浆].PDF'}
+
 ])
 
 //竣工资料