Skip to content

肖康 / cloudSystem

Go to a project
Commit 6e79d3f1 by liangjianmin
Options

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

parent f7ed6cd1
Inline Side-by-side
Showing with 83 additions and 17 deletions
src/assets/css/public/contract.css
...@@ -35,6 +35,11 @@ ...@@ -35,6 +35,11 @@
.sign-contract-content .sign-table tr td .letter { .sign-contract-content .sign-table tr td .letter {
letter-spacing: 6px; 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 { .sign-contract-content .sign-table.norder tr td {
border: none; border: none;
} }
...@@ -54,3 +59,23 @@ ...@@ -54,3 +59,23 @@
.sign-contract-content .sign-text p b { .sign-contract-content .sign-text p b {
font-weight: bold; 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;
}
src/assets/css/public/contract.less
...@@ -42,6 +42,12 @@ ...@@ -42,6 +42,12 @@
.letter { .letter {
letter-spacing: 6px; letter-spacing: 6px;
} }
.label-width {
width: 114px;
text-align: right;
display: inline-block;
}
} }
} }
...@@ -73,9 +79,32 @@ ...@@ -73,9 +79,32 @@
p { p {
font-size: 13px; font-size: 13px;
line-height: 22px; line-height: 22px;
b { b {
font-weight: bold; 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
src/views/OrderTrack/goodsDetail.vue
...@@ -118,9 +118,10 @@ ...@@ -118,9 +118,10 @@
</div> </div>
<table class="sign-table norder sign-table-left"> <table class="sign-table norder sign-table-left">
<tr> <tr>
<td> <td style="position: relative;">
<span class="label letter">编号：</span> <span class="label letter">编号：</span>
<span class="value-text">PO-TESTPO-SZ202201210004</span> <span class="value-text">PO-TESTPO-SZ202201210004</span>
<i class="company-logo"></i>
</td> </td>
<td> <td>
<span class="label letter">日期：</span> <span class="label letter">日期：</span>
...@@ -249,41 +250,42 @@ ...@@ -249,41 +250,42 @@
<table class="sign-table norder sign-table-left" style="margin-top: 30px;"> <table class="sign-table norder sign-table-left" style="margin-top: 30px;">
<tr> <tr>
<td> <td>
<span class="label letter">甲方：</span> <span class="label letter label-width">甲方：</span>
<span class="value-text">深圳市猎芯科技有限公司</span> <span class="value-text">深圳市猎芯科技有限公司</span>
</td> </td>
<td> <td>
<span class="label letter">乙方：</span> <span class="label letter label-width">乙方：</span>
<span class="value-text">猎芯网自营库存</span> <span class="value-text">猎芯网自营库存</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span class="label letter">经办人：</span> <span class="label letter label-width">经办人：</span>
<span class="value-text">测试采购员</span> <span class="value-text">测试采购员</span>
</td> </td>
<td> <td>
<span class="label letter">经办人：</span> <span class="label letter label-width">经办人：</span>
<span class="value-text">厉飞雨</span> <span class="value-text">厉飞雨</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span class="label letter">批准：</span> <span class="label letter label-width">批准：</span>
<span class="value-text"></span> <span class="value-text"></span>
</td> </td>
<td> <td>
<span class="label letter">批准：</span> <span class="label letter label-width">批准：</span>
<span class="value-text"></span> <span class="value-text"></span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td style="position: relative;">
<span class="label letter">合同专用章：</span> <span class="label letter label-width">合同专用章：</span>
<span class="value-text"></span> <span class="value-text"></span>
<i class="stamp"></i>
</td> </td>
<td> <td>
<span class="label letter">合同专用章：</span> <span class="label letter label-width">合同专用章：</span>
<span class="value-text"></span> <span class="value-text"></span>
</td> </td>
</tr> </tr>
...@@ -291,7 +293,7 @@ ...@@ -291,7 +293,7 @@
</div> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="closeSignDialog">取消</el-button> <el-button @click="closeSignDialog">取消</el-button>
<el-button type="primary" @click="submitSignContract">提交</el-button> <el-button type="primary" @click="submitSignContract">确认签署</el-button>
</div> </div>
</el-dialog> </el-dialog>
...@@ -440,12 +442,21 @@ export default { ...@@ -440,12 +442,21 @@ export default {
}, },
// 提交签署合同 // 提交签署合同
submitSignContract() { submitSignContract() {
// 实现提交签署合同的逻辑 this.$http('POST', "/api/purContract/signContract", { sku_apply_num_json: JSON.stringify(this.sku_apply_num_json), remark: this.remark }).then(res => {
this.$message({ if (res.code === 0) {
message: '签署合同提交成功', this.$message({
type: 'success' message: '签署合同成功',
}); type: 'success',
this.signDialogVisible = false; onClose: () => {
this.signDialogVisible = false;
this.remark = '';
this.getList();
}
});
} else {
this.$message.error(res.msg || '操作失败');
}
})
} }
}, },
components: { 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