报销打印模块

src/views/finance/fundManage/funds/index.vue

@@ -14,47 +14,21 @@
             action: () => openModal(),
           },
         ]"
-        @get-list="getList"
-      >
+        @get-list="getList">
         <template #fileSlot="{ item }">
-          <div
-            style="cursor: pointer; color: #409eff"
-            @click="handleClickFile(item)"
-          >
+          <div style="cursor: pointer; color: #409eff" @click="handleClickFile(item)">
             {{ item.fileName }}
           </div>
         </template>
       </byTable>
     </div>
 
-    <el-dialog
-      title="打印"
-      v-if="openPrint"
-      v-model="openPrint"
-      width="680px"
-      v-loading="loadingPrint"
-    >
+    <el-dialog title="打印" v-if="openPrint" v-model="openPrint" width="680px" v-loading="loadingPrint">
       <div id="pdfDom" style="width: 616px">
-        <div
-          style="
-            margin: 16px 8px;
-            border: 1px solid black;
-            font-size: 12px !important;
-            color: black;
-          "
-        >
-          <div
-            style="
-              font-size: 16px;
-              font-weight: 700;
-              text-align: center;
-              padding: 8px;
-            "
-          >
+        <div style="margin: 16px 8px; border: 1px solid black; font-size: 12px !important; color: black">
+          <div style="font-size: 16px; font-weight: 700; text-align: center; padding: 8px">
             <span>{{ printDetails.corporationName }}</span>
-            <span style="margin-left: 16px"
-              >{{ dictDataEcho(printDetails.type, fundsType) }}审批单</span
-            >
+            <span style="margin-left: 16px">{{ dictDataEcho(printDetails.type, fundsType) }}审批单</span>
           </div>
           <div class="baseRow"></div>
           <div class="baseRow" style="display: flex">
@@ -75,11 +49,7 @@
             <div class="contentRow" style="width: 80px">发票类型</div>
             <div class="contentRow" style="width: calc(50% - 80px)"></div>
           </div>
-          <div
-            class="baseRow"
-            style="display: flex"
-            v-if="printDetails.type == '2'"
-          >
+          <div class="baseRow" style="display: flex" v-if="printDetails.type == '2'">
             <div class="contentRow" style="width: 80px">预支单</div>
             <div class="contentRow" style="width: calc(100% - 80px)"></div>
           </div>
@@ -96,16 +66,8 @@
           <div class="specialRow">
             <span>请款明细</span>
           </div>
-          <div
-            v-if="
-              printDetails.accountRequestFundsDetailList &&
-              printDetails.accountRequestFundsDetailList.length > 0
-            "
-          >
-            <div
-              v-for="item in printDetails.accountRequestFundsDetailList"
-              :key="item.id"
-            >
+          <div v-if="printDetails.accountRequestFundsDetailList && printDetails.accountRequestFundsDetailList.length > 0">
+            <div v-for="item in printDetails.accountRequestFundsDetailList" :key="item.id">
               <div class="baseRow" style="display: flex">
                 <div class="contentRow" style="width: 25%">费用类型</div>
                 <div class="contentRow" style="width: 25%">关联合同</div>
@@ -214,28 +176,20 @@
           <div class="specialRow">
             <span>审批记录</span>
           </div>
-          <div class="baseRow" style="display: flex">
-            <div class="contentRow" style="width: 80px">开始</div>
-            <div class="contentRow" style="width: calc(100% - 240px)">AAA</div>
-            <div class="contentRow" style="width: 160px">BBB</div>
-          </div>
-          <div class="baseRow" style="display: flex">
-            <div class="contentRow" style="width: 80px">审核</div>
-            <div class="contentRow" style="width: calc(100% - 240px)">AAA</div>
-            <div class="contentRow" style="width: 160px">BBB</div>
-          </div>
-          <div class="baseRow" style="display: flex">
-            <div class="contentRow" style="width: 80px">结束</div>
-            <div class="contentRow" style="width: calc(100% - 240px)">AAA</div>
-            <div class="contentRow" style="width: 160px">BBB</div>
-          </div>
+          <template v-if="printDetails.recordList && printDetails.recordList.length > 0">
+            <div class="baseRow" style="display: flex" v-for="(item, index) in printDetails.recordList" :key="index">
+              <div class="contentRow" style="width: 80px">{{ item.nodeName }}</div>
+              <div class="contentRow" style="width: calc(100% - 240px)">
+                <span v-if="item.remark">{{ item.remark }}</span>
+              </div>
+              <div class="contentRow" style="width: 160px">{{ item.processedDate }}</div>
+            </div>
+          </template>
         </div>
       </div>
       <template #footer>
         <el-button @click="openPrint = false" size="large">取消</el-button>
-        <el-button type="primary" @click="clickDownload()" size="large"
-          >下载PDF</el-button
-        >
+        <el-button type="primary" @click="clickDownload()" size="large">下载PDF</el-button>
       </template>
     </el-dialog>
   </div>
@@ -355,13 +309,7 @@ const config = computed(() => {
         prop: "status",
       },
       render(status) {
-        return status == 10
-          ? "审批中"
-          : status == 20
-          ? "驳回"
-          : status == 30
-          ? "已通过"
-          : "";
+        return status == 10 ? "审批中" : status == 20 ? "驳回" : status == 30 ? "已通过" : "";
       },
     },
     {
@@ -400,15 +348,13 @@ const config = computed(() => {
 const getList = async (req) => {
   sourceList.value.pagination = { ...sourceList.value.pagination, ...req };
   loading.value = true;
-  proxy
-    .post("/accountRequestFunds/page", sourceList.value.pagination)
-    .then((message) => {
-      sourceList.value.data = message.rows;
-      sourceList.value.pagination.total = message.total;
-      setTimeout(() => {
-        loading.value = false;
-      }, 200);
-    });
+  proxy.post("/accountRequestFunds/page", sourceList.value.pagination).then((message) => {
+    sourceList.value.data = message.rows;
+    sourceList.value.pagination.total = message.total;
+    setTimeout(() => {
+      loading.value = false;
+    }, 200);
+  });
 };
 const openModal = () => {
   const flowName = `${userInfo.nickName}的请款申请（发起）`;
@@ -485,10 +431,10 @@ const clickPrint = (row) => {
   openPrint.value = true;
   proxy.post("/accountRequestFunds/detail", { id: row.id }).then((res) => {
     printDetails.value = res;
+    proxy.post("/flowExample/getApprovalRecord", { id: row.flowInfoId }).then((res) => {
+      printDetails.value.recordList = res.recordList;
+    });
   });
-  // proxy.post("/flowExample/getApprovalRecord", { id: row.id }).then((res) => {
-  //   console.log(res);
-  // });
 };
 const clickDownload = () => {
   proxy.getPdf("请款PDF文件");