137 lines
3.6 KiB
Vue
137 lines
3.6 KiB
Vue
<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>
|