调试接口

src/views/using/query.vue

@@ -184,11 +184,8 @@
                         <div class="gui-file-item-box">
                             <div class="gui-file-item" v-for="item in guiInfoData">
                                 <template v-for="(items, index) in item.children">
-                                    <!-- query 为搜索后的结果进行选中，cur 为点击的选中-->
-                                    <div class="item"
-                                         :class="[index === 2 || index === 5 ?'query': '', guiInfoCurKey=== items.id ? 'cur' : '']"
-                                         @click="guiFileInfo(items)"
-                                    >{{items.name}}</div>
+                                    <!-- index === 2 || index === 5 ?'query': '', query 为搜索后的结果进行选中，cur 为点击的选中-->
+                                    <div class="item" :class="[guiInfoCurKey === items.id ? 'cur' : '']" @click="guiFileInfo(items)">{{items.fileNumber}}</div>
                                 </template>
                             </div>
                         </div>
@@ -537,7 +534,7 @@ const deltag=(item)=>{
 }
 //搜索表单
 const searchForm = ref({
-    current: 1, size: 20, total: 0, searchType:"1", listType: 1, archiveType: '',
+    current: 1, size: 20, total: 0, searchType:"1", listType: 1, archiveType: '', cabinetNumber: ''
 })
 //卷内文件
 const InsearchForm = ref({
@@ -816,8 +813,6 @@ const searchFileClick = (type) => {
     filteringShow.value = ''
     searchForm.value.searchType=type
     getTableData()
-
-
 }
 
 //按案卷查询
@@ -903,7 +898,7 @@ const getTableData = async () => {
     //案卷列表
     if (tabKey.value === 'tab1') {
         tableFileCloseClick()
-        if(searchForm.value.searchType==='2'){
+        if(searchForm.value.searchType === '2'){
             if(tableData.value.length>0&&tableData.value[0]?.approvalFileList.length>0){
                 // tableFileData.value =getArrValue( tableData.value[0]['approvalFileList'])
                 let searchinput=searchForm.value.queryValue
@@ -1303,9 +1298,28 @@ const guiItemData = ref([])
 
 //柜子被点击
 const isGuiInfoDrawer = ref(false)
-const guiItemClick = (item) => {
-    console.log(item)
+const guiItemClick = async (item) => {
     isGuiInfoDrawer.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,
+        cabinetNumber: item.id,
+        projectId: projectId.value,
+        contractId:contractId.value
+    })
+    //处理返回数据
+    if (!error && code === 200) {
+        guiInfoData.value = getArrValue(data)
+    } else {
+        guiInfoData.value = []
+    }
 }
 
 //关闭抽屉
@@ -1315,195 +1329,13 @@ const onCloseGuiInfoDrawer = () => {
 
 //案卷文件数据
 const guiInfoCurKey = ref('')
-const guiInfoData = ref([
-    {
-        children: [
-            {id: '1', name: '123Abc'},
-            {id: '2', name: '12测试一下Ab'},
-            {id: '3', name: 'ABCDEFG'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-    {
-        children: [
-            {id: '1', name: '123456789'},
-            {id: '2', name: '123456789'},
-            {id: '3', name: '123456789'},
-            {id: '4', name: '123456789'},
-            {id: '5', name: '123456789'},
-            {id: '6', name: '123456789'},
-            {id: '7', name: '123456789'},
-            {id: '8', name: '123456789'},
-        ]
-    },
-])
+const guiInfoData = ref([])
 
 //点击档案
 const guiFileInfo = (item) => {
     //因为当前测试数据的id是有重复的，所以，点击后，会出现多个选中。
     guiInfoCurKey.value = item.id
 }
-
 </script>
 
 <style lang="scss" scoped>