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 {
// setTimeout(() => {
dom.appendChild(ele)
// }, 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)
event.target.type = 'text'
......
src/components/rateInput.vue
View file @ 38759ebc
......@@ -107,7 +107,8 @@ export default {
// setTimeout(() => {
dom.appendChild(ele)
// }, 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)
event.target.type = 'text'
......
src/pages/pay/firstPay/contract-record.vue
View file @ 38759ebc
......@@ -18,30 +18,31 @@
</div>
</div>
</div>
<section class="pay-content">
<section v-for="(item,index) in prj_lists" :key="index" class="contract-item">
<div class="header">
<img src="@/assets/payment/file.png" >
<p>{{ item.project_number }}</p>
<span>{{ item.bp_name }}</span>
</div>
<div class="content">
<div v-for="(e,i) in item.cf_lists" :key="i" class="list-item">
<span class="item-left">{{ e.cf_item_name }}</span>
<div class="item-center">
<p>应还金额</p>
<p>已还金额</p>
<p>本次还款</p>
</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>
<h-content class="pay-content">
<section v-for="(item,index) in prj_lists" :key="index" class="contract-item">
<div class="header">
<img src="@/assets/payment/file.png" >
<p>{{ item.project_number }}</p>
<span>{{ item.bp_name }}</span>
</div>
<div class="content">
<div v-for="(e,i) in item.cf_lists" :key="i" class="list-item">
<span class="item-left">{{ e.cf_item_name }}</span>
<div class="item-center">
<p>应还金额</p>
<p>已还金额</p>
<p>本次还款</p>
</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>
</section>
</div>
</section>
</div>
</h-content>
<div class="prompt has-footer">
<div>
<img src="@/assets/payment/prompt.png" alt >
......@@ -221,7 +222,7 @@ export default {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #ffffff;
margin-top: 1.8%;
margin-top: 9.8%;
}
.data {
font-family: Verdana-Bold;
......
src/pages/pay/payment/contract-record.vue
View file @ 38759ebc
......@@ -22,84 +22,83 @@
<input v-model="keyWords" type="text" placeholder="请输入合同号/承租人名称" >
<img src="@/assets/payment/search.png" alt >
</div>
<section class="pay-content">
<section v-for="(item,index) in showList" :key="index" class="contract-item">
<div class="header">
<img src="@/assets/payment/file.png" alt >
<p>{{ item.project_number }}</p>
<span>还款中</span>
</div>
<div class="my-content">
<div v-for="(detail,index) in item.con_lists" :key="index" class="item">
<div class="list">
<div>
<span>承租人</span>
<span class="bp-name">{{ item.bp_name }}</span>
</div>
<div>
<span>车辆型号</span>
<span>{{ detail.vehicle_model }}</span>
</div>
</div>
<h-content class="pay-content">
<section v-for="(item,index) in showList" :key="index" class="contract-item">
<div class="header">
<img src="@/assets/payment/file.png" alt >
<p>{{ item.project_number }}</p>
<span>还款中</span>
</div>
<div class="my-content">
<div v-for="(detail,index) in item.con_lists" :key="index" class="item">
<div class="list">
<div>
<span>承租人</span>
<span class="bp-name">{{ item.bp_name }}</span>
</div>
<div class="list">
<div>
<span>产品型号</span>
<span>{{ detail.product_code }}</span>
</div>
<div>
<span>应还金额</span>
<span class="orange">{{ detail.due_amount|currency }}</span>
</div>
<div>
<span>车辆型号</span>
<span>{{ detail.vehicle_model }}</span>
</div>
</div>
<div class="list">
<div>
<span>产品型号</span>
<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 class="list">
<div>
<span>发动机号</span>
<span>{{ detail.engine }}</span>
</div>
<div>
<span>已还金额</span>
<span class="blue">{{ detail.received_amount|currency }}</span>
</div>
<div>
<span>已还金额</span>
<span class="blue">{{ detail.received_amount|currency }}</span>
</div>
<div class="list">
<div>
<span>合格证编号</span>
<span>{{ detail.certificate_number }}</span>
</div>
<div>
<span>本次还款</span>
<section>
<CurrencyInput v-model="detail.amount" placeholder="请输入还款金额" />
</section>
</div>
</div>
<div class="list">
<div>
<span>合格证编号</span>
<span>{{ detail.certificate_number }}</span>
</div>
<div>
<span>本次还款</span>
<section>
<CurrencyInput v-model="detail.amount" placeholder="请输入还款金额" />
</section>
</div>
</div>
<list-item :item-height="44">
<item>
<div slot="name">逾期利息</div>
<span slot="content">{{ money|currency }}</span>
</item>
</list-item>
</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>
</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>
<bottom-tab>
<tab-button class="footer" @click.native="checkPay()">提交订单</tab-button>
</bottom-tab>
</div>
<bottom-tab>
<tab-button class="footer" @click.native="checkPay()">提交订单</tab-button>
</bottom-tab>
</h-view>
</template>
<script>
......@@ -367,8 +366,8 @@ export default {
left:0;
right:0;
margin:auto;
height: 53%;
overflow: scroll;
height: 54%;
overflow-y: scroll;
.contract-item {
background-color: #fff;
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