From 1d45ea75308850ad0ef575ca28ba3f93552f097c Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期三, 24 一月 2024 16:01:58 +0800
Subject: [PATCH] 设备监控页面状态反馈按钮添加二次确认功能以及调整异常设备列表项字体颜色为红色显示
---
src/views/eam/modules/repairorder/moudles/RepairOrderFaultAnalysisReport.vue | 126 +++++++++++++++++++++++-------------------
1 files changed, 69 insertions(+), 57 deletions(-)
diff --git a/src/views/eam/modules/repairorder/moudles/RepairOrderFaultAnalysisReport.vue b/src/views/eam/modules/repairorder/moudles/RepairOrderFaultAnalysisReport.vue
index 0032a54..07aec8f 100644
--- a/src/views/eam/modules/repairorder/moudles/RepairOrderFaultAnalysisReport.vue
+++ b/src/views/eam/modules/repairorder/moudles/RepairOrderFaultAnalysisReport.vue
@@ -11,30 +11,28 @@
:span='12'
>
<a-form-item
- label='鏁呴殰绫诲瀷'
- :labelCol='labelCol'
- :wrapperCol='wrapperCol'
- >
- <j-dict-select-tag
- allow-clear
- placeholder='璇烽�夋嫨鏁呴殰绫诲瀷'
- :triggerChange='true'
- :disabled="isEdit"
- dictCode="mom_eam_fault_type,name,id,del_flag!='1'"
- v-decorator="['faultTypeId', validatorRules.faultTypeId ]"
- />
- </a-form-item>
- </a-col>
- <a-col :span='12'>
- <a-form-item
- label='鏁呴殰鍒嗘瀽'
+ label='鏁呴殰鐜拌薄'
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-textarea
- placeholder='璇疯緭鍏ユ晠闅滃垎鏋�'
+ allow-clear
+ placeholder='璇疯緭鍏ユ晠闅滅幇璞�'
+ v-decorator="['repairOrderFaultAnalysisUda1', validatorRules.repairOrderFaultAnalysisUda1]"
+ :disabled="disabledEdit"
+ ></a-textarea>
+ </a-form-item>
+ </a-col>
+ <a-col :span='12'>
+ <a-form-item
+ label='鏁呴殰妫�鏌�'
+ :labelCol='labelCol'
+ :wrapperCol='wrapperCol'
+ >
+ <a-textarea
+ placeholder='璇疯緭鍏ユ晠闅滄鏌�'
v-decorator="['faultCause', validatorRules.faultCause]"
- :disabled="isEdit"
+ :disabled="disabledEdit"
></a-textarea>
</a-form-item>
</a-col>
@@ -42,27 +40,27 @@
<a-row>
<a-col :span='12'>
<a-form-item
- label='缁翠慨鎺柦'
+ label='鏁呴殰缁翠慨'
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-textarea
- placeholder='璇疯緭鍏ョ淮淇帾鏂�'
+ placeholder='璇疯緭鍏ユ晠闅滅淮淇�'
v-decorator="['maintenanceMeasures', validatorRules.maintenanceMeasures]"
- :disabled="isEdit"
+ :disabled="disabledEdit"
></a-textarea>
</a-form-item>
</a-col>
<a-col :span='12'>
<a-form-item
- label='缁翠繚鎰忚'
+ label='鏁呴殰棰勯槻'
:labelCol='labelCol'
:wrapperCol='wrapperCol'
>
<a-textarea
v-decorator="['suggestion', validatorRules.suggestion]"
- placeholder='璇疯緭鍏ョ淮淇濇剰瑙�'
- :disabled="isEdit"
+ placeholder='璇疯緭鍏ユ晠闅滈闃�'
+ :disabled="disabledEdit"
></a-textarea>
</a-form-item>
</a-col>
@@ -70,6 +68,8 @@
<a-button
:style="{marginRight: '8px'}"
@click='handleEdit2()'
+ :disabled="disabledButton||!disabledEdit"
+ :loading='confirmLoading'
>
缂栬緫
</a-button>
@@ -78,6 +78,7 @@
@click='handleOk()'
type='primary'
:loading='confirmLoading'
+ :disabled="disabledButton||disabledEdit"
>淇濆瓨
</a-button>
</a-form>
@@ -93,21 +94,35 @@
name: 'RepairOrderFaultAnalysisList',
components: { },
props: {
- repairOrderId: {
- type: String,
- default:'',
+ repairOrder:{
+ type: Object,
+ default:{},
}
},
watch:{
- repairOrderId:{
+ 'repairOrder.id':{
immediate: true,
handler(val) {
- this.form.resetFields();
- if(!this.repairOrderId){
- this.isEdit = false;
+ this.loadData(val);
+ if(this.repairOrder.id!==undefined&&this.repairOrder.id!==null&&this.repairOrder.id!==''){
+ if(this.repairOrder.status!=='3'){
+ this.disabledButton = true;
+ }else{
+ this.disabledButton = false;
+ }
}else{
- this.loadData(val);
+ this.disabledButton = true;
}
+ }
+ },
+ 'repairOrder.status':{
+ immediate: true,
+ handler(val) {
+ if(val!=='3'){
+ this.disabledButton = true;
+ }else{
+ this.disabledButton = false;
+ }
}
}
},
@@ -123,33 +138,28 @@
getInfo:'/eam/repairOrderFaultAnalysis/list',
},
dictOptions: {},
- isEdit:false,
+ disabledEdit:false,
validatorRules: {
faultCause: {
rules: [
- { required: true, message: '璇疯緭鍏ユ晠闅滃垎鏋�!' },
+ { required: true, message: '璇疯緭鍏ユ晠闅滄鏌�!' },
{ min: 2, max: 1000, message: '闀垮害鍦� 2 鍒� 1000 涓瓧绗�', trigger: 'blur' },
]
},
- faultCauseId: {
+ repairOrderFaultAnalysisUda1: {
rules: [
- { required: true, message: '璇烽�夋嫨鏁呴殰鍘熷洜!' },
- ]
- },
- faultTypeId: {
- rules: [
- { required: true, message: '璇烽�夋嫨鏁呴殰绫诲瀷!' },
+ { required: true, message: '璇疯緭鍏ユ晠闅滅幇璞�!' },
]
},
suggestion:{
rules: [
- { required: true, message: '璇疯緭鍏ョ淮淇濇剰瑙�!' },
+ { required: true, message: '璇疯緭鍏ユ晠闅滈闃�!' },
{ min: 2, max: 1000, message: '闀垮害鍦� 2 鍒� 1000 涓瓧绗�', trigger: 'blur' },
]
},
maintenanceMeasures:{
rules: [
- { required: true, message: '璇疯緭鍏ョ淮淇帾鏂�!' },
+ { required: true, message: '璇疯緭鍏ユ晠闅滅淮淇�!' },
{ min: 2, max: 1000, message: '闀垮害鍦� 2 鍒� 1000 涓瓧绗�', trigger: 'blur' },
]
},
@@ -162,6 +172,7 @@
xs: { span: 24 },
sm: { span: 16 }
},
+ disabledButton:false
}
},
methods: {
@@ -173,8 +184,8 @@
that.confirmLoading = true;
let formData = Object.assign(this.model, values);
let obj;
+ formData.repairOrderId = this.repairOrder.id;
if (!this.model.id) {
- formData.repairOrderId = this.repairOrderId;
obj = postAction(this.url.add, formData);
} else {
obj = requestPut(this.url.edit, formData, { id: this.model.id });
@@ -182,34 +193,35 @@
obj.then((res) => {
if (res.success) {
that.$message.success(res.message);
- that.$emit('ok');
} else {
that.$message.warning(res.message);
}
}).finally(() => {
- that.loadData(that.repairOrderId);
+ that.loadData(that.repairOrder.id);
that.confirmLoading = false;
})
}
})
},
loadData(repairOrderId){
- let that = this;
+ let that = this;
getAction(that.url.getInfo,{repairOrderId:repairOrderId}).then(res=>{
- if(res.success){
- if(res.result.records.length!==0){
- that.isEdit=true;
- that.form.setFieldsValue(pick(res.result.records[0], 'faultCause', 'faultTypeId', 'suggestion', 'maintenanceMeasures','id'))
+ if(res.success&&res.result.records.length!==0){
+ that.disabledEdit=true;
+ that.form.setFieldsValue(pick(res.result.records[0], 'faultCause','repairOrderFaultAnalysisUda1', 'faultTypeId', 'suggestion', 'maintenanceMeasures','id'))
that.model = Object.assign({}, res.result.records[0]);
- that.isEdit=true;
- }else{
- that.isEdit=false;
- }
+ }else{
+ if(that.repairOrder.status==='3'){
+ that.disabledEdit=false;
+ }else{
+ that.disabledEdit=true;
+ }
+ that.form.resetFields();
}
})
},
handleEdit2(){
- this.isEdit=false;
+ this.disabledEdit=false;
}
},
--
Gitblit v1.9.3