¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <a-modal |
| | | :width="1250" |
| | | :visible="visible" |
| | | :maskClosable="false" |
| | | @ok="handleOk" |
| | | cancelText="å
³é" |
| | | @cancel="handleCancel" |
| | | :confirmLoading="confirmLoading" |
| | | > |
| | | <!-- :title="title" --> |
| | | <a-spin :spinning="confirmLoading"> |
| | | <a-form :form="form"> |
| | | <a-divider |
| | | orientation="center" |
| | | style="font-size: large;font-style: normal;font-size: 30px;color: #66aeed;" |
| | | > ç产设å¤ä¸çº§ä¿å
»éªæ¶å </a-divider> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="设å¤ç±»å«" |
| | | > |
| | | <span v-if="this.model != null">{{ this.model.equipmentName }}</span> |
| | | <span v-else>-</span> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="设å¤ç¼å·" |
| | | > |
| | | <span v-if="this.model != null">{{ this.model.equipmentNum }}</span> |
| | | <span v-else>-</span> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="设å¤åç§°" |
| | | > |
| | | <span v-if="this.model != null">{{ this.model.equipmentName }}</span> |
| | | <span v-else>-</span> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="设å¤åå·" |
| | | > |
| | | <span v-if="this.model != null">{{ this.model.equipmentModel }}</span> |
| | | <span v-else>-</span> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | </a-form> |
| | | </a-spin> |
| | | <a-table |
| | | ref="table" |
| | | bordered |
| | | size="middle" |
| | | rowKey='id' |
| | | :columns="columns" |
| | | :dataSource="dataSource" |
| | | > |
| | | <template |
| | | v-for="col in columns" |
| | | :slot="col.dataIndex" |
| | | slot-scope='text, record, index' |
| | | > |
| | | <div :key="col.dataIndex"> |
| | | |
| | | <a-input |
| | | :value="text" |
| | | v-if="col.dataIndex == 'actualMeasure'" |
| | | auto-size |
| | | placeholder="请è¾å
¥å®æµå¼" |
| | | @change="(e)=>handleChange(e, record.key, col, index)" |
| | | /> |
| | | </div> |
| | | </template> |
| | | </a-table> |
| | | <div :style="{width: '100%',border: '1px solid #e9e9e9',padding: '10px 16px',background: '#fff',}"> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="精度æ£éªè
" |
| | | > |
| | | <span v-if="this.model != null">{{ this.model.precisionInspectionUserName}}</span> |
| | | <span v-else>-</span> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="labelCol" |
| | | :wrapperCol="wrapperCol" |
| | | label="维修室主任" |
| | | > |
| | | <span v-if="this.model != null">{{ this.model.repairDirectorUserName }}</span> |
| | | <span v-else>-</span> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | | <div :style="{height: '115px',float: 'left',width: '10%',border: '1px solid #e9e9e9',padding: '50px 20px',background: '#fff',}"> |
| | | <span |
| | | class="ant-descriptions-title" |
| | | style="font-size: large;font-style: normal;font-size: 15px;" |
| | | >ç²¾åº¦ç¶æ</span> |
| | | </div> |
| | | <div :style="{height: '115px',float: 'right',width: '90%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="{ span: 8 }" |
| | | :wrapperCol="{ span: 4 }" |
| | | label="å项精度达å°å
å·®è¦æ±" |
| | | > |
| | | <a-switch |
| | | checked-children="æ¯" |
| | | un-checked-children="å¦" |
| | | :checked="model.eachTolerance == '1'" |
| | | @change="handle2Switch(model.eachTolerance)" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="{ span: 8 }" |
| | | :wrapperCol="{ span: 4 }" |
| | | label="é¨å精度æªè¾¾å°å
å·®è¦æ±" |
| | | > |
| | | <a-switch |
| | | checked-children="æ¯" |
| | | un-checked-children="å¦" |
| | | :checked="model.partTolerance == '1'" |
| | | @change="handle3Switch(model.partTolerance)" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col |
| | | :style="{float: 'right'}" |
| | | :span="12" |
| | | > |
| | | <a-form-item |
| | | :labelCol="{ span: 8 }" |
| | | :wrapperCol="{ span: 4 }" |
| | | label="è®¾å¤æ£éªå" |
| | | > |
| | | <span v-if="this.model != null">{{ this.model.equipmentInspectorUserName }}</span> |
| | | <span v-else>-</span> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | | <div :style="{height: '115px',float: 'left',width: '10%',border: '1px solid #e9e9e9',padding: '50px 20px',background: '#fff',}"> |
| | | <span |
| | | class="ant-descriptions-title" |
| | | style="font-size: large;font-style: normal;font-size: 15px;" |
| | | >é¶ä»¶ç¶æ</span> |
| | | </div> |
| | | <div :style="{height: '115px',float: 'right',width: '90%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="{ span: 8 }" |
| | | :wrapperCol="{ span: 4 }" |
| | | label="æ£æµè°è¯åè¯å å·¥é¶ä»¶å·ï¼" |
| | | > |
| | | <a-switch |
| | | checked-children="åæ ¼" |
| | | un-checked-children="ä¸åæ ¼" |
| | | :checked="model.processPass == '1'" |
| | | @change="handle4Switch(model.processPass)" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :span="12"> |
| | | <a-form-item |
| | | :labelCol="{ span: 8 }" |
| | | :wrapperCol="{ span: 4 }" |
| | | label="è½å¦æ»¡è¶³å 工工èºè¦æ±" |
| | | > |
| | | <a-switch |
| | | checked-children="è½" |
| | | un-checked-children="ä¸è½" |
| | | @change="handle5Switch(model.meetProcessRequire)" |
| | | :checked="model.meetProcessRequire == '1'" |
| | | /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col |
| | | :style="{float: 'right'}" |
| | | :span="12" |
| | | > |
| | | <a-form-item |
| | | :labelCol="{ span: 8 }" |
| | | :wrapperCol="{ span: 4 }" |
| | | label="使ç¨å使æ¯ä¸»ç®¡" |
| | | > |
| | | <span v-if="this.model != null">{{ this.model.useUnitDirectorUserName }}</span> |
| | | <span v-else>-</span> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | | <div :style="{height: '115px',float: 'left',width: '10%',border: '1px solid #e9e9e9',padding: '50px 20px',background: '#fff',}"> |
| | | <span |
| | | class="ant-descriptions-title" |
| | | style="font-size: large;font-style: normal;font-size: 15px;" |
| | | >ç»è®º</span> |
| | | </div> |
| | | <div :style="{height: '115px',float: 'right',width: '90%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> |
| | | <a-row :gutter="24"> |
| | | <a-col :span="24"> |
| | | <a-form-item |
| | | :labelCol="{ span: 4 }" |
| | | :wrapperCol="{ span: 20 }" |
| | | label="设å¤å¤å®" |
| | | > |
| | | <a-radio-group |
| | | v-model="model.judgmentResult" |
| | | @change="onChangeJudgmentResult" |
| | | > |
| | | <a-radio value="qualified"> åæ ¼ </a-radio> |
| | | <a-radio value="limitedUse"> éç¨ </a-radio> |
| | | <a-radio value="disabled"> ç¦ç¨ </a-radio> |
| | | </a-radio-group> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | <a-row :gutter="24"> |
| | | <a-col |
| | | :style="{float: 'right'}" |
| | | :span="12" |
| | | > |
| | | <a-form-item |
| | | :labelCol="{ span: 8 }" |
| | | :wrapperCol="{ span: 4 }" |
| | | label="è®¾å¤æ£éªåç¾å" |
| | | > |
| | | <span v-if="this.model != null">{{ this.model.equipmentInspectorSignUserName }}</span> |
| | | <span v-else>-</span> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-row> |
| | | </div> |
| | | <div :style="{height: '115px',float: 'left',width: '10%',border: '1px solid #e9e9e9',padding: '50px 20px',background: '#fff',}"> |
| | | <span |
| | | class="ant-descriptions-title" |
| | | style="font-size: large;font-style: normal;font-size: 15px;" |
| | | >夿³¨</span> |
| | | </div> |
| | | <div :style="{height: '115px',float: 'right',width: '90%',border: '1px solid #e9e9e9',padding: '10px 10px',background: '#fff',}"> |
| | | <a-textarea |
| | | allowClear |
| | | :placeholder="'请è¾å
¥å¤æ³¨ä¿¡æ¯'" |
| | | v-model="model.remark " |
| | | rows="4" |
| | | /> |
| | | <!-- :disabled="true" --> |
| | | </div> |
| | | <template slot="footer"> |
| | | <a-button |
| | | :style="{marginRight: '8px'}" |
| | | @click="handleCancel()" |
| | | > |
| | | å
³é |
| | | </a-button> |
| | | |
| | | <a-button |
| | | @click="handleOk()" |
| | | type="primary" |
| | | :loading="confirmLoading" |
| | | :disabled="disableSubmit || confirmLoading" |
| | | >ç¡®å®</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: "EquipmentPrecisionCheckOrderModal", |
| | | mixins: [JeecgListMixin], |
| | | components: { |
| | | JMultiSelectTag, |
| | | Tooltip, |
| | | }, |
| | | data() { |
| | | return { |
| | | columns: [ |
| | | { |
| | | title: '#', |
| | | dataIndex: '', |
| | | key: 'rowIndex', |
| | | align: 'center', |
| | | customRender: function (t, r, index) { |
| | | return parseInt(index) + 1 |
| | | }, |
| | | width: 50, |
| | | }, |
| | | { |
| | | title: 'æ£éªé¡¹ç®', |
| | | align: 'center', |
| | | dataIndex: 'precisionParametersName', |
| | | width: 600, |
| | | }, |
| | | { |
| | | title: 'å
å·®', |
| | | align: 'center', |
| | | dataIndex: 'tolerance' |
| | | }, |
| | | { |
| | | title: '宿µ', |
| | | align: 'center', |
| | | dataIndex: 'actualMeasure', |
| | | width: 150, |
| | | scopedSlots: { customRender: 'actualMeasure' } |
| | | }, |
| | | |
| | | |
| | | ], |
| | | title: "æä½", |
| | | visible: false, |
| | | disableSubmit: false, |
| | | codeDisable: true, |
| | | dataSource: [], |
| | | model: {}, |
| | | departs: [], |
| | | 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/precisionInspection/precisionInspection", |
| | | getEquipmentPrecision: "/eam/equipmentPrecisionParameters/getByEquipmentId", |
| | | getPrecisionInspection: "/eam/precisionInspection/getPrecisionInspectionList", |
| | | list: "/eam/dailyMaintenanceOrder/getMaintenanceCycleByStandardId", |
| | | }, |
| | | |
| | | } |
| | | }, |
| | | |
| | | methods: { |
| | | |
| | | edit(record) { |
| | | let that = this; |
| | | |
| | | this.form.resetFields(); |
| | | // record.eachTolerance = '0' |
| | | // record.partTolerance = '0' |
| | | // record.processPass = '0' |
| | | // record.meetProcessRequire = '0' |
| | | // record.judgmentResult = "" |
| | | this.model = Object.assign({}, record); |
| | | this.getPrecisionInspection() |
| | | this.getEquipmentPrecision() |
| | | this.visible = true; |
| | | that.$nextTick(() => { |
| | | // that.form.setFieldsValue(pick(that.model, 'num', 'teamId', 'remark')); |
| | | }); |
| | | |
| | | }, |
| | | |
| | | |
| | | close() { |
| | | this.$emit('close'); |
| | | this.visible = false; |
| | | }, |
| | | |
| | | handleCancel() { |
| | | this.close(); |
| | | }, |
| | | |
| | | handleOk() { |
| | | |
| | | const that = this; |
| | | // 触å表åéªè¯ |
| | | that.form.validateFields((err, values) => { |
| | | if (!err) { |
| | | this.$confirm({ |
| | | title: 'ç产设å¤ç²¾åº¦æ£éªå', |
| | | content: 'æç¤ºï¼è¯·è°¨æ
æä½ï¼', |
| | | okText: '确认', |
| | | cancelText: 'åæ¶', |
| | | onOk() { |
| | | let formData = Object.assign(that.model, values); |
| | | formData.precisionInspectionDetailList = that.dataSource |
| | | 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(); |
| | | }) |
| | | }, |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | |
| | | // handleOk() { |
| | | // const that = this; |
| | | // this.form.validateFields((err, values) => { |
| | | // if (!err) { |
| | | // that.confirmLoading = true; |
| | | // let formData = Object.assign(this.model, values); |
| | | // requestPut(this.url.add, formData, { id: this.model.id }).then((res) => { |
| | | // if (res.success) { |
| | | // that.$message.success(res.message); |
| | | // that.$emit('ok'); |
| | | // } else { |
| | | // that.$message.warning(res.message); |
| | | // } |
| | | // }).finally(() => { |
| | | // that.confirmLoading = false; |
| | | // that.close(); |
| | | // }) |
| | | // } |
| | | // }) |
| | | // }, |
| | | |
| | | handleDelete(text, record, index) { |
| | | this.dataSource.splice(index, 1); |
| | | }, |
| | | |
| | | |
| | | getEquipmentPrecision() { |
| | | getAction(this.url.getEquipmentPrecision, { equipmentId: this.model.equipmentId }).then((res) => { |
| | | if (res.success) { |
| | | this.dataSource = res.result.records |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | getPrecisionInspection() { |
| | | getAction(this.url.getPrecisionInspection, { maintenanceOrderId: this.model.id }).then((res) => { |
| | | if (res.success) { |
| | | this.model = Object.assign({}, res.result[0]); |
| | | debugger |
| | | } |
| | | }) |
| | | }, |
| | | |
| | | handle2Switch(eachTolerance) { |
| | | if ('0' == eachTolerance) { |
| | | this.model.eachTolerance = '1' |
| | | } else { |
| | | this.model.eachTolerance = '0' |
| | | } |
| | | this.model = Object.assign({}, this.model); |
| | | }, |
| | | |
| | | handle3Switch(partTolerance) { |
| | | if ('0' == partTolerance) { |
| | | this.model.partTolerance = '1' |
| | | } else { |
| | | this.model.partTolerance = '0' |
| | | } |
| | | this.model = Object.assign({}, this.model); |
| | | }, |
| | | |
| | | handle4Switch(processPass) { |
| | | if ('0' == processPass) { |
| | | this.model.processPass = '1' |
| | | } else { |
| | | this.model.processPass = '0' |
| | | } |
| | | this.model = Object.assign({}, this.model); |
| | | }, |
| | | |
| | | handle5Switch(meetProcessRequire) { |
| | | if ('0' == meetProcessRequire) { |
| | | this.model.meetProcessRequire = '1' |
| | | } else { |
| | | this.model.meetProcessRequire = '0' |
| | | } |
| | | this.model = Object.assign({}, this.model); |
| | | }, |
| | | |
| | | onChangeJudgmentResult(e) { |
| | | this.model.judgmentResult = e.target.value |
| | | }, |
| | | |
| | | handleChange(value, key, column, index) { |
| | | let that = this; |
| | | const temp = [...that.dataSource]; |
| | | const target = temp.filter(item => key === item.key)[index]; |
| | | if (target) { |
| | | if ('actualMeasure' == column.dataIndex) { |
| | | target['actualMeasure'] = value.target.value; |
| | | } |
| | | //æ¾ç¤ºå¸¦è¿æ¥çæ°æ® |
| | | that.dataSource = temp; |
| | | } |
| | | }, |
| | | |
| | | }, |
| | | } |
| | | </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> |