森语-事故处理单-打印

src/views/oa/modules/IncidentTicketModalDetail.vue

@@ -22,119 +22,6 @@
           <a-button  type="primary"   style="margin-left: 8px;" :disabled="!(formState.state=='3'|| formState.state=='4')" @click="()=>visibleWj = true">完结</a-button>
         </a-popconfirm>
       </template>
-
-
-      <div class="col-md-6 column" style="display: none;" id="printBox">
-             <h1 style="text-align: center;">质量事故处理单</h1>
-              <table class="table table-bordered" style="border:2px solid #999">    
-                        <thead>
-                        </thead>
-                        <tbody>
-                                <tr>
-                                    <td class="tdOne">日期</td>
-                                    <td class="tdTwo"> {{ formState.accidentData }}</td>
-                                    <td class="tdOne">质量事故单号</td>
-                                    <td class="tdTwo">{{ formState.accidentNumber }}</td>
-                                    <td class="tdOne">质量事故主题</td>
-                                    <td class="tdTwo">{{ formState.accidentTheme }}</td>
-                                </tr>
-                            <tr>
-                                <td class="tdOne">客户</td>
-                                <td class="tdTwo" >{{formState.customer  }}</td>
-                                <td class="tdOne">工厂</td>
-                                <td class="tdTwo" >{{ formState.factory}}</td>
-                                <td class="tdOne">责任单位</td>
-                                <td class="tdTwo" >{{ formState.responsibilityCompany }}</td>
-                            </tr>
-                            <tr>
-                                <td class="tdOne">责任人1</td>
-                                <td class="tdOne">{{ formState.responsibilityPerson1 }}</td>
-                                <td class="tdOne">责任人2</td>
-                                <td class="tdOne">{{ formState.responsibilityPerson2 }}</td>
-                                <td class="tdOne">责任人3</td>
-                                <td class="tdOne">{{ formState.responsibilityPerson3 }}</td>
-                            </tr>
-                            <tr>
-                              <td class="tdOne">金额1</td>
-                                <td class="tdOne">{{ formState.sum1 }}</td>
-                                <td class="tdOne">金额2</td>
-                                <td class="tdOne">{{ formState.sum2 }}</td>
-                                <td class="tdOne">金额3</td>
-                                <td class="tdOne">{{ formState.sum3 }}</td>
-                            </tr>
-                            <tr>
-                                <td class="tdOne">总金额</td>
-                                <td class="tdOne">{{ formState.totalMoney }}</td>
-                                <td class="tdOne">业务类型</td>
-                                <td class="tdOne">{{ formState.businessType }}</td>
-                                <td class="tdOne"></td>
-                                <td class="tdOne"></td>
-                            </tr>
-
-                            <tr>
-                                <td class="tdOne">成衣销售订单号</td>
-                                <td class="tdOne">{{ formState.garmentSalesOrder }}</td>
-                                <td class="tdOne">款号</td>
-                                <td class="tdOne">{{ formState.styleNumber }}</td>
-                                <td class="tdOne">物料</td>
-                                <td class="tdOne">{{ formState.material }}</td>
-                            </tr>
-                            <tr>
-                                <td class="tdOne">计划员</td>
-                                <td class="tdOne">{{ formState.planPersonnel }}</td>
-                                <td class="tdOne">业务员</td>
-                                <td class="tdOne">{{ formState.businessPeople }}</td>
-                                <td class="tdOne">QC</td>
-                                <td class="tdOne">{{ formState.qualityControl }}</td>
-                            </tr>
-                            <tr style="height: 50px;">
-                                <td class="tdOne" rowspan="3">情况说明</td>
-                                <td class="tdOne" colspan="5" rowspan="3">{{ formState.presentationCondition }}</td>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <table class="table table-bordered" style="margin-top: 2%;border:2px solid #999">    
-                        <thead>
-                           <th>计划单号</th>
-                           <th>事故类型</th>
-                           <th>币种</th>
-                           <th>事故金额</th>
-                           <th>汇率</th>
-                           <th>实际事故金额</th>
-                           <th>U8生成运费发票号</th>
-                           <th>账套号</th>
-                           <th>备注</th>
-                        </thead>
-                        <tbody>
-                               <tr v-for="(item, key) in incidentTicketChildrenTable.dataSource">
-                                  <td>{{item.planNumber}}</td>
-                                  <td>{{item.accidentType}}</td>
-                                  <td>{{item.moneyType}}</td>
-                                  <td>{{item.accidentSum}}</td>
-                                  <td>{{item.exchangeRate}}</td>
-                                  <td>{{item.practicalSum}}</td>
-                                  <td>{{item.u8Invoice}}</td>
-                                  <td>{{item.zhanghaoId}}</td>
-                                  <td>{{item.remark}}</td>
-                                  
-                              </tr>
-                        </tbody>
-                    </table>
-                    <table class="table table-bordered" style="margin-top: 2%;border:2px solid #999">    
-                        <thead>
-                        </thead>
-                        <tbody>
-                            <tr style="height: 50px;">
-                                <td class="tdOne" style="width: 1%;">财务备注</td>
-                                <td class="tdOne" colspan="7" >{{formState.financeRemark}}</td>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <div style="display: flex;justify-content: space-around;margin-top: 2%;">
-                       <span>填报人：{{ formState.informant }}</span>
-                       <span>通知人：{{ formState.Noticer }}</span>
-                    </div>
-              </div>
       <a-spin :spinning="confirmLoading">
       <div class="table-page-search-wrapper" >
         <div>
