lilei пре 2 година
родитељ
комит
8e03522303
1 измењених фајлова са 30 додато и 30 уклоњено
  1. 30 30
      src/views/expenseManagement/expenseReimbursement/previewModal.vue

+ 30 - 30
src/views/expenseManagement/expenseReimbursement/previewModal.vue

@@ -4,14 +4,14 @@
   >
   <div class="expense-detail-print" style="width:564pt;margin:0 auto;" v-for="item in list" :key="item.expenseInfo.expenseAccountSn">
     <p class="container-title" style="text-align: center;font-size: 24px;font-weight: 600;">箭冠汽配企业费用报销单</p>
-    <div class="container-info" style="width: 100%;border: 1px solid #000000;">
+    <div class="container-info" style="width:564pt;border: 1px solid #000000;">
       <div class="container-info-basics" v-if="item.expenseInfo">
         <div class="basics-item" style="width: 100%;border-bottom: 1px solid #000000;padding:0;margin:0;">
           <span style="display: inline-block;width: 50%;padding: 10px;border-right: 1px solid #000000;">申请人:{{ item.expenseInfo.applyPersonName?item.expenseInfo.applyPersonName:'' }}</span>
           <span style="display: inline-block;border-right: none;padding: 10px;">申请部门:{{ item.expenseInfo.applyDepartmentName?item.expenseInfo.applyDepartmentName:'' }}</span>
         </div>
         <div class="basics-item" style="width: 100%;border-bottom: 1px solid #000000;padding:0;margin:0;">
-          <span style="display: inline-block;width: 50%;padding: 10px;border-right: 1px solid #000000;">费用类型:{{ item.expenseInfo.expenseTypeDictValue?item.expenseInfo.expenseTypeDictValue:'' }}</span>
+          <span style="display: inline-block;width: 50%;padding: 10px;border-right: 1px solid #000000;">费用类型:{{ item.expenseInfo.expenseTypeName?item.expenseInfo.expenseTypeName:'' }}</span>
           <span style="display: inline-block;border-right: none;padding: 10px;">费用发生月份:{{ item.expenseInfo.expenseDate?item.expenseInfo.expenseDate.substring(0, 7):'' }}</span>
         </div>
         <div class="basics-item" style="width: 100%;border-bottom: 1px solid #000000;padding:0;margin:0;">
@@ -43,29 +43,29 @@
           align="center">
           <thead>
             <tr>
-              <th style="padding:5px 10px;width:6%;">序号</th>
-              <th style="padding:5px 10px;width:22%;">记账方</th>
-              <!-- <th style="padding:5px 10px;width:15%;">区域/省/市</th> -->
-              <th style="padding:5px 10px;width:10%;">记账费用</th>
-              <th style="padding:5px 10px;width:30%;">费用承担方</th>
-              <th style="padding:5px 10px;width:22%;">产品信息</th>
+              <th style="padding:5px 0;width:6%;">序号</th>
+              <th style="padding:5px 0;width:22%;">记账方</th>
+              <!-- <th style="padding:5px 0;width:15%;">区域/省/市</th> -->
+              <th style="padding:5px 0;width:10%;">记账费用</th>
+              <th style="padding:5px 0;width:30%;">费用承担方</th>
+              <th style="padding:5px 0;width:22%;">产品信息</th>
             </tr>
           </thead>
           <tbody>
             <tr v-for="(fyItem,index) in item.fyListData" :key="index">
               <td style="text-align: center;width:6%;">{{ index+1 }}</td>
-              <td style="text-align: left;width:22%;padding:0 10px;">
+              <td style="text-align: left;width:22%;padding:0 5px;">
                 <div>{{ fyItem.accountTypeDictValue }}</div>
                 <div>{{ fyItem.accountName||'' }}</div>
                 <div v-if="fyItem.accountNameFnumber">({{ fyItem.accountNameFnumber }})</div>
               </td>
-              <!-- <td style="text-align: left;width:15%;padding:5px 10px;">
+              <!-- <td style="text-align: left;width:15%;padding:5px 5px;">
                 <div>{{ fyItem.subareaNames }}</div>
                 <div>{{ fyItem.provinceName }}</div>
                 <div>{{ fyItem.cityName }}</div>
               </td> -->
-              <td style="text-align: right;width:10%;padding:0 10px;">{{ fyItem.expense||fyItem.expense==0?toThousands(fyItem.expense):'' }}</td>
-              <td style="text-align: left;width:30%;padding:0 10px;vertical-align: top;">
+              <td style="text-align: right;width:10%;padding:0 5px;">{{ fyItem.expense||fyItem.expense==0?toThousands(fyItem.expense):'' }}</td>
+              <td style="text-align: left;width:30%;padding:0 5px;vertical-align: top;">
                 <div v-for="(ditem,index) in fyItem.detailSplitList" :key="ditem.id+'-'+index" style="padding: 3px 0;" >
                   {{ ditem.splitObjName }}
                   <span v-if="ditem.splitObjFnumber">({{ ditem.splitObjFnumber }})</span>
