opt:增加自动充电功能

acs2/nladmin-ui/src/views/system/param/tubeDialog2.vue

@@ -0,0 +1,136 @@
+<template>
+  <el-dialog
+    append-to-body
+    title="自动充电配置"
+    :visible.sync="dialogVisible"
+    destroy-on-close
+    width="800px"
+    @close="close"
+    @open="open"
+  >
+    <el-form ref="form" :model="form" :rules="rules" size="mini" :inline-message="true" label-width="150px">
+      <el-form-item label="白班充电阈值(%):" prop="electric">
+        <el-input-number v-model="form.electric" size="medium" :min="1" :max="100" :step="1" step-strictly></el-input-number>
+      </el-form-item>
+      <el-form-item label="晚班充电阈值(%):" prop="electric2">
+        <el-input-number v-model="form.electric2" size="medium" :min="1" :max="100" step-strictly></el-input-number>
+      </el-form-item>
+      <el-form-item label="白班开始时间:" prop="electric_begin">
+        <el-time-select
+          v-model="form.electric_begin"
+          size="medium"
+          :picker-options="{
+           start: '06:00',
+          step: '00:15',
+          end: '12:00'
+           }"
+          placeholder="白班开始时间">
+        </el-time-select>
+      </el-form-item>
+      <el-form-item label="白班结束时间:" prop="electric_end">
+        <el-time-select
+          v-model="form.electric_end"
+          size="medium"
+          :picker-options="{
+           start: '18:00',
+          step: '00:15',
+          end: '23:45'
+           }"
+          placeholder="白班结束时间">
+        </el-time-select>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="text" @click="close">取消</el-button>
+      <el-button type="primary" @click="save">确认</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import crudParam from '@/views/system/param/param'
+import CRUD, { crud } from '@crud/crud'
+
+export default {
+  name: 'TubeDialog2',
+  components: { },
+  mixins: [crud()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      rules: {
+        electric: [
+          { required: true, message: '请输入白班充电阈值(%)', trigger: 'blur' }
+        ],
+        electric2: [
+          { required: true, message: '请输入晚班充电阈值(%)', trigger: 'blur' }
+        ],
+        electric_begin: [
+          { required: true, message: '请输入白班开始时间', trigger: 'blur' }
+        ],
+        electric_end: [
+          { required: true, message: '请输入白班结束时间', trigger: 'blur' }
+        ]
+      },
+      form: {
+        electric: 0,
+        electric2: 0,
+        electric_begin: '06:00',
+        electric_end: '18:00'
+      }
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue) {
+        this.dialogVisible = newValue
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.queryTableDtl()
+    },
+    close() {
+      this.$emit('update:dialogShow', false)
+      this.form.electric = 0
+      this.form.electric2 = 0
+      this.form.electric_begin = '06:00'
+      this.form.electric_end = '18:00'
+      this.$emit('AddChanged')
+    },
+    save() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.save_my()
+        } else {
+          return false
+        }
+      })
+    },
+    save_my() {
+      crudParam.setParam(this.form).then(res => {
+        this.crud.notify('保存成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
+        this.close()
+      })
+    },
+    queryTableDtl() {
+      crudParam.queryParam().then(res => {
+        this.form.electric = res.electric
+        this.form.electric2 = res.electric2
+        this.form.electric_begin = res.electric_begin
+        this.form.electric_end = res.electric_end
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>