@@ -142,43 +29,34 @@
           <a-row :gutter="24">
           <a-col :span="8" >
             <a-form-model-item label="日期" prop="accidentData" >
-              <a-input v-model="formState.accidentData"    placeholder="请输入" readOnly  v-show='showSelect==0'></a-input>
-              <span  v-show='showSelect==1'>  {{ formState.accidentData }}</span>
-            
+              <a-input v-model="formState.accidentData"    placeholder="请输入" readOnly  ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="8" >
             <a-form-model-item label="质量事故单主题" prop="accidentTheme">
-              <a-input v-model="formState.accidentTheme"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.accidentTheme }}</span>
+              <a-input v-model="formState.accidentTheme"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="8">
             <a-form-model-item label="质量事故单号" prop="accidentNumber">
-              <a-input v-model="formState.accidentNumber"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.accidentNumber }}</span>
-              
+              <a-input v-model="formState.accidentNumber"   placeholder="请输入" readOnly ></a-input>              
             </a-form-model-item>
           </a-col>
           </a-row>
           <a-row :gutter="24">
           <a-col :span="8" >
             <a-form-model-item label="客户" prop="customer" >
-              <a-input v-model="formState.customer"    placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'> {{formState.customer  }}</span>
-             
+              <a-input v-model="formState.customer"    placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="8" >
             <a-form-model-item label="工厂(事故发生地)" prop="factory">
-              <a-input v-model="formState.factory"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.factory}}</span>
+              <a-input v-model="formState.factory"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="8" >
             <a-form-model-item label="责任单位" prop="responsibilityCompany">
-              <a-input v-model="formState.responsibilityCompany"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'> {{ formState.responsibilityCompany }}</span>
+              <a-input v-model="formState.responsibilityCompany"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           
@@ -188,27 +66,22 @@
             <a-col :span="6" >
             <a-form-model-item label="责任人1" prop="responsibilityPerson1" >
               <j-search-select-tag v-model="formState.responsibilityPerson1" placeholder="" 
-                   dict="sys_user,realname,username" @search="searchName" :disabled="true" v-show='showSelect==0'/>
-                   <span v-show='showSelect==1'>{{ formState.responsibilityPerson1 }}</span>
+                   dict="sys_user,realname,username" @search="searchName" :disabled="true" />
             </a-form-model-item>
           </a-col>
           <a-col :span="6" >
             <a-form-model-item label="责任人2" prop="responsibilityPerson2" >
               <j-search-select-tag v-model="formState.responsibilityPerson2" placeholder="" 
-                   dict="sys_user,realname,username" @search="searchName"  :disabled="true" v-show='showSelect==0'/>
-                   <span v-show='showSelect==1'>{{ formState.responsibilityPerson2 }}</span>
-
+                   dict="sys_user,realname,username" @search="searchName"  :disabled="true" />
             </a-form-model-item>
           </a-col>
           <a-col :span="6" >
             <a-form-model-item label="责任人3" prop="responsibilityPerson3">
               <j-search-select-tag v-model="formState.responsibilityPerson3" placeholder="" 
