Skip to content

H
hls-xcmg-vue-app
Commit 64f3e10f authored by linxin's avatar linxin
Browse files
Options

合同还款ui更新

parent 28540829
Hide whitespace changes
Inline Side-by-side
Showing with 31 additions and 22 deletions
src/pages/contractRepayment/refund.vue
View file @ 64f3e10f
...@@ -66,18 +66,23 @@ ...@@ -66,18 +66,23 @@
<span>{{ selectMonth(item.repayment_date) }}</span> <span>{{ selectMonth(item.repayment_date) }}</span>
</div> </div>
<div class="message"> <div class="message">
<p class="top"> <div class="name">
款项 <p>
<span>{{ item.cf_item_name }}</span>&nbsp; &nbsp; 付款方式 现金流项目
<span>{{ item.pay_method }}</span> <span>支付方式</span>
</p> </p>
<p>
{{ item.cf_item_name }}
<span>{{ item.pay_method }}</span>
</p>
</div>
<div class="name"> <div class="name">
<p> <p>
应还金额 应还金额
<span>已还金额</span> <span>已还金额</span>
</p> </p>
<p> <p>
{{ item.due_amount|currency }} {{ parseFloat(item.due_amount).toFixed(2)|currency }}
<span <span
:class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}" :class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}"
>{{ item.received_amount|currency }}</span> >{{ item.received_amount|currency }}</span>
...@@ -255,6 +260,8 @@ export default { ...@@ -255,6 +260,8 @@ export default {
.message { .message {
flex: 12; flex: 12;
//height: 85%; //height: 85%;
display: flex;
justify-content: space-between;
} }
.left { .left {
height: 30px; height: 30px;
...@@ -297,21 +304,21 @@ export default { ...@@ -297,21 +304,21 @@ export default {
.green { .green {
background-color: rgba(27, 162, 97, 0.5); background-color: rgba(27, 162, 97, 0.5);
} }
.top { // .top {
font-family: PingFangSC-Regular; // font-family: PingFangSC-Regular;
font-size: 13px; // font-size: 13px;
color: rgba(56, 63, 69, 0.6); // color: rgba(56, 63, 69, 0.6);
letter-spacing: 0; // letter-spacing: 0;
display: flex; // display: flex;
justify-content: space-between; // justify-content: space-between;
span { // span {
// margin-left: 20px; // // margin-left: 20px;
font-family: PingFangSC-Regular; // font-family: PingFangSC-Regular;
font-size: 13px; // font-size: 13px;
color: #4b4a4b; // color: #4b4a4b;
letter-spacing: 0; // letter-spacing: 0;
} // }
} // }
.time { .time {
flex: 3; flex: 3;
height: 85%; height: 85%;
...@@ -338,8 +345,10 @@ export default { ...@@ -338,8 +345,10 @@ export default {
color: #4b4a4b; color: #4b4a4b;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
p:nth-of-type(2){
padding-left:10px;
}
p { p {
margin-top: 17px;
span { span {
display: block; display: block;
margin-top: 18px; margin-top: 18px;
......
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