feat : 隧道管理新增/修改框添加新字段输入框

src/views/edit/edit.vue

@@ -28,6 +28,25 @@
         <el-form-item label="施工长度">
           <el-input type="number" v-model="form.constructionLength" placeholder="请输入施工长度"/>
         </el-form-item>
+        <el-form-item label="基准频率" prop="referenceFrequency">
+          <el-input type="number" v-model="form.referenceFrequency" placeholder="请输入基准频率"/>
+        </el-form-item>
+        <div style="display: flex">
+          <el-form-item label="升频时间" prop="upTime">
+            <el-input-number v-model="form.upTime" :min="0" :max="60"/>
+          </el-form-item>
+          <el-form-item label="升频率" prop="upFrequency">
+            <el-input type="number" v-model="form.upFrequency" placeholder="请输入升频率"/>
+          </el-form-item>
+        </div>
+        <div style="display: flex">
+          <el-form-item label="降频时间" prop="dropTime">
+            <el-input-number v-model="form.dropTime" :min="0" :max="60"/>
+          </el-form-item>
+          <el-form-item label="降频率" prop="dropFrequency">
+            <el-input type="number" v-model="form.dropFrequency" placeholder="请输入降频率"/>
+          </el-form-item>
+        </div>
         <el-form-item label="是否默认">
           <el-radio-group v-model="form.isDefault">
             <el-radio :label="true">是</el-radio>
@@ -61,6 +80,11 @@ const form = ref({
   tunnelName: "",
   serialNumber: "",
   totalLength: "",
+  referenceFrequency: '',
+  upTime: '',
+  upFrequency: '',
+  dropTime: '',
+  dropFrequency: '',
   isDefault: false,
   remarks: "",
 });
@@ -86,35 +110,47 @@ const handleGoTunnelMgr = () => {
 const getTunnelInfo = () => {
   initSceneData(tunnelId).then((res) => {
     modelEquipmentList.value = JSON.parse(res.data.tunnelThreeConfig)
-    if(modelEquipmentList.value===null){
-      modelEquipmentList.value=[]
+    if (modelEquipmentList.value === null) {
+      modelEquipmentList.value = []
     }
     const data = {
       tunnelId: tunnelId,
-      tunnelName: form.value.tunnelName,
-      tunnelAlias: form.value.tunnelAlias,
-      serialNumber: form.value.serialNumber,
-      remarks: form.value.remarks,
-      constructionLength: form.value.constructionLength,
+      ...form.value,
       tunnelLength: form.value.totalLength,
-      isDefault: form.value.isDefault,
       modelEquipmentList: modelEquipmentList.value,
     };
-     editTunnel(data).then((res) => {
-       if (res?.code === 1000) {
-         ElMessage.success(res.msg);
-         router.push("/tunnel/" + form.value.siteId + "/" + type + "/" + userId);
-       } else {
-         ElMessage.error(res.msg);
-       }
-     });
+    editTunnel(data).then((res) => {
+      if (res?.code === 1000) {
+        ElMessage.success(res.msg);
+        router.push("/tunnel/" + form.value.siteId + "/" + type + "/" + userId);
+      } else {
+        ElMessage.error(res.msg);
+      }
+    });
   })
 }
-const handleSave =  () => {
+const handleSave = () => {
   getTunnelInfo()
 };
 </script>
 <style lang="scss" scoped>
+:deep(.el-form-item__content) {
+  .el-input-number {
+    width: 237px;
+
+    .el-input-number__decrease, .el-input-number__increase {
+      background-color: #08B7B8;
+      width: 50px;
+
+      .el-icon {
+        font-size: 40px;
+        color: #FFFFFF;
+        font-weight: bold;
+      }
+    }
+  }
+}
+
 #main {
   position: relative;
   height: 100%;
@@ -188,7 +224,7 @@ const handleSave =  () => {
     position: absolute;
     top: 250px;
     left: 80px;
-    width: 830px;
+    width: 950px;
     //height: 500px;
     background-image: url(@/assets/images/transducer/bg.png);
     padding: 20px 30px;