-                   dict="sys_user,realname,username" @search="searchName" :disabled="true" v-show='showSelect==0'/>
-                   <span v-show='showSelect==1'>{{ formState.responsibilityPerson3 }}</span>
-
+                   dict="sys_user,realname,username" @search="searchName" :disabled="true" />
             </a-form-model-item>
           </a-col>
-          <a-col :span="6" class="noprint">
+          <a-col :span="6">
             <a-form-model-item label="责任人4" prop="responsibilityPerson4">
               <j-search-select-tag v-model="formState.responsibilityPerson4" placeholder="" 
                    dict="sys_user,realname,username" @search="searchName" :disabled="true" />
@@ -218,27 +91,22 @@
           <a-row :gutter="24">
             <a-col :span="6" >
             <a-form-model-item label="金额1" prop="sum1" >
-              <a-input v-model="formState.sum1"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.sum1 }}</span>
-
+              <a-input v-model="formState.sum1"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="6" >
             <a-form-model-item label="金额2" prop="sum2" >
-              <a-input v-model="formState.sum2"    placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.sum2}}</span>
+              <a-input v-model="formState.sum2"    placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="6" >
             <a-form-model-item label="金额3" prop="sum3">
-              <a-input v-model="formState.sum3"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.sum3 }}</span>
+              <a-input v-model="formState.sum3"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
-          <a-col :span="6" class="noprint">
+          <a-col :span="6">
             <a-form-model-item label="金额4" prop="sum4" >
-              <a-input v-model="formState.sum4"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.sum4 }}</span>
+              <a-input v-model="formState.sum4"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           </a-row>
@@ -251,15 +119,12 @@
           </a-col> -->
           <a-col :span="8" >
             <a-form-model-item label="总金额" prop="totalMoney" >
-              <a-input v-model="formState.totalMoney"    placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.totalMoney }}</span>
+              <a-input v-model="formState.totalMoney"    placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="8" >
             <a-form-model-item label="业务类型" prop="businessType">
-              <a-input v-model="formState.businessType"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.businessType }}</span>
-
+              <a-input v-model="formState.businessType"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           
@@ -267,23 +132,17 @@
           <a-row :gutter="24">
             <a-col :span="8" >
             <a-form-model-item label="成衣销售订单号" prop="garmentSalesOrder">
-              <a-input v-model="formState.garmentSalesOrder"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.garmentSalesOrder }}</span>
-              
+              <a-input v-model="formState.garmentSalesOrder"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="8" >
             <a-form-model-item label="款号" prop="styleNumber" >
-              <a-input v-model="formState.styleNumber"    placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.styleNumber }}</span>
-
+              <a-input v-model="formState.styleNumber"    placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="8" >
             <a-form-model-item label="物料" prop="material">
-              <a-input v-model="formState.material"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.material }}</span>
-
+              <a-input v-model="formState.material"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
          
@@ -291,32 +150,26 @@
           <a-row :gutter="24">
             <a-col :span="8" >
             <a-form-model-item label="计划员" prop="planPersonnel">
-              <a-input v-model="formState.planPersonnel"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.planPersonnel }}</span>
-
+              <a-input v-model="formState.planPersonnel"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="8" >
             <a-form-model-item label="业务员" prop="businessPeople" >
               <j-search-select-tag v-model="formState.businessPeople" placeholder="" 
-                   dict="sys_user,realname,username" @search="searchName" :disabled="true" v-show='showSelect==0'/>
-              <span v-show='showSelect==1'>{{ formState.businessPeople }}</span>
+                   dict="sys_user,realname,username" @search="searchName" :disabled="true" />
             </a-form-model-item>
           </a-col>
           <a-col :span="8" >
             <a-form-model-item label="QC" prop="qualityControl">
               <j-search-select-tag v-model="formState.qualityControl" placeholder="" 
-                   dict="sys_user,realname,username" @search="searchName" :disabled="true" v-show='showSelect==0'/>
-              <span v-show='showSelect==1'>{{ formState.qualityControl }}</span>
-
+                   dict="sys_user,realname,username" @search="searchName" :disabled="true" />
             </a-form-model-item>
           </a-col>
           </a-row>
           <a-row :gutter="24">
           <a-col :span="24" style="height: 290px;">
             <a-form-model-item label="情况说明" prop="presentationCondition" class="fff">
