最新

src/renderer/components/selectImg.vue

@@ -44,7 +44,8 @@
           <div style="display: flex;" class="sssssssssss">
             <el-checkbox-group v-model="checkList">
               <el-checkbox :label="item.id" v-for="item in imgList_zidingyi" :key="item.id" style="padding-left: 0;">
-                <div class="imgItem" :style="item.selected ? 'border-color:red' : ''" @click="selectImg(item)">
+                <div class="imgItem" :class="{ selectImg1: selectedId == item.id }"
+                  :style="item.selected ? 'border-color:red' : ''" @click="selectImg(item)">
                   <img :src="url + '/yjearth4.0/api/v1/icon/' + item.id + '/' + item.suffix" />
                 </div>
               </el-checkbox>
@@ -78,6 +79,7 @@ export default {
       isIndeterminate: false,
       checkAll: true,
       isAll: false,
+      selectedId: '',
     };
   },
   mounted() {
@@ -117,11 +119,19 @@ export default {
       })
     },
     //获取列表
-    getList() {
+    getList(url) {
       zidinyi({}, data => {
         this.imgList_zidingyi = data.list || []
+        if (url) {
+          this.selectedId = this.getIdFromUrl(url.pathname)
+        }
       })
     },
+    getIdFromUrl(url) {
+      const regex = /\/icon\/([^\/]+)\//;
+      const match = url.match(regex);
+      return match ? match[1] : null;
+    },
     onSuccess(file) {
       this.getList()
     },
@@ -144,10 +154,14 @@ export default {
     set(key) {
       this.flag = key
     },
-    init(obj, selected, hasGEMarker1 = true) {
-      console.log('obj, selectedobj, selectedobj, selectedobj, selected', obj, selected);
+    init(obj, selected, hasGEMarker1 = true,isUrl) {
       let selectedd
-      this.getList()
+      if (isUrl) {
+        this.getList(new URL(selected))
+      } else {
+        this.getList()
+      }
+      console.log('obj, selectedobj, selectedobj, selectedobj, selected', obj, selected, this.imgList_zidingyi);
       let arr = selected.split("/");
       if (selected.includes('/yjearth4.0/api/v1/icon/')) {
         const parts = selected.split("/");
@@ -351,6 +365,11 @@ export default {
         }
       }
     }
+
+    .selectImg1 {
+      cursor: pointer;
+      border-color: red;
+    }
   }
 }
 </style>