Skip to content

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

add

parent c03ee186
Hide whitespace changes
Inline Side-by-side
Showing with 96 additions and 94 deletions
src/components/currencyInput.vue
View file @ 38759ebc
...@@ -111,7 +111,8 @@ export default { ...@@ -111,7 +111,8 @@ export default {
// setTimeout(() => { // setTimeout(() => {
dom.appendChild(ele) dom.appendChild(ele)
// }, 100) // }, 100)
dom.scrollTo(dom.scrollLeft, scrollTop + (256 - result)) dom.scrollTop = scrollTop + (256 - result)
// dom.scrollTo(dom.scrollLeft, scrollTop + (256 - result))
} }
console.log(veiwHeight, eleHeight, scrollTop, result) console.log(veiwHeight, eleHeight, scrollTop, result)
event.target.type = 'text' event.target.type = 'text'
......
src/components/rateInput.vue
View file @ 38759ebc
...@@ -107,7 +107,8 @@ export default { ...@@ -107,7 +107,8 @@ export default {
// setTimeout(() => { // setTimeout(() => {
dom.appendChild(ele) dom.appendChild(ele)
// }, 100) // }, 100)
dom.scrollTo(dom.scrollLeft, scrollTop + (256 - result)) dom.scrollTop = scrollTop + (256 - result)
// dom.scrollTo(dom.scrollLeft, scrollTop + (256 - result))
} }
console.log(veiwHeight, eleHeight, scrollTop, result) console.log(veiwHeight, eleHeight, scrollTop, result)
event.target.type = 'text' event.target.type = 'text'
......
src/pages/pay/firstPay/contract-record.vue
View file @ 38759ebc
...@@ -18,30 +18,31 @@ ...@@ -18,30 +18,31 @@
</div> </div>
</div> </div>
</div> </div>
<section class="pay-content"> </div>
<section v-for="(item,index) in prj_lists" :key="index" class="contract-item"> <h-content class="pay-content">
<div class="header"> <section v-for="(item,index) in prj_lists" :key="index" class="contract-item">
<img src="@/assets/payment/file.png" > <div class="header">
<p>{{ item.project_number }}</p> <img src="@/assets/payment/file.png" >
<span>{{ item.bp_name }}</span> <p>{{ item.project_number }}</p>
</div> <span>{{ item.bp_name }}</span>
<div class="content"> </div>
<div v-for="(e,i) in item.cf_lists" :key="i" class="list-item"> <div class="content">
<span class="item-left">{{ e.cf_item_name }}</span> <div v-for="(e,i) in item.cf_lists" :key="i" class="list-item">
<div class="item-center"> <span class="item-left">{{ e.cf_item_name }}</span>
<p>应还金额</p> <div class="item-center">
<p>已还金额</p> <p>应还金额</p>
<p>本次还款</p> <p>已还金额</p>
</div> <p>本次还款</p>
<div class="item-right">
<p>{{ parseFloat(e.due_amount).toFixed(2)|currency }}</p>
<p>{{ e.received_amount|currency }}</p>
<CurrencyInput v-model="e.amount" placeholder="请输入还款金额"/></div>
</div> </div>
<div class="item-right">
<p>{{ parseFloat(e.due_amount).toFixed(2)|currency }}</p>
<p>{{ e.received_amount|currency }}</p>
<CurrencyInput v-model="e.amount" placeholder="请输入还款金额"/></div>
</div> </div>
</section> </div>
</section> </section>
</div> </h-content>
<div class="prompt has-footer"> <div class="prompt has-footer">
<div> <div>
<img src="@/assets/payment/prompt.png" alt > <img src="@/assets/payment/prompt.png" alt >
...@@ -221,7 +222,7 @@ export default { ...@@ -221,7 +222,7 @@ export default {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
margin-top: 1.8%; margin-top: 9.8%;
} }
.data { .data {
font-family: Verdana-Bold; font-family: Verdana-Bold;
......
src/pages/pay/payment/contract-record.vue
View file @ 38759ebc
...@@ -22,84 +22,83 @@ ...@@ -22,84 +22,83 @@
<input v-model="keyWords" type="text" placeholder="请输入合同号/承租人名称" > <input v-model="keyWords" type="text" placeholder="请输入合同号/承租人名称" >
<img src="@/assets/payment/search.png" alt > <img src="@/assets/payment/search.png" alt >
</div> </div>
<section class="pay-content"> </div>
<section v-for="(item,index) in showList" :key="index" class="contract-item"> <h-content class="pay-content">
<div class="header"> <section v-for="(item,index) in showList" :key="index" class="contract-item">
<img src="@/assets/payment/file.png" alt > <div class="header">
<p>{{ item.project_number }}</p> <img src="@/assets/payment/file.png" alt >
<span>还款中</span> <p>{{ item.project_number }}</p>
</div> <span>还款中</span>
<div class="my-content"> </div>
<div v-for="(detail,index) in item.con_lists" :key="index" class="item"> <div class="my-content">
<div class="list"> <div v-for="(detail,index) in item.con_lists" :key="index" class="item">
<div> <div class="list">
<span>承租人</span> <div>
<span class="bp-name">{{ item.bp_name }}</span> <span>承租人</span>
</div> <span class="bp-name">{{ item.bp_name }}</span>
<div>
<span>车辆型号</span>
<span>{{ detail.vehicle_model }}</span>
</div>
</div> </div>
<div class="list"> <div>
<div> <span>车辆型号</span>
<span>产品型号</span> <span>{{ detail.vehicle_model }}</span>
<span>{{ detail.product_code }}</span> </div>
</div> </div>
<div> <div class="list">
<span>应还金额</span> <div>
<span class="orange">{{ detail.due_amount|currency }}</span> <span>产品型号</span>
</div> <span>{{ detail.product_code }}</span>
</div>
<div>
<span>应还金额</span>
<span class="orange">{{ detail.due_amount|currency }}</span>
</div>
</div>
<div class="list">
<div>
<span>发动机号</span>
<span>{{ detail.engine }}</span>
</div> </div>
<div class="list">
<div>
<span>发动机号</span>
<span>{{ detail.engine }}</span>
</div>
<div> <div>
<span>已还金额</span> <span>已还金额</span>
<span class="blue">{{ detail.received_amount|currency }}</span> <span class="blue">{{ detail.received_amount|currency }}</span>
</div>
</div> </div>
<div class="list"> </div>
<div> <div class="list">
<span>合格证编号</span> <div>
<span>{{ detail.certificate_number }}</span> <span>合格证编号</span>
</div> <span>{{ detail.certificate_number }}</span>
<div> </div>
<span>本次还款</span> <div>
<section> <span>本次还款</span>
<CurrencyInput v-model="detail.amount" placeholder="请输入还款金额" /> <section>
</section> <CurrencyInput v-model="detail.amount" placeholder="请输入还款金额" />
</div> </section>
</div> </div>
</div> </div>
<list-item :item-height="44">
<item>
<div slot="name">逾期利息</div>
<span slot="content">{{ money|currency }}</span>
</item>
</list-item>
</div> </div>
</section>
</section>
<div class="prompt has-footer">
<div>
<img src="@/assets/payment/prompt.png" alt >
</div>
<div>
<p>温馨提示</p>
<p>推荐使用农行卡，农行卡支付免收手续费！</p>
<p>由于存在款项到账时差性，“已还金额”字段可能XXX，给您造成的不便，请谅解，谢谢！</p>
</div> </div>
</section>
<list-item :item-height="44">
<item>
<div slot="name">逾期利息</div>
<span slot="content">{{ money|currency }}</span>
</item>
</list-item>
</h-content>
<div class="prompt has-footer">
<div>
<img src="@/assets/payment/prompt.png" alt >
</div>
<div>
<p>温馨提示</p>
<p>推荐使用农行卡，农行卡支付免收手续费！</p>
<p>由于存在款项到账时差性，“已还金额”字段可能XXX，给您造成的不便，请谅解，谢谢！</p>
</div> </div>
<bottom-tab>
<tab-button class="footer" @click.native="checkPay()">提交订单</tab-button>
</bottom-tab>
</div> </div>
<bottom-tab>
<tab-button class="footer" @click.native="checkPay()">提交订单</tab-button>
</bottom-tab>
</h-view> </h-view>
</template> </template>
<script> <script>
...@@ -367,8 +366,8 @@ export default { ...@@ -367,8 +366,8 @@ export default {
left:0; left:0;
right:0; right:0;
margin:auto; margin:auto;
height: 53%; height: 54%;
overflow: scroll; overflow-y: scroll;
.contract-item { .contract-item {
background-color: #fff; background-color: #fff;
box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14); box-shadow: 0 1px 3px 2px rgba(168, 168, 168, 0.14);
......
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