-              <a-input v-model="formState.presentationCondition"  type="textarea"  placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <a-input  v-text="formState.presentationCondition"  type="textarea"  placeholder="请输入"  v-show='showSelect==1'></a-input>
+              <a-input v-model="formState.presentationCondition"  type="textarea"  placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           </a-row>
@@ -357,12 +210,12 @@
             <!-- 主表单区域 -->
         <a-form-model layout="inline" ref="form" :model="formState" :rules="validatorRules">
           <a-row :gutter="24">
-            <a-col :span="12" class="noprint" >
+            <a-col :span="12"  >
             <a-form-model-item label="附件上传" prop="accessory" class="ff">
               <j-upload  v-model="accessory"  :disabled="true"></j-upload>
             </a-form-model-item>
           </a-col>
-            <a-col :span="12"  class="noprint">
+            <a-col :span="12"  >
               <a-form-model-item label="工厂签章" prop="factorySignature" class="ff">
               <j-upload  v-model="factorySignature"  :disabled="true"></j-upload>
             </a-form-model-item>
@@ -372,30 +225,26 @@
           <a-row :gutter="24">
           <a-col :span="24" style="height: 230px;">
             <a-form-model-item label="财务备注" prop="financeRemark" class="caiwu">
-              <a-input v-model="formState.financeRemark"  type="textarea"  placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <a-input v-text="formState.financeRemark"  type="textarea"   readOnly v-show='showSelect==1'></a-input>
+              <a-input v-model="formState.financeRemark"  type="textarea"  placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>          
           </a-row>
           <a-row :gutter="24">
-            <a-col :span="12" class="noprint">
+            <a-col :span="12" >
             <a-form-model-item label="财务添加附件" prop="accessory2" class="ff ">
               <j-upload  v-model="accessory2"  ></j-upload>
-              <!-- <a-input v-model="formState.accessory2"  placeholder="请输入"></a-input> -->
             </a-form-model-item>
           </a-col>
           <a-col :span="10">
             <a-form-model-item label="通知人" prop="Noticer">
-              <a-input v-model="formState.Noticer"  placeholder="请输入" v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.Noticer }}</span>
+              <a-input v-model="formState.Noticer"  placeholder="请输入" ></a-input>
             </a-form-model-item>
           </a-col>
           </a-row>
           <a-row :gutter="24">
             <a-col :span="8" >
             <a-form-model-item label="填报人" prop="informant">
-              <a-input v-model="formState.informant"   placeholder="请输入" readOnly v-show='showSelect==0'></a-input>
-              <span v-show='showSelect==1'>{{ formState.informant}}</span>
+              <a-input v-model="formState.informant"   placeholder="请输入" readOnly ></a-input>
             </a-form-model-item>
           </a-col>
           
@@ -405,6 +254,118 @@
       <j-select-biz-component   ref="JSelectBizComponent"    @send-notice="sendNotice" :multi="true" />
     </div>
     </a-spin>
