diff --git a/src/views/empt/Location.vue b/src/views/empt/Location.vue index 20cd5e0..c0a59a4 100644 --- a/src/views/empt/Location.vue +++ b/src/views/empt/Location.vue @@ -41,6 +41,7 @@ <el-button type="primary" size="small" @click="handleUpdate(scope.row)">快速编辑</el-button> <el-button type="primary" size="small" @click="handleUpdate(scope.row)">新增</el-button> <el-button size="mini" type="danger" @click="handleModifyStatus(scope.row,'deleted')">{{ $t('table.delete') }}</el-button> + <el-button type="primary" size="small" @click="electrixityMeterConfiguration(scope.row)">电表参数配置</el-button> </template> </el-table-column> </el-table> @@ -51,6 +52,78 @@ <el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;"> </el-pagination> </el-col> + + <!--水表新增--> + <el-dialog title="电表参数配置新增" :visible.sync="electrixityAddFormVisible" :close-on-click-modal="false"> + <el-form :model="electrixityAddForm" label-width="110px" :rules="addFormRules" ref="electrixityAddForm"> + <el-form-item label="水电预付费" prop="prepaid"> + <el-switch + v-model="electrixityAddForm.prepaid" + active-color="#00A854" + active-text="是" + active-value="0" + inactive-color="#F04134" + inactive-text="否" + inactive-value="1"> + </el-switch> + </el-form-item> + <el-form-item label="电警告跳闸" prop="warningtrip"> + <el-switch + v-model="electrixityAddForm.warningtrip" + active-color="#00A854" + active-text="是" + active-value="0" + inactive-color="#F04134" + inactive-text="否" + inactive-value="1"> + </el-switch> + <span>告警阀值</span> <el-input v-model="electrixityAddForm.warningthreshold" style="width: 100px;" auto-complete="off"></el-input> <span>元</span> + </el-form-item> + <el-form-item label="透支使能" prop="overdraft"> + <el-switch + v-model="electrixityAddForm.overdraft" + active-color="#00A854" + active-text="是" + active-value="0" + inactive-color="#F04134" + inactive-text="否" + inactive-value="1"> + </el-switch> + <span>可透支额度</span> <el-input v-model="electrixityAddForm.overdraftthreshold" style="width: 100px;" auto-complete="off"></el-input> <span>元</span> + </el-form-item> + <el-form-item label="过负荷跳闸使能" prop="overdraft"> + <el-switch + v-model="electrixityAddForm.load" + active-color="#00A854" + active-text="是" + active-value="0" + inactive-color="#F04134" + inactive-text="否" + inactive-value="1"> + </el-switch> + <span>功率</span> <el-input v-model="electrixityAddForm.power" style="width: 100px;" auto-complete="off"></el-input> <span>KW</span> + <br/> + <br/> + <span>功率因数</span> <el-input v-model="electrixityAddForm.powerfactor" style="width: 100px;" auto-complete="off"></el-input> + </el-form-item> + <el-form-item label="免费电度使能" prop="overdraft"> + <el-switch + v-model="electrixityAddForm.free" + active-color="#00A854" + active-text="是" + active-value="0" + inactive-color="#F04134" + inactive-text="否" + inactive-value="1"> + </el-switch> + <span>免费电度</span> <el-input v-model="electrixityAddForm.overdraftthreshold" style="width: 100px;" auto-complete="off"></el-input> <span>度</span> + </el-form-item> + </el-form> + <div slot="footer" class="dialog-footer"> + <el-button @click.native="electrixityAddFormVisible = false">取消</el-button> + <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button> + </div> + </el-dialog> </section> </template> <style> @@ -79,6 +152,9 @@ processName: '', parseTime: parseTime }, + userId: '', + realName: '', + wmId:'', locationList:[], total: 0, pageNum: 1, @@ -103,7 +179,7 @@ }, //用户ID //新增界面是否显示 - addFormVisible: false, + electrixityAddFormVisible: false, //设置权限界面是否显示 addLoading: false, addFormRules: { @@ -114,14 +190,18 @@ { required: true, message: '请输入岗位/角色描述', trigger: 'blur' } ] }, - //新增界面数据 - addForm: { - processname: '', - begindate: '', - enddate: '', - vacationtype:'', - reason: '', - userId: '' + //水表参数配置、界面数据 + electrixityAddForm: { + prepaid: '', + warningtrip: '', + warningthreshold: '', + overdraft:'', + overdraftthreshold: '', + load: '', + power: '', + powerfactor: '', + freeelectricitylimit: '', + eeId: '' }, permForm: { roleId: 1, @@ -278,18 +358,48 @@ this.editForm = Object.assign({}, row); this.getdepartmentNames(); }, - //显示新增界面,每次点开初始化数据 - handleAdd: function () { - this.addFormVisible = true; - this.addForm = { - processname: '', - begindate: '', - enddate: '', - vacationtype:'', - reason: '', - userid: loginUserInfo.userId + //水表参数配置新增界面,每次点开初始化数据 + electrixityMeterConfiguration: function (row) { + this.electrixityAddFormVisible = true; + this.electrixityAddForm = { + prepaid: '', + warningtrip: '', + warningthreshold: '', + overdraft:'', + overdraftthreshold: '', + load: '', + water: '', + free: '', + freeWater: '', + eeId: row.eeId } }, + + //新增 + addSubmit: function () { + this.$refs.electrixityAddForm.validate((valid) => { + if (valid) { + this.$confirm('确认提交吗?', '提示', {}).then(() => { + this.addLoading = true; + //NProgress.start(); + let para = Object.assign({}, this.electrixityAddForm); + add(para).then((res) => { + this.addLoading = false; + if (res.status ===200) { + this.$message({ + message: '提交成功', + type: 'success' + }); + this.$refs['permForm'].resetFields(); + this.electrixityAddFormVisible = false; + this.getList(); + } + }).catch(error => alert(error)); + }); + } + }); + }, + //编辑 editSubmit: function () { this.$refs.editForm.validate((valid) => { @@ -326,30 +436,6 @@ } }); }, - //新增 - addSubmit: function () { - this.$refs.addForm.validate((valid) => { - if (valid) { - this.$confirm('确认提交吗?', '提示', {}).then(() => { - this.addLoading = true; - //NProgress.start(); - let para = Object.assign({}, this.addForm); - add(para).then((res) => { - this.addLoading = false; - if (res.status ===200) { - this.$message({ - message: '提交成功', - type: 'success' - }); - this.$refs['permForm'].resetFields(); - this.addFormVisible = false; - this.getProcessList(); - } - }).catch(error => alert(error)); - }); - } - }); - }, selsChange: function (sels) { this.sels = sels; }, @@ -387,9 +473,11 @@ }, handleSelectionChange(val) { this.multipleSelection = val - } + }, }, mounted() { + this.userId = loginUserInfo.userId; + this.realName = loginUserInfo.realname; this.getList(); } }