唐润平：设备唯一性

src/components/content/tunnelScene/editEquComp/editDialog.vue

@@ -68,9 +68,9 @@ let maxConstructionLength = ref(0);
 //计算锚点之间距离
 const pointDistance_str = computed(
   () =>
-    `${params.pointGap}米*${params.pointNum}=${
+    `${params.pointGap}米*${params.pointNum}=${(
       params.pointGap * params.pointNum
-    }米`
+    ).toFixed(2)}米`
 );
 
 watch(
@@ -92,16 +92,25 @@ const equipmentSetting = reactive({
   threshold: "", //阈值
   typeKey: null, //设备选择(设备名称)
 });
+function resetEquipmentSetting() {
+  equipmentSetting.equipmentId = null;
+  equipmentSetting.equipmentName = "";
+  equipmentSetting.equipmentType = "";
+  equipmentSetting.position = "";
+  equipmentSetting.threshold = "";
+  equipmentSetting.typeKey = null;
+  equipment.value.reset();
+  equipmentType.value.reset();
+}
+
 // 绑定选择的设备类型
 function handleTypeChange(optionItem) {
   equipmentSetting.equipmentType = optionItem.value;
-  console.log("option", equipmentSetting);
 }
 function handleEquipmentChange(equipmentItem) {
   equipmentSetting.equipmentName = equipmentItem.label;
   equipmentSetting.equipmentId = equipmentItem.equipmentId;
   equipmentSetting.typeKey = equipmentItem.value;
-  console.log("option", equipmentSetting);
 }
 // 设备类型选项参数
 let options = reactive([{ label: "暂无数据", value: "" }]);
@@ -144,11 +153,7 @@ function handelInput(e) {
 
 // 处理取消事件
 function handleCancel() {
-  equipmentSetting.equipmentType = "";
+  resetEquipmentSetting();
-  equipmentSetting.chooseEquipment = null;
-  equipmentSetting.threshold = "";
-  equipment.value.reset();
-  equipmentType.value.reset();
   // 发射事件给tunnel父组件
   emit("cancel");
 }
@@ -183,12 +188,21 @@ function addEquipment() {
         message: "添加成功！",
         type: "success",
       });
+      resetEquipmentSetting();
     })
     .catch((err) => {
+      if (err === 3000) {
+        ElMessage({
+          message: "该设备已添加！",
+          type: "warning",
+        });
+        resetEquipmentSetting();
+      } else {
         ElMessage({
           message: "添加异常！",
           type: "warning",
         });
+      }
     });
 }
 </script>

src/components/content/tunnelScene/request/index.js

@@ -37,7 +37,10 @@ export const saveEquipment = (equipmentInfo, pointGap) => {
   let tempModelEquipmentList = [...modelEquipmentList]; //数组克隆
   tempModelEquipmentList.push(toRaw(equipmentInfo));
   return new Promise((resolve, reject) => {
-    apiSaveEquipment({
+    console.log("equId", equipmentInfo.equipmentId);
+    hasEquipment(equipmentInfo.equipmentId)
+      ? reject(3000)
+      : apiSaveEquipment({
           constructionLength: autoComputeConstructionLength(
             tempModelEquipmentList,
             pointGap
@@ -55,6 +58,7 @@ export const saveEquipment = (equipmentInfo, pointGap) => {
               modelEquipmentList.push(toRaw(equipmentInfo)); //存入本地
               resolve();
             }
+            console.log("add", res);
             reject(res);
           })
           .catch((err) => {
@@ -103,7 +107,7 @@ export const deleteEquipment = (equipmentId, pointGap) => {
       .then((res) => {
         if (res?.code === 1000) {
           modelEquipmentList = modelEquipmentList.filter(
-            (item) => item.equipmentId != equipmentId
+            (item) => item.equipmentId === equipmentId
           );
           resolve();
         }
@@ -131,3 +135,11 @@ function autoComputeConstructionLength(modelEquipmentList, pointGap) {
   });
   return maxLength;
 }
+
+function hasEquipment(equipmentId) {
+  let result = false;
+  modelEquipmentList.forEach((item) => {
+    if (item.equipmentId === equipmentId) result = true;
+  });
+  return result;
+}