Skip to content

肖康 / cloudSystem

Go to a project
Commit 18721251 by liangjianmin
Options

feat: 添加香港印章样式，优化合同详情印章展示逻辑，提升用户体验

parent 533c4679
Inline Side-by-side
Showing with 55 additions and 23 deletions
src/assets/css/public/contract.css
...@@ -72,6 +72,16 @@ ...@@ -72,6 +72,16 @@
background: url("https://img.ichunt.com/images/ichunt/202507/04/b3b50c3ae7da89fc1ca83bd63de22b6e.png") no-repeat center; background: url("https://img.ichunt.com/images/ichunt/202507/04/b3b50c3ae7da89fc1ca83bd63de22b6e.png") no-repeat center;
background-size: cover; background-size: cover;
} }
.sign-contract-content .stamp-hk {
position: absolute;
left: 100px;
bottom: -30px;
width: 180px;
height: 180px;
display: block;
background: url("http://files.ichunt.net/download/1c9c10700102e0h1jrfm30") no-repeat center;
background-size: cover;
}
.sign-contract-content .company-logo { .sign-contract-content .company-logo {
position: absolute; position: absolute;
left: 0px; left: 0px;
......
src/assets/css/public/contract.less
...@@ -100,6 +100,17 @@ ...@@ -100,6 +100,17 @@
background-size: cover; background-size: cover;
} }
.stamp-hk {
position: absolute;
left: 100px;
bottom: -30px;
width: 180px;
height: 180px;
display: block;
background: url("http://files.ichunt.net/download/1c9c10700102e0h1jrfm30") no-repeat center;
background-size: cover;
}
.company-logo { .company-logo {
position: absolute; position: absolute;
left: 0px; left: 0px;
......
src/views/OrderTrack/goodsDetail.vue
...@@ -167,7 +167,12 @@ ...@@ -167,7 +167,12 @@
<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.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> <template v-if="signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.companyId == 1">
<i class="stamp"></i>
</template>
<template v-else>
<i class="stamp-hk"></i>
</template>
</td> </td>
<td> <td>
<span class="label letter">电话：</span> <span class="label letter">电话：</span>
...@@ -288,7 +293,12 @@ ...@@ -288,7 +293,12 @@
<td style="position: relative;"> <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>
<template v-if="signContractData.pdfInfo && signContractData.pdfInfo.orderInfo && signContractData.pdfInfo.orderInfo.companyId == 1">
<i class="stamp"></i> <i class="stamp"></i>
</template>
<template v-else>
<i class="stamp-hk"></i>
</template>
</td> </td>
<td style="position: relative;"> <td style="position: relative;">
<span class="label letter label-width">合同专用章：</span> <span class="label letter label-width">合同专用章：</span>
...@@ -312,17 +322,17 @@ ...@@ -312,17 +322,17 @@
</section> </section>
</template> </template>
<script> <script>
import Vue from 'vue'; import Vue from 'vue';
import Tool from '../../tool' import Tool from '../../tool'
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import { Col, Message, MessageBox, Pagination, Row, Table, TableColumn, Select, Option, Link, Upload, Tooltip, Dialog } from 'element-ui'; import { Col, Message, MessageBox, Pagination, Row, Table, TableColumn, Select, Option, Link, Upload, Tooltip, Dialog } from 'element-ui';
import { NODE_ENVS } from "../../ajax"; import { NODE_ENVS } from "../../ajax";
Vue.prototype.$message = Message; Vue.prototype.$message = Message;
Vue.prototype.$confirm = MessageBox.confirm; Vue.prototype.$confirm = MessageBox.confirm;
Vue.use(Pagination); Vue.use(Pagination);
Vue.use(TableColumn).use(Table).use(Row).use(Col).use(Select).use(Option).use(Link).use(Upload).use(Tooltip).use(Dialog); Vue.use(TableColumn).use(Table).use(Row).use(Col).use(Select).use(Option).use(Link).use(Upload).use(Tooltip).use(Dialog);
export default { export default {
name: "orderTrackGoodsDetail", name: "orderTrackGoodsDetail",
data() { data() {
return { return {
...@@ -542,28 +552,28 @@ export default { ...@@ -542,28 +552,28 @@ export default {
components: { components: {
Menu Menu
} }
}; };
</script> </script>
<style scoped> <style scoped>
@import "../../assets/css/goods/goods.min.css"; @import "../../assets/css/goods/goods.min.css";
@import "../../assets/css/public/contract.css"; @import "../../assets/css/public/contract.css";
.el-button--primary.is-disabled, .el-button--primary.is-disabled,
.el-button--primary.is-disabled:active, .el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover { .el-button--primary.is-disabled:hover {
color: #FFF !important; color: #FFF !important;
background-color: #a0cfff !important; background-color: #a0cfff !important;
border-color: #a0cfff !important; border-color: #a0cfff !important;
} }
</style> </style>
<style> <style>
.sign-confirm-dialog { .sign-confirm-dialog {
width: 574px !important; width: 574px !important;
} }
.sign-confirm-dialog .el-message-box { .sign-confirm-dialog .el-message-box {
width: 574px !important; width: 574px !important;
} }
</style> </style>
\ No newline at end of file
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