Commit 5da5abc8 authored by 胡's avatar

fix: 合同还款页面调整,业务办理名称修改,批量签署的样式

parent 36e4e682
...@@ -263,8 +263,8 @@ export default { ...@@ -263,8 +263,8 @@ export default {
} }
.check-bottom { .check-bottom {
width: 100%; width: 100%;
height: 60px; height: 1.2rem;
background-color: #fff; // background-color: #fff;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
display: flex; display: flex;
...@@ -280,7 +280,7 @@ export default { ...@@ -280,7 +280,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 0.25rem; font-size: 0.32rem;
img { img {
width: 16px; width: 16px;
margin-right: 4px; margin-right: 4px;
...@@ -293,7 +293,7 @@ export default { ...@@ -293,7 +293,7 @@ export default {
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
height: 100%; height: 100%;
font-size: 0.25rem; font-size: 0.3rem;
} }
.radio { .radio {
...@@ -321,7 +321,7 @@ export default { ...@@ -321,7 +321,7 @@ export default {
.sign { .sign {
color: #fff; color: #fff;
background-color: #1d3fff; background-color: #1d3fff;
padding: 7px 40px; padding: 7px 30px;
border-radius: 3px; border-radius: 3px;
} }
} }
...@@ -471,6 +471,7 @@ export default { ...@@ -471,6 +471,7 @@ export default {
#confirmList { #confirmList {
.scrollContent { .scrollContent {
padding-top: 3.32rem; padding-top: 3.32rem;
padding-bottom: 1.2rem;
} }
} }
} }
...@@ -479,8 +480,8 @@ export default { ...@@ -479,8 +480,8 @@ export default {
.platform-ios { .platform-ios {
#confirmList { #confirmList {
.scrollContent { .scrollContent {
padding-top: 3.72rem; padding-top: 3.72rem;
padding-bottom: 40px; padding-bottom: 1.2rem;
} }
.check-bottom { .check-bottom {
...@@ -495,7 +496,7 @@ export default { ...@@ -495,7 +496,7 @@ export default {
#confirmList { #confirmList {
.scrollContent { .scrollContent {
padding-top: 3.72rem; padding-top: 3.72rem;
padding-bottom: 40px; padding-bottom: 1.2rem;
} }
.search { .search {
input { input {
......
...@@ -45,7 +45,13 @@ export default { ...@@ -45,7 +45,13 @@ export default {
} }
}, },
watch: { watch: {
keyWord: function (newQuestion, oldQuestion) {
if (this.keyWord) {
this.searchUndertake()
} else {
this.getUndertake()
}
}
}, },
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
...@@ -84,7 +90,7 @@ export default { ...@@ -84,7 +90,7 @@ export default {
let param = { let param = {
bp_agent_id: vm.bp_agent_id, bp_agent_id: vm.bp_agent_id,
pagesize: 10, pagesize: 10,
pagenum: vm.pageNumSearch, pagenum: vm.pagenum,
searchInput: vm.keyWord, searchInput: vm.keyWord,
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
...@@ -105,7 +111,7 @@ export default { ...@@ -105,7 +111,7 @@ export default {
vum.forEach(returnData, function (data, index, array) { vum.forEach(returnData, function (data, index, array) {
vm.undertakeList.push(array[index]) vm.undertakeList.push(array[index])
}) })
vm.pageNumSearch++ vm.pageNum++
vm.$refs.scroll.update(false) vm.$refs.scroll.update(false)
} }
} else { } else {
...@@ -138,7 +144,7 @@ export default { ...@@ -138,7 +144,7 @@ export default {
let param = { let param = {
bp_agent_id: vm.bp_agent_id, bp_agent_id: vm.bp_agent_id,
pagesize: 10, pagesize: 10,
pagenum: vm.pageNum, pagenum: vm.pagenum,
searchInput: vm.keyWord, searchInput: vm.keyWord,
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
......
<template> <template>
<h-view id="repay-details" class="public-style"> <h-view id="repay-details" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom"> <h-header :proportion="[5, 1, 1]" class="bar-custom">
<div slot="left" class="h-header-btn"> <div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()" /> <img src="@/assets/userBind/arrow.png" @click="$routeGo()" />
<span>合同明细</span> <span>合同明细</span>
</div> </div>
</h-header> </h-header>
<h-content ref="content" class="repay-content"> <!-- <h-content ref="content" class="repay-content">
<div class="header">合同单据</div> <div class="header">合同单据</div>
<list-item :item-height="44" class="invoice"> <list-item :item-height="44" class="invoice">
<item> <item>
...@@ -77,7 +77,80 @@ ...@@ -77,7 +77,80 @@
</item> </item>
</list-item> </list-item>
</scroll> </scroll>
</h-content> </h-content>-->
<div ref="content" class="repay-content">
<div class="header">合同单据</div>
<list-item :item-height="44" class="invoice">
<item>
<div slot="name">合同号</div>
<div slot="content">{{ detailInfo.project_number }}</div>
</item>
<item>
<div slot="name">经销商</div>
<div slot="content">{{ detailInfo.bp_agent_name }}</div>
</item>
<item>
<div slot="name">承租人</div>
<div slot="content">{{ detailInfo.bp_name }}</div>
</item>
<item>
<div slot="name">产品名称</div>
<div slot="content">{{ detailInfo.division_n ? detailInfo.division_n : "暂无数据" }}</div>
</item>
<item>
<div slot="name">产品型号</div>
<div slot="content">{{ detailInfo.product_code ? detailInfo.product_code : "暂无数据" }}</div>
</item>
<item>
<div slot="name">合同金额</div>
<div slot="content">{{ detailInfo.total_price | currency }}</div>
</item>
<item>
<div slot="name">商务政策</div>
<div slot="content">{{ detailInfo.product_plan_id_n }}</div>
</item>
<item>
<div slot="name">租赁物数量</div>
<div slot="content">{{ detailInfo.product_num }}</div>
</item>
</list-item>
<div class="header">设备清单</div>
</div>
<scroll ref="scroll" :updateData="[lists]" :pullUp="true" @pullingUp="getEquipment">
<list-item :item-height="104" class="equipment-list">
<item v-for="(item,index) in lists" :proportion="[2, 1]" :key="index">
<div slot="name" class="parameters">
<div class="list">
<p>设备识别号</p>
<span class="bold">{{ item.product_code }}-{{ index + 1 | lengthCheck }}</span>
</div>
<div class="list">
<p>发动机号</p>
<span>{{ item.lease_item_engine_num }}</span>
</div>
<div class="list">
<p>车辆型号</p>
<span>{{ item.vehicle_model }}</span>
</div>
<div class="list">
<p>合格证编号</p>
<span>{{ item.certificate_number }}</span>
</div>
</div>
<div slot="content">
<span
v-if="item.overdue_times != 0"
:class="['status', 'red']"
>逾期{{ item.overdue_times }}</span>
<div class="plan" @click="toRepayPlan(item.contract_id)">
<img src="@/assets/contractRepayment/plan.png" />
<span>还款计划</span>
</div>
</div>
</item>
</list-item>
</scroll>
</h-view> </h-view>
</template> </template>
...@@ -220,6 +293,10 @@ export default { ...@@ -220,6 +293,10 @@ export default {
.repay-content { .repay-content {
overflow: hidden; overflow: hidden;
position: absolute;
z-index: 10;
width: 100%;
.header { .header {
// position: relative; // position: relative;
height: 40px; height: 40px;
...@@ -261,81 +338,81 @@ export default { ...@@ -261,81 +338,81 @@ export default {
} }
} }
} }
}
.equipment-list { .equipment-list {
border-top: none; border-top: none;
background-color: transparent; background-color: transparent;
.hls-item { .hls-item {
border-top: 1px solid #d9dbdf; border-top: 1px solid #d9dbdf;
border-bottom: 1px solid #d9dbdf; border-bottom: 1px solid #d9dbdf;
background-color: #fff; background-color: #fff;
margin-bottom: 10px; margin-bottom: 10px;
.contents { .contents {
padding-top: 8px; padding-top: 8px;
.add-name { .add-name {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.parameters { .parameters {
width: 100%; width: 100%;
margin-left: -40px; margin-left: -40px;
.list { .list {
display: flex; display: flex;
margin-bottom: 0; margin-bottom: 0;
p { p {
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.4px; letter-spacing: 0.4px;
text-align: right; text-align: right;
flex: 1; flex: 1;
} }
span { span {
flex: 1; flex: 1;
margin-left: 15px; margin-left: 15px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #383f45; color: #383f45;
letter-spacing: 0.4px; letter-spacing: 0.4px;
} }
span.bold { span.bold {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-weight: 700; font-weight: 700;
}
} }
} }
} }
}
.add-content { .add-content {
.plan { .plan {
position: relative; position: relative;
width: 100px; width: 100px;
height: 30px; height: 30px;
background: rgba(29, 63, 255, 0.2); background: rgba(29, 63, 255, 0.2);
border-radius: 4px; border-radius: 4px;
img { img {
height: 14px; height: 14px;
position: absolute; position: absolute;
top: 8px; top: 8px;
left: 12px; left: 12px;
} }
span { span {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: @headerColor; color: @headerColor;
letter-spacing: 0.4px; letter-spacing: 0.4px;
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 32px; left: 32px;
}
} }
} }
} }
......
...@@ -493,8 +493,8 @@ export default { ...@@ -493,8 +493,8 @@ export default {
.check-bottom { .check-bottom {
width: 100%; width: 100%;
height: 60px; height: 1.2rem;
background-color: #fff; // background-color: #fff;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
display: flex; display: flex;
...@@ -510,7 +510,7 @@ export default { ...@@ -510,7 +510,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 0.25rem; font-size: 0.32rem;
img { img {
width: 16px; width: 16px;
margin-right: 4px; margin-right: 4px;
...@@ -523,7 +523,7 @@ export default { ...@@ -523,7 +523,7 @@ export default {
justify-content: space-evenly; justify-content: space-evenly;
align-items: center; align-items: center;
height: 100%; height: 100%;
font-size: 0.25rem; font-size: 0.3rem;
} }
.radio { .radio {
...@@ -551,7 +551,7 @@ export default { ...@@ -551,7 +551,7 @@ export default {
.sign { .sign {
color: #fff; color: #fff;
background-color: #1d3fff; background-color: #1d3fff;
padding: 7px 40px; padding: 7px 30px;
border-radius: 3px; border-radius: 3px;
} }
} }
...@@ -703,6 +703,7 @@ export default { ...@@ -703,6 +703,7 @@ export default {
#contract-signing { #contract-signing {
.scrollContent { .scrollContent {
padding-top: 3.4rem; padding-top: 3.4rem;
padding-bottom: 1.2rem;
} }
} }
} }
...@@ -712,6 +713,7 @@ export default { ...@@ -712,6 +713,7 @@ export default {
#contract-signing { #contract-signing {
.scrollContent { .scrollContent {
padding-top: 3.8rem; padding-top: 3.8rem;
padding-bottom: 1.2rem;
} }
.check-bottom { .check-bottom {
...@@ -726,6 +728,7 @@ export default { ...@@ -726,6 +728,7 @@ export default {
#contract-signing { #contract-signing {
.scrollContent { .scrollContent {
padding-top: 3.8rem; padding-top: 3.8rem;
padding-bottom: 1.2rem;
} }
.search { .search {
input { input {
......
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