This commit is contained in:
parent
fa1ecce732
commit
033771ff6c
|
|
@ -64,41 +64,71 @@
|
|||
</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
|
||||
style="width: 75%; display: flex; align-items: center; flex-wrap: wrap"
|
||||
v-if="approveSignList.length > 0"
|
||||
>
|
||||
<div v-if=" launchSignList && launchSignList.length > 0" style="width: 75%; display: flex; align-items: center; flex-wrap: wrap">
|
||||
<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">
|
||||
<div>流程记录</div>
|
||||
|
|
@ -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)
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue