feat(records): change

src/app/map/App.vue

@@ -17,7 +17,8 @@
     <div class="card-list">
       <template v-for="item of list">
         <el-card style="width: 480px" shadow="hover" @click="handCardClick(item.caseId)">
-          <img class="cover" src="https://test-mix3d.4dkankan.com/code/assets/pic.d5781b0c.jpg" style="width: 100%" />
+          <img class="cover" :src="item.cover || 'https://test-mix3d.4dkankan.com/code/assets/pic.d5781b0c.jpg'"
+            style="width: 100%" />
           <div class="card">
             <span> 项目: {{ item.projectName }}</span>
             <span> 地址: {{ item.projectAddress }}</span>
@@ -39,6 +40,8 @@ import { getFuseCodeLink } from "../../view/case/help";
 import comCompany from "./company-select/index.vue";
 import { reactive } from "vue";
 import { watch } from "vue";
+import { ElLoading } from 'element-plus'
+
 
 const current = ref(0);
 const list = ref<any>([])
@@ -91,9 +94,17 @@ const getDataQuest = () => {
 
 
 const refresh = async () => {
+  const loading = ElLoading.service({
+    lock: true,
+    text: 'Loading',
+    background: 'rgba(0, 0, 0, 0.7)',
+  })
+
   const data = await getDataQuest() as any as any[];
   console.log('data', data)
   list.value = data as any[]
+  loading.close()
+
 }
 
 watch(() => state.deptId, () => {
@@ -235,7 +246,7 @@ body {
 
   display: flex;
   gap: 50px 25px;
-  width: 80%;
+  width: 90%;
   flex-direction: row;
   flex-wrap: wrap;
 }