<template>
|
<a-modal
|
:width="800"
|
:visible="visible"
|
:maskClosable="false"
|
@ok="handleOk"
|
cancelText="关闭"
|
@cancel="handleCancel"
|
:confirmLoading="confirmLoading"
|
title="附录3"
|
>
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-size: 15px;float: right;"
|
>{{this.model.receiptsNum}}</span>
|
|
<a-divider
|
orientation="center"
|
style="font-size: large;font-style: normal;font-size: 30px;color: #66aeed;"
|
> {{this.model.receiptsName}} </a-divider>
|
<a-row :gutter="24">
|
<a-col :span="12">
|
<a-form-item
|
label="使用单位"
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>
|
{{this.model.useDepartName}}
|
</a-form-item>
|
</a-col>
|
<a-col :span="12">
|
<a-form-item
|
label="检查日期"
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
>
|
{{this.model.updateTime}}
|
</a-form-item>
|
</a-col>
|
</a-row>
|
<div>
|
<div :style="{height: '45px',float: 'left',width: '15%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>设备名称</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '19%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>{{this.model.equipmentName}}</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '15%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>设备型号</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '18%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>{{this.model.equipmentModel}}</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '15%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>统一编号</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '18%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>{{this.model.equipmentNum}}</span>
|
</div>
|
|
</div>
|
<div>
|
<div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>检查部位</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>检查标准</span>
|
</div>
|
<div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>检查结果(合格/不合格)</span>
|
</div>
|
</div>
|
|
<div>
|
<div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>操纵手柄及开关</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>安全、无破损</span>
|
</div>
|
<div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<a-switch
|
checked-children="合格"
|
un-checked-children="不合格"
|
:checked="model.result_1 == '0'"
|
@change="handleSwitch(model.result_1)"
|
/>
|
</div>
|
</div>
|
<div>
|
<div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>传动系统</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>灵活、无异响</span>
|
</div>
|
<div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<a-switch
|
checked-children="合格"
|
un-checked-children="不合格"
|
:checked="model.result_2 == '0'"
|
@change="handle2Switch(model.result_2)"
|
/>
|
</div>
|
</div>
|
<div>
|
<div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>安全装置</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>安全、灵敏、可靠</span>
|
</div>
|
<div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<a-switch
|
checked-children="合格"
|
un-checked-children="不合格"
|
:checked="model.result_3 == '0'"
|
@change="handle3Switch(model.result_3)"
|
/>
|
</div>
|
</div>
|
<div>
|
<div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>设备外观</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>整洁</span>
|
</div>
|
<div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<a-switch
|
checked-children="合格"
|
un-checked-children="不合格"
|
:checked="model.result_4 == '0'"
|
@change="handle4Switch(model.result_4)"
|
/>
|
</div>
|
</div>
|
<div>
|
<div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>电气线路</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>线路整齐、接线正确</span>
|
</div>
|
<div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<a-switch
|
checked-children="合格"
|
un-checked-children="不合格"
|
:checked="model.result_5 == '0'"
|
@change="handle5Switch(model.result_5)"
|
/>
|
</div>
|
</div>
|
<div>
|
<div :style="{height: '45px',float: 'left',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>检查各紧固装置</span>
|
</div>
|
<div :style="{height: '45px',float: 'left',width: '40%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
>无松动</span>
|
</div>
|
<div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<a-switch
|
checked-children="合格"
|
un-checked-children="不合格"
|
:checked="model.result_6 == '0'"
|
@change="handle6Switch(model.result_6)"
|
/>
|
|
</div>
|
</div>
|
<div>
|
<div :style="{height: '45px',float: 'left',width: '70%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;float: center"
|
>是否满足生产加工要求</span>
|
</div>
|
<div :style="{height: '45px',float: 'right',width: '30%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
|
<a-switch
|
checked-children="合格"
|
un-checked-children="不合格"
|
:checked="model.result_7 == '0'"
|
@change="handle7Switch(model.result_7)"
|
/>
|
</div>
|
</div>
|
<div>
|
<div :style="{height: '130px',float: 'left',width: '100%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}">
|
|
<a-row :gutter="24">
|
<a-col :span="12">
|
<a-form-item
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
:labelCol="labelCol"
|
:wrapperCol="wrapperCol"
|
label="鉴定结论"
|
>
|
<j-dict-select-tag
|
style="width: 100%"
|
allow-clear
|
:triggerChange="true"
|
dictCode="technology_status"
|
v-model="model.technologyStatus"
|
/>
|
</a-form-item>
|
</a-col>
|
</a-row>
|
<a-row :gutter="24">
|
<a-col :span="12">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
> 鉴定人员签字： </span>
|
<span v-if="this.model != null">{{ this.model.appraiser }}</span>
|
<span v-else>-</span>
|
</a-col>
|
<a-col :span="12">
|
<span
|
class="ant-descriptions-title"
|
style="font-size: large;font-style: normal;font-size: 15px;"
|
> 单位领导签字: </span>
|
<span v-if="this.model != null">{{ this.model.leadership }}</span>
|
<span v-else>-</span>
|
</a-col>
|
</a-row>
|
</div>
|
</div>
|
|
<template slot="footer">
|
<a-button
|
:style="{marginRight: '8px'}"
|
@click="handleCancel()"
|
>
|
关闭
|
</a-button>
|
|
<a-button
|
@click="handleOk1('1')"
|
type="primary"
|
:loading="confirmLoading"
|
:disabled="disableSubmit || confirmLoading"
|
v-has="'calibrationOrder:admin'"
|
>确定</a-button>
|
<a-button
|
@click="handleOk2('2')"
|
type="primary"
|
:loading="confirmLoading"
|
:disabled="disableSubmit || confirmLoading"
|
v-has="'calibrationOrder:appraiser'"
|
>确定</a-button>
|
<a-button
|
@click="handleOk3('3')"
|
type="primary"
|
:loading="confirmLoading"
|
:disabled="disableSubmit || confirmLoading"
|
v-has="'calibrationOrder:leadership'"
|
>确定</a-button>
|
</template>
|
</a-modal>
|
|
</template>
|
|
<script>
|
import { getAction, postAction, requestPut } from '@/api/manage'
|
import pick from 'lodash.pick'
|
import JMultiSelectTag from '@/components/dict/JMultiSelectTag'
|
import Tooltip from 'ant-design-vue/es/tooltip'
|
// import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
import { ACCESS_TOKEN } from '@/store/mutation-types'
|
import { getFileAccessHttpUrl } from '@/api/manage';
|
|
export default {
|
name: "StoveCategoryModal",
|
// mixins: [JeecgListMixin],
|
components: {
|
JMultiSelectTag,
|
Tooltip,
|
},
|
data() {
|
return {
|
title: "操作",
|
visible: false,
|
disableSubmit: false,
|
codeDisable: true,
|
dataSource: [],
|
model: {},
|
labelCol: {
|
xs: { span: 24 },
|
sm: { span: 6 },
|
},
|
wrapperCol: {
|
xs: { span: 24 },
|
sm: { span: 18 },
|
},
|
confirmLoading: false,
|
form: this.$form.createForm(this),
|
validatorRules: {
|
num: {
|
rules: [
|
{ required: true, message: '请输入保养工单编码!' },
|
]
|
},
|
},
|
url: {
|
add: "/eam/technologyStatus/technologyStatusAuthenticateD",
|
getTechnologyStatus: "/eam/technologyStatus/getTechnologyStatus",
|
list: "/eam/dailyMaintenanceOrder/getMaintenanceCycleByStandardId",
|
},
|
|
}
|
},
|
|
methods: {
|
|
edit(record) {
|
let that = this;
|
this.form.resetFields();
|
this.model = Object.assign({}, record);
|
this.getTechnologyStatus()
|
this.visible = true;
|
that.$nextTick(() => {
|
// that.form.setFieldsValue(pick(that.model, 'num', 'teamId', 'remark'));
|
});
|
|
},
|
|
|
close() {
|
this.$emit('close');
|
this.visible = false;
|
},
|
|
handleCancel() {
|
this.close();
|
},
|
|
handleOk1(arg) {
|
if (this.model.technologyStatus == "" || this.model.technologyStatus == null) {
|
this.$message.warning("请先维护鉴定结论！");
|
return
|
}
|
console.log(this.model)
|
this.handleOk(arg);
|
},
|
handleOk2(arg) {
|
this.handleOk(arg);
|
},
|
handleOk3(arg) {
|
if (this.model.technologyStatus == "" || this.model.technologyStatus == null) {
|
this.$message.warning("请先维护鉴定结论！");
|
return
|
}
|
this.handleOk(arg);
|
},
|
|
handleOk(arg) {
|
|
const that = this;
|
// 触发表单验证
|
that.form.validateFields((err, values) => {
|
if (!err) {
|
this.$confirm({
|
title: '生产设备技术状态鉴定确认',
|
content: '提示：请谨慎操作！',
|
okText: '确认',
|
cancelText: '取消',
|
onOk() {
|
let formData = Object.assign(that.model, values);
|
if (arg == '1') {//管理员
|
formData.flag = "1"
|
} else if (arg == '2') {//鉴定人员
|
formData.flag = "2"
|
} else {//领导
|
formData.flag = "3"
|
}
|
that.confirmLoading = true;
|
postAction(that.url.add, formData).then((res) => {
|
if (res.success) {
|
that.$message.success(res.message);
|
that.$emit('ok', new Date());
|
} else {
|
that.$message.warning(res.message);
|
}
|
}).finally(() => {
|
that.confirmLoading = false;
|
that.close();
|
})
|
},
|
})
|
}
|
})
|
},
|
|
handleDelete(text, record, index) {
|
this.dataSource.splice(index, 1);
|
},
|
|
getTechnologyStatus() {
|
getAction(this.url.getTechnologyStatus, { orderId: this.model.id }).then((res) => {
|
if (res.success) {
|
this.model = Object.assign(this.model, res.result[0]);
|
this.model = Object.assign({}, this.model);
|
}
|
})
|
},
|
|
handleSwitch(result_1) {
|
if ('0' == result_1) {
|
this.model.result_1 = '1'
|
} else {
|
this.model.result_1 = '0'
|
}
|
|
this.model = Object.assign({}, this.model);
|
},
|
|
handle2Switch(result_2) {
|
if ('0' == result_2) {
|
this.model.result_2 = '1'
|
} else {
|
this.model.result_2 = '0'
|
}
|
this.model = Object.assign({}, this.model);
|
},
|
|
handle3Switch(result_3) {
|
if ('0' == result_3) {
|
this.model.result_3 = '1'
|
} else {
|
this.model.result_3 = '0'
|
}
|
this.model = Object.assign({}, this.model);
|
},
|
|
handle4Switch(result_4) {
|
if ('0' == result_4) {
|
this.model.result_4 = '1'
|
} else {
|
this.model.result_4 = '0'
|
}
|
this.model = Object.assign({}, this.model);
|
},
|
|
handle5Switch(result_5) {
|
if ('0' == result_5) {
|
this.model.result_5 = '1'
|
} else {
|
this.model.result_5 = '0'
|
}
|
this.model = Object.assign({}, this.model);
|
},
|
|
handle6Switch(result_6) {
|
if ('0' == result_6) {
|
this.model.result_6 = '1'
|
} else {
|
this.model.result_6 = '0'
|
}
|
this.model = Object.assign({}, this.model);
|
},
|
|
handle7Switch(result_7) {
|
if ('0' == result_7) {
|
this.model.result_7 = '1'
|
} else {
|
this.model.result_7 = '0'
|
}
|
this.model = Object.assign({}, this.model);
|
},
|
|
},
|
}
|
</script>
|
|
<style lang="less" scoped>
|
/deep/ .frozenRowClass {
|
color: #c9c9c9;
|
}
|
.fontweight {
|
font-weight: bold;
|
}
|
.ant-btn {
|
padding: 0 10px;
|
margin-left: 3px;
|
}
|
|
.ant-form-item-control {
|
line-height: 0px;
|
}
|
|
/** 主表单行间距 */
|
.ant-form .ant-form-item {
|
margin-bottom: 10px;
|
}
|
|
/** Tab页面行间距 */
|
.ant-tabs-content .ant-form-item {
|
margin-bottom: 0px;
|
}
|
.hightColor {
|
height: 10%;
|
font-weight: bold;
|
font-size: 20px;
|
color: #1b1e1e;
|
}
|
.frozenRowClass {
|
color: #c9c9c9;
|
}
|
.fontweight {
|
font-weight: bold;
|
}
|
.hight {
|
color: #f5222d;
|
}
|
/deep/ .red {
|
color: red;
|
}
|
|
.line {
|
width: 1px;
|
height: 300px;
|
background-color: #000;
|
border: none;
|
float: left;
|
}
|
</style>
|
