Commit ee9eb200 by liangjianmin

feat: 更新合同详情样式,添加印章信息展示,提升用户体验

parent aeb315fd
...@@ -82,3 +82,19 @@ ...@@ -82,3 +82,19 @@
background: url("https://img.ichunt.com/images/ichunt/202507/04/483c94b4da3f9ddfa29c0c8500c61b50.png") no-repeat center; background: url("https://img.ichunt.com/images/ichunt/202507/04/483c94b4da3f9ddfa29c0c8500c61b50.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.sign-contract-content .seal {
position: absolute;
top: -55px;
right: 0;
border: 1px solid blue;
text-align: center;
color: blue;
padding: 5px 40px;
font-size: 18px;
background: transparent;
z-index: 1;
}
.sign-contract-content .seal p {
line-height: 20px;
color: blue;
}
...@@ -110,4 +110,23 @@ ...@@ -110,4 +110,23 @@
background: url("https://img.ichunt.com/images/ichunt/202507/04/483c94b4da3f9ddfa29c0c8500c61b50.png") no-repeat center; background: url("https://img.ichunt.com/images/ichunt/202507/04/483c94b4da3f9ddfa29c0c8500c61b50.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.seal {
position: absolute;
top: -55px;
right: 0;
border: 1px solid blue;
text-align: center;
color: blue;
padding: 5px 40px;
font-size: 18px;
background: transparent;
z-index: 1;
p {
line-height: 20px;
color: blue;
}
}
} }
\ No newline at end of file
...@@ -113,7 +113,7 @@ ...@@ -113,7 +113,7 @@
<el-dialog title="签署合同" :visible.sync="signDialogVisible" width="900px" :before-close="closeSignDialog"> <el-dialog title="签署合同" :visible.sync="signDialogVisible" width="900px" :before-close="closeSignDialog">
<div class="sign-contract-content" @scroll="handleScroll" ref="contractContent"> <div class="sign-contract-content" @scroll="handleScroll" ref="contractContent">
<div class="title column rowCenter verCenter"> <div class="title column rowCenter verCenter">
<h2>深圳市猎芯科技有限公司</h2> <h2>{{ signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.partyACompanyName || '' }}</h2>
<h4>采购合同</h4> <h4>采购合同</h4>
</div> </div>
<table class="sign-table norder sign-table-left"> <table class="sign-table norder sign-table-left">
...@@ -121,7 +121,7 @@ ...@@ -121,7 +121,7 @@
<td style="position: relative;"> <td style="position: relative;">
<span class="label letter">编号:</span> <span class="label letter">编号:</span>
<span class="value-text">{{ signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.purchaseNum || '' }}</span> <span class="value-text">{{ signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.purchaseNum || '' }}</span>
<i class="company-logo"></i> <i class="company-logo" v-if="signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.companyId == 1"></i>
</td> </td>
<td> <td>
<span class="label letter">日期:</span> <span class="label letter">日期:</span>
...@@ -158,10 +158,11 @@ ...@@ -158,10 +158,11 @@
<span class="value-text">{{ signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.partyBAddress || '' }}</span> <span class="value-text">{{ signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.partyBAddress || '' }}</span>
</td> </td>
</tr> </tr>
<tr> <tr v-if="signContractData.pdfInfo">
<td> <td style="position: relative;">
<span class="label letter">电话:</span> <span class="label letter">电话:</span>
<span class="value-text">{{ signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.partyATel || '' }}</span> <span class="value-text">{{ signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.partyATel || '' }}</span>
<i class="stamp" v-if="signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.status >= 2"></i>
</td> </td>
<td> <td>
<span class="label letter">电话:</span> <span class="label letter">电话:</span>
...@@ -284,9 +285,14 @@ ...@@ -284,9 +285,14 @@
<span class="value-text"></span> <span class="value-text"></span>
<i class="stamp"></i> <i class="stamp"></i>
</td> </td>
<td> <td style="position: relative;">
<span class="label letter label-width">合同专用章:</span> <span class="label letter label-width">合同专用章:</span>
<span class="value-text"></span> <span class="value-text"></span>
<div class="seal" v-if="signContractData.pdfInfo">
<p>孔老大</p>
<p>18099999999</p>
<p>2025-07-04</p>
</div>
</td> </td>
</tr> </tr>
</table> </table>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment