Merge branch 'main' of http://123.132.248.154:10000/HC_YFZX/CaiYuanYiTiHua

src/api/statistical/index.ts

@@ -8,6 +8,7 @@ enum Api {
   GetAnalysisData = '/api/DroneScreenDisplay/GetAnalysisData',
   CaseOffenceEcharts = '/api/DroneScreenDisplay/CaseOffenceEcharts',
   GetTrendEchartsData = '/api/DroneScreenDisplay/GetTrendEchartsData',
+  ReFlyVerifyPage = '/api/DetectCenter/ReFlyVerifyPage',
 }
 export function GetTrendData(params: {
   countyid: string;
@@ -44,3 +45,7 @@ export function getTrendEchartsData(params: {
 }) {
   return defHttp.get({ url: Api.GetTrendEchartsData, params });
 }
+
+export function reFlyVerifyPage(params: { page?: number; limit?: number; key?: string }) {
+  return defHttp.get({ url: Api.ReFlyVerifyPage, params });
+}

src/views/sys/exception/VideoSupervision/caselist/index.vue

@@ -1,59 +1,93 @@
 <template>
-    <div class="case-list-container">
-        <div class="title">
-            复飞核实
-            <div class="switch-button">
-                <a-switch v-model:checked="checked" />
-            </div>
-        </div>
+  <div class="case-list-container">
+    <div class="title">
+      复飞核实
+      <div class="switch-button">
+        <a-switch v-model:checked="checked" />
+      </div>
     </div>
+    <div class="case-list">
+      <div class="case-item" v-for="item in list" :key="item.id">
+        <img src="/statistical/prove-icon.png" alt="" />
+        <span>{{ item.countyname }}{{ item.streetname }}*********拆除复耕</span>
+      </div>
+    </div>
+  </div>
 </template>
 <script lang="ts" setup>
-import {ref} from 'vue';
-const checked = ref<Boolean>(true);
+  import { ref, onMounted } from 'vue';
+  import { reFlyVerifyPage } from '@/api/statistical';
+
+  const checked = ref<Boolean>(true);
+  const list = ref<any>([]);
+  function getList() {
+    reFlyVerifyPage({}).then((res) => {
+      console.log(res);
+      list.value = res.items;
+    });
+  }
+  onMounted(() => {
+    getList();
+  });
 </script>
 
 <style type="less" scoped>
-.case-list-container{
+  .case-list-container {
     width: 418px;
     height: 440px;
-    background:#041B36;
+    background: #041b36;
     position: relative;
-    margin-bottom:20px;
-    &::before{
-        content:"";
-        height:70%;
-        width:50px;
-        position:absolute;
-        bottom:10px;
-        left:10px;
-        background:url("/public/videosupervision/main-left.png");
-        background-size:100% 100%;
+    margin-bottom: 20px;
+    &::before {
+      content: '';
+      height: 70%;
+      width: 50px;
+      position: absolute;
+      bottom: 10px;
+      left: 10px;
+      background: url('/public/videosupervision/main-left.png');
+      background-size: 100% 100%;
     }
-    &::after{
-        content:"";
-        height:70%;
-        width:50px;
-        position:absolute;
-        bottom:10px;
-        right:10px;
-        background:url("/public/videosupervision/main-right.png");
-        background-size:100% 100%;
+    &::after {
+      content: '';
+      height: 70%;
+      width: 50px;
+      position: absolute;
+      bottom: 10px;
+      right: 10px;
+      background: url('/public/videosupervision/main-right.png');
+      background-size: 100% 100%;
     }
-    .title{
-        width:100%;
-        height:40px;
-        background-image:url("/public/videosupervision/title.png");
-        background-size:100% 100%;
-        line-height:40px;
-        text-indent:18px;
-        font-size:18px;
-        font-weight:bold;
-        color:#fff;
+    .title {
+      width: 100%;
+      height: 40px;
+      background-image: url('/public/videosupervision/title.png');
+      background-size: 100% 100%;
+      line-height: 40px;
+      text-indent: 18px;
+      font-size: 18px;
+      font-weight: bold;
+      color: #fff;
     }
-    .switch-button{
-        float:right;
-        margin-right:20px;
+    .switch-button {
+      float: right;
+      margin-right: 20px;
     }
-}   
-</style>
+  }
+  .case-list {
+    padding: 10px 24px;
+    height: 376px;
+    overflow: auto;
+    .case-item {
+      border-bottom: 1px dashed #1d60b4;
+      padding: 10px 0;
+      img {
+        width: 15px;
+      }
+      span {
+        color: #7ebbff;
+        margin-left: 10px;
+      }
+    }
+  }
+</style>