完善履历

src/views/repair/application-form/modules/TicketForm.vue

@@ -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>