@@ -73,7 +73,7 @@
                   {{ ditem.childDetailSplit?ditem.childDetailSplit.splitObjName:'' }}: {{ ditem.childDetailSplit?toThousands(ditem.childDetailSplit.splitAmount):toThousands(ditem.splitAmount) }}
                 </div>
               </td>
-              <td style="text-align: left;width:22%;padding:0 10px;vertical-align: top;">
+              <td style="text-align: left;width:22%;padding:0 5px;vertical-align: top;">
                 <div v-for="ditem in fyItem.detailProductsList" :key="ditem.id" style="padding: 3px 0;">
                   <div v-if="ditem.productCode">{{ ditem.productCode }}: {{ toThousands(ditem.expense) }}</div>
                   <div v-else-if="ditem.productBrandName">{{ ditem.productBrandName }}<span v-if="ditem.productTypeShowName">/</span>{{ ditem.productTypeShowName }}: {{ toThousands(ditem.expense) }}</div>
@@ -84,7 +84,7 @@
           </tbody>
         </table>
       </div>
-      <div class="container-fytable" style="padding:0 10px 10px;" v-if="item.spListData&&item.spListData.length">
+      <div class="container-fytable" style="padding:0 10px 5px;" v-if="item.spListData&&item.spListData.length">
         <p class="table-title">审批信息:</p>
         <table
           border="1"
@@ -94,28 +94,28 @@
           align="center">
           <thead>
             <tr style="height: 30px;padding: 5px;">
-              <th style="padding:5px 10px;width:8%;">序号</th>
-              <th style="padding:5px 10px;width:15%;text-align: left;">人员姓名</th>
-              <th style="padding:5px 10px;width:15%;">人员类型</th>
-              <th style="padding:5px 10px;width:10%;">状态</th>
-              <th style="padding:5px 10px;width:17%;">审批意见</th>
-              <th style="padding:5px 10px;width:15%;">附件</th>
-              <th style="padding:5px 10px;width:20%;">时间</th>
+              <th style="padding:5px 0;width:8%;">序号</th>
+              <th style="padding:5px 0;width:15%;">人员姓名</th>
+              <th style="padding:5px 0;width:15%;">人员类型</th>
+              <th style="padding:5px 0;width:10%;">状态</th>
+              <th style="padding:5px 0;width:17%;">审批意见</th>
+              <th style="padding:5px 0;width:15%;">附件</th>
+              <th style="padding:5px 0;width:20%;">时间</th>
             </tr>
           </thead>
           <tbody>
             <tr style="height: 30px;padding: 5px;" v-for="(spitem,index) in item.spListData" :key="index">
-              <td style="padding:5px 10px;">{{ index+1||'' }}</td>
-              <td style="padding:5px 10px;text-align: left;">{{ spitem.userName||'' }}</td>
-              <td style="padding:5px 10px;">{{ spitem.userType||'' }}</td>
-              <td style="padding:5px 10px;">{{ spitem.state||'' }}</td>
-              <td style="padding:5px 10px;">{{ spitem.remark||'' }}</td>
-              <td style="padding:5px 10px;">{{ spitem.hasAttachments!= '0' ? '请在钉钉中查看附件内容' : '--' }}</td>
-              <td style="padding:5px 10px;">{{ spitem.date||'' }}</td>
+              <td style="padding:5px 0;">{{ index+1||'' }}</td>
+              <td style="padding:5px 0;">{{ spitem.userName||'' }}</td>
+              <td style="padding:5px 0;">{{ spitem.userType||'' }}</td>
+              <td style="padding:5px 0;">{{ spitem.state||'' }}</td>
+              <td style="padding:5px 0;">{{ spitem.remark||'' }}</td>
+              <td style="padding:5px 0;">{{ spitem.hasAttachments!= '0' ? '请在钉钉中查看附件内容' : '--' }}</td>
+              <td style="padding:5px 0;">{{ spitem.date||'' }}</td>
             </tr></tbody>
         </table>
       </div>
-      <div class="container-fytable" style="padding:0 10px 10px;" v-else>
+      <div class="container-fytable" style="padding:0 10px;" v-else>
         <p class="table-title">审批信息:暂无</p>
       </div>
     </div>
@@ -163,7 +163,7 @@ export default {
         if (printCons[i].h > 560) {
           htmlStr.push('')
         }else{
-          printCons[i].t = '<div style="width:564pt;margin:0 auto;height:535px;">' +printCons[i].t+'</div>'
+          printCons[i].t = '<div style="height:535px;">' +printCons[i].t+'</div>'
         }
         htmlStr.push(printCons[i].t)
       }