bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

This commit is contained in:
hayu 2025-10-20 19:49:38 +08:00
parent fa1ecce732
commit 033771ff6c
1 changed files with 66 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
src/views/materialsStation/straight/straightTransferReview/components/StraightforwardBills.vue
View File

@ -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">
<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 v-if=" launchSignList && launchSignList.length > 0" style="width: 75%; display: flex; align-items: center; flex-wrap: wrap">
<div
style="width: 75%; display: flex; align-items: center; flex-wrap: wrap"
v-if="approveSignList.length > 0"
>
<div
style="width: 80%; margin-left: 20px; height: 40px; transform: translateY(-30px)"
v-for="(item, index) in approveSignList"
v-for="(item, index) in launchSignList"
: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) {
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)
if (res.data && res.data.length > 0) {
this.launchSignList = res.data[0].approveSignList
this.approveSignList=res.data[1].approveSignList
this.receiveSignList=res.data[2].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)
}