|
@@ -19,10 +19,10 @@
|
|
|
<el-option label="管理员" value="4"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item label="驱动电机功率(单位:KW)" label-width="200px" prop="remark">
|
|
|
+ <el-form-item label="驱动电机功率(单位:KW)" label-width="200px" prop="dianjigonglv">
|
|
|
<el-input v-model="form.dianjigonglv" type="number" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="驱动电机电流(单位:A)" label-width="200px" >
|
|
|
+ <el-form-item label="驱动电机电流(单位:A)" label-width="200px">
|
|
|
<el-input v-model="form.dianjidianliu" type="number" autocomplete="off"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="传送带张力(单位:N)" label-width="200px" >
|
|
@@ -67,23 +67,24 @@
|
|
|
...mapState(["rowData"]),
|
|
|
},
|
|
|
watch: {
|
|
|
- //监听vuex内rowData如果变了就赋值给form,从而从新渲染更新页面。
|
|
|
- rowData() {
|
|
|
- this.form = {
|
|
|
- character: this.rowData.character,
|
|
|
- remark: this.rowData.remark,
|
|
|
- reason: this.rowData.reason,
|
|
|
- };
|
|
|
- },
|
|
|
+ form: {
|
|
|
+ handler(newValue, oldValue) {
|
|
|
+ this.flag = true;
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
+ }
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
//弹出框内容双向绑定
|
|
|
form: {
|
|
|
- character: "",
|
|
|
- remark: "",
|
|
|
- reason: "",
|
|
|
+ dianjigonglv: undefined,
|
|
|
+ dianjidianliu: undefined,
|
|
|
+ chuansongdaizhangli: undefined,
|
|
|
+ pidaiwendu: undefined,
|
|
|
+ guntongwendu: undefined
|
|
|
},
|
|
|
+ flag: false,
|
|
|
//规则:弹出框内容必填项等规则
|
|
|
rules: {
|
|
|
dianjigonglv: [
|
|
@@ -113,12 +114,13 @@
|
|
|
methods: {
|
|
|
//子传父,调用父组件方法改动显示隐藏从而动态控制子组件显示隐藏
|
|
|
cancel() {
|
|
|
+ this.flag = false;
|
|
|
this.$emit("hide");
|
|
|
},
|
|
|
- confirm(val){
|
|
|
- this.$emit("handlervalue", val);
|
|
|
+ confirm(){
|
|
|
+ this.$emit("handlervalue", this.flag);
|
|
|
this.$emit("hide");
|
|
|
-
|
|
|
+ this.flag = false;
|
|
|
},
|
|
|
},
|
|
|
};
|