+    <!-- 打印 -->
+    <div class="col-md-6 column" style="display: none;" id="printBox">
+             <h1 style="text-align: center;">质量事故处理单</h1>
+              <table class="table table-bordered" style="border:2px solid #999">    
+                        <thead>
+                        </thead>
+                        <tbody>
+                                <tr>
+                                    <td class="tdOne">日期</td>
+                                    <td class="tdTwo"> {{ formState.accidentData }}</td>
+                                    <td class="tdOne">质量事故单号</td>
+                                    <td class="tdTwo">{{ formState.accidentNumber }}</td>
+                                    <td class="tdOne">质量事故主题</td>
+                                    <td class="tdTwo">{{ formState.accidentTheme }}</td>
+                                </tr>
+                            <tr>
+                                <td class="tdOne">客户</td>
+                                <td class="tdTwo" >{{formState.customer  }}</td>
+                                <td class="tdOne">工厂</td>
+                                <td class="tdTwo" >{{ formState.factory}}</td>
+                                <td class="tdOne">责任单位</td>
+                                <td class="tdTwo" >{{ formState.responsibilityCompany }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tdOne">责任人1</td>
+                                <td class="tdOne">{{ formState.responsibilityPerson1 }}</td>
+                                <td class="tdOne">责任人2</td>
+                                <td class="tdOne">{{ formState.responsibilityPerson2 }}</td>
+                                <td class="tdOne">责任人3</td>
+                                <td class="tdOne">{{ formState.responsibilityPerson3 }}</td>
+                            </tr>
+                            <tr>
+                              <td class="tdOne">金额1</td>
+                                <td class="tdOne">{{ formState.sum1 }}</td>
+                                <td class="tdOne">金额2</td>
+                                <td class="tdOne">{{ formState.sum2 }}</td>
+                                <td class="tdOne">金额3</td>
+                                <td class="tdOne">{{ formState.sum3 }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tdOne">总金额</td>
+                                <td class="tdOne">{{ formState.totalMoney }}</td>
+                                <td class="tdOne">业务类型</td>
+                                <td class="tdOne">{{ formState.businessType }}</td>
+                                <td class="tdOne"></td>
+                                <td class="tdOne"></td>
+                            </tr>
+
+                            <tr>
+                                <td class="tdOne">成衣销售订单号</td>
+                                <td class="tdOne">{{ formState.garmentSalesOrder }}</td>
+                                <td class="tdOne">款号</td>
+                                <td class="tdOne">{{ formState.styleNumber }}</td>
+                                <td class="tdOne">物料</td>
+                                <td class="tdOne">{{ formState.material }}</td>
+                            </tr>
+                            <tr>
+                                <td class="tdOne">计划员</td>
+                                <td class="tdOne">{{ formState.planPersonnel }}</td>
+                                <td class="tdOne">业务员</td>
+                                <td class="tdOne">{{ formState.businessPeople }}</td>
+                                <td class="tdOne">QC</td>
+                                <td class="tdOne">{{ formState.qualityControl }}</td>
+                            </tr>
+                            <tr style="height: 50px;">
+                                <td class="tdOne" rowspan="3">情况说明</td>
+                                <td class="tdOne" colspan="5" rowspan="3">{{ formState.presentationCondition }}</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered" style="margin-top: 2%;border:2px solid #999">    
+                        <thead>
+                           <th>计划单号</th>
+                           <th>事故类型</th>
+                           <th>币种</th>
+                           <th>事故金额</th>
+                           <th>汇率</th>
+                           <th>实际事故金额</th>
+                           <th>U8生成运费发票号</th>
+                           <th>账套号</th>
+                           <th>备注</th>
+                        </thead>
+                        <tbody>
+                               <tr v-for="(item, key) in incidentTicketChildrenTable.dataSource">
+                                  <td>{{item.planNumber}}</td>
+                                  <td>{{item.accidentType}}</td>
+                                  <td>{{item.moneyType}}</td>
+                                  <td>{{item.accidentSum}}</td>
+                                  <td>{{item.exchangeRate}}</td>
+                                  <td>{{item.practicalSum}}</td>
+                                  <td>{{item.u8Invoice}}</td>
+                                  <td>{{item.zhanghaoId}}</td>
+                                  <td>{{item.remark}}</td>
+                                  
+                              </tr>
+                        </tbody>
+                    </table>
+                    <table class="table table-bordered" style="margin-top: 2%;border:2px solid #999">    
+                        <thead>
+                        </thead>
+                        <tbody>
+                            <tr style="height: 50px;">
+                                <td class="tdOne" style="width: 1%;">财务备注</td>
+                                <td class="tdOne" colspan="7" >{{formState.financeRemark}}</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <div style="display: flex;justify-content: space-around;margin-top: 2%;">
+                       <span>填报人：{{ formState.informant }}</span>
+                       <span>通知人：{{ formState.Noticer }}</span>
+                    </div>
+              </div>
   </a-modal>
 </template>
 
@@ -445,7 +406,6 @@
           span: 20
         },
         formState:{},
-        showSelect:0,
         confirmLoading:false,
         visibleFk:false,
         visibleTs:false,
@@ -782,7 +742,6 @@
         if(data=='visibleWj') this.visibleWj = false
       },
       handlePrint(){
-        this.showSelect = 1
         this.$nextTick(() => {
         const html = window.document.getElementById('printBox').innerHTML 
          const win = window.open();
@@ -795,7 +754,7 @@
          win.document.write(style+html);
          win.focus();
          win.print();
-         this.showSelect = 0
+         win.close();
         })