Skip to content

H
hls-xcmg-vue-app
Commit 85d9dd17 authored by 李晓兵's avatar 李晓兵
Browse files
Options

'修改页面变黑'

parent 1b7cbe51
Hide whitespace changes
Inline Side-by-side
Showing with 91 additions and 56 deletions
src/pages/distributorSign/contract-details.vue
View file @ 85d9dd17
...@@ -57,16 +57,18 @@ ...@@ -57,16 +57,18 @@
</list-item> </list-item>
<!-- 联系人 --> <!-- 联系人 -->
<div class="bottom-call"> <div class="bottom-call-wrap">
<div class="left"> <div class="bottom-call">
<img src="@/assets/distributorSign/call.png" alt=""> <div class="left">
</div> <img src="@/assets/distributorSign/call.png" alt="">
<div class="center"> </div>
<p>业务经办：{{ baseInfo.bp_user_id_n }}</p> <div class="center">
<p>联系电话：{{ baseInfo.agent_phone }}</p> <p>业务经办：{{ baseInfo.bp_user_id_n }}</p>
</div> <p>联系电话：{{ baseInfo.agent_phone }}</p>
<div class="right1" @click="callUp(baseInfo.agent_phone)"> </div>
<img src="@/assets/distributorSign/calls.png" alt=""> <div class="right1" @click="callUp(baseInfo.agent_phone)">
<img src="@/assets/distributorSign/calls.png" alt="">
</div>
</div> </div>
</div> </div>
</h-content> </h-content>
...@@ -136,7 +138,9 @@ ...@@ -136,7 +138,9 @@
<div class="repay-plan"> <div class="repay-plan">
<p @click="repayPlan">查看还款计划</p> <p @click="repayPlan">查看还款计划</p>
</div> </div>
<div class="equipment-list">设备清单</div> <div class="equipment-list-fund">
<span></span>
<p>设备清单</p></div>
<list-item :item-height="44" class="second-part"> <list-item :item-height="44" class="second-part">
<item> <item>
<div slot="name" class="font-color">参数项</div> <div slot="name" class="font-color">参数项</div>
...@@ -151,17 +155,18 @@ ...@@ -151,17 +155,18 @@
<input slot="content" v-model="info.product_num" readonly> <input slot="content" v-model="info.product_num" readonly>
</item> </item>
</list-item> </list-item>
<div class="bottom-call-wrap">
<div class="bottom-call"> <div class="bottom-call">
<div class="left"> <div class="left">
<img src="@/assets/distributorSign/call.png" alt=""> <img src="@/assets/distributorSign/call.png" alt="">
</div> </div>
<div class="center"> <div class="center">
<p>业务经办：{{ baseInfo.bp_user_id_n }}</p> <p>业务经办：{{ baseInfo.bp_user_id_n }}</p>
<p>联系电话：{{ baseInfo.agent_phone }}</p> <p>联系电话：{{ baseInfo.agent_phone }}</p>
</div> </div>
<div class="right1" @click="callUp(baseInfo.agent_phone)"> <div class="right1" @click="callUp(baseInfo.agent_phone)">
<img src="@/assets/distributorSign/calls.png" alt=""> <img src="@/assets/distributorSign/calls.png" alt="">
</div>
</div> </div>
</div> </div>
</h-content> </h-content>
...@@ -473,9 +478,6 @@ export default { ...@@ -473,9 +478,6 @@ export default {
line-height: 24px; line-height: 24px;
} }
} }
.content{
background: #ffffff;
}
.name-box { .name-box {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
...@@ -540,6 +542,7 @@ export default { ...@@ -540,6 +542,7 @@ export default {
.repay-plan { .repay-plan {
height: 44px; height: 44px;
width: 100%; width: 100%;
margin-top: -10px;
// background: rgba(0,70,156,0.03); // background: rgba(0,70,156,0.03);
background: #F2F2F2; background: #F2F2F2;
p { p {
...@@ -555,10 +558,32 @@ export default { ...@@ -555,10 +558,32 @@ export default {
margin-left: 16px; margin-left: 16px;
} }
} }
.equipment-list-fund{
height: 40px;
line-height: 40px;
background-color: #fafafa;
display: flex;
align-items: center;
color: #00469c;
font-size: 15px;
//margin-left: 16px;
position: relative;
margin-top: -10px;
span{
width: 4px;
height: 20px;
background: #00469c;
}
p{
padding-left: 10px;
}
}
.equipment-list { .equipment-list {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
background-color: #fafafa; background-color: #fafafa;
display: flex;
align-items: center;
color: #00469c; color: #00469c;
font-size: 15px; font-size: 15px;
margin-left: 16px; margin-left: 16px;
...@@ -587,45 +612,55 @@ export default { ...@@ -587,45 +612,55 @@ export default {
// justify-content: center; // justify-content: center;
// align-items: center // align-items: center
// } // }
.bottom-call { .bottom-call-wrap{
width: 100%; width: 100%;
height: 60px; height: 100px;
display: flex; display: flex;
flex-direction: row; justify-content: center;
margin-bottom: 30px; align-items: flex-start;
background: #ffffff;
margin-top: -10px;
.bottom-call {
width: 100%;
height: 62%;
display: flex;
justify-content: center;
align-items: center;
.left { .left {
width: 16%; width: 16%;
height: 60px; height: 60px;
// background: rgba(0,70,156,0.03); // background: rgba(0,70,156,0.03);
background: #F2F2F2; background: #F2F2F2;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center align-items: center
} }
.center { .center {
height: 100%; height: 100%;
width: 66%; width: 66%;
margin-left: 2px; margin-left: 2px;
// background: rgba(0,70,156,0.03); // background: rgba(0,70,156,0.03);
background: #F2F2F2; background: #F2F2F2;
p { p {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
margin-left: 10px; margin-left: 10px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #656464; color: #656464;
letter-spacing: 0.43px; letter-spacing: 0.43px;
} }
} }
.right1 { .right1 {
height: 100%; height: 100%;
width: 16%; width: 16%;
background: rgba(0,70,156,0.20); //background: rgba(0,70,156,0.20);
display: flex; background: #F2F2F2;
justify-content: center; display: flex;
align-items: center justify-content: center;
align-items: center
} }
}
} }
.aguremrnt-list { .aguremrnt-list {
display: flex; display: flex;
......
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 to comment