修改

src/views/materialsStation/straight/straightTransferReview/components/StraightforwardBills.vue

@@ -64,40 +64,70 @@
             </tbody>
           </table>
 
-          <!-- 签名 -->
+          <!-- 签名展示部分 -->
           <div class="fillIn" style="margin-top: 50px; display: flex; justify-content: space-between">
-            <div class="item" style="width: 50%; display: flex; align-items: flex-start">
+            <!-- 发起方签名 -->
+            <div class="item" style="width: 33.3%; display: flex; align-items: flex-start">
               <div style="width: 25%">发起：</div>
-              <div style="width: 75%; margin-left: 20px; transform: translateY(-30px)" v-if="leaseApplyData && leaseApplyData.outSignUrl">
+              <div v-if=" launchSignList && launchSignList.length > 0" style="width: 75%; display: flex; align-items: center; flex-wrap: wrap">
-                <img
-                  :src="leaseApplyData.outSignUrl"
-                  style="width: 40px; height: 90px; max-width: 100%"
-                  :style="{ transform: leaseApplyData.outSignType == 0 ? 'rotate(-90deg)' : '' }"
-                  alt=""
-                />
-              </div>
-            </div>
-            <div class="item" style="width: 50%; display: flex; align-items: flex-start; flex-wrap: wrap">
-              <div style="width: 25%">审核：</div>
                 <div
-                style="width: 75%; display: flex; align-items: center; flex-wrap: wrap"
+                  v-for="(item, index) in launchSignList"
-                v-if="approveSignList.length > 0"
-              >
-                <div
-                  style="width: 80%; margin-left: 20px; height: 40px; transform: translateY(-30px)"
-                  v-for="(item, index) in approveSignList"
                   :key="index"
+                  style="width: 80%; margin-left: 20px; height: 40px; transform: translateY(-30px)"
                 >
                   <img
                     :src="item.outSignUrl"
                     style="width: 40px; height: 90px; max-width: 100%"
                     :style="{ transform: item.outSignType == 0 ? 'rotate(-90deg)' : '' }"
-                    alt=""
+                    alt="审核签名"
                   />
                 </div>
               </div>
+              <div v-else style="width: 75%; margin-left: 20px; transform: translateY(-30px)">-</div>
+            </div>
+
+            <!-- 审核签名 -->
+            <div class="item" style="width: 33.3%; display: flex; align-items: flex-start; flex-wrap: wrap">
+              <div style="width: 25%">审核：</div>
+              <div v-if="approveSignList && approveSignList.length > 0" style="width: 75%; display: flex; align-items: center; flex-wrap: wrap">
+                <div
+                  v-for="(item, index) in approveSignList"
+                  :key="index"
+                  style="width: 80%; margin-left: 20px; height: 40px; transform: translateY(-30px)"
+                >
+                  <img
+                    :src="item.outSignUrl"
+                    style="width: 40px; height: 90px; max-width: 100%"
+                    :style="{ transform: item.outSignType == 0 ? 'rotate(-90deg)' : '' }"
+                    alt="审核签名"
+                  />
                 </div>
               </div>
+              <div v-else style="width: 75%; margin-left: 20px; height: 40px; transform: translateY(-30px)">-</div>
+            </div>
+
+            <!-- 接收方签名 -->
+            <div class="item" style="width: 33.3%; display: flex; align-items: flex-start">
+              <div style="width: 25%">接收：</div>
+              <div v-if="receiveSignList && receiveSignList.length > 0" style="width: 75%; display: flex; align-items: center; flex-wrap: wrap">
+                <div
+                  v-for="(item, index) in receiveSignList"
+                  :key="index"
+                  style="width: 80%; margin-left: 20px; height: 40px; transform: translateY(-30px)"
+                >
+                  <img
+                    :src="item.outSignUrl"
+                    style="width: 40px; height: 90px; max-width: 100%"
+                    :style="{ transform: item.outSignType == 0 ? 'rotate(-90deg)' : '' }"
+                    alt="审核签名"
+                  />
+                </div>
+              </div>
+              <div v-else style="width: 75%; margin-left: 20px; transform: translateY(-30px)">-</div>
+            </div>
+          </div>
+
+
 
           <!-- 流程 -->
           <!-- <div v-if="auditingList.length > 0" style="margin-top: 20px">
@@ -145,7 +175,7 @@
 
 <script>
 import { receiveDetail } from '@/api/business/index.js'
-import { getInfoApi, getApproveListApi } from '@/api/materialsStation/index'
+import {getInfoApi, getApproveListApi, getSignatureList} from '@/api/materialsStation/index'
 import { getAuditingDetailsApi } from '@/api/receive-apply/index.js'
 import vueEasyPrint from 'vue-easy-print'
 import printJS from 'print-js'
@@ -170,7 +200,9 @@ export default {
       tableList: [],
       auditingList: [], // 流程记录
       leaseApplyData: {},
-      approveSignList: [] // 审核签名
+      launchSignList: [],
+      approveSignList: [], // 审核签名
+      receiveSignList:[]
     }
   },
   methods: {
@@ -218,14 +250,20 @@ export default {
     // 获取签名
     async getSignList() {
       try {
-        const res = await getApproveListApi({ id: this.rowId })
+        const res = await getSignatureList({ id: this.rowId })
         console.log('🚀 ~ getSignList ~ res:', res)
-        if (res.data.approveSignList && res.data.approveSignList.length > 0) {
+        if (res.data && res.data.length > 0) {
-          this.leaseApplyData = res.data.approveSignList[0]
+          this.launchSignList = res.data[0].approveSignList
-          console.log('🚀 ~ getSignList ~ this.leaseApplyData:', this.leaseApplyData)
+          this.approveSignList=res.data[1].approveSignList
-          this.approveSignList = res.data.approveSignList.slice(1).filter(item => item != null && item !== '')
+          this.receiveSignList=res.data[2].approveSignList
-          console.log('🚀 ~ getSignList ~ this.approveSignList:', this.approveSignList)
         }
+
+        // if (res.data.approveSignList && res.data.approveSignList.length > 0) {
+        //   this.leaseApplyData = res.data.approveSignList[0]
+        //   console.log('🚀 ~ getSignList ~ this.leaseApplyData:', this.leaseApplyData)
+        //   this.approveSignList = res.data.approveSignList.slice(1).filter(item => item != null && item !== '')
+        //   console.log('🚀 ~ getSignList ~ this.approveSignList:', this.approveSignList)
+        // }
       } catch (error) {
         console.log('🚀 ~ getSignList ~ error:', error)
       }