Skip to content

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

Merge branch 'develop' of https://hel.hand-china.com/xugong/hls-xcmg-vue-app into develop

parents f660d87f ace60226
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1045 additions and 497 deletions
src/assets/help/call.png
View replaced file @ f660d87f View file @ addc7f24
src/assets/help/call.png

1.43 KB | W: | H:

src/assets/help/call.png

1.41 KB | W: | H:

src/assets/help/call.png
src/assets/help/call.png
src/assets/help/call.png
src/assets/help/call.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/help/down.png
View replaced file @ f660d87f View file @ addc7f24
src/assets/help/down.png

479 Bytes | W: | H:

src/assets/help/down.png

527 Bytes | W: | H:

src/assets/help/down.png
src/assets/help/down.png
src/assets/help/down.png
src/assets/help/down.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/help/feedback.png
View replaced file @ f660d87f View file @ addc7f24
src/assets/help/feedback.png

1.11 KB | W: | H:

src/assets/help/feedback.png

1.1 KB | W: | H:

src/assets/help/feedback.png
src/assets/help/feedback.png
src/assets/help/feedback.png
src/assets/help/feedback.png
  • 2-up
  • Swipe
  • Onion skin
src/pages/carConfirm/confirm-detail.vue
View file @ addc7f24
<template> <template>
<h-view id="addCar"> <h-view id="addCar">
<div v-show="downNum" class="modal-show"> <transition name="trans">
<div class="down"> <div v-show="downNum" class="modal-show">
<div class="top"> <div class="down">
录入产品信息 <div class="top">
<img src="@/assets/intoApproval/close.png" @click="downNum=false" > 录入产品信息
</div> <img src="@/assets/intoApproval/close.png" @click="downNum=false" >
<div class="down-content"> </div>
<span>请上传照片</span> <div class="down-content">
<div class="photo"> <span>请上传照片</span>
<!-- <img src=""> --> <div class="photo">
<!-- <img src=""> -->
</div>
<list-item :item-height="44">
<item>
<div slot="name">车架号</div>
<input
slot="content"
v-model="rentInfo.frame_number"
readonly
placeholder="自动识别车架号"
>
</item>
<item>
<div slot="name">发动机号</div>
<input slot="content" v-model="rentInfo.engine" readonly placeholder="自动识别发动机号" >
</item>
<item>
<div slot="name">厂商型号</div>
<input
slot="content"
v-model="rentInfo.manufacturer"
readonly
class="write"
placeholder="请输入厂商型号"
>
</item>
<item>
<div slot="name">车牌号</div>
<input
slot="content"
v-model="rentInfo.license_plate_number"
readonly
placeholder="请输入车牌号"
>
</item>
</list-item>
</div> </div>
<list-item :item-height="44">
<item>
<div slot="name">车架号</div>
<input slot="content" v-model="rentInfo.frame_number" readonly placeholder="自动识别车架号" >
</item>
<item>
<div slot="name">发动机号</div>
<input slot="content" v-model="rentInfo.engine" readonly placeholder="自动识别发动机号" >
</item>
<item>
<div slot="name">厂商型号</div>
<input
slot="content" v-model="rentInfo.manufacturer" readonly class="write"
placeholder="请输入厂商型号" >
</item>
<item>
<div slot="name">车牌号</div>
<input slot="content" v-model="rentInfo.license_plate_number" readonly placeholder="请输入车牌号" >
</item>
</list-item>
</div> </div>
</div> </div>
</div> </transition>
<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> <h-content>
...@@ -69,13 +85,16 @@ ...@@ -69,13 +85,16 @@
</item> </item>
<item> <item>
<div slot="name">租赁物数量</div> <div slot="name">租赁物数量</div>
<input <input slot="content" v-model="info.product_num" readonly placeholder="请输入租赁物数量" >
slot="content" v-model="info.product_num" readonly
placeholder="请输入租赁物数量" >
</item> </item>
</list-item> </list-item>
<div class="userInfo">设备清单</div> <div class="userInfo">设备清单</div>
<div v-for="(item,index) in numInt" :key="index" class="equipment" @click="downNum=true;getRent()"> <div
v-for="(item,index) in numInt"
:key="index"
class="equipment"
@click="downNum=true;getRent()"
>
<div class="left"> <div class="left">
<span> <span>
<img src="@/assets/contractStart/list.png" > <img src="@/assets/contractStart/list.png" >
...@@ -95,9 +114,8 @@ ...@@ -95,9 +114,8 @@
</div> </div>
</h-content> </h-content>
<bottom-tab> <bottom-tab>
<tab-button class="approve" @click.native="confirm">确定</tab-button> <tab-button class="approve" @click.native="isConfirm">确定</tab-button>
</bottom-tab> </bottom-tab>
</h-view> </h-view>
</template> </template>
<script> <script>
...@@ -108,28 +126,30 @@ export default { ...@@ -108,28 +126,30 @@ export default {
downNum: false, downNum: false,
show: false, show: false,
info: { info: {
'product_plan_id': '29', product_plan_id: '29',
'product_num': '1', product_num: '1',
'first_pay': '102500', first_pay: '102500',
'division_n': '平地机', division_n: '平地机',
'gps_fee': '500', gps_fee: '500',
'bp_name': '黄冲', bp_name: '黄冲',
'project_number': 'PJ2019050043', project_number: 'PJ2019050043',
'bp_agent_name': '上海汉得信息技术股份有限公司 ', bp_agent_name: '上海汉得信息技术股份有限公司 ',
'product_plan_id_n': 'PDJ', product_plan_id_n: 'PDJ',
}, },
rentInfo: { rentInfo: {
'frame_number': '', frame_number: '',
'engine': '', engine: '',
'manufacturer': '', manufacturer: '',
'license_plate_number': '', license_plate_number: '',
}, },
products: [], products: [],
equip: [{ equip: [
'product_id': '3', {
'product_code': 'GTC389', product_id: '3',
'contract_id': '231', product_code: 'GTC389',
}], contract_id: '231',
},
],
} }
}, },
computed: { computed: {
...@@ -148,19 +168,32 @@ export default { ...@@ -148,19 +168,32 @@ export default {
}) })
}, },
methods: { methods: {
isConfirm () {
this.hlsPopup.showConfirm({
title: '提示',
content: '您确定同意发车吗？',
onConfirm: data => {
if (data === 1) {
this.confirm()
}
},
})
},
confirm () { confirm () {
let vm = this let vm = this
let url = process.env.basePath + 'do_car_confirm' let url = process.env.basePath + 'do_car_confirm'
let param = { let param = {
'master': { master: {
'contract_id': '123', contract_id: '123',
'confirm_status': 'APPROVED', confirm_status: 'APPROVED',
}} },
}
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.equip = res.lists vm.equip = res.lists
vm.hlsPopup.showSuccess('发车成功')
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
...@@ -223,18 +256,26 @@ export default { ...@@ -223,18 +256,26 @@ export default {
input::placeholder { input::placeholder {
color: #888c8f; color: #888c8f;
} }
.hide{ .trans-enter-active,
.trans-leave-active {
transition: opacity 0.5s;
}
.trans-enter,
.trans-leave-active {
opacity: 0;
}
.hide {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
img{ img {
width:30px; width: 30px;
height:30px; height: 30px;
margin-left:65%; margin-left: 65%;
} }
} }
.wrap{ .wrap {
padding-top:92px; padding-top: 92px;
} }
.modal-show { .modal-show {
width: 100%; width: 100%;
......
src/pages/carConfirm/confirm-list.vue
View file @ addc7f24
...@@ -129,7 +129,7 @@ export default { ...@@ -129,7 +129,7 @@ export default {
let vm = this let vm = this
let url = process.env.basePath + 'car_confirm_list_query' let url = process.env.basePath + 'car_confirm_list_query'
let param = { let param = {
order_id: window.sessionStorage.getItem('user_phone'), user_phone: window.localStorage.getItem('user_phone'),
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
......
src/pages/contractInquire/repay-detail.vue
View file @ addc7f24
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-10-31 09:49:57 * @Date: 2019-10-31 09:49:57
* @LastEditTime: 2019-10-31 16:17:39 * @LastEditTime: 2019-10-31 17:33:52
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 合同查询--明细 * @Description: 合同查询--明细
* @FilePath: * @FilePath:
...@@ -53,27 +53,27 @@ ...@@ -53,27 +53,27 @@
</list-item> </list-item>
<div class="header">设备清单</div> <div class="header">设备清单</div>
<list-item :item-height="104" class="equipment-list"> <list-item :item-height="104" class="equipment-list">
<item v-for="(item,index) in 4" :proportion="[2,1]" :key="index"> <item v-for="(item,index) in lists" :proportion="[2,1]" :key="index">
<div slot="name" class="parameters"> <div slot="name" class="parameters">
<div class="list"> <div class="list">
<p>参数项</p> <p>参数项</p>
<span class="bold">JC1213</span> <span class="bold">{{ item.product_code }}</span>
</div> </div>
<div class="list"> <div class="list">
<p>发动机号</p> <p>发动机号</p>
<span>JC12131111</span> <span>{{ item.lease_item_engine_num }}</span>
</div> </div>
<div class="list"> <div class="list">
<p>厂商型号</p> <p>厂商型号</p>
<span>****</span> <span>{{ item.lease_item_factory_num }}</span>
</div> </div>
<div class="list"> <div class="list">
<p>车牌号</p> <p>车牌号</p>
<span>********</span> <span>{{ item.lease_item_car_num }}</span>
</div> </div>
</div> </div>
<div slot="content"> <div slot="content">
<div class="plan" @click="toRepayPlans"> <div class="plan" @click="toRepayPlans(item.contract_id)">
<img src="@/assets/contractRepayment/plan.png" alt=""> <img src="@/assets/contractRepayment/plan.png" alt="">
<span>还款计划</span> <span>还款计划</span>
</div> </div>
...@@ -93,6 +93,7 @@ export default { ...@@ -93,6 +93,7 @@ export default {
}, },
data () { data () {
return { return {
lists: [],
detailInfo: {}, detailInfo: {},
} }
}, },
...@@ -107,10 +108,13 @@ export default { ...@@ -107,10 +108,13 @@ export default {
}) })
}, },
methods: { methods: {
// val: contract_id
toRepayPlans () { toRepayPlans (val) {
this.$router.push({ this.$router.push({
name: 'RepayPlans', name: 'RepayPlans',
params: {
contract_id: val,
},
}) })
}, },
detailQuery () { detailQuery () {
...@@ -138,11 +142,11 @@ export default { ...@@ -138,11 +142,11 @@ export default {
vm.hlsPopup.showLoading('数据加载中') vm.hlsPopup.showLoading('数据加载中')
vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
// if (res.result === 'S') { if (res.result === 'S') {
// vm.detailInfo = res.info vm.lists = res.lists
// } else { } else {
// hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
// } }
}) })
}, },
}, },
......
src/pages/contractInquire/repay-plans.vue
View file @ addc7f24
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2019-10-31 09:49:57 * @Date: 2019-10-31 09:49:57
* @LastEditTime: 2019-10-31 14:47:21 * @LastEditTime: 2019-11-01 09:36:50
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 还款 * @Description: 还款
* @FilePath: * @FilePath:
...@@ -21,12 +21,12 @@ ...@@ -21,12 +21,12 @@
<div>融资额</div> <div>融资额</div>
<p>190,000.00</p> <p>190,000.00</p>
<img src="@/assets/contractInquire/num.png" alt=""> <img src="@/assets/contractInquire/num.png" alt="">
<h3><span>12</span>期</h3> <h3><span>{{ info.lease_times }}</span>期</h3>
</div> </div>
<div class="single"> <div class="single">
<div><h4>保证金</h4><p>￥ 5,000.00</p></div> <div><h4>保证金</h4><p>￥ {{ info.deposit | currency }}</p></div>
<div><h4>保证金</h4><p>￥ 5,000.00</p></div> <div><h4>首付款</h4><p>￥ {{ info.down_payment | currency }}</p></div>
<div><h4>保证金</h4><p>￥ 5,000.00</p></div> <div><h4>手续费</h4><p>￥ {{ parseFloat(info.lease_charge).toFixed(2) | currency }}</p></div>
</div> </div>
</div> </div>
<div class="plan-name"> <div class="plan-name">
...@@ -76,6 +76,7 @@ export default { ...@@ -76,6 +76,7 @@ export default {
height: 0, height: 0,
oldHeight: 0, oldHeight: 0,
newHeight: 0, newHeight: 0,
info: {},
} }
}, },
computed: {}, computed: {},
...@@ -112,21 +113,21 @@ export default { ...@@ -112,21 +113,21 @@ export default {
} }
}, },
repayPlan () { repayPlan () {
// let vm = this let vm = this
// let url = $config.basePath + '' let url = $config.basePath + 'con_equip_cashflow_query'
// let param = { let param = {
// contract_id: vm.$route.params.contract_id, contract_id: vm.$route.params.contract_id,
// } }
// vm.hlsPopup.showLoading('数据加载中') vm.hlsPopup.showLoading('数据加载中')
// vm.hlsHttp.post(url, param).then(function (res) { vm.hlsHttp.post(url, param).then(function (res) {
// console.log(res) console.log(res)
// vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
// if (res.result === 'S') { if (res.result === 'S') {
// vm.detailInfo = res.info vm.info = res.info
// } else { } else {
// hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
// } }
// }) })
}, },
}, },
} }
......
src/pages/contractRepayment/refund.vue 0 → 100644
View file @ addc7f24
<!--
* @Author: your name
* @Date: 2019-10-31 09:49:57
* @LastEditTime: 2019-11-01 09:36:50
* @LastEditors: Please set LastEditors
* @Description: 还款
* @FilePath:
-->
<template>
<h-view id="repay-plan" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom">
<div slot="left" class="h-header-btn">
<img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
<span>融资明细</span>
</div>
</h-header>
<div class="center">
<div class="plan-name">
<div class="header">还款计划</div>
</div>
</div>
<h-content id="content" class="plan-content">
<!-- 已结清 black , 逾期 orange , 还款中 blue , 未还款 green -->
<div
v-for="(item,index) in lists"
:key="index"
:class="{'plan-list':true,'or':statu==='orange','bl':statu==='blue','gr':statu==='green'}"
>
<div
:class="{'period':true,'orange':statu==='orange','blue':statu==='blue','green':statu==='green'}"
>{{ index + 1 }}期</div>
<img v-if="statu === 'black'" src="@/assets/contractInquire/black.png" alt class="left" >
<img v-if="statu === 'orange'" src="@/assets/contractInquire/orange.png" alt class="left" >
<img v-if="statu === 'blue'" src="@/assets/contractInquire/blue.png" alt class="left" >
<img v-if="statu === 'green'" src="@/assets/contractInquire/green.png" alt class="left" >
<div class="time">
<p>{{ selectYear(item.repayment_date) }}</p>
<span>{{ selectMonth(item.repayment_date) }}</span>
</div>
<div class="message">
<p class="top">
现金流项目
<span>{{ item.cf_item_name }}</span>&nbsp; &nbsp; 支付
<span>{{ item.pay_method }}</span>
</p>
<div class="name">
<p>应还金额</p>
<p>已还金额</p>
</div>
<div class="number">
<span>{{ item.due_amount|currency }}</span>
<span
:class="{'orang':statu==='orange','blu':statu==='blue','gree':statu==='green'}"
>{{ item.received_amount|currency }}</span>
</div>
</div>
<img v-if="statu === 'black'" src="@/assets/contractInquire/done.png" alt class="status" >
<img v-if="statu === 'orange'" src="@/assets/contractInquire/prompt.png" alt class="status" >
</div>
</h-content>
</h-view>
</template>
<script>
export default {
components: {},
data () {
return {
// 已结清 black , 逾期 orange , 还款中 blue , 未还款 green
statu: 'orange',
info: {},
lists: [
{
due_amount: '48800',
cf_item: '2',
cf_item_name: '首付款',
received_amount: '0',
pay_method: '自主还款',
repayment_date: '2019/10/17',
},
{
due_amount: '4000',
cf_item: '3',
cf_item_name: '手续费',
received_amount: '400',
pay_method: '代扣',
repayment_date: '2020/10/12',
},
{
due_amount: '400',
cf_item: '14',
cf_item_name: 'gps费用',
received_amount: '200',
pay_method: '自主还款',
repayment_date: '2021/10/19',
},
],
}
},
beforeRouteEnter (to, from, next) {
next(vm => {
vm.getRefund()
})
},
methods: {
selectMonth (e) {
let arr = e.split('/')
return `${arr[1]}-${arr[2]}`
},
selectYear (e) {
return e.substring(0, 4)
},
getRefund () {
let vm = this
let url = process.env.basePath + 'con_equip_repayment_plan'
let param = {
contract_id: this.$route.params.contract_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
},
}
</script>
<style lang='less' >
#repay-plan {
.h-header {
background-color: #1d3fff;
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
}
.plan-name {
position: relative;
background-color: #1d3fff;
width: 100%;
img {
position: absolute;
right: 30px;
top: 12px;
height: 20px;
transition: 0s;
}
.rotate {
transform: rotate(180deg);
}
.header {
position: relative;
height: 48px;
line-height: 48px;
background-color: #fff;
font-family: PingFangSC-Semibold;
font-size: 14px;
color: #21254c;
font-weight: 700;
text-indent: 2em;
border-radius: 24px 0 0 0;
&:before {
content: "";
position: absolute;
top: 16px;
left: 15px;
width: 4px;
height: 16px;
background: #1d3fff;
}
}
}
.plan-content {
background-color: #fff;
padding: 0px 11px;
.plan-list {
position: relative;
background-color: #f7f7f7;
height: 106px;
display: flex;
padding-right: 20px;
padding-left: 10px;
padding-top: 16px;
margin-bottom: 10px;
.message {
flex: 12;
}
.left {
height: 30px;
position: absolute;
left: -8px;
top: 24px;
}
.status {
position: absolute;
width: 18px;
right: -3px;
top: -5px;
}
.period {
position: absolute;
top: 0;
left: 0;
background: rgba(75, 74, 75, 0.5);
border-radius: 4px 0 4px 0;
width: 30px;
height: 15px;
color: #fff;
font-family: PingFangSC-Semibold;
font-size: 12px;
letter-spacing: 1.09px;
line-height: 15px;
text-align: center;
}
.orange {
background: rgba(253, 182, 47, 0.5);
}
.blue {
background-color: rgba(29, 63, 255, 0.5);
}
.green {
background-color: rgba(27, 162, 97, 0.5);
}
.top {
font-family: PingFangSC-Regular;
font-size: 13px;
color: rgba(56, 63, 69, 0.6);
letter-spacing: 0;
span {
margin-left: 20px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #4b4a4b;
letter-spacing: 0;
}
}
.time {
flex: 3;
p {
font-family: DIN-Regular;
font-size: 12px;
color: rgba(56, 63, 69, 0.6);
margin-bottom: 4px;
margin-top: 5px;
}
span {
font-family: DIN-Bold;
font-weight: 700;
font-size: 14px;
color: #21254c;
}
}
.name {
opacity: 0.6;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #4b4a4b;
float: left;
p {
margin-top: 17px;
}
}
.number {
text-align: right;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #4b4a4b;
float: right;
p {
margin-bottom: 17px;
}
span {
display: block;
margin-top: 18px;
}
span.orang {
color: rgb(253, 182, 47);
font-weight: 700;
font-family: PingFangSC-Semibold;
}
span.blu {
color: #1d3fff;
font-weight: 700;
font-family: PingFangSC-Semibold;
}
span.gree {
color: #1ba261;
}
}
}
.or {
background-color: rgba(253, 182, 47, 0.05);
}
.bl,
.gr {
background: #ffffff;
box-shadow: 0 1px 5px 0 rgba(219, 219, 219, 0.69);
}
}
}
</style>
src/pages/contractRepayment/repay-plan.vue
View file @ addc7f24
...@@ -34,7 +34,6 @@ ...@@ -34,7 +34,6 @@
<script> <script>
export default { export default {
name: 'RepayPlan',
components: { components: {
}, },
data () { data () {
...@@ -69,6 +68,7 @@ export default { ...@@ -69,6 +68,7 @@ export default {
], ],
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {},
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
......
src/pages/contractStart/add-car.vue
View file @ addc7f24
This diff is collapsed.
src/pages/contractStart/start-list.vue
View file @ addc7f24
...@@ -11,12 +11,13 @@ ...@@ -11,12 +11,13 @@
<input placeholder="请输入合同号/产品线/承租人名称" > <input placeholder="请输入合同号/产品线/承租人名称" >
</div> </div>
<h-content class="my-content"> <h-content class="my-content">
<scroll <scroll ref="scroll" :updateData="[contructs]" :pullUp="true">
ref="scroll" <div
:updateData="[contructs]" v-for="(item,index) in showList"
:pullUp="true" :key="index"
> class="item"
<div v-for="(item,index) in showList" :key="index" class="item" @click="changePage(item.project_id)"> @click="changePage(item.project_id)"
>
<div class="left"> <div class="left">
<span> <span>
<img src="@/assets/contractStart/icon.png" > <img src="@/assets/contractStart/icon.png" >
...@@ -45,12 +46,10 @@ ...@@ -45,12 +46,10 @@
</div> </div>
</div> </div>
</div> </div>
</scroll>
</scroll></h-content> </h-content>
<bottom-tab> <bottom-tab>
<tab-button class="add" @click.native="goAdd"> <tab-button class="add" @click.native="goAdd">新增发车</tab-button>
新增发车
</tab-button>
</bottom-tab> </bottom-tab>
</h-view> </h-view>
</template> </template>
...@@ -64,22 +63,24 @@ export default { ...@@ -64,22 +63,24 @@ export default {
return { return {
tabNum: 0, tabNum: 0,
contructs: [], contructs: [],
lists: [{ lists: [
'project_id': '48812', {
'project_number': '', project_id: '48812',
'bp_name': '李四', project_number: '',
'total_price': '51', bp_name: '李四',
'division_n': 'PDJ', total_price: '51',
'leases_status': 'Y', division_n: 'PDJ',
}, leases_status: 'Y',
{ },
'project_id': '48800', {
'project_number': '', project_id: '48800',
'bp_name': '张三', project_number: '',
'total_price': '51', bp_name: '张三',
'division_n': 'PDJ', total_price: '51',
'leases_status': 'N', division_n: 'PDJ',
}], leases_status: 'N',
},
],
showList: [], showList: [],
undo: [], undo: [],
done: [], done: [],
...@@ -93,7 +94,7 @@ export default { ...@@ -93,7 +94,7 @@ export default {
}) })
}, },
watch: { watch: {
'tabNum': { tabNum: {
handler () { handler () {
if (this.tabNum === 0) { if (this.tabNum === 0) {
this.showList = this.undo this.showList = this.undo
...@@ -140,7 +141,7 @@ export default { ...@@ -140,7 +141,7 @@ export default {
let vm = this let vm = this
let url = process.env.basePath + 'car_apply_list_query' let url = process.env.basePath + 'car_apply_list_query'
let param = { let param = {
order_id: window.sessionStorage.getItem('user_phone'), user_phone: window.localStorage.getItem('user_phone'),
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) { vm.$post(url, param).then(function (res) {
...@@ -240,12 +241,12 @@ export default { ...@@ -240,12 +241,12 @@ export default {
width: 285px; width: 285px;
margin-top: 10px; margin-top: 10px;
.number { .number {
font-family: Verdana-Bold; font-family: Verdana-Bold;
font-size: 14px; font-size: 14px;
color: #4b4a4b; color: #4b4a4b;
letter-spacing: 0; letter-spacing: 0;
font-weight:bold; font-weight: bold;
} }
li { li {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
...@@ -256,15 +257,14 @@ export default { ...@@ -256,15 +257,14 @@ export default {
span { span {
float: right; float: right;
} }
} }
} }
} }
} }
} }
.add{ .add {
color:#fff; color: #fff;
background-color:#0041C4; background-color: #0041c4;
} }
} }
</style> </style>
src/pages/financingTrial/financing-details.vue
View file @ addc7f24
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip""/>User Settings Edit * @Descrip""/>User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-29 20:31:00 * @Date: 2019-09-29 20:31:00
* @LastEditTime: 2019-10-30 19:03:32 * @LastEditTime: 2019-11-01 12:27:20
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -188,7 +188,7 @@ export default { ...@@ -188,7 +188,7 @@ export default {
'down_payment': vm.equip_price * (vm.info.down_payment_ratio_n.replace('%', '') / 100), 'down_payment': vm.equip_price * (vm.info.down_payment_ratio_n.replace('%', '') / 100),
'deposit': vm.equip_price * (vm.info.deposit_ratio_n.replace('%', '') / 100), 'deposit': vm.equip_price * (vm.info.deposit_ratio_n.replace('%', '') / 100),
'lease_charge': vm.equip_price * (vm.info.lease_charge_ratio_n.replace('%', '') / 100), 'lease_charge': vm.equip_price * (vm.info.lease_charge_ratio_n.replace('%', '') / 100),
'due_date': vm.price_date_to, 'due_date': (vm.price_date_to).substr(0, 10),
}, },
} }
vm.hlsPopup.showLoading('试算中，请稍后') vm.hlsPopup.showLoading('试算中，请稍后')
......
src/pages/financingTrial/financing-trial.vue
View file @ addc7f24
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip 融资试算 * @Descrip 融资试算
* @Author: your name * @Author: your name
* @Date: 2019-09-29 17:09:49 * @Date: 2019-09-29 17:09:49
* @LastEditTime: 2019-10-31 16:57:36 * @LastEditTime: 2019-11-01 11:13:22
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -76,7 +76,7 @@ export default { ...@@ -76,7 +76,7 @@ export default {
if (from.name === 'ProDetailed') { if (from.name === 'ProDetailed') {
vm.price_date_to = vm.$route.params.price_date_to // 有效日期 vm.price_date_to = vm.$route.params.price_date_to // 有效日期
vm.plan_price = vm.$route.params.plan_price // 参考价 vm.plan_price = vm.$route.params.plan_price // 参考价
vm.calculationQuery() vm.calculationQuery('collect')
} else if (from.name === 'HomePage') { } else if (from.name === 'HomePage') {
vm.calculationQuery() vm.calculationQuery()
vm.price_date_to = '' // 清楚缓存（从收藏带来的数据） vm.price_date_to = '' // 清楚缓存（从收藏带来的数据）
...@@ -104,19 +104,35 @@ export default { ...@@ -104,19 +104,35 @@ export default {
}) })
}, },
// 试算查询 // 试算查询
calculationQuery () { calculationQuery (val) {
let vm = this let vm = this
let url = $config.basePath + 'prd_calculation_query' if (val) {
let param = {} let url = $config.basePath + 'prd_product_calculation_query'
vm.hlsPopup.showLoading('数据加载中') let param = {
vm.hlsHttp.post(url, param).then(function (res) { division: window.sessionStorage.division,
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
} else {
hlsPopup.showLongCenter(res.message)
} }
}) vm.hlsPopup.showLoading('数据加载中')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
} else {
hlsPopup.showLongCenter(res.message)
}
})
} else {
let url = $config.basePath + 'prd_calculation_query'
let param = {}
vm.hlsPopup.showLoading('数据加载中')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.lists = res.lists
} else {
hlsPopup.showLongCenter(res.message)
}
})
}
}, },
}, },
} }
...@@ -243,25 +259,19 @@ section { ...@@ -243,25 +259,19 @@ section {
.tario { .tario {
width: 100%; width: 100%;
height: 60px; height: 60px;
display: flex; position: relative;
flex-direction: row;
justify-content: space-around;
background: #fff; background: #fff;
// margin-bottom: 8px; // margin-bottom: 8px;
padding-left: 18px; .wrap:nth-of-type(1) {
img { height: 60px;
width: 16px; position: absolute;
height: 16px; left: 50px;
margin-top: 22px;
} }
.wrap:nth-of-type(2) {
.wrap {
height: 60px; height: 60px;
// margin-left: 6.4% position: absolute;
right: 30px;
} }
// .wrap:nth-of-type(2) {
// // margin-left: 12.5%s
// }
p { p {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
......
src/pages/help/detail.vue
View file @ addc7f24
<template> <template>
<h-view id="help-detail" class="public-style"> <h-view id="help-detail" class="public-style">
<h-header :proportion="[5,1,1]" class="header"> <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>
...@@ -21,28 +21,11 @@ export default { ...@@ -21,28 +21,11 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#help-detail{ #help-detail{
.header {
background-color: #00469c;
color: #ffffff;
.h-header-btn {
img {
width: 16px;
height: 16px;
}
span {
font-family: PingFangSC-Semibold;
font-size: 17px;
color: #ffffff;
letter-spacing: 0.61px;
margin-left: 16px;
}
}
}
.my-content{ .my-content{
h4{ h4{
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 15px; font-size: 15px;
color: #00469C; color: @headerColor;
letter-spacing: 0; letter-spacing: 0;
line-height: 20px; line-height: 20px;
margin-top:16px; margin-top:16px;
...@@ -52,7 +35,7 @@ position: relative; ...@@ -52,7 +35,7 @@ position: relative;
h4::before{ h4::before{
content:''; content:'';
display:inline-block; display:inline-block;
background-color: #00469C; background-color: @headerColor;
position: absolute; position: absolute;
top:5px; top:5px;
left:24px; left:24px;
......
src/pages/help/feedback.vue
View file @ addc7f24
<template> <template>
<h-view id="help-detail" class="public-style"> <h-view id="help-detail" class="public-style">
<h-header :proportion="[5,1,1]" class="header"> <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>
...@@ -19,19 +19,19 @@ ...@@ -19,19 +19,19 @@
<span>添加图片说明</span> <span>添加图片说明</span>
<div class="file-content"> <div class="file-content">
<div class="file"> <div class="file">
<img src="@/assets/help/1.jpg" /> <img src="@/assets/help/1.jpg" >
</div> </div>
<div class="file"> <div class="file">
<img src="@/assets/help/1.jpg" /> <img src="@/assets/help/1.jpg" >
</div> </div>
<div class="file"> <div class="file">
<img src="@/assets/help/1.jpg" /> <img src="@/assets/help/1.jpg" >
</div> </div>
<div class="file"> <div class="file">
<img src="@/assets/help/1.jpg" /> <img src="@/assets/help/1.jpg" >
</div> </div>
<div class="file"> <div class="file">
<img class="photo" src="@/assets/help/photo.png" /> <img class="photo" src="@/assets/help/photo.png" >
</div> </div>
</div> </div>
</div> </div>
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
</h-view> </h-view>
</template> </template>
<script> <script>
export default {}; export default {}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
#help-detail { #help-detail {
...@@ -54,28 +54,11 @@ export default {}; ...@@ -54,28 +54,11 @@ export default {};
color: #b4b4b5; color: #b4b4b5;
letter-spacing: 0; letter-spacing: 0;
} }
.header {
background-color: #00469c;
color: #ffffff;
.h-header-btn {
img {
width: 16px;
height: 16px;
}
span {
font-family: PingFangSC-Semibold;
font-size: 17px;
color: #ffffff;
letter-spacing: 0.61px;
margin-left: 16px;
}
}
}
.my-content { .my-content {
h4 { h4 {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 15px; font-size: 15px;
color: #00469c; color: @headerColor;
letter-spacing: 0; letter-spacing: 0;
line-height: 20px; line-height: 20px;
margin-top: 16px; margin-top: 16px;
...@@ -85,7 +68,7 @@ export default {}; ...@@ -85,7 +68,7 @@ export default {};
h4::before { h4::before {
content: ""; content: "";
display: inline-block; display: inline-block;
background-color: #00469c; background-color: @headerColor;
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 15px; left: 15px;
...@@ -170,7 +153,7 @@ export default {}; ...@@ -170,7 +153,7 @@ export default {};
} }
.bottom-button { .bottom-button {
color: #fff; color: #fff;
background-color: #00469c; background-color: @headerColor;
} }
} }
</style> </style>
src/pages/help/help-list.vue
View file @ addc7f24
<template> <template>
<h-view id="help-list" class="public-style"> <h-view id="help-list" class="public-style">
<h-header :proportion="[5,1,1]" class="header"> <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>
...@@ -166,7 +166,7 @@ export default { ...@@ -166,7 +166,7 @@ export default {
position: relative; position: relative;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #00469c; color: @headerColor;
letter-spacing: 0; letter-spacing: 0;
line-height: 20px; line-height: 20px;
text-indent: 8px; text-indent: 8px;
...@@ -180,7 +180,7 @@ export default { ...@@ -180,7 +180,7 @@ export default {
left: 0px; left: 0px;
width:4px; width:4px;
height:12px; height:12px;
background-color:#00469C; background-color:@headerColor;
} }
img{ img{
width: 20px; width: 20px;
...@@ -222,7 +222,7 @@ export default { ...@@ -222,7 +222,7 @@ export default {
.bottom-button{ .bottom-button{
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 15px; font-size: 15px;
color: #00469C; color: @headerColor;
line-height: 20px; line-height: 20px;
img{ img{
width:16px; width:16px;
......
src/pages/pay/firstPay/pay-entry.vue
View file @ addc7f24
...@@ -27,8 +27,10 @@ ...@@ -27,8 +27,10 @@
<img v-show="select !== 'two'" src="@/assets/payment/unselect.png" alt=""> <img v-show="select !== 'two'" src="@/assets/payment/unselect.png" alt="">
</section> </section>
</item> </item>
<item v-for="(item,index) in newList" :proportion="[7,1,1]" :key="index" @click.native="isSelect(`three${index}`)"> <item
<div slot="name" style="flex=3"> <img :src="selectImg(item)" alt="" class="icon"> {{ item.bank_full_name }}({{ selectLast(item) }})</div> v-for="(item,index) in newList" :proportion="[7,1,1]" :key="index"
@click.native="isSelect(`three${index}`)">
<div slot="name" style="flex=3"> <img :src="selectImg(item)" alt="" class="icon"> {{ item.bank_full_name }}({{ selectLast(item) }})<img v-show="item.recommand" class="push" src="@/assets/payment/push.png"></div>
<section slot="content"> <section slot="content">
<img v-show="select === `three${index}`" src="@/assets/payment/select.png" alt=""> <img v-show="select === `three${index}`" src="@/assets/payment/select.png" alt="">
<img v-show="select !== `three${index}`" src="@/assets/payment/unselect.png" alt=""> <img v-show="select !== `three${index}`" src="@/assets/payment/unselect.png" alt="">
...@@ -70,6 +72,7 @@ export default { ...@@ -70,6 +72,7 @@ export default {
money: '', money: '',
select: 'three0', select: 'three0',
name: '', name: '',
recommand: false,
flag: false, // 用于判断是否有农业银行卡 flag: false, // 用于判断是否有农业银行卡
lists: [], lists: [],
} }
...@@ -110,6 +113,7 @@ export default { ...@@ -110,6 +113,7 @@ export default {
if (e.bank_full_name.indexOf('建设') !== -1) { if (e.bank_full_name.indexOf('建设') !== -1) {
return js return js
} else if (e.bank_full_name.indexOf('农业') !== -1) { } else if (e.bank_full_name.indexOf('农业') !== -1) {
e.recommand = true
return ny return ny
} else if (e.bank_full_name.indexOf('光大') !== -1) { } else if (e.bank_full_name.indexOf('光大') !== -1) {
return gd return gd
...@@ -185,6 +189,12 @@ export default { ...@@ -185,6 +189,12 @@ export default {
</script> </script>
<style lang='less' > <style lang='less' >
#pay-entry { #pay-entry {
.push{
position: absolute;
top:10px;
margin-left:10px;
width:35px;
}
.h-header { .h-header {
background-color: #00469C; background-color: #00469C;
.h-header-btn { .h-header-btn {
...@@ -257,6 +267,7 @@ export default { ...@@ -257,6 +267,7 @@ export default {
width: 30px; width: 30px;
display: block; display: block;
float: left; float: left;
position: relative;
margin: 12px 8px 0 3px; margin: 12px 8px 0 3px;
} }
} }
......
src/pages/pay/payment/pay-entry.vue
View file @ addc7f24
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
</section> </section>
</item> </item>
<item v-for="(item,index) in newList" :proportion="[7,1,1]" :key="index" @click.native="isSelect(`three${index}`)"> <item v-for="(item,index) in newList" :proportion="[7,1,1]" :key="index" @click.native="isSelect(`three${index}`)">
<div slot="name" style="flex=3"> <img :src="selectImg(item)" alt="" class="icon"> {{ item.bank_full_name }}({{ selectLast(item) }})</div> <div slot="name" style="flex=3"> <img :src="selectImg(item)" alt="" class="icon"> {{ item.bank_full_name }}({{ selectLast(item) }})<img v-show="item.recommand" class="push" src="@/assets/payment/push.png"></div>
<section slot="content"> <section slot="content">
<img v-show="select === `three${index}`" src="@/assets/payment/select.png" alt=""> <img v-show="select === `three${index}`" src="@/assets/payment/select.png" alt="">
<img v-show="select !== `three${index}`" src="@/assets/payment/unselect.png" alt=""> <img v-show="select !== `three${index}`" src="@/assets/payment/unselect.png" alt="">
...@@ -121,6 +121,7 @@ export default { ...@@ -121,6 +121,7 @@ export default {
if (e.bank_full_name.indexOf('建设') !== -1) { if (e.bank_full_name.indexOf('建设') !== -1) {
return js return js
} else if (e.bank_full_name.indexOf('农业') !== -1) { } else if (e.bank_full_name.indexOf('农业') !== -1) {
e.recommand = true
return ny return ny
} else if (e.bank_full_name.indexOf('光大') !== -1) { } else if (e.bank_full_name.indexOf('光大') !== -1) {
return gd return gd
......
src/pages/productQuery/product-list.vue
View file @ addc7f24
...@@ -18,30 +18,31 @@ ...@@ -18,30 +18,31 @@
<img src="@/assets/distributorSign/search.png" alt=""> <img src="@/assets/distributorSign/search.png" alt="">
</div> </div>
</div> </div>
<list-item v-for="item in lists" :key="item.product_id"> <div class="division-box">
<item :proportion="[1,4]" @click.native="goDetailed(item.product_id,item.collect_status,item.bp_id)">
<div slot="name" class="item-pic"> <list-item v-for="item in lists" :key="item.product_id">
<img src="@/assets/homePage/WechatIMG2 Copy@2x.png" alt=""> <item :proportion="[1,4]" @click.native="goDetailed(item.product_id,item.collect_status,item.bp_id)">
</div> <div slot="name" class="item-pic">
<div slot="content" class="item-content"> <img src="@/assets/homePage/WechatIMG2 Copy@2x.png" alt="">
<div class="centers">
<p class="firsts1">{{ item.bp_type_n }}</p>
<p class="seconds1">{{ item.bp_name }}</p>
</div>
<div class="centers">
<p class="firsts1">参数项</p>
<p class="seconds1">{{ item.product_code }}</p>
</div> </div>
<div class="centers"> <div slot="content" class="item-content">
<p class="firsts1">产品名称</p> <div class="pro-name">
<p class="seconds1">{{ item.product_name }}</p> <p>{{ item.product_name }}</p>
<img class="arrow" src="@/assets/productQuery/getIn.png" alt="" >
</div>
<div class="centers">
<p class="firsts1">{{ item.bp_type_n }}</p>
<p class="seconds1">{{ item.bp_name }}</p>
</div>
<div class="centers">
<p class="firsts1">参数项</p>
<p class="seconds1">{{ item.product_code }}</p>
</div>
</div> </div>
</div> <div slot="right-icon"/>
<div slot="right-icon"> </item>
<img class="arrow" src="@/assets/productQuery/getIn.png" alt="" > </list-item>
</div> </div>
</item>
</list-item>
</h-content> </h-content>
</h-view> </h-view>
</template> </template>
...@@ -95,21 +96,6 @@ export default { ...@@ -95,21 +96,6 @@ export default {
</script> </script>
<style lang='less' scoped> <style lang='less' scoped>
#prolist { #prolist {
.h-header-btn {
img {
width: 16px;
height: 16px;
margin-left: 4px;
}
span {
font-family: PingFangSC-Semibold;
margin-left: 16px;
font-size: 17px;
letter-spacing: 0.61px;
line-height: 24px;
}
}
.hinput { .hinput {
position: relative; position: relative;
z-index: 50; z-index: 50;
...@@ -143,15 +129,10 @@ export default { ...@@ -143,15 +129,10 @@ export default {
} }
} }
} }
.arrow { .division-box {
width: 16px; padding: 8px;
height: 16px;
// margin-left: 30px;
margin-top: 16px;
} }
// .hls-item .contents .add-name {
// flex: none!important;
// }
.item-pic { .item-pic {
width: 100px; width: 100px;
//height: 110px; //height: 110px;
...@@ -161,28 +142,39 @@ export default { ...@@ -161,28 +142,39 @@ export default {
} }
} }
.item-content { .item-content {
// height: 102px;
width: 100%; width: 100%;
margin-left: 20px; margin-left: 20px;
.centers:nth-of-type(1) { .pro-name {
margin-top: 16px; height: 42px;
} width: 100%;
.centers:nth-of-type(2) { position: relative;
margin-top: 6px; border-bottom: 1px solid #F3F3F7;
} .arrow {
.centers:nth-of-type(3) { position: absolute;
margin-top: 6px; width: 16px;
height: 16px;
right: 0;
top: 13px;
}
p {
height: 42px;
line-height: 42px;
font-family: PingFangSC-Semibold;
font-size: 15px;
color: #4B4A4B;
letter-spacing: 0;
font-weight: 600;
}
} }
.centers { .centers {
// margin-top: 6px;
// white-space: nowrap;
// width: 100%;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 13px; font-size: 13px;
color: rgba(56,63,69,0.60); color: rgba(56,63,69,0.60);
letter-spacing: 0.5px; letter-spacing: 0.5px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-top: 8px;
.firsts1 { .firsts1 {
width: 60px; width: 60px;
height: 17px; height: 17px;
...@@ -191,14 +183,15 @@ export default { ...@@ -191,14 +183,15 @@ export default {
color: rgba(56,63,69,0.60); color: rgba(56,63,69,0.60);
} }
.seconds1 { .seconds1 {
width: 70%; width: 70%;
margin-left: 16px; margin-left: 16px;
height: auto; height: auto;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: #383F45; color: #4B4A4B;
} }
} }
} }
} }
</style> </style>
src/pages/productQuery/query-home.vue
View file @ addc7f24
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Descrip: 查询首页 * @Descrip: 查询首页
* @Author: your name * @Author: your name
* @Date: 2019-10-15 14:30:00 * @Date: 2019-10-15 14:30:00
* @LastEditTime: 2019-10-29 09:42:12 * @LastEditTime: 2019-11-01 10:21:19
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -21,24 +21,32 @@ ...@@ -21,24 +21,32 @@
<img src="@/assets/distributorSign/search.png" alt=""> <img src="@/assets/distributorSign/search.png" alt="">
</div> </div>
</div> </div>
<div v-for="(item,index) in prolists" :key="index" class="wrap"> <scroll ref="scrollLists">
<div class="scroll-box">
<div class="box" @click="goLists(item.division)"> <div v-for="(item,index) in prolists" :key="index" class="wrap">
<div class="first">
<img src="@/assets/productQuery/product-query.png" alt=""> <div class="box" @click="goLists(item.division)">
<p class="product-class">主机厂</p> <div class="leftPic">
<p class="product">{{ item.factory_bp_name }}</p>
</div> <img src="@/assets/productQuery/product-query.png" alt="" class="leftPic">
<div class="second"> </div>
<p class="product-class">产品线</p> <div class="first">
<div class="product"> <p class="product-class">主机厂</p>
<p>{{ item.division_n }}</p> <p class="product">{{ item.factory_bp_name }}</p>
</div>
<div class="second">
<p class="product-class">产品线</p>
<div class="product">
<p>{{ item.division_n }}</p>
</div>
<img src="@/assets/productQuery/down.png" alt="" @click.stop="queryDivision(item.factory_bp_id,index)">
</div>
<!-- <img class="arrow" src="@/assets/productQuery/getIn.png" alt="" > -->
</div> </div>
<img src="@/assets/productQuery/pull.png" alt="" @click.stop="queryDivision(item.factory_bp_id,index)">
</div> </div>
<img class="arrow" src="@/assets/productQuery/getIn.png" alt="" >
</div> </div>
</div> </scroll>
</h-content> </h-content>
</h-view> </h-view>
</template> </template>
...@@ -175,63 +183,87 @@ export default { ...@@ -175,63 +183,87 @@ export default {
} }
} }
} }
.scroll-box {
padding: 8px;
}
.box { .box {
position: relative; position: relative;
width: 100%; width: 100%;
height: 79px; height: 85px;
background: #fff; background: #fff;
border-top: 1px solid #cccccc70; border-top: 1px solid #cccccc70;
margin-bottom: 8px; margin-bottom: 8px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.leftPic {
position: absolute;
left: 12px;
top:29px;
height: 26px;
width: 26px;
background: rgba(29, 63, 255, 0.1);
border-radius: 8px;
img {
height: 16px;
width: 16px;
position: absolute;
left: 5px;
top: 5px;
}
}
.first { .first {
height: 20px; height: 42px;
width: 100%; line-height: 42px;
display: flex; width: 80%;
flex-direction: row; position: absolute;
margin-top: 16px; left: 50px;
img { top: 0;
width: 16px; border-bottom: 1px solid #F3F3F7;
height: 16px; // display: flex;
margin-left: 16px; // flex-direction: row;
} //margin-top: 16px;
.product-class { .product-class {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: rgba(56,63,69,0.60); color: rgba(56,63,69,0.60);
margin-left: 8px; position: absolute;
} }
.product { .product {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #383F45; color: #383F45;
margin-left: 16px position: absolute;
right: 0px;
} }
} }
.second { .second {
height: 20px; height: 42px;
width: 100%; line-height: 42px;
display: flex; width: 80%;
flex-direction: row; position: absolute;
margin-top: 7px; left: 50px;
top: 43px;
.product-class { .product-class {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: rgba(56,63,69,0.60); color: rgba(56,63,69,0.60);
margin-left: 54px; position: absolute;
} }
.product { .product {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #383F45; color: #383F45;
margin-left: 16px; position: absolute;
right: 30px;
} }
img { img {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-left: 9px; position: absolute;
right: 0;
top: 12px;
} }
} }
.arrow { .arrow {
......
src/pages/userBind/np/bankInfo.vue
View file @ addc7f24
...@@ -210,7 +210,8 @@ export default { ...@@ -210,7 +210,8 @@ export default {
height: 190px; height: 190px;
box-shadow: 0 5px 20px 0 rgba(101, 101, 101, 0.25); box-shadow: 0 5px 20px 0 rgba(101, 101, 101, 0.25);
border-radius: 6px; border-radius: 6px;
background-size: 320px 190px; background-size: 370px 240px;
background-position: -20px;
.card-info { .card-info {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
color: #ffffff; color: #ffffff;
......
src/pages/userBind/org/bankInfo.vue
View file @ addc7f24
...@@ -218,7 +218,8 @@ export default { ...@@ -218,7 +218,8 @@ export default {
height: 190px; height: 190px;
box-shadow: 0 5px 20px 0 rgba(101, 101, 101, 0.25); box-shadow: 0 5px 20px 0 rgba(101, 101, 101, 0.25);
border-radius: 6px; border-radius: 6px;
background-size: 320px 190px; background-size: 370px 240px;
background-position: -20px;
.card-info { .card-info {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
color: #ffffff; color: #ffffff;
......
src/router/index.js
View file @ addc7f24
...@@ -79,7 +79,7 @@ import ReimburseDetail from '@/pages/reimburseMyself/reimburse-detail' ...@@ -79,7 +79,7 @@ import ReimburseDetail from '@/pages/reimburseMyself/reimburse-detail'
// 合同还款 // 合同还款
import ContractRepayment from '@/pages/contractRepayment/contract-repayment' import ContractRepayment from '@/pages/contractRepayment/contract-repayment'
import RepayDetails from '@/pages/contractRepayment/repay-details' import RepayDetails from '@/pages/contractRepayment/repay-details'
import RepayPlan from '@/pages/contractRepayment/repay-plan' import RepayPlan from '@/pages/contractRepayment/refund'
// 发车申请 // 发车申请
import StartList from '@/pages/contractStart/start-list' import StartList from '@/pages/contractStart/start-list'
......
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