|
|
@@ -1,7 +1,9 @@
|
|
|
<template>
|
|
|
<div class="main" v-show="visible">
|
|
|
+ <br>
|
|
|
+
|
|
|
<div>
|
|
|
- <a-button type="primary" v-print="'#print-container2'" :disabled="disabled">打印</a-button>
|
|
|
+ <a-button style="margin-left: 8px" type="primary" v-print="'#print-container2'" :disabled="disabled">打印</a-button>
|
|
|
<a-button style="margin-left: 8px" @click="handleCancel()">返回</a-button>
|
|
|
<a-button style="margin-left: 8px" @click="save">保存</a-button>
|
|
|
</div>
|
|
|
@@ -11,8 +13,8 @@
|
|
|
<!-- <div style="font-size:12px;font-weight:700; "><span style="font-size:14px;vertical-align: middle;letter-spacing:.1em;">CATL-SICONG</span><span style="vertical-align: middle;transform: scale(0.8);"> LONGYAN SICONG Advanced Materials Technology Limited</span></div> -->
|
|
|
<div style="font-weight:700">检维修工作委托单（MSR）</div>
|
|
|
</div>
|
|
|
- <div class="tables" >
|
|
|
- <div style="position:absolute;top: -20px;right:0">委修单编号:{{ this.model.repairNo }}</div>
|
|
|
+ <div class="tables">
|
|
|
+ <div style="position:absolute;top: -20px;right:0">委修单编号:{{ model.repairNo }}</div>
|
|
|
<table>
|
|
|
<!-- <tr>
|
|
|
<td colspan="3">委托单位</td>
|
|
|
@@ -251,14 +253,14 @@
|
|
|
<td colspan="3">车间具体位置</td>
|
|
|
<td colspan="12">{{ this.model.sbLocation }} </td>
|
|
|
</tr>
|
|
|
- <tr >
|
|
|
- <td colspan="29" >
|
|
|
+ <tr>
|
|
|
+ <td colspan="29">
|
|
|
<div>
|
|
|
- 1、委托内容描述：<br/>
|
|
|
+ 1、委托内容描述：<br />
|
|
|
{{ value5 }}
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td colspan="1" rowspan="4" style="width: 10px;">委<br/>托<br/>单<br/>位<br/>填<br/>写</td>
|
|
|
+ <td colspan="1" rowspan="4" style="width: 10px;">委<br />托<br />单<br />位<br />填<br />写</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td colspan="29">
|
|
|
@@ -268,23 +270,23 @@
|
|
|
<span style="position:relative">
|
|
|
<a-icon class="checks" v-show="value8.includes(1)" type="check" /><span style="font-size: 13px;">已经排放冲洗干净</span>
|
|
|
</span></a-checkbox>
|
|
|
- <a-checkbox :value="2" >
|
|
|
+ <a-checkbox :value="2">
|
|
|
<span style="position:relative"><a-icon class="checks" v-show="value8.includes(2)" type="check" />已经物料隔离
|
|
|
</span>
|
|
|
- </a-checkbox >
|
|
|
- <a-checkbox :value="3" >
|
|
|
+ </a-checkbox>
|
|
|
+ <a-checkbox :value="3">
|
|
|
<span style="position:relative"><a-icon class="checks" v-show="value8.includes(3)" type="check" />设备已经停电挂牌上锁</span>
|
|
|
</a-checkbox>
|
|
|
- <a-checkbox :value="4" >
|
|
|
+ <a-checkbox :value="4">
|
|
|
<span style="position:relative"><a-icon class="checks" v-show="value8.includes(4)" type="check" />其他
|
|
|
<!-- （<a-input style="width:200px" placeholder="委修人确认" />） -->
|
|
|
</span>
|
|
|
- </a-checkbox >
|
|
|
+ </a-checkbox>
|
|
|
</a-checkbox-group>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td colspan="29" >
|
|
|
+ <td colspan="29">
|
|
|
<div style="display:flex;justify-content:space-around;align-items: center;">
|
|
|
<div style="flex:1">委修人:{{ model.caller }}</div>
|
|
|
<div style="flex:1">允许开工人: <span>
|
|
|
@@ -304,12 +306,12 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td colspan="29" >
|
|
|
+ <td colspan="29">
|
|
|
<div style="flex:1">安全交底：</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td colspan="29" >
|
|
|
+ <td colspan="29">
|
|
|
<div>
|
|
|
|
|
|
<!-- 计划开始时间:<a-date-picker style="min-width:30px;" show-time placeholder="选择时间" suffixIcon=" "/>
|
|
|
@@ -326,10 +328,10 @@
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
- <tr >
|
|
|
- <td colspan="29" >
|
|
|
+ <tr>
|
|
|
+ <td colspan="29">
|
|
|
<div>
|
|
|
- 1、维修工作描述：（派工工程师填写）<br/>
|
|
|
+ 1、维修工作描述：（派工工程师填写）<br />
|
|
|
<a-textarea
|
|
|
v-model="model.repairContent "
|
|
|
style="resize:none;border:none;width:100%;"
|
|
|
@@ -337,16 +339,15 @@
|
|
|
placeholder="（1）判断故障原因或明确改造内容；
|
|
|
（2）简述维修方案或施工方案、步骤，分解工单任务；分解搭架、保温、其他专业维修需求等辅助工作；
|
|
|
（3）维修/施工计划，使用人工时、机械台班；（后续制定相应作业维修包）；
|
|
|
-（4）所需备件。"
|
|
|
- />
|
|
|
+（4）所需备件。" />
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td colspan="1" rowspan="5" style="width: 10px;">检<br/>维<br/>修<br/>单<br/>位<br/>填<br/>写</td>
|
|
|
+ <td colspan="1" rowspan="5" style="width: 10px;">检<br />维<br />修<br />单<br />位<br />填<br />写</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td colspan="29" >
|
|
|
+ <td colspan="29">
|
|
|
<div>
|
|
|
- 2、检修结果描述：（检维修人填写）<br/>
|
|
|
+ 2、检修结果描述：（检维修人填写）<br />
|
|
|
<a-textarea
|
|
|
v-model="model.repairResultContent "
|
|
|
style="resize:none;border:none;width:100%;"
|
|
|
@@ -354,43 +355,42 @@
|
|
|
placeholder="（1）检修前、技改施工前数据确认；
|
|
|
（2）维修/施工步骤记录（检修数据或照片、损坏部位的微距拍摄；
|
|
|
（3）维修/施工结果，使用人工时、机械台班；
|
|
|
-（4）实际消耗备件。"
|
|
|
- />
|
|
|
+（4）实际消耗备件。" />
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<td colspan="29" style="line-height:37px;">
|
|
|
- 3、故障部位：<a-textarea style="resize:none;border:none;width:87%;" placeholder="派工工程师填写" :rows="1" v-model="model.exceptionPart "/>
|
|
|
+ 3、故障部位：<a-textarea style="resize:none;border:none;width:87%;" placeholder="派工工程师填写" :rows="1" v-model="model.exceptionPart " />
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td colspan="29" >
|
|
|
+ <td colspan="29">
|
|
|
4、故障原因：
|
|
|
<a-checkbox-group v-model="value10">
|
|
|
<a-checkbox :value="1">
|
|
|
<span style="position:relative">
|
|
|
<a-icon class="checks" v-show="value10.includes(1)" type="check" /><span style="font-size: 13px;">操作原因</span>
|
|
|
</span></a-checkbox>
|
|
|
- <a-checkbox :value="2" >
|
|
|
+ <a-checkbox :value="2">
|
|
|
<span style="position:relative"><a-icon class="checks" v-show="value10.includes(2)" type="check" />质量问题
|
|
|
</span>
|
|
|
- </a-checkbox >
|
|
|
- <a-checkbox :value="3" >
|
|
|
+ </a-checkbox>
|
|
|
+ <a-checkbox :value="3">
|
|
|
<span style="position:relative"><a-icon class="checks" v-show="value10.includes(3)" type="check" />工艺问题</span>
|
|
|
</a-checkbox>
|
|
|
- <a-checkbox :value="4" >
|
|
|
+ <a-checkbox :value="4">
|
|
|
<span style="position:relative"><a-icon class="checks" v-show="value10.includes(4)" type="check" />使用寿命</span>
|
|
|
</a-checkbox>
|
|
|
- <a-checkbox :value="5" >
|
|
|
+ <a-checkbox :value="5">
|
|
|
<span style="position:relative"><a-icon class="checks" style="top:1px" v-show="value10.includes(5)" type="check" />需分析</span>
|
|
|
- </a-checkbox >
|
|
|
+ </a-checkbox>
|
|
|
</a-checkbox-group><br />
|
|
|
<a-textarea style="resize:none;border:none;width:100%;" v-model="model.exceptionStr" placeholder="派工工程师填写" />
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td colspan="29" >
|
|
|
+ <td colspan="29">
|
|
|
<div style="display:flex;justify-content:space-around">
|
|
|
<div style="flex:1">派工工程师:{{ model.dispatcher }}</div>
|
|
|
<div style="flex:1">检维修人:{{ model.repairMan }}</div>
|
|
|
@@ -398,20 +398,22 @@
|
|
|
<div style="flex:1">主管确认: <span>
|
|
|
{{ model.repairManager }}
|
|
|
</span>
|
|
|
- <operation-button
|
|
|
- v-if="(!model.repairManager ||model.repairManager ==='')"
|
|
|
- :type="2"
|
|
|
- title="确定签字？"
|
|
|
- :showDivider="false"
|
|
|
- @confirm="handleSign('repairManager')">签字</operation-button>
|
|
|
+ <operation-button v-if="(!model.repairManager ||model.repairManager ==='')" :type="2" title="确定签字？" :showDivider="false" @confirm="handleSign('repairManager')">签字</operation-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
+ <div style="position:absolute;bottom: -20px;right:0">打印日期：{{ BaseTool.Date.formatter(new Date(), BaseTool.Date.PICKER_NORM_DATETIME_PATTERN)
|
|
|
+ }}</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
+ <br>
|
|
|
+ <br>
|
|
|
+ <br>
|
|
|
+ <br>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -433,34 +435,33 @@ export default {
|
|
|
value9: null,
|
|
|
value10: [],
|
|
|
model: {
|
|
|
- 'repairNo': null,
|
|
|
- 'callTime': null,
|
|
|
- 'sbNo': null,
|
|
|
- 'sbName': null,
|
|
|
- 'sbLocation': null,
|
|
|
- 'caller': null,
|
|
|
- 'dispatcher': null,
|
|
|
- 'repairMan': null,
|
|
|
- 'content': null,
|
|
|
- 'sbPositionName': null,
|
|
|
- 'requireHours': null,
|
|
|
- 'repairProfessor': null,
|
|
|
- 'repairType': null,
|
|
|
- 'trustDept': null,
|
|
|
- 'level': null,
|
|
|
- 'repairStartTime': null,
|
|
|
- 'repairEndTime': null,
|
|
|
- 'planStartTime': null,
|
|
|
- 'planEndTime': null,
|
|
|
- 'repairMin': null,
|
|
|
- 'repairFormType': null
|
|
|
+ repairNo: null,
|
|
|
+ callTime: null,
|
|
|
+ sbNo: null,
|
|
|
+ sbName: null,
|
|
|
+ sbLocation: null,
|
|
|
+ caller: null,
|
|
|
+ dispatcher: null,
|
|
|
+ repairMan: null,
|
|
|
+ content: null,
|
|
|
+ sbPositionName: null,
|
|
|
+ requireHours: null,
|
|
|
+ repairProfessor: null,
|
|
|
+ repairType: null,
|
|
|
+ trustDept: null,
|
|
|
+ level: null,
|
|
|
+ repairStartTime: null,
|
|
|
+ repairEndTime: null,
|
|
|
+ planStartTime: null,
|
|
|
+ planEndTime: null,
|
|
|
+ repairMin: null,
|
|
|
+ repairFormType: null
|
|
|
},
|
|
|
trustMap: {},
|
|
|
professorMap: {},
|
|
|
repairTypeMap: {},
|
|
|
levelMap: {},
|
|
|
repairFormTypeMap: {}
|
|
|
-
|
|
|
}
|
|
|
},
|
|
|
created () {
|
|
|
@@ -504,7 +505,7 @@ export default {
|
|
|
id: this.id
|
|
|
}
|
|
|
console.log(params)
|
|
|
- changeFieldTemplateData(params).then(res => {
|
|
|
+ changeFieldTemplateData(params).then((res) => {
|
|
|
console.log(res)
|
|
|
this.$message.success(res.message)
|
|
|
this.handleCancel()
|
|
|
@@ -519,61 +520,62 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.main{
|
|
|
+.main {
|
|
|
background: #fff;
|
|
|
}
|
|
|
-.title{
|
|
|
+.title {
|
|
|
text-align: center;
|
|
|
- font-size:18px;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
-.tables{
|
|
|
+.tables {
|
|
|
margin: 10px auto;
|
|
|
- width: 830px;
|
|
|
+ width: 830px;
|
|
|
// height: 600px;
|
|
|
font-size: 14px;
|
|
|
position: relative;
|
|
|
table {
|
|
|
- min-width:100%;
|
|
|
- margin: 0 auto;
|
|
|
- border: 1px solid #D6D6D6;
|
|
|
- border-radius: 6px;
|
|
|
- border-collapse: collapse;
|
|
|
- font-weight: 400;
|
|
|
- table-layout:fixed;
|
|
|
- }
|
|
|
- th{
|
|
|
- color: #FFFFFF;
|
|
|
- background: #3762FC;
|
|
|
- }
|
|
|
- tr {
|
|
|
- height:37px;
|
|
|
- }
|
|
|
- th,
|
|
|
- td {
|
|
|
- border: 1px solid #D6D6D6;
|
|
|
- // text-align: center;
|
|
|
- padding: 2px 10px;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
+ min-width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ border: 1px solid #d6d6d6;
|
|
|
+ border-radius: 6px;
|
|
|
+ border-collapse: collapse;
|
|
|
+ font-weight: 400;
|
|
|
+ table-layout: fixed;
|
|
|
+ }
|
|
|
+ th {
|
|
|
+ color: #ffffff;
|
|
|
+ background: #3762fc;
|
|
|
+ }
|
|
|
+ tr {
|
|
|
+ height: 37px;
|
|
|
+ }
|
|
|
+ th,
|
|
|
+ td {
|
|
|
+ border: 1px solid #d6d6d6;
|
|
|
+ // text-align: center;
|
|
|
+ padding: 2px 10px;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
}
|
|
|
-.check{
|
|
|
- position:absolute;
|
|
|
- left:0px;
|
|
|
- font-size:20px;
|
|
|
+.check {
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
-.checks{
|
|
|
- position:absolute;
|
|
|
- left:-27px;
|
|
|
- font-size:20px;
|
|
|
+.checks {
|
|
|
+ position: absolute;
|
|
|
+ left: -27px;
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
-/deep/.ant-radio-inner::after ,/deep/.ant-checkbox-checked .ant-checkbox-inner{
|
|
|
- background-color:#fff
|
|
|
+/deep/.ant-radio-inner::after,
|
|
|
+/deep/.ant-checkbox-checked .ant-checkbox-inner {
|
|
|
+ background-color: #fff;
|
|
|
}
|
|
|
/deep/ .ant-input {
|
|
|
width: 200px;
|
|
|
- border:none;
|
|
|
+ border: none;
|
|
|
}
|
|
|
-/deep/.ant-calendar-picker{
|
|
|
+/deep/.ant-calendar-picker {
|
|
|
min-width: 30px !important;
|
|
|
}
|
|
|
</style>
|
