|
|
|
@ -1,8 +1,8 @@ |
|
|
|
<template> |
|
|
|
<div class="mod-config"> |
|
|
|
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;"> |
|
|
|
<el-button @click="getData()" type="primary" style="margin-left: 2px;margin-top: 0px">{{'查询'}}</el-button> |
|
|
|
<el-button @click="addModal()" type="primary" :disabled = "authAdd" style="margin-left: 2px;margin-top: 0px">{{'新增'}}</el-button> |
|
|
|
<el-button @click="getData()" type="primary" style="margin-left: 2px;margin-top: 0px">{{buttons.search}}</el-button> |
|
|
|
<el-button @click="addModal()" type="primary" :disabled = "authAdd" style="margin-left: 2px;margin-top: 0px">{{buttons.add}}</el-button> |
|
|
|
<download-excel |
|
|
|
:fields="fields()" |
|
|
|
:data="exportData" |
|
|
|
@ -30,8 +30,8 @@ |
|
|
|
width="150" |
|
|
|
label="操作"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<a type="text" size="small" v-if="!authEdit" @click="editModel(scope.row)">修改</a> |
|
|
|
<a type="text" size="small" v-if="!authDelete" @click="deleteData(scope.row)">删除</a> |
|
|
|
<a type="text" size="small" v-if="!authEdit" @click="editModel(scope.row)">{{ buttons.update }}</a> |
|
|
|
<a type="text" size="small" v-if="!authDelete" @click="deleteData(scope.row)">{{ buttons.delete }}</a> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
@ -51,25 +51,25 @@ |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-dialog title="数据维护" :close-on-click-modal="false" v-drag :visible.sync="modelFlag" width="350px" > |
|
|
|
<el-dialog :title="labels.shutDownReason" :close-on-click-modal="false" v-drag :visible.sync="modelFlag" width="350px" > |
|
|
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|
|
|
<el-form-item :label="'工厂编码:'"> |
|
|
|
<el-form-item :label="labels.site"> |
|
|
|
<el-input v-model="modelData.site" :disabled="modelInputFlag" style="width: 130px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="'区域:'"> |
|
|
|
<el-form-item :label="labels.area"> |
|
|
|
<el-input v-model="modelData.area" style="width: 130px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|
|
|
<el-form-item :label="'原因代码:'"> |
|
|
|
<el-form-item :label="labels.reasonCode"> |
|
|
|
<el-input v-model="modelData.reasonCode" :disabled="modelInputFlag" style="width: 130px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="'原因描述:'"> |
|
|
|
<el-form-item :label="labels.reasonDescription"> |
|
|
|
<el-input v-model="modelData.reasonDescription" style="width: 130px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
|
|
|
<el-form-item :label="'在用:'"> |
|
|
|
<el-form-item :label="labels.active"> |
|
|
|
<el-select filterable v-model="modelData.active" style="width: 130px"> |
|
|
|
<el-option label="Y" value="Y"></el-option> |
|
|
|
<el-option label="N" value="N"></el-option> |
|
|
|
@ -77,8 +77,8 @@ |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
|
|
|
<el-button type="primary" @click="ModelSave()">保存</el-button> |
|
|
|
<el-button type="primary" @click="modelFlag = false">关闭</el-button> |
|
|
|
<el-button type="primary" @click="ModelSave()">{{buttons.save}}</el-button> |
|
|
|
<el-button type="primary" @click="modelFlag = false">{{buttons.close}}</el-button> |
|
|
|
</el-footer> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
@ -91,16 +91,61 @@ |
|
|
|
saveShutDownReasonData, |
|
|
|
deleteShutDownReasonData |
|
|
|
} from "@/api/base/site.js" |
|
|
|
import { |
|
|
|
|
|
|
|
searchFunctionButtonList, |
|
|
|
|
|
|
|
} from "@/api/sysLanguage.js" |
|
|
|
var functionId='103003'; |
|
|
|
export default { |
|
|
|
//停机原因 |
|
|
|
name: "shutDownReason", |
|
|
|
data() { |
|
|
|
return { |
|
|
|
labels: { |
|
|
|
area:'区域:', |
|
|
|
shutDownReason:'停机原因', |
|
|
|
site:'工厂编码:', |
|
|
|
reasonCode:'原因代码:', |
|
|
|
reasonDescription:'原因描述:', |
|
|
|
active:'在用:', |
|
|
|
error:'错误', |
|
|
|
true:'确定', |
|
|
|
point:'提示', |
|
|
|
cancel:'取消', |
|
|
|
doYes:'操作成功', |
|
|
|
inSite:'请输入工厂编码!', |
|
|
|
inArea:'请输入区域!', |
|
|
|
inReasonCode:'请输入原因代码!', |
|
|
|
inReasonDescription:'请输入原因描述!', |
|
|
|
inActive:'请选择是否在用!', |
|
|
|
deleteAsk:'是否删除此条停机原因?', |
|
|
|
}, |
|
|
|
buttons:{ |
|
|
|
search:'查询', |
|
|
|
download:'导出', |
|
|
|
add:'新增', |
|
|
|
update:'修改', |
|
|
|
delete:'删除', |
|
|
|
save:'保存', |
|
|
|
close:'关闭', |
|
|
|
}, |
|
|
|
queryButton: { |
|
|
|
functionId: functionId, |
|
|
|
table_id: '*', |
|
|
|
languageCode: this.$i18n.locale, |
|
|
|
objectType: 'button' |
|
|
|
}, |
|
|
|
queryLabel: { |
|
|
|
functionId: functionId, |
|
|
|
table_id: '*', |
|
|
|
languageCode: this.$i18n.locale, |
|
|
|
objectType: 'label' |
|
|
|
}, |
|
|
|
// 导出 start |
|
|
|
exportData: [], |
|
|
|
exportName: "停机原因"+this.dayjs().format('YYYYMMDDHHmmss'), |
|
|
|
exportHeader: ["停机原因"], |
|
|
|
exportName: '停机原因'+this.dayjs().format('YYYYMMDDHHmmss'), |
|
|
|
exportHeader: ['停机原因'], |
|
|
|
exportFooter: [], |
|
|
|
// 导出 end |
|
|
|
height: 200, |
|
|
|
@ -118,9 +163,6 @@ |
|
|
|
}, |
|
|
|
dataList:[], |
|
|
|
dataListLoading: false, |
|
|
|
buttons:{ |
|
|
|
download:'导出', |
|
|
|
}, |
|
|
|
columnList: [ |
|
|
|
{ |
|
|
|
userId: this.$store.state.user.name, |
|
|
|
@ -256,32 +298,32 @@ |
|
|
|
}, |
|
|
|
ModelSave(){ |
|
|
|
if(this.modelData.site==''||this.modelData.site==null){ |
|
|
|
this.$alert("请输入工厂编码!",'错误',{ |
|
|
|
confirmButtonText:'确定' |
|
|
|
this.$alert(this.labels.inSite,this.labels.error,{ |
|
|
|
confirmButtonText:this.labels.true |
|
|
|
}) |
|
|
|
return false; |
|
|
|
} |
|
|
|
if(this.modelData.area==''||this.modelData.area==null){ |
|
|
|
this.$alert("请输入区域!",'错误',{ |
|
|
|
confirmButtonText:'确定' |
|
|
|
this.$alert(this.labels.inArea,this.labels.error,{ |
|
|
|
confirmButtonText:this.labels.true |
|
|
|
}) |
|
|
|
return false; |
|
|
|
} |
|
|
|
if(this.modelData.reasonCode==''||this.modelData.reasonCode==null){ |
|
|
|
this.$alert("请输入原因代码!",'错误',{ |
|
|
|
confirmButtonText:'确定' |
|
|
|
this.$alert(this.labels.inReasonCode,this.labels.error,{ |
|
|
|
confirmButtonText:this.labels.true |
|
|
|
}) |
|
|
|
return false; |
|
|
|
} |
|
|
|
if(this.modelData.reasonDescription==''||this.modelData.reasonDescription==null){ |
|
|
|
this.$alert("请输入原因描述!",'错误',{ |
|
|
|
confirmButtonText:'确定' |
|
|
|
this.$alert(this.labels.inReasonDescription,this.labels.error,{ |
|
|
|
confirmButtonText:this.labels.true |
|
|
|
}) |
|
|
|
return false; |
|
|
|
} |
|
|
|
if(this.modelData.active==''||this.modelData.active==null){ |
|
|
|
this.$alert("请选择是否在用!",'错误',{ |
|
|
|
confirmButtonText:'确定' |
|
|
|
this.$alert(this.labels.inActive,this.labels.error,{ |
|
|
|
confirmButtonText:this.labels.true |
|
|
|
}) |
|
|
|
return false; |
|
|
|
} |
|
|
|
@ -292,18 +334,18 @@ |
|
|
|
if (data && data.code == 200) { |
|
|
|
this.modelFlag = false |
|
|
|
this.getData(); |
|
|
|
this.$message.success( '操作成功') |
|
|
|
this.$message.success( this.labels.doYes) |
|
|
|
} else { |
|
|
|
this.$alert(data.msg, '错误', { |
|
|
|
confirmButtonText: '确定' |
|
|
|
this.$alert(data.msg, this.labels.error,{ |
|
|
|
confirmButtonText:this.labels.true |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
deleteData(row){ |
|
|
|
this.$confirm(`是否删除此条停机原因?`, '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
this.$confirm( this.labels.deleteAsk, this.labels.point, { |
|
|
|
confirmButtonText: this.labels.true, |
|
|
|
cancelButtonText: this.labels.cancel, |
|
|
|
type: 'warning' |
|
|
|
|
|
|
|
}).then(() => { |
|
|
|
@ -315,10 +357,10 @@ |
|
|
|
if (data && data.code == 200) { |
|
|
|
this.modelFlag = false |
|
|
|
this.getData(); |
|
|
|
this.$message.success('操作成功') |
|
|
|
this.$message.success( this.labels.doYes) |
|
|
|
} else { |
|
|
|
this.$alert(data.msg, '错误', { |
|
|
|
confirmButtonText: '确定' |
|
|
|
this.$alert(data.msg, this.labels.error,{ |
|
|
|
confirmButtonText:this.labels.true |
|
|
|
}) |
|
|
|
} |
|
|
|
}) |
|
|
|
@ -362,6 +404,27 @@ |
|
|
|
this.authAdd = !fullControFlag; |
|
|
|
this.authDelete = !deleteFlag; |
|
|
|
}, |
|
|
|
//多语言 |
|
|
|
getMultiLanguageList() { |
|
|
|
//首先查询当前按钮的多语言 |
|
|
|
searchFunctionButtonList(this.queryButton).then(({data}) => { |
|
|
|
if (JSON.stringify(data.data) != '{}') { |
|
|
|
this.buttons = data.data |
|
|
|
} else { |
|
|
|
// saveButtonList(this.buttonList).then(({data}) => { |
|
|
|
// }) |
|
|
|
} |
|
|
|
}); |
|
|
|
//其次查询当前标签的多语言 |
|
|
|
searchFunctionButtonList(this.queryLabel).then(({data}) => { |
|
|
|
if (JSON.stringify(data.data) != '{}') { |
|
|
|
this.labels = data.data |
|
|
|
} else { |
|
|
|
// saveButtonList(this.buttonList).then(({data}) => { |
|
|
|
// }) |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
modelData: { |
|
|
|
@ -375,6 +438,7 @@ |
|
|
|
this.getData(); |
|
|
|
//获取按钮的权限 |
|
|
|
this.getButtonAuthData(); |
|
|
|
this.getMultiLanguageList()//刷新按钮 |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|