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

退料签名

This commit is contained in:
bb_pan 2025-08-21 18:36:41 +08:00
parent 218f685d7a
commit 2914f06313
1 changed files with 74 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
src/views/material/back/component/dialogFormByCq.vue
View File

@ -85,28 +85,49 @@
<div class="order_footer"> <div class="order_footer">
<!-- <div>审核人：</div> --> <!-- <div>审核人：</div> -->
<div class="item" style="width: 28%; display: flex; align-items: center; flex-wrap: wrap"> <div class="item" style="width: 28%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 35%">审核人：</div> <div style="width: 30%">审核人：</div>
<!-- <div style="width: 65%;display: flex;align-items: center;flex-wrap: wrap;" v-if="directAuditSignUrl"> <div
<div style="width: 80%;margin-left: 10px;"> style="width: 70%; display: flex; align-items: center; flex-wrap: wrap"
<img :src="directAuditSignUrl" style="width: 40px;height: 100px;transform: rotate(-90deg);max-width: 100%;" alt=""> v-if="backApplyInfo.directAuditSignUrl"
</div> >
</div> --> <div style="width: 80%; margin-left: 10px">
</div>
<div class="item" style="width: 24%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 30%">退料人：</div>
<div style="width: 70%; display: flex; align-items: center; flex-wrap: wrap" v-if="rowObj.backSignUrl">
<div style="width: 80%; margin-left: 20px">
<img <img
:src="rowObj.backSignUrl" :src="backApplyInfo.directAuditSignUrl"
style="width: 40px; height: 100px; max-width: 100%" style="width: 40px; height: 100px"
:class="{ 'is-rotate': rowObj.backSignType == 0 }" :class="{ 'is-rotate': backApplyInfo.directAuditSignType == 0 }"
alt="" alt=""
/> />
</div> </div>
</div> </div>
</div> </div>
<div class="item" style="width: 24%; display: flex; align-items: center; flex-wrap: wrap"> <div class="item" style="width: 28%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 30%">退料人：</div>
<div
style="width: 70%; display: flex; align-items: center; flex-wrap: wrap"
v-if="backApplyInfo.backSignUrl"
>
<div style="width: 80%; margin-left: 20px">
<img
:src="backApplyInfo.backSignUrl"
style="width: 40px; height: 100px; max-width: 100%"
:class="{ 'is-rotate': backApplyInfo.backSignType == 0 }"
alt=""
/>
</div>
</div>
</div>
<div class="item" style="width: 28%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 30%">制单：</div> <div style="width: 30%">制单：</div>
<div style="width: 70%; display: flex; align-items: center; flex-wrap: wrap" v-if="backApplyInfo.signUrl">
<div style="width: 80%; margin-left: 20px">
<img
:src="backApplyInfo.signUrl"
style="width: 40px; height: 100px; max-width: 100%"
:class="{ 'is-rotate': backApplyInfo.signType == 0 }"
alt=""
/>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -176,23 +197,51 @@
</table> </table>
<div class="order_footer"> <div class="order_footer">
<!-- <div>审核人：</div> -->
<div class="item" style="width: 28%; display: flex; align-items: center; flex-wrap: wrap"> <div class="item" style="width: 28%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 35%">审核人：</div> <div style="width: 30%">审核人：</div>
<div style="width: 65%; display: flex; align-items: center; flex-wrap: wrap" v-if="directAuditSignUrl"> <div
style="width: 70%; display: flex; align-items: center; flex-wrap: wrap"
v-if="backApplyInfo.directAuditSignUrl"
>
<div style="width: 80%; margin-left: 10px"> <div style="width: 80%; margin-left: 10px">
<img <img
:src="directAuditSignUrl" :src="backApplyInfo.directAuditSignUrl"
style="width: 40px; height: 100px; transform: rotate(-90deg); max-width: 100%" style="width: 40px; height: 100px"
:class="{ 'is-rotate': backApplyInfo.directAuditSignType == 0 }"
alt="" alt=""
/> />
</div> </div>
</div> </div>
</div> </div>
<div class="item" style="width: 24%; display: flex; align-items: center; flex-wrap: wrap"> <div class="item" style="width: 28%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 30%">退料人：</div> <div style="width: 30%">退料人：</div>
<div
style="width: 70%; display: flex; align-items: center; flex-wrap: wrap"
v-if="backApplyInfo.backSignUrl"
>
<div style="width: 80%; margin-left: 20px">
<img
:src="backApplyInfo.backSignUrl"
style="width: 40px; height: 100px; max-width: 100%"
:class="{ 'is-rotate': backApplyInfo.backSignType == 0 }"
alt=""
/>
</div>
</div>
</div> </div>
<div class="item" style="width: 24%; display: flex; align-items: center; flex-wrap: wrap"> <div class="item" style="width: 28%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 30%">制单：</div> <div style="width: 30%">制单：</div>
<div style="width: 70%; display: flex; align-items: center; flex-wrap: wrap" v-if="backApplyInfo.signUrl">
<div style="width: 80%; margin-left: 20px">
<img
:src="backApplyInfo.signUrl"
style="width: 40px; height: 100px; max-width: 100%"
:class="{ 'is-rotate': backApplyInfo.signType == 0 }"
alt=""
/>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -264,7 +313,7 @@ export default {
tableSubData: [], tableSubData: [],
open: false, open: false,
title: '', title: '',
directAuditSignUrl: '' backApplyInfo: {}
} }
}, },
methods: { methods: {
@ -276,8 +325,8 @@ export default {
getBackApplyInfo(this.rowObj.id).then(res => { getBackApplyInfo(this.rowObj.id).then(res => {
console.log(res) console.log(res)
this.tableData = res.data.backApplyDetailsList this.tableData = res.data.backApplyDetailsList
this.directAuditSignUrl = res.data.backApplyInfo.directAuditSignUrl this.backApplyInfo = res.data.backApplyInfo
console.log('222222222', this.directAuditSignUrl) console.log('🚀 ~ init ~ this.backApplyInfo:', this.backApplyInfo)
}) })
}, },
// 取消按钮 // 取消按钮