Commit 6e79d3f1 by liangjianmin

feat: 更新合同页面样式,添加公司logo和印章,优化信息展示

parent f7ed6cd1
......@@ -35,6 +35,11 @@
.sign-contract-content .sign-table tr td .letter {
letter-spacing: 6px;
}
.sign-contract-content .sign-table tr td .label-width {
width: 114px;
text-align: right;
display: inline-block;
}
.sign-contract-content .sign-table.norder tr td {
border: none;
}
......@@ -54,3 +59,23 @@
.sign-contract-content .sign-text p b {
font-weight: bold;
}
.sign-contract-content .stamp {
position: absolute;
left: 100px;
bottom: -30px;
width: 176px;
height: 176px;
display: block;
background: url("https://img.ichunt.com/images/ichunt/202507/04/b3b50c3ae7da89fc1ca83bd63de22b6e.png") no-repeat center;
background-size: cover;
}
.sign-contract-content .company-logo {
position: absolute;
left: 0px;
top: -78px;
width: 150px;
height: 73px;
display: block;
background: url("https://img.ichunt.com/images/ichunt/202507/04/483c94b4da3f9ddfa29c0c8500c61b50.png") no-repeat center;
background-size: cover;
}
......@@ -42,6 +42,12 @@
.letter {
letter-spacing: 6px;
}
.label-width {
width: 114px;
text-align: right;
display: inline-block;
}
}
}
......@@ -73,9 +79,32 @@
p {
font-size: 13px;
line-height: 22px;
b {
font-weight: bold;
}
}
}
.stamp {
position: absolute;
left: 100px;
bottom: -30px;
width: 176px;
height: 176px;
display: block;
background: url("https://img.ichunt.com/images/ichunt/202507/04/b3b50c3ae7da89fc1ca83bd63de22b6e.png") no-repeat center;
background-size: cover;
}
.company-logo {
position: absolute;
left: 0px;
top: -78px;
width: 150px;
height: 73px;
display: block;
background: url("https://img.ichunt.com/images/ichunt/202507/04/483c94b4da3f9ddfa29c0c8500c61b50.png") no-repeat center;
background-size: cover;
}
}
\ No newline at end of file
......@@ -118,9 +118,10 @@
</div>
<table class="sign-table norder sign-table-left">
<tr>
<td>
<td style="position: relative;">
<span class="label letter">编号:</span>
<span class="value-text">PO-TESTPO-SZ202201210004</span>
<i class="company-logo"></i>
</td>
<td>
<span class="label letter">日期:</span>
......@@ -249,41 +250,42 @@
<table class="sign-table norder sign-table-left" style="margin-top: 30px;">
<tr>
<td>
<span class="label letter">甲方:</span>
<span class="label letter label-width">甲方:</span>
<span class="value-text">深圳市猎芯科技有限公司</span>
</td>
<td>
<span class="label letter">乙方:</span>
<span class="label letter label-width">乙方:</span>
<span class="value-text">猎芯网自营库存</span>
</td>
</tr>
<tr>
<td>
<span class="label letter">经办人:</span>
<span class="label letter label-width">经办人:</span>
<span class="value-text">测试采购员</span>
</td>
<td>
<span class="label letter">经办人:</span>
<span class="label letter label-width">经办人:</span>
<span class="value-text">厉飞雨</span>
</td>
</tr>
<tr>
<td>
<span class="label letter">批准:</span>
<span class="label letter label-width">批准:</span>
<span class="value-text"></span>
</td>
<td>
<span class="label letter">批准:</span>
<span class="label letter label-width">批准:</span>
<span class="value-text"></span>
</td>
</tr>
<tr>
<td>
<span class="label letter">合同专用章:</span>
<td style="position: relative;">
<span class="label letter label-width">合同专用章:</span>
<span class="value-text"></span>
<i class="stamp"></i>
</td>
<td>
<span class="label letter">合同专用章:</span>
<span class="label letter label-width">合同专用章:</span>
<span class="value-text"></span>
</td>
</tr>
......@@ -291,7 +293,7 @@
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="closeSignDialog">取消</el-button>
<el-button type="primary" @click="submitSignContract">提交</el-button>
<el-button type="primary" @click="submitSignContract">确认签署</el-button>
</div>
</el-dialog>
......@@ -440,12 +442,21 @@ export default {
},
// 提交签署合同
submitSignContract() {
// 实现提交签署合同的逻辑
this.$message({
message: '签署合同提交成功',
type: 'success'
});
this.signDialogVisible = false;
this.$http('POST', "/api/purContract/signContract", { sku_apply_num_json: JSON.stringify(this.sku_apply_num_json), remark: this.remark }).then(res => {
if (res.code === 0) {
this.$message({
message: '签署合同成功',
type: 'success',
onClose: () => {
this.signDialogVisible = false;
this.remark = '';
this.getList();
}
});
} else {
this.$message.error(res.msg || '操作失败');
}
})
}
},
components: {
......
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