Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
肖康
/
cloudSystem
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
43952cbb
authored
Jul 17, 2025
by
liangjianmin
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
调整合同样式,优化响应式设计以适应不同屏幕宽度,修正合同签署文案,提升用户体验
parent
93787573
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
4 additions
and
6 deletions
src/assets/css/public/contract.css
src/assets/css/public/contract.less
src/views/OrderTrack/goodsDetail.vue
src/assets/css/public/contract.css
View file @
43952cbb
.sign-contract-content
{
max-height
:
500px
;
overflow-y
:
auto
;
color
:
#000
;
padding
:
10px
0
}
@media
(
max-width
:
1440px
){
.sign-contract-content
{
max-height
:
400px
}}
.sign-contract-content
.title
h2
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#000
}
.sign-contract-content
.title
h4
{
font-size
:
20px
;
font-weight
:
bold
;
color
:
#000
}
.sign-contract-content
.sign-table
{
border-collapse
:
collapse
;
width
:
100%
}
.sign-contract-content
.sign-table
tr
th
{
padding
:
7px
;
text-align
:
center
;
border
:
1px
solid
#000
;
font-size
:
13px
;
font-weight
:
bold
}
.sign-contract-content
.sign-table
tr
td
{
padding
:
8px
;
text-align
:
center
;
border
:
1px
solid
#000
;
font-size
:
13px
;
white-space
:
normal
;
word-break
:
break-all
;
word-wrap
:
break-word
;
word-break
:
normal
}
.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
}
.sign-contract-content
.sign-table.sign-table-left
tr
td
{
text-align
:
left
}
.sign-contract-content
.total
{
justify-content
:
flex-end
;
font-size
:
13px
;
font-weight
:
bold
;
margin
:
5px
0
}
.sign-contract-content
.sign-text
p
{
font-size
:
13px
;
line-height
:
22px
}
.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
.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
{
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
}
.sign-contract-content
.seal
{
position
:
absolute
;
top
:
-49px
;
left
:
124px
;
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
}
\ No newline at end of file
.sign-contract-content
{
max-height
:
500px
;
overflow-y
:
auto
;
color
:
#000
;
padding
:
10px
0
}
@media
(
max-width
:
1440px
){
.sign-contract-content
{
max-height
:
390px
}}
.sign-contract-content
.title
h2
{
font-size
:
30px
;
font-weight
:
bold
;
color
:
#000
}
.sign-contract-content
.title
h4
{
font-size
:
20px
;
font-weight
:
bold
;
color
:
#000
}
.sign-contract-content
.sign-table
{
border-collapse
:
collapse
;
width
:
100%
}
.sign-contract-content
.sign-table
tr
th
{
padding
:
7px
;
text-align
:
center
;
border
:
1px
solid
#000
;
font-size
:
13px
;
font-weight
:
bold
}
.sign-contract-content
.sign-table
tr
td
{
padding
:
8px
;
text-align
:
center
;
border
:
1px
solid
#000
;
font-size
:
13px
;
white-space
:
normal
;
word-break
:
break-all
;
word-wrap
:
break-word
;
word-break
:
normal
}
.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
}
.sign-contract-content
.sign-table.sign-table-left
tr
td
{
text-align
:
left
}
.sign-contract-content
.total
{
justify-content
:
flex-end
;
font-size
:
13px
;
font-weight
:
bold
;
margin
:
5px
0
}
.sign-contract-content
.sign-text
p
{
font-size
:
13px
;
line-height
:
22px
}
.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
.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
{
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
}
.sign-contract-content
.seal
{
position
:
absolute
;
top
:
-49px
;
left
:
124px
;
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
}
\ No newline at end of file
src/assets/css/public/contract.less
View file @
43952cbb
...
...
@@ -5,7 +5,7 @@
padding: 10px 0;
@media (max-width: 1440px) {
max-height:
40
0px;
max-height:
39
0px;
}
.title {
...
...
src/views/OrderTrack/goodsDetail.vue
View file @
43952cbb
...
...
@@ -252,9 +252,7 @@
八、争议解决
如甲乙双方因本协议产生争议,双方应协商解决,协商不成,双方同意由甲方所在地人民法院管辖,适用中国法律(为本协议表述之方便,
不包括香港特别行政区、澳门特别行政区、台湾地区)进行审理。
<br>
九、甲乙双方的指定对接人通过甲方商家系统账号发送的订单或者订单确认信息均属于双方合意的重要体现。乙方指定对接人在甲方商家系
统预设电子签名,甲方指定对接人通过商家系统推送电子采购合同给到乙方后,乙方指定对接人通过乙方在甲方商家系统设立的账号以引用
已预设的电子签名、绑定的手机号码以及当天日期的方式点击确认电子采购合同,即构成对订单的有效确认,订单自双方对接人签字确认之日起生效。
九、甲乙双方的指定对接人通过甲方商家系统账号发送的订单或者订单确认信息均属于双方合意的重要体现。甲方指定对接人通过商家系统推送电子采购合同给到乙方后,乙方指定对接人通过乙方在甲方商家系统设立的账号点击确认签署合同,即构成对订单的有效确认,订单自双方对接人通过商家系统确认之日起生效。
</p>
</div>
<table
class=
"sign-table norder sign-table-left"
style=
"margin-top: 30px;"
v-if=
"signContractData.pdfInfo"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment