车辆模型左侧列表当前项展示优化

src/views/modelLibrary/components/modelList.vue

@@ -78,9 +78,11 @@ export default {
             default: "",
         },
         curOne: {
-            default: {
-                share: "",
-                id: "",
+            default: function () {
+                return {
+                    share: "",
+                    id: "",
+                };
             },
             type: Object,
         },

src/views/modelLibrary/sensorModel.vue

@@ -278,10 +278,12 @@ export default {
                         this.addOne();
                     }
 
-                    this.curOne = {
-                        share: "",
-                        id: "",
-                    };
+                    if (id === this.curOne.id) {
+                        this.curOne = {
+                            share: "",
+                            id: "",
+                        };
+                    }
                 } else {
                     this.$message.error(res.message || "删除失败");
                 }

src/views/modelLibrary/vehicleModel.vue

@@ -8,6 +8,7 @@
             @delOne="delOne"
             :getListApi="getListApi"
             :showName="showName"
+            :curOne="curOne"
         ></model-list>
 
         <div class="contentPanel">
@@ -383,8 +384,8 @@ export default {
                 share: "", // 分享
                 // vehicleImage: "", // 对应的图片相对地址
                 id: "",
-                vehicleFrontView:"", // 对应的图片相对地址
-                vehicleTopView:"", // 对应的图片相对地址
+                vehicleFrontView: "", // 对应的图片相对地址
+                vehicleTopView: "", // 对应的图片相对地址
             },
             vehicleTypeList: [],
             vehicleModelList: [],
@@ -563,6 +564,11 @@ export default {
             },
             modelLabelList: [],
             modelImgSrc: "",
+            // 用于当前选中项的展示
+            curOne: {
+                share: "",
+                id: "",
+            },
         };
     },
 
@@ -587,13 +593,17 @@ export default {
                             res.info.vehicleFrontView
                         );
                     }
+
+                    this.curOne = {
+                        share: res.info.share,
+                        id: res.info.id,
+                    };
                 } else {
                     this.$message.error(res.message || "获取失败");
                 }
             });
         },
         save(isAdd) {
-            // console.log(this.form);
             this.$refs.form.validate((valid) => {
                 if (valid) {
                     // 判断是否新增
@@ -611,8 +621,14 @@ export default {
                         if (res.code == 200 && res.info) {
                             this.form.id = res.info.id;
                             this.form.share = res.info.share;
+                            this.form.vehicleCode = res.info.vehicleCode;
                             this.$message.success("保存成功");
                             this.$refs.modelList.getList();
+
+                            this.curOne = {
+                                share: res.info.share,
+                                id: res.info.id,
+                            };
                         } else {
                             this.$message.error(res.message || "保存失败");
                         }
@@ -628,9 +644,13 @@ export default {
             this.form.share = "";
             this.form.id = "";
             this.modelImgSrc = "";
+
+            this.curOne = {
+                share: "",
+                id: "",
+            };
         },
         delOne(id) {
-            // console.log(id,this.form.id);return
             this.$axios({
                 method: "post",
                 url: this.$api.modelLibrary.delVehicleById,
@@ -644,6 +664,13 @@ export default {
                     if (this.form.id && id === this.form.id) {
                         this.addOne();
                     }
+
+                    if (id === this.curOne.id) {
+                        this.curOne = {
+                            share: "",
+                            id: "",
+                        };
+                    }
                 } else {
                     this.$message.error(res.message || "删除失败");
                 }
@@ -687,7 +714,6 @@ export default {
             return src;
         },
         modelLabelChange() {
-            // console.log(this.$refs.cascader.getCheckedNodes(true)[0].data.vo);
             Object.assign(
                 this.form,
                 this.$refs.cascader.getCheckedNodes(true)[0].data.vo