能源配置&能源抄表

src/views/energy/base/energyPlcConnect/components/energyPlcConnectAdd.vue

@@ -0,0 +1,96 @@
+<template>
+  <el-form ref="form" :rules="rules" label-width="100px" :model="form">
+    <el-row>
+      <el-col :span="12">
+        <el-form-item label="关联表名" prop="plcId">
+          <el-select v-model="form.plcId" placeholder="请选择" style="width: 100%;">
+            <el-option
+              v-for="item in plcList"
+              :key="item.id"
+              :label="item.plcTableName"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-col>
+      <el-col :span="12">
+        <el-form-item label="对象" prop="code">
+          <el-input v-model="form.code"></el-input>
+        </el-form-item>
+      </el-col>
+    </el-row>
+  </el-form>
+</template>
+<script>
+import { getEnergyPlcConnect, updateEnergyPlcConnect, createEnergyPlcConnect } from '@/api/base/energyPlcConnect'
+import { getEnergyPlcAll } from '@/api/base/energyPlc'
+export default {
+  name: 'EnergyPlcConnectAdd',
+  data() {
+    return {
+      form: {
+        id: '',
+        plcId: '',
+        bindObjectId: '',
+        bindObjectType: ''
+      },
+      plcList: [],
+      isEdit: false, //是否是编辑
+      rules: {
+        plcTableName: [{ required: true, message: '关联表名不能为空', trigger: 'blur' }],
+        code: [{ required: true, message: '关联表编码不能为空', trigger: 'blur' }],
+        name: [{ required: true, message: '标识名称不能为空', trigger: 'blur' }]
+      }
+    }
+  },
+  methods: {
+    init(id) {
+      getEnergyPlcAll().then((res) => {
+        this.plcList = res.data || []
+      })
+      if (id) {
+        this.isEdit = true
+        this.form.id = id
+        getEnergyPlcConnect( id ).then((res) => {
+          if (res.code === 0) {
+            this.form = res.data
+            this.form.collection = this.form.collection === 0 ? false : true
+          }
+        })
+      } else {
+        this.isEdit = false
+        this.form.id = ''
+      }
+    },
+    submitForm() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.form.collection = this.form.collection === false ? 0 : 1
+          if (this.isEdit) {
+            // 编辑
+            updateEnergyPlcConnect({...this.form}).then((res) => {
+              if (res.code === 0) {
+                this.$modal.msgSuccess("操作成功");
+                this.$emit('successSubmit')
+              }
+            })
+          } else {
+            createEnergyPlcConnect({...this.form}).then((res) => {
+              if (res.code === 0) {
+                this.$modal.msgSuccess("操作成功");
+                this.$emit('successSubmit')
+              }
+            })
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    formClear() {
+      this.$refs.form.resetFields()
+      this.isEdit = false
+    }
+  }
+}
+</script>