电动阀自检

src/views/RemotePage/ZdlmSelfTest.vue

 <template>
-    电动阀自检
-     </template>
\ No newline at end of file
+  <el-card class="card-contianer">
+    <el-form :model="form" label-width="auto" style="max-width: 600px;height: 100%">
+      <el-form-item label="自检计划名称">
+        <el-input v-model="form.name" />
+      </el-form-item>
+      <el-form-item label="电动阀自检功能启用">
+        <el-radio-group v-model="form.radio">
+          <el-radio :value="true" size="large">启用</el-radio>
+          <el-radio :value="false" size="large">禁用</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="计划开始月">
+        <el-col :span="11">
+          <el-input-number v-model="form.startTime" :min="1" :max="12" />
+        </el-col>
+        <el-col :span="2" class="text-center">
+          <span class="text-gray-500">-</span>
+        </el-col>
+      </el-form-item>
+      <el-form-item label="计划结束月">
+        <el-col :span="11">
+          <el-input-number v-model="form.endTime" :min="1" :max="12" />
+        </el-col>
+        <el-col :span="2" class="text-center">
+          <span class="text-gray-500">-</span>
+        </el-col>
+      </el-form-item>
+      <el-form-item label="每月执行日（号）">
+        <el-input-number v-model="form.planDay" :min="1" />
+      </el-form-item>
+      <el-form-item label="间隔时间（分钟）">
+        <el-input-number v-model="form.intervalTime" :min="1" />
+      </el-form-item>
+      <el-form-item label="初始值/默认值（%）">
+        <el-input-number v-model="form.startValue" />
+      </el-form-item>
+      <el-form-item label="每次自增/自减（%）">
+        <el-input-number v-model="form.intervalValue" />
+      </el-form-item>
+      <el-form-item label="自控参数列表">
+        <el-checkbox-group v-model="form.selectValue">
+          <el-checkbox v-for="item in form.selectOption" :label="item.label" :value="item.value" />
+        </el-checkbox-group>
+        <el-button type="primary" @click="onSubmit">保存</el-button>
+        <!-- <el-button>清空</el-button> -->
+      </el-form-item>
+    </el-form>
+  </el-card>
+</template>
+
+<script lang="ts" setup>
+import { ref, reactive, onMounted, onUnmounted, provide, computed, handleError } from 'vue'
+import { ElMessage } from 'element-plus'
+
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
+import http from '../../api/http'
+const form = reactive({
+  planId: '',
+  name: '',
+  startTime: '1',
+  endTime: '12',
+  radio: '',
+  selectValue: [],
+  selectOption: [],
+  planDay: '15',
+  intervalTime: '10',
+  startValue: '50',
+  intervalValue: '10',
+  isActive: ''
+})
+
+const onSubmit = () => {
+  save();
+}
+
+function setOptions() {
+  form.selectOption.length = 0;
+  form.selectOption.push({ value: "380", label: "冷凝水进水电调阀开度设定值 %" });
+  form.selectOption.push({ value: "361", label: "一号电动调节阀手动给定" })
+  form.selectOption.push({ value: "362", label: "二号电动调节阀手动给定" })
+  form.selectOption.push({ value: "363", label: "三号电动调节阀手动给定" })
+  form.selectOption.push({ value: "364", label: "四号电动调节阀手动给定" })
+  form.selectOption.push({ value: "69", label: "电动调节阀开度给定" })
+  form.selectOption.push({ value: "193", label: "一次侧回水电动调节阀给定" })
+  form.selectOption.push({ value: "381", label: "自来水进水电调阀开度设定值 %" })
+}
+
+function save() {
+  var str = form.selectValue.join(',');
+  http.post('/api/remote/Save', { planId: form.planId, planName: form.name, isRun: form.radio, startMonth: form.startTime, endMonth: form.endTime, planDay: form.planDay, intervalTime: form.intervalTime, startValue: form.startValue, intervalValue: form.intervalValue, paraIds: str, isActive: form.isActive }).then((result) => {
+    if (result.status === 0) {
+      ElMessage({
+        message: '保存成功',
+        type: 'success',
+      })
+    }else{
+      ElMessage.error('保存失败')
+    }
+  })
+}
+
+function init() {
+  setOptions();
+  get();
+}
+init();
+
+function get() {
+  http.post('/api/remote/Get').then((result) => {
+    if (result.status === 0) {
+      //处理返回数据;
+      var data = result.data;
+      form.planId = data.planId;
+      form.name = data.planName;
+      form.radio = data.isRun;
+      form.planDay = data.planDay;
+      form.intervalTime = data.intervalTime;
+      form.startValue = data.startValue;
+      form.intervalValue = data.intervalValue;
+      //日期处理
+      form.startTime = data.startMonth;
+      form.endTime = data.endMonth;
+      form.isActive = data.isActive;
+      //多选处理
+      var value = data.paraIds.split(',');
+      form.selectValue.length = 0;
+      value.forEach(element => { form.selectValue.push(element) });
+      console.log(form);
+    }
+  })
+}
+
+
+
+</script>
+
+<style lang="less" scoped>
+.card-contianer {
+  width: calc(100%-1px);
+  height: 100%;
+  overflow: hidden;
+
+
+
+
+}
+
+.card-form {
+  width: 100%;
+  height: 300px;
+}
+</style>
\ No newline at end of file