调试接口

src/views/using/query.vue

@@ -185,7 +185,7 @@
                             <div class="gui-file-item" v-for="item in guiInfoData">
                                 <template v-for="(items, index) in item.children">
                                     <!-- index === 2 || index === 5 ?'query': '', query 为搜索后的结果进行选中，cur 为点击的选中-->
-                                    <div class="item" :class="[guiInfoCurKey === items.id ? 'cur' : '']" @click="guiFileInfo(items)">{{items.fileNumber}}</div>
+                                    <div class="item" :class="[guiInfoCurKey.id === items.id ? 'cur' : '']" @click="guiFileInfo(items)">{{items.fileNumber}}</div>
                                 </template>
                             </div>
                         </div>
@@ -196,35 +196,41 @@
                         <el-scrollbar>
                             <div class="info-item">
                                 <div class="title">案卷题名：</div>
-                                <div class="text">安康至来凤国家高速公路奉节至巫山（渝鄂界）段干岩洞隧道LK3+425～LK3+393初期支护钢筋网分项开工报告、检验申请批复单、质量检验报告单、记录表、试验检测记录及评定报告、中间交工证书</div>
+                                <div class="text">{{ guiInfoCurKey.name }}</div>
                             </div>
                             <div class="info-item">
                                 <div class="title">
                                     <span>密</span>
                                     <span>级：</span>
                                 </div>
-                                <div class="text">机密</div>
+                                <div class="text">{{ guiInfoCurKey.secretLevelValue }}</div>
                             </div>
                             <div class="info-item">
                                 <div class="title">保管期限：</div>
-                                <div class="text">永久</div>
+                                <div class="text">{{ guiInfoCurKey.storageTimeValue }}</div>
                             </div>
                             <div class="info-item">
                                 <div class="title">卷内文件：</div>
-                                <div class="text">9</div>
+                                <div class="text">{{ guiInfoCurKey.pageNumber }}</div>
                             </div>
                             <div class="info-item">
                                 <div class="title">起止日期：</div>
-                                <div class="text">2022.02.12~2023.11.02</div>
+                                <div class="text" v-if="guiInfoCurKey?.endDate !== ''|| guiInfoCurKey?.startDate !== ''">
+                                    {{ splitDate(guiInfoCurKey?.startDate)+"~"+  splitDate(guiInfoCurKey?.endDate)}}
+                                </div>
+                                <div class="text" v-else></div>
                             </div>
                             <div class="info-item">
                                 <div class="title">立卷单位：</div>
-                                <div class="text">贵州路桥集团xxxxx</div>
+                                <div class="text">{{ guiInfoCurKey.unit }}</div>
                             </div>
                         </el-scrollbar>
                     </div>
                     <div class="btn-box">
-                        <el-button size="large" type="primary">打开案卷</el-button>
+                        <el-button size="large" type="primary"
+                                   :disabled="guiInfoData.length <= 0"
+                                   @click="consultFileClick(guiInfoCurKey,1)"
+                        >打开案卷</el-button>
                         <el-button size="large" @click="onCloseGuiInfoDrawer">
                             <HcIcon name="close"/>
                             <span>关闭</span>
@@ -435,9 +441,12 @@ onMounted(() => {
     getTableData()
 })
 //截取日期
-const splitDate=(val)=>{
-
-    return val.substring( 0,10)
+const splitDate = (val)=>{
+    if (val) {
+        return val?.substring(0,10)
+    } else {
+        return ''
+    }
 }
 //处理数据
 const rowsToArr = (rows) => {
@@ -1316,8 +1325,16 @@ const guiItemClick = async (item) => {
     })
     //处理返回数据
     if (!error && code === 200) {
-        guiInfoData.value = getArrValue(data)
+        const arrData = getArrValue(data)
+        guiInfoData.value = arrData
+        if (arrData.length > 0) {
+            const children = getArrValue(arrData[0]?.children)
+            guiInfoCurKey.value = children[0]
+        } else {
+            guiInfoCurKey.value = {}
+        }
     } else {
+        guiInfoCurKey.value = {}
         guiInfoData.value = []
     }
 }
@@ -1328,13 +1345,12 @@ const onCloseGuiInfoDrawer = () => {
 }
 
 //案卷文件数据
-const guiInfoCurKey = ref('')
+const guiInfoCurKey = ref({})
 const guiInfoData = ref([])
 
 //点击档案
 const guiFileInfo = (item) => {
-    //因为当前测试数据的id是有重复的，所以，点击后，会出现多个选中。
-    guiInfoCurKey.value = item.id
+    guiInfoCurKey.value = item
 }
 </script>