feat: 气象干预类型修改

src/views/SchedulingPage/ConfigBoilerPage.vue

@@ -203,7 +203,6 @@ import { ElMessage } from "element-plus";
 const options = reactive([]);
 import store from "../../store/index";
 import { vFloatNumber } from "@/utils/directives.js";
-import { load } from "@amap/amap-jsapi-loader";
 import { ElLoading } from "element-plus";
 const form = ref({
   types: [],

src/views/SchedulingPage/weatherManageSub/ReviseWindow.vue

 <script setup>
-import {ref, defineProps, defineEmits, computed, isRef, onMounted, watchEffect} from "vue";
+import { vFloatNumber } from "@/utils/directives.js";
+import {
+  ref,
+  defineProps,
+  defineEmits,
+  computed,
+  isRef,
+  onMounted,
+  watchEffect,
+} from "vue";
 
 const props = defineProps({
   open: {
     type: Boolean,
     default: false,
-    required: true
+    required: true,
   },
   data: {
     type: Object,
     default: {},
-    required:true
-  }
-})
+    required: true,
+  },
+});
 const emit = defineEmits({
   onCancel: null,
-  onConfirm: data => {
-    return true
-  }
-})
-const reviseData = ref({})
-watchEffect(()=>{
-  reviseData.value = {...props.data}
-})
+  onConfirm: (data) => {
+    return true;
+  },
+});
+const reviseData = ref({});
+watchEffect(() => {
+  reviseData.value = { ...props.data };
+});
 const inputStyle = {
-  color: 'black',
-  height: '24px'
-}
+  color: "black",
+  height: "24px",
+};
 const switchingisAuto = computed({
   get() {
-    return reviseData.value.isAuto === '自动模式'
+    return reviseData.value.isAuto === "自动模式";
   },
   set(newValue) {
     if (newValue) {
-      reviseData.value.isAuto = '自动模式'
+      reviseData.value.isAuto = "自动模式";
     } else {
-      reviseData.value.isAuto = '手动模式'
+      reviseData.value.isAuto = "手动模式";
     }
-  }
-})  // 可写计算属性,手动、自动模式切换
-function onOpen(){
-  console.log('props.data数据',props.data)
-  console.log('修改弹窗接收到的数据',reviseData.value)
+  },
+}); // 可写计算属性,手动、自动模式切换
+function onOpen() {
+  console.log("props.data数据", props.data);
+  console.log("修改弹窗接收到的数据", reviseData.value);
 }
 </script>
 
 <template>
   <el-dialog
-      v-model="props.open"
-      width="1000px"
-      title="自定义修改"
-      @close="emit('onCancel')"
-      @open="onOpen">
+    v-model="props.open"
+    width="1000px"
+    title="自定义修改"
+    @close="emit('onCancel')"
+    @open="onOpen"
+  >
     <template #default>
       <div class="dialog-content">
         <el-row style="border-top: #a6c3e9 1px solid">
           <el-col :span="8" class="content-col-label">自定义名称：</el-col>
           <el-col :span="16" class="content-col-value">
-            <el-input :input-style="inputStyle" v-model="reviseData.customizeName" style="width: 510px"/>
+            <el-input
+              :input-style="inputStyle"
+              v-model="reviseData.customizeName"
+              style="width: 510px"
+            />
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8" class="content-col-label">干预模式：</el-col>
           <el-col :span="16" class="content-col-value">
             <el-radio-group v-model="reviseData.isFixed">
-              <el-radio value="固定模式" :style="{marginLeft:'10px'}">固定模式</el-radio>
-              <el-radio value="气象仪模式" :style="{marginLeft:'-15px'}">气象仪模式</el-radio>
+              <el-radio value="固定模式" :style="{ marginLeft: '10px' }"
+                >固定模式</el-radio
+              >
+              <el-radio value="气象仪模式" :style="{ marginLeft: '-15px' }"
+                >气象仪模式</el-radio
+              >
             </el-radio-group>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8" class="content-col-label">温度：</el-col>
           <el-col :span="16" class="content-col-value">
-            <el-input :input-style="inputStyle" v-model="reviseData.temperature" style="width: 510px"/>
+            <el-input
+              v-float-number
+              :input-style="inputStyle"
+              v-model="reviseData.temperature"
+              style="width: 510px"
+            />
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8" class="content-col-label">风速：</el-col>
           <el-col :span="16" class="content-col-value">
-            <el-input :input-style="inputStyle" v-model="reviseData.wind" style="width: 510px"/>
+            <el-input
+              :input-style="inputStyle"
+              v-float-number
+              v-model="reviseData.wind"
+              style="width: 510px"
+            />
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8" class="content-col-label">光照：</el-col>
           <el-col :span="16" class="content-col-value">
-            <el-input :input-style="inputStyle" v-model="reviseData.illumination" style="width: 510px"/>
+            <el-input
+              :input-style="inputStyle"
+              v-float-number
+              v-model="reviseData.illumination"
+              style="width: 510px"
+            />
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8" class="content-col-label">排序：</el-col>
           <el-col :span="16" class="content-col-value">
-            <el-input :input-style="inputStyle" v-model="reviseData.sort" style="width: 510px"/>
+            <el-input
+              :input-style="inputStyle"
+              v-float-number
+              v-model="reviseData.sort"
+              style="width: 510px"
+            />
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="5" class="content-col-label">切换自动模式：</el-col>
           <el-col :span="7" class="content-col-value">
-            <el-checkbox :style="{marginLeft:'10px'}" v-model="switchingisAuto" label="自动模式"/>
+            <el-checkbox
+              :style="{ marginLeft: '10px' }"
+              v-model="switchingisAuto"
+              label="自动模式"
+            />
           </el-col>
-          <el-col :span="5" class="content-col-label">自动偏差百分比（%d）：</el-col>
+          <el-col :span="5" class="content-col-label"
+            >自动偏差百分比（%d）：</el-col
+          >
           <el-col :span="7" class="content-col-value">
-            <el-input :input-style="inputStyle" v-model="reviseData.diffPercentage" style="width: 240px"/>
+            <el-input
+              :input-style="inputStyle"
+              v-float-number
+              v-model="reviseData.diffPercentage"
+              style="width: 240px"
+            />
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="5" class="content-col-label">自动验证循环时间（分钟）：</el-col>
+          <el-col :span="5" class="content-col-label"
+            >自动验证循环时间（分钟）：</el-col
+          >
           <el-col :span="7" class="content-col-value">
-            <el-input :input-style="inputStyle" v-model="reviseData.timeoutMin" style="width: 240px"/>
+            <el-input
+              :input-style="inputStyle"
+              v-model="reviseData.timeoutMin"
+              style="width: 240px"
+            />
           </el-col>
-          <el-col :span="5" class="content-col-label">自动调节温度（℃）：</el-col>
+          <el-col :span="5" class="content-col-label"
+            >自动调节温度（℃）：</el-col
+          >
           <el-col :span="7" class="content-col-value">
-            <el-input :input-style="inputStyle" v-model="reviseData.tempRegulation" style="width: 240px"/>
+            <el-input
+              :input-style="inputStyle"
+              v-float-number
+              v-model="reviseData.tempRegulation"
+              style="width: 240px"
+            />
           </el-col>
         </el-row>
       </div>
     </template>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" @click="emit('onConfirm', reviseData)">保存</el-button>
+        <el-button type="primary" @click="emit('onConfirm', reviseData)"
+          >保存</el-button
+        >
         <el-button type="primary" @click="emit('onCancel')">关闭</el-button>
       </div>
     </template>
@@ -125,7 +189,6 @@ function onOpen(){
 </template>
 
 <style scoped>
-
 .el-row {
   color: black;
   height: 35px;
@@ -153,10 +216,10 @@ function onOpen(){
 .el-input {
   color: black;
 }
-.el-radio{
+.el-radio {
   color: black;
 }
-.el-checkbox{
+.el-checkbox {
   color: black;
 }
-</style>
\ No newline at end of file
+</style>