初始化功能大致完成

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

@@ -2,54 +2,25 @@
   <div id="edit-dialog">
     <div class="distance-back">
       <p>当前距离洞口：{{ pointDistance_str }}</p>
-      <img
-        src="/images/htmlEditDialog/back-icon.png"
-        alt=""
-        @click="handleCancel"
-      />
+      <img src="/images/htmlEditDialog/back-icon.png" alt="" @click="handleCancel" />
     </div>
     <div class="equ-info">当前风压:{{ p }}Pa</div>
     <div class="setting">
       <div class="setting-item">
         <p>传感器类型</p>
-        <el-select
-          v-model="equipmentSetting.equipmentType"
-          :fit-input-width="true"
-          filterable
-          clearable
-          placeholder="请选择设备类型"
-        >
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+        <el-select v-model="equipmentSetting.equipmentType" :fit-input-width="true" filterable clearable
+          placeholder="请选择设备类型">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </div>
       <div class="setting-item">
         <p>设备选择</p>
-        <el-select
-          v-model="equipmentSetting.chooseEquipment"
-          :fit-input-width="true"
-          filterable
-          clearable
-          placeholder="请选择设备类型"
-        >
-          <el-option
-            v-for="item in options2"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+        <el-select v-model="equipmentSetting.chooseEquipment" :fit-input-width="true" filterable clearable
+          placeholder="请选择设备类型">
+          <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </div>
-      <input-num
-        name="阈值"
-        placeholder="请输入阈值"
-        @inputValue="handelInput"
-        :disabled="isDisabledInputNum"
-      />
+      <input-num name="阈值" placeholder="请输入阈值" @inputValue="handelInput" :disabled="isDisabledInputNum" />
     </div>
     <div class="btn">
       <button @click="removeEquipment">删除</button>
@@ -80,8 +51,7 @@ let p = ref(57);
 //计算锚点之间距离
 const pointDistance_str = computed(
   () =>
-    `${params.pointGap}米*${params.pointNum}=${
-      params.pointGap * params.pointNum
+    `${params.pointGap}米*${params.pointNum}=${params.pointGap * params.pointNum
     }米`
 );
 
@@ -183,11 +153,13 @@ const equipment = {
   z-index: 999;
   display: block;
   opacity: 0;
+
   .distance-back {
     height: 30px;
     display: flex;
     justify-content: space-between;
     margin: 20px 20px 0px 30px;
+
     p {
       width: 388px;
       height: 35px;
@@ -196,13 +168,16 @@ const equipment = {
       color: #ffffff;
       line-height: 35px;
     }
+
     img {
       cursor: pointer;
     }
+
     img:active {
       transform: scale(0.9);
     }
   }
+
   .equ-info {
     width: 190px;
     height: 35px;
@@ -212,6 +187,7 @@ const equipment = {
     line-height: 35px;
     margin: 20px 30px 0px 30px;
   }
+
   .setting {
     .setting-item {
       padding: 30px 30px 10px 30px;
@@ -226,23 +202,27 @@ const equipment = {
         margin-bottom: 20px;
       }
     }
+
     :deep(.el-select) {
       width: 284px;
       //height: 51px;
       border: transparent;
     }
+
     :deep(.el-input--suffix) {
       width: 284px;
       height: 51px;
       background: rgba(7, 35, 72, 0.79);
       border: 2px solid #0f82af;
     }
+
     :deep(.el-input__wrapper) {
       background: transparent;
       border: none !important;
       padding: 0px 12px 0px 10px;
       box-shadow: none !important;
     }
+
     :deep(.el-input__wrapper input) {
       background: transparent;
       height: 100%;
@@ -251,19 +231,23 @@ const equipment = {
       color: #08b7b8;
       line-height: 37px;
     }
+
     :deep(.el-icon) {
       color: #05feff;
       font-size: 34px;
     }
   }
+
   .btn {
     margin: 100px 40px 40px 40px;
     display: flex;
     justify-content: space-between;
+
     button {
       cursor: pointer;
       transition: transform 0.1s linear 0s;
     }
+
     & :nth-child(1) {
       width: 190px;
       height: 60px;
@@ -275,6 +259,7 @@ const equipment = {
       color: #08b7b8;
       line-height: 60px;
     }
+
     & :nth-child(2) {
       width: 190px;
       height: 60px;
@@ -286,6 +271,7 @@ const equipment = {
       color: #ffffff;
       line-height: 60px;
     }
+
     button:active {
       transform: scale(0.9);
     }