优化

src/views/home/components/right-two/index.vue

@@ -9,10 +9,11 @@
         <!-- 内容区域 -->
         <div class="content-container">
             <div
-                class="content-item"
                 :key="item.title"
-                v-for="(item, index) in compareList"
+                class="content-item"
                 :class="`item-${index + 1}`"
+                @click="onHandleClickJump(item, index)"
+                v-for="(item, index) in compareList"
             >
                 <div>
                     <span style="padding-left: 10px; font-size: 16px"> {{ item.title }} </span>
@@ -188,7 +189,33 @@ const getTaskStatisticsData = async () => {
 getTaskStatisticsData()
 
 const onHandleMore = () => {
-    console.log('更多')
+    // console.log('更多')
+    // jumpType.value = null
+    currentComponent.value = 'comp-a'
+    morePanelVisible.value = true
+}
+
+// 点击跳转
+const onHandleClickJump = (item, index) => {
+    switch (index) {
+        case 0:
+            activeIndex.value = 0
+            currentComponent.value = 'comp-a'
+            break
+        case 1:
+            activeIndex.value = 1
+            currentComponent.value = 'comp-b'
+            break
+        case 2:
+            activeIndex.value = 2
+            currentComponent.value = 'comp-c'
+            break
+        case 3:
+            activeIndex.value = 2
+            currentComponent.value = 'comp-c'
+            break
+    }
+
     morePanelVisible.value = true
 }
 
@@ -228,6 +255,7 @@ const onHandleTabs = (component, index) => {
         color: #b9e8fe;
         background: url('@/assets/home-imgs/border_bg.png') no-repeat center center;
         background-size: 100% 100%;
+        cursor: pointer;
     }
 
     .item-1 {

src/views/home/components/right-two/taps-three.vue

@@ -14,11 +14,19 @@
                 />
             </n-form-item>
             <n-form-item>
-                <n-input
+                <!-- <n-input
                     clearable
                     placeholder="比对结果"
                     style="width: 240px"
                     v-model:value="queryParams.status"
+                /> -->
+
+                <n-select
+                    clearable
+                    placeholder="比对结果"
+                    style="width: 240px"
+                    :options="isSendOptions"
+                    v-model:value="queryParams.status"
                 />
             </n-form-item>
 
@@ -51,11 +59,7 @@
         </div>
 
         <n-modal v-model:show="imageModalVisible">
-            <DialogModal
+            <DialogModal modalTitle="比对图片" @onHandleCloseModal="imageModalVisible = false">
-                :width="`30vw`"
-                modalTitle="比对图片"
-                @onHandleCloseModal="imageModalVisible = false"
-            >
                 <!-- 巡检比对图片 -->
                 <div class="image-container">
                     <div class="image-item">
@@ -68,7 +72,7 @@
                         />
                     </div>
                     <div class="image-item">
-                        <div style="color: #fff">上一次巡检照片</div>
+                        <div style="margin-bottom: 10px; color: #fff">上一次巡检照片</div>
                         <n-image
                             width="420"
                             height="420"
@@ -94,6 +98,11 @@ const tableData = ref([])
 const startImage = ref('')
 const endImage = ref('')
 const imgPreviewUrl = import.meta.env.VITE_APP_imgPreviewUrl
+
+const isSendOptions = ref([
+    { label: '正常', value: '1' },
+    { label: '异常', value: '0' },
+])
 const queryParams = ref({
     pageNum: 1,
     pageSize: 10,