Merge branch 'master' of ssh://gitlab.91isoft.com:10022/hikvision/web-project

src/components/FormBuilder.vue

+<template>
+  <div class="annual-param-container">
+    <el-form ref="searchForm" label-suffix=":">
+      <el-row :gutter="20" justify="space-evenly">
+        <el-col
+          v-for="(item, index) in props.schemas"
+          :key="index"
+          v-bind="item.colProps"
+        >
+          <el-form-item :label="item.label" :prop="item.prop">
+            <component
+              :is="components[item.type]"
+              :prop="item.prop"
+              :items="item.componentProps"
+            ></component>
+            <!-- <el-input v-model="queryPrarms" placeholder="请选择" /> -->
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+  
+</template>
+<script setup>
+import { defineProps, reactive, watch, ref } from "vue";
+import mitter from "@/utils/mitter";
+import components from "@/components/FormComponents/index"; // 将所有组件引入
+const emit = defineEmits(["DataChange"]);
+const props = defineProps({
+  schemas: {
+    type: Array,
+    default: [],
+  },
+  formData: {
+    type: Object,
+    default: () => {},
+  },
+});
+// 监听chageVal
+mitter.on("changeVal", (data) => {
+  const { name, value } = data;
+  if (name) {
+    props.formData[name] = value;
+  }
+});
+watch(
+  () => props.formData,
+  (newVal) => {
+    emit("DataChange", newVal);
+  },
+  { deep: true }
+);
+defineExpose({ formData: props.formData });
+</script>

src/components/PageData.vue

@@ -40,6 +40,7 @@
         <el-table
           :data="data"
           stripe
+          v-loading="loading"
           border
           style="width: 100%"
           :header-cell-class-name="tableHeaderClass"
@@ -55,7 +56,7 @@
             :align="column.align"
           >
           </el-table-column>
-          <el-table-column label="操作" width="300">
+          <el-table-column label="操作" fixed="right" width="300">
             <template #default="scope">
               <template
                 v-for="(action, index) in actions"
@@ -149,6 +150,7 @@ let data = ref([]);
 const total = ref(0);
 const searchForm = reactive({});
 const getData = () => {
+  loading.value = true
   let params = {
     ...PagePrarms,
     ...props.formData,
@@ -156,8 +158,10 @@ const getData = () => {
   http
     .post(props.api, params)
     .then((res) => {
+      loading.value = false
       if (res.success) {
         data.value = res.data;
+        total.value = res.data.length
       }
     })
     .catch(function (error) {

src/views/SchedulingPage/PhenomenonPage.vue

 <script setup>
-import { onMounted, ref, reactive } from "vue";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { getPhenomenon, addPhenomenon, alterPhenomenon, deletePhenomenon } from "@/api/scheduling.js"
-import { vFloatNumber } from "@/utils/directives.js";
+import {onMounted, ref, reactive} from "vue";
+import {ElMessage, ElMessageBox} from "element-plus";
+import {getPhenomenon, addPhenomenon, alterPhenomenon, deletePhenomenon} from "@/api/scheduling.js"
+import {vFloatNumber} from "@/utils/directives.js";
 
 const data = ref()
 const dataBackup = ref([])
@@ -18,7 +18,8 @@ const formRef = ref()
 //校验规则
 const rules = reactive({
   phenomenonTemp: [
-    { pattern: /^(-?\d{1,11})(\.[0-9]{1,4})?$/, message: "请输入正确的对应温度", trigger: "change" }
+    {required: true, message: '请输入正确的对应温度', trigger: 'blur'},
+    {pattern: /^(-?\d{1,11})(\.[0-9]{1,4})?$/, message: "请输入正确的对应温度", trigger: "change"}
   ]
 });
 const tableHeaderClass = data => {  // 表头样式
@@ -30,10 +31,12 @@ const tableBodyClass = data => {   // 表体样式
 
 function add() {
   addWindowOpen.value = true
+  formRef.value.resetFields()
 }  // 新增按钮单击事件
 function revise(val) {
-  reviseForm.value = { ...val }
+  reviseForm.value = {...val}
   reviseWindowOpen.value = true
+  formRef.value.resetFields()
 } // 修改按钮单击事件
 function search() {
   if (!searchKey.value) {
@@ -42,6 +45,7 @@ function search() {
     data.value = dataBackup.value.filter(item => item.phenomenonName.includes(searchKey.value))
   }
 }
+
 function omit(val) {
   let param = {
     id: val.phenomenonId
@@ -82,6 +86,8 @@ function handleClose() {
   resetInput()
 } // 关闭弹窗
 function onReviseSubmit() {
+  formRef.value.validate((valid) => {
+    if (valid) {
       if (reviseForm.value.phenomenonName === '晴天') {
         reviseForm.value.phenomenonType = 1
       } else if (reviseForm.value.phenomenonName === '多云') {
@@ -90,7 +96,6 @@ function onReviseSubmit() {
         reviseForm.value.phenomenonType = 3
       }
       delete reviseForm.value.updateNullFields
-  console.log('=>>>>>>>>>>>', reviseForm.value)
       alterPhenomenon(reviseForm.value).then(res => {
         if (res.success) {
           getData()
@@ -112,8 +117,12 @@ function onReviseSubmit() {
           type: 'error',
         })
       })
+    }
+  })
 } // 修改表单提交
 function onAddSubmit() {
+  formRef.value.validate(valid => {
+    if (valid) {
       if (addForm.value.phenomenonName === '晴天') {
         addForm.value.phenomenonType = 1
       } else if (addForm.value.phenomenonName === '多云') {
@@ -141,6 +150,8 @@ function onAddSubmit() {
           type: 'error',
         })
       })
+    }
+  })
 } // 新增表单提交
 function resetInput() {
   addForm.value = {
@@ -165,6 +176,7 @@ function getData() {
     dataBackup.value = [...data.value]
   })
 }
+
 function customSort(a, b) {
   return b.phenomenonType - a.phenomenonType
 }
@@ -175,7 +187,7 @@ function customSort(a, b) {
       <el-row>
         <el-col :span="8" label>名称：</el-col>
         <el-col :span="16">
-          <el-input clearable v-model="searchKey" />
+          <el-input clearable v-model="searchKey"/>
         </el-col>
       </el-row>
       <el-button type="primary" @click="search" class="add-search-btn">查询</el-button>
@@ -184,12 +196,13 @@ function customSort(a, b) {
     </div>
     <div class="table-wrapper">
       <el-table :data="data" stripe border style="width: 100%"
-        :default-sort="{ prop: 'phenomenonName', order: 'descending' }" :header-cell-class-name="tableHeaderClass"
+                :default-sort="{ prop: 'phenomenonName', order: 'descending' }"
+                :header-cell-class-name="tableHeaderClass"
                 :row-class-name="tableBodyClass">
-        <el-table-column type="index" label="序号" align="center" width="100" />
-        <el-table-column prop="phenomenonName" sortable :sort-method="customSort" label="名称" />
-        <el-table-column prop="phenomenonTemp" label="对应温度" />
-        <el-table-column prop="phenomenonDesc" label="描述" />
+        <el-table-column type="index" label="序号" align="center" width="100"/>
+        <el-table-column prop="phenomenonName" sortable :sort-method="customSort" label="名称"/>
+        <el-table-column prop="phenomenonTemp" label="对应温度"/>
+        <el-table-column prop="phenomenonDesc" label="描述"/>
         <el-table-column label="操作" width="190">
           <template #default="scope">
             <div class="table-operate-column">
@@ -208,9 +221,9 @@ function customSort(a, b) {
               <el-col :span="8" col-label class="energy-type-class">名称：</el-col>
               <el-col :span="16" col-value>
                 <el-select placeholder="" size="small" v-model="reviseForm.phenomenonName" style="width: 370px">
-                  <el-option value="晴天" label="晴天" />
-                  <el-option value="多云" label="多云" />
-                  <el-option value="阴天" label="阴天" />
+                  <el-option value="晴天" label="晴天"/>
+                  <el-option value="多云" label="多云"/>
+                  <el-option value="阴天" label="阴天"/>
                 </el-select>
               </el-col>
             </el-row>
@@ -218,14 +231,14 @@ function customSort(a, b) {
               <el-col :span="8" col-label>对应温度：</el-col>
               <el-col :span="16" col-value>
                 <el-form-item prop="phenomenonTemp" style="padding: 0;margin: 0;">
-                  <el-input maxlength="11" v-model="reviseForm.phenomenonTemp" placeholder="" style="width: 370px" />
+                  <el-input maxlength="11" v-model="reviseForm.phenomenonTemp" placeholder="" style="width: 370px"/>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="8" col-label>描述：</el-col>
               <el-col :span="16" col-value>
-                <el-input maxlength="11" v-model="reviseForm.phenomenonDesc" placeholder="" style="width: 370px" />
+                <el-input maxlength="11" v-model="reviseForm.phenomenonDesc" placeholder="" style="width: 370px"/>
               </el-col>
             </el-row>
           </el-form>
@@ -240,20 +253,14 @@ function customSort(a, b) {
       </el-dialog> <!-- 修改弹窗 -->
       <el-dialog title="天气工况设置新增" v-model="addWindowOpen" width="700px" :before-close="handleClose">
         <template #default>
-          <!-- <el-row first>
-          <el-col :span="8" col-label class="energy-type-class">名称：</el-col>
-          <el-col :span="16" col-value>
-            <el-input placeholder="" size="small" v-model="reviseForm.phenomenonName" style="width: 370px"/>
-          </el-col>
-        </el-row> -->
           <el-form ref="formRef" :model="addForm" :rules="rules" label-width="auto">
             <el-row first>
-              <el-col :span="8" col-label class="energy-type-class">名称: </el-col>
+              <el-col :span="8" col-label class="energy-type-class">名称:</el-col>
               <el-col :span="16" col-value>
                 <el-select placeholder="" size="small" v-model="addForm.phenomenonName" style="width: 370px">
-                  <el-option value="晴天" label="晴天" />
-                  <el-option value="多云" label="多云" />
-                  <el-option value="阴天" label="阴天" />
+                  <el-option value="晴天" label="晴天"/>
+                  <el-option value="多云" label="多云"/>
+                  <el-option value="阴天" label="阴天"/>
                 </el-select>
               </el-col>
             </el-row>
@@ -261,14 +268,14 @@ function customSort(a, b) {
               <el-col :span="8" col-label>对应温度：</el-col>
               <el-col :span="16" col-value>
                 <el-form-item prop="phenomenonTemp" style="padding: 0;margin: 0;">
-                  <el-input maxlength="11" v-model="addForm.phenomenonTemp" placeholder="" style="width: 370px" />
+                  <el-input maxlength="11" v-model="addForm.phenomenonTemp" placeholder="" style="width: 370px"/>
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="8" col-label>描述：</el-col>
               <el-col :span="16" col-value>
-                <el-input maxlength="11" v-model="addForm.phenomenonDesc" placeholder="" style="width: 370px" />
+                <el-input maxlength="11" v-model="addForm.phenomenonDesc" placeholder="" style="width: 370px"/>
               </el-col>
             </el-row>
           </el-form>
@@ -336,7 +343,7 @@ function customSort(a, b) {
   font-size: 12px;
 }
 
-::v-deep .el-table__body tr:hover>td {
+::v-deep .el-table__body tr:hover > td {
   background: linear-gradient(to top, rgb(0, 198, 255), rgb(255, 255, 255)) !important;
 }
 
@@ -352,6 +359,7 @@ function customSort(a, b) {
   height: 35px;
   color: #124362;
 }
+
 .el-col[col-label] {
   display: flex;
   justify-content: end;

src/views/SchedulingPage/WeatherManagePage.vue

@@ -10,9 +10,7 @@ import {
 } from '@/api/scheduling.js'
 import AddWindow from "./weatherManageSub/AddWindow.vue";
 import {ElMessage, ElMessageBox} from "element-plus";
-import store from "@/store/index.js";
 import cloneDeep from 'lodash/cloneDeep'
-import {vFloatNumber} from "@/utils/directives.js";
 
 const data = ref()
 const dataBackup = ref([]);
@@ -30,7 +28,6 @@ const isAutoSearchKey = ref()  // 手自动模式查询
 const supplySearchKey = ref() // 供热站查询
 const organizationStructure = ref([]) // 组织结构数据
 const supplyData = ref([]) // 供热站数据
-const transferStructData = ref([]) // 换热站结构数据，每个供热站和一定数量的换热站对应
 
 function search() {
   if(!isAutoSearchKey.value && !supplySearchKey.value){
@@ -76,8 +73,8 @@ const confirmRevise = val => { // 修改弹窗确认按钮事件
   }
   alterWeatherMagData(params).then(res=>{
     if(res.success){
-      getData()
       reviseWindowOpen.value = false
+      getData()
       ElMessage({
         message: '修改成功.',
         type: 'success',
@@ -144,15 +141,14 @@ function handleAddWinOpenClose(){
   addWindowOpen.value = false
 }
 function handleAdd(val){
-  console.log("新增数据",val)
   alterWeatherMagData(val).then(res=>{
     if(res.success){
       ElMessage({
         message: res.message,
         type: 'success',
       })
-      getData()
       addWindowOpen.value = false
+      getData()
     }else {
       ElMessage({
         message: res.message,
@@ -190,31 +186,10 @@ function getSupply() {
     })
   })
 } // 根据组织结构获取供热站数据
-function getAllTransfer() {
-  organizationStructure.value[0].serviceCenterList.forEach(serviceCenter => { // 共有两个服务中心
-    let supplyList = serviceCenter.supplyList  // 供热站列表，每个服务中心对应一定的供热站
-    supplyList.forEach(supply => { // 供热站
-      transferStructData.value.push(
-          {
-            supplyId: supply.supplyId,
-            supplyName: supply.supplyName,
-            transferList: supply.transferList
-          }
-      )
-    })
-    transferStructData.value.forEach(item=>{
-      item.transferList.forEach((unit)=>{
-        unit.isUsed = false
-        unit.customizeId = ''
-      })
-    })
-  })
-} // 根据组织结构获取换热站结构数据
 function getOrganizationStructure() {
   getOrganizationStructureInterface().then(res => {
     organizationStructure.value = res.data
     getSupply()
-    getAllTransfer()
   }).catch(err => {
     ElMessage.error('接口异常，获取数据失败.')
   })
@@ -296,8 +271,6 @@ function resetSearch(){
           :open="bindWindowOpen"
           :data="dependentSub"
           :supply="supplyData"
-          :transfer="transferStructData"
-          :all-weather-mag-data="dataBackup"
           @onCancel="onCancelBind"
           @onConfirm="confirmBind"></BindWindow>
     </div>

src/views/SchedulingPage/WindManagePage.vue

@@ -36,6 +36,11 @@ const formRef = ref()
 //校验规则
 const rules = reactive({
   windTemp: [
+    {
+      required: true,
+      message: '请输入正确的对应温度',
+      trigger: "blur"
+    },
     {
       pattern: /^(-?\d{1,11})(\.[0-9]{1,4})?$/,
       message: "请输入正确的对应温度",
@@ -46,11 +51,13 @@ const rules = reactive({
 
 function add() {
   addWindowOpen.value = true;
+  formRef.value.resetFields()
 } // 新增按钮单击事件
 function revise(val) {
   reviseForm.value = { ...val };
   reviseForm.value.windLevel = Number(reviseForm.value.windLevel);
   reviseWindowOpen.value = true;
+  formRef.value.resetFields()
 } // 修改按钮单击事件
 function omit(val) {
   let param = {
@@ -99,6 +106,8 @@ function handleClose() {
   resetInput();
 } // 关闭弹窗
 function onReviseSubmit() {
+  formRef.value.validate(valid=>{
+    if(valid){
       alterWind(reviseForm.value)
           .then((res) => {
             if (res.success) {
@@ -110,11 +119,10 @@ function onReviseSubmit() {
               });
             } else {
               ElMessage({
-          message: "修改失败.",
+                message: res.message,
                 type: "error",
               });
             }
-
           })
           .catch((err) => {
             ElMessage({
@@ -122,8 +130,12 @@ function onReviseSubmit() {
               type: "error",
             });
           });
+    }
+  })
 } // 修改表单提交
 function onAddSubmit() {
+  formRef.value.validate(valid=>{
+    if(valid){
       addWind(addForm.value)
           .then((res) => {
             if (res.success) {
@@ -135,7 +147,7 @@ function onAddSubmit() {
               });
             } else {
               ElMessage({
-          message: "新增失败.",
+                message: res.message,
                 type: "error",
               });
             }
@@ -147,6 +159,9 @@ function onAddSubmit() {
               type: "error",
             }),
           ]);
+    }
+  })
+
 } // 新增表单提交
 
 onMounted(() => {

src/views/SchedulingPage/weatherManageSub/AddWindow.vue

@@ -36,9 +36,13 @@ function handleClose() {
   emit('onCancel')
 }
 function handleConfirm() {
+  formRef.value.validate(valid=>{
+    if(valid){
       addData.value.operateTime = getCurrentDateTime()
       emit('onConfirm', addData.value)
       resetInput()
+    }
+  })
 }
 function getCurrentDateTime() {
   const now = new Date();
@@ -53,6 +57,7 @@ function getCurrentDateTime() {
 } // 生成时间
 function onOpen() {
   resetInput()
+  formRef.value.resetFields()
 }
 function resetInput() {
   addData.value = {
@@ -90,10 +95,11 @@ const rules = reactive({
     { pattern: /^(\d{1,11})$/, "message": "排序必须是1-11位正整数", trigger: "blur" }
   ],
   timeoutMin: [
-    { pattern: /^(\d{1,11})(\.[0-9]{1,4})?$/, "message": "判断时间必须是1-10位实数", trigger: "blur" }
+    { pattern: /^(\d{1,11})(\.[0-9]{1,4})?$/, "message": "判断时间必须是1-11位实数", trigger: "blur" }
   ],
   temperature: [
-    { pattern: /^(-?\d{1,11})(\.[0-9]{1,4})?$/, message: "请输入正确的调节温度", trigger: "blur" }
+    {required: true, message: '请输入正确的温度'},
+    { pattern: /^(-?\d{1,11})(\.[0-9]{1,4})?$/, message: "请输入正确的温度", trigger: "blur" }
   ]
 });
 </script>

src/views/SchedulingPage/weatherManageSub/BindWindow.vue

@@ -3,10 +3,10 @@ import {
   ref,
   defineProps,
   defineEmits,
-  watchEffect
+  watchEffect, reactive
 } from "vue";
 import {getTransferInterface, getWeatherMagData} from "@/api/scheduling.js"
-import {ElLoading} from 'element-plus'
+import {ElLoading, ElMessage} from 'element-plus'
 import cloneDeep from 'lodash/cloneDeep'
 
 const props = defineProps({
@@ -24,7 +24,8 @@ const props = defineProps({
     type: Array,
     default: [],
     required: true
-  }})
+  }
+})
 const emit = defineEmits({
   onCancel: null,
   onConfirm: ({}) => {
@@ -53,12 +54,14 @@ watchEffect(() => {
 
 
 function onSubmit() {
+  if (bindData.value.hasOwnProperty('supplyId')) {
+    if (bindData.value.supplyId) {
       supplyData.value.forEach(item => {
         if (item.supplyId === bindData.value.supplyId) {
           bindData.value.supplyName = item.supplyName
         }
       })
-  selectedTransfer.value.forEach(item=>{
+      selectedTransfer.value.forEach(item => {
         bindData.value.transfers.push({
           customizeId: bindData.value.customizeId,
           unitId: item,
@@ -66,6 +69,10 @@ function onSubmit() {
         })
       })
       emit('onConfirm', bindData.value)
+    }else {
+      ElMessage.error('请选择供热站')
+    }
+  }
 } // 点击保存按钮
 /**
  * 获取换热站数据
@@ -103,9 +110,9 @@ async function getTransfer(supplyId, isAvailable = true) {
 
 
 function onOpen() {
+  loadingInstance = ElLoading.service({target: '#bind-dialog'})
   selectedTransfer.value.length = 0  // 清空已选择的换热站
   transferData.value.length = 0  // 清空显示的换热站
-  loadingInstance = ElLoading.service({target: '.el-dialog'})
   if (bindData.value.hasOwnProperty('supplyId')) {
     if (bindData.value.supplyId) {
       optional = bindData.value.supplyId
@@ -121,12 +128,12 @@ function onOpen() {
  * @param val  supplyId
  */
 function selectChange(val) {
-  loadingInstance = ElLoading.service({target: '.el-dialog'})
+  loadingInstance = ElLoading.service({target: '#bind-dialog'})
   if (selectedTransfer.value.length === 0) {
     getTransfer(val)
-    } else if(bindData.value.supplyId === optional){
+  } else if (bindData.value.supplyId === optional) {
     getTransfer(val)
-    }else {
+  } else {
     getTransfer(val, false)
   }
   loadingInstance.close()
@@ -142,6 +149,7 @@ function checkboxChange(val) {
 </script>
 <template>
   <el-dialog
+      id="bind-dialog"
       v-model="props.open"
       width="1000px"
       title="换热站绑定"
@@ -158,6 +166,7 @@ function checkboxChange(val) {
         <el-row class="not-select-row">
           <el-col :span="8" class="content-col-label">供热站：</el-col>
           <el-col :span="16" class="content-col-value">
+
             <el-select
                 v-model="bindData.supplyId"
                 @change="selectChange"
@@ -168,6 +177,7 @@ function checkboxChange(val) {
               <el-option v-for="item in supplyData" :key="item.supplyId" :label="item.supplyName"
                          :value="item.supplyId"/>
             </el-select>
+
           </el-col>
         </el-row>
         <el-row class="select-row">
@@ -185,6 +195,7 @@ function checkboxChange(val) {
           </el-col>
         </el-row>
       </div>
+
     </template>
     <template #footer>
       <div class="dialog-footer">

src/views/SchedulingPage/weatherManageSub/ReviseWindow.vue

 <script setup>
-import { ref, defineProps, defineEmits, computed, isRef, onMounted, watchEffect, reactive } from "vue";
+import {ref, defineProps, defineEmits, computed, isRef, onMounted, watchEffect, reactive} from "vue";
 import cloneDeep from 'lodash/cloneDeep'
-import { vFloatNumber } from "@/utils/directives.js";
-
+import {vFloatNumber} from "@/utils/directives.js";
+import {getTransferInterface} from "@/api/scheduling.js";
 
 
 const props = defineProps({
@@ -30,22 +30,23 @@ const formRef = ref()
 //校验规则
 const rules = reactive({
   diffPercentage: [
-    { pattern: /^([0-9]\d{0,1}|100$)(\.\d{1,4})?$/, "message": "请输入正确的百分比格式", trigger: "blur" }
+    {pattern: /^([0-9]\d{0,1}|100$)(\.\d{1,4})?$/, "message": "请输入正确的百分比格式", trigger: "blur"}
   ],
   wind: [
-    { pattern: /^(\d{1,11})(\.[0-9]{1,4})?$/, "message": "风速必须是1-11位实数", trigger: "blur" }
+    {pattern: /^(\d{1,11})(\.[0-9]{1,4})?$/, "message": "风速必须是1-11位实数", trigger: "blur"}
   ],
   illumination: [
-    { pattern: /^(\d{1,11})(\.[0-9]{1,4})?$/, "message": "光照必须是1-11位实数", trigger: "blur" }
+    {pattern: /^(\d{1,11})(\.[0-9]{1,4})?$/, "message": "光照必须是1-11位实数", trigger: "blur"}
   ],
   sort: [
-    { pattern: /^(\d{1,11})$/, "message": "排序必须是1-11位正整数", trigger: "blur" }
+    {pattern: /^(\d{1,11})$/, "message": "排序必须是1-11位正整数", trigger: "blur"}
   ],
   timeoutMin: [
-    { pattern: /^(\d{1,11})(\.[0-9]{1,4})?$/, "message": "判断时间必须是1-10位实数", trigger: "blur" }
+    {pattern: /^(\d{1,11})(\.[0-9]{1,4})?$/, "message": "判断时间必须是1-10位实数", trigger: "blur"}
   ],
   temperature: [
-    { pattern: /^(-?\d{1,11})(\.[0-9]{1,4})?$/, message: "请输入正确的调节温度", trigger: "blur" }
+    {required: true, message: '请输入正确的温度', trigger: 'blur'},
+    {pattern: /^(-?\d{1,11})(\.[0-9]{1,4})?$/, message: "请输入正确的温度", trigger: "blur"}
   ]
 });
 watchEffect(() => {
@@ -71,8 +72,38 @@ const switchingisAuto = computed({
   }
 })  // 可写计算属性,手动、自动模式切换
 function onOpen() {
-  // console.log('props.data数据',props.data)
-  // console.log('修改弹窗接收到的数据',reviseData.value)
+  formRef.value.resetFields()
+}
+
+async function handleConfirm() {
+  if (reviseData.value.hasOwnProperty('supplyId')) {
+    if (reviseData.value.supplyId) {
+      getTransferInterface({
+        customizeId: reviseData.value.customizeId,
+        supplyId: reviseData.value.supplyId
+      }).then(result => {
+        for (let item of result.data) {
+          if(item.selected.toLowerCase() === 'true'){
+            reviseData.value.transfers.push(
+                {
+                  customizeId: reviseData.value.customizeId,
+                  unitId: item.transferId,
+                  updateNullFields: ''
+                }
+            )
+          }
+        }
+        formRef.value.validate(valid => {
+          if (valid) {
+            emit('onConfirm', reviseData.value)
+          }
+        })
+      })
+
+
+    }
+  }
+
 }
 </script>
 
@@ -85,7 +116,7 @@ function onOpen() {
             <el-col :span="8" class="content-col-label">自定义名称：</el-col>
             <el-col :span="16" class="content-col-value">
               <el-input maxlength="11" :input-style="inputStyle" v-model="reviseData.customizeName"
-                style="width: 510px" />
+                        style="width: 510px"/>
             </el-col>
           </el-row>
           <el-row>
@@ -102,7 +133,7 @@ function onOpen() {
             <el-col :span="16" class="content-col-value">
               <el-form-item prop="temperature" style="padding: 0;margin: 0;">
                 <el-input maxlength="11" :input-style="inputStyle" v-model="reviseData.temperature"
-                  style="width: 510px" />
+                          style="width: 510px"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -110,7 +141,7 @@ function onOpen() {
             <el-col :span="8" class="content-col-label">风速：</el-col>
             <el-col :span="16" class="content-col-value">
               <el-form-item prop="wind" style="padding: 0;margin: 0;">
-                <el-input :input-style="inputStyle" maxlength="11" v-model="reviseData.wind" style="width: 510px" />
+                <el-input :input-style="inputStyle" maxlength="11" v-model="reviseData.wind" style="width: 510px"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -119,7 +150,7 @@ function onOpen() {
             <el-col :span="16" class="content-col-value">
               <el-form-item prop="illumination" style="padding: 0;margin: 0;">
                 <el-input :input-style="inputStyle" maxlength="11" v-model="reviseData.illumination"
-                  style="width: 510px" />
+                          style="width: 510px"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -127,20 +158,20 @@ function onOpen() {
             <el-col :span="8" class="content-col-label">排序：</el-col>
             <el-col :span="16" class="content-col-value">
               <el-form-item prop="sort" style="padding: 0;margin: 0;">
-                <el-input :input-style="inputStyle" maxlength="11" v-model="reviseData.sort" style="width: 510px" />
+                <el-input :input-style="inputStyle" maxlength="11" v-model="reviseData.sort" style="width: 510px"/>
               </el-form-item>
             </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="7" class="content-col-value">
               <el-form-item prop="diffPercentage" style="padding: 0;margin: 0;">
                 <el-input v-float-number :input-style="inputStyle" maxlength="11" v-model="reviseData.diffPercentage"
-                  style="width: 240px" />
+                          style="width: 240px"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -149,14 +180,14 @@ function onOpen() {
             <el-col :span="7" class="content-col-value">
               <el-form-item prop="timeoutMin" style="padding: 0;margin: 0;">
                 <el-input v-float-number :input-style="inputStyle" maxlength="11" v-model="reviseData.timeoutMin"
-                  style="width: 240px" />
+                          style="width: 240px"/>
               </el-form-item>
             </el-col>
             <el-col :span="5" class="content-col-label">自动调节温度（℃）：</el-col>
             <el-col :span="7" class="content-col-value">
               <el-form-item prop="tempRegulation" style="padding: 0;margin: 0;">
                 <el-input :input-style="inputStyle" maxlength="11" v-model="reviseData.tempRegulation"
-                  style="width: 240px" />
+                          style="width: 240px"/>
               </el-form-item>
             </el-col>
           </el-row>
@@ -166,7 +197,7 @@ function onOpen() {
     </template>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" @click="emit('onConfirm', reviseData)">保存</el-button>
+        <el-button type="primary" @click="handleConfirm">保存</el-button>
         <el-button type="primary" @click="emit('onCancel')">关闭</el-button>
       </div>
     </template>