Skip to content

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

home

parent 96d040f8
Hide whitespace changes
Inline Side-by-side
Showing with 446 additions and 255 deletions
src/pages/contractInquire/contract-records.vue
View file @ 3b49147a
<!--
* @Author: your name
* @Date: 2019-10-31 09:49:57
* @LastEditTime: 2019-10-31 16:58:23
* @LastEditors: Please set LastEditors
* @Description: 合同查询--记录
* @FilePath:
-->
<template> <template>
<h-view id="contract-records" class="public-style"> <h-view id="contract-records" 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>
<div v-if="data!==null">
<div class="tab">
<p><span :class="{'selected':selected === 'all'}" @click="isSelected('all')">全部</span></p>
<p><span :class="{'selected':selected === 'one'}" @click="isSelected('one')">待签约</span></p>
<p><span :class="{'selected':selected === 'two'}" @click="isSelected('two')">待还款</span></p>
<p><span :class="{'selected':selected === 'three'}" @click="isSelected('three')">还款中</span></p>
<p><span :class="{'selected':selected === 'four'}" @click="isSelected('four')">已结清</span></p>
</div>
<div v-if="data!==null" class="tab"> <div class="search">
<p><span :class="{'selected':selected === 'all'}" @click="isSelected('all')">全部</span></p> <img src="@/assets/contractInquire/search.png" alt="">
<p><span :class="{'selected':selected === 'one'}" @click="isSelected('one')">待签约</span></p> <input type="text" placeholder="请输入合同号/承租人名称">
<p><span :class="{'selected':selected === 'two'}" @click="isSelected('two')">待还款</span></p> </div>
<p><span :class="{'selected':selected === 'three'}" @click="isSelected('three')">还款中</span></p>
<p><span :class="{'selected':selected === 'four'}" @click="isSelected('four')">已结清</span></p>
</div>
<div class="search">
<img src="@/assets/contractInquire/search.png" alt="">
<input type="text" placeholder="请输入合同号/承租人名称">
</div> </div>
<h-content v-if="data!==null" class="pay-content"> <h-content v-if="data!==null" class="pay-content">
<div v-for="(item,index) in 6" :key="index" class="contract-item"> <scroll ref="scrollList">
<div class="header">
<img src="@/assets/contractRepayment/contract.png" alt=""> <div v-for="(item,index) in lists" :key="index" class="contract-item">
<h2>CON201903022001</h2> <div class="header">
<!-- 状态用类名控制 待还款orange,待签约blue,还款中green,已结清black --> <img src="@/assets/contractRepayment/contract.png" alt="">
<p class="green">待还款</p> <h2>{{ item.project_number }}</h2>
<!-- 状态用类名控制 待还款orange,待签约blue,还款中green,已结清black -->
<p class="green">待还款</p>
</div>
<div class="center">
<div><span>承租人</span><p>{{ item.bp_name }}</p></div>
<div><span>年利率</span><p>{{ item.int_rate_n }}</p></div>
<div><span>期限</span><p>{{ item.lease_times }}期</p></div>
<div><span>融资金额</span><p class="bold">{{ item.finance_amount | currency }}</p></div>
<span class="red">逾期一周</span>
<section @click="toRepayDetail(item.project_id)">
<img src="@/assets/contractRepayment/view.png" alt="">
<span>查看合同明细</span>
</section>
</div>
</div> </div>
<div class="center"> </scroll>
<div><span>承租人</span><p>张三</p></div>
<div><span>年利率</span><p>5%</p></div>
<div><span>期限</span><p>12期</p></div>
<div><span>融资金额</span><p class="bold">90,000.00</p></div>
<span class="red">逾期一周</span>
<section @click="toRepayDetail">
<img src="@/assets/contractRepayment/view.png" alt="">
<span>查看合同明细</span>
</section>
</div>
</div>
</h-content> </h-content>
<h-content v-if="data===null" class="null"> <h-content v-if="data===null" class="null">
<div class="display"> <div class="display">
...@@ -59,22 +71,56 @@ export default { ...@@ -59,22 +71,56 @@ export default {
}, },
data () { data () {
return { return {
// data: null, 无记录时 // data: null, // 无记录时
data: 1, data: 1,
lists: [],
selected: 'all', selected: 'all',
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {},
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'HomePage') {
vm.recordQuery()
}
})
},
methods: { methods: {
toRepayDetail () { // 合同明细 val: project_id
toRepayDetail (val) {
this.$router.push({ this.$router.push({
name: 'RepayDetail', name: 'RepayDetail',
params: {
project_id: val,
},
}) })
}, },
isSelected (name) { isSelected (name) {
this.selected = name this.selected = name
}, },
// 合同记录
recordQuery () {
let vm = this
let url = $config.basePath + 'con_contract_list'
let param = {
user_phone: window.localStorage.user_phone,
}
vm.hlsPopup.showLoading('数据加载中')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
if (res.lists.length === 0) {
vm.data = null
} else {
vm.data = 1
}
vm.lists = res.lists
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
}, },
} }
</script> </script>
...@@ -137,7 +183,7 @@ export default { ...@@ -137,7 +183,7 @@ export default {
padding-left: 12px; padding-left: 12px;
border-radius: 4px; border-radius: 4px;
height: 36px; height: 36px;
width: 351px; width: 100%;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #888C8F; color: #888C8F;
...@@ -157,12 +203,12 @@ export default { ...@@ -157,12 +203,12 @@ export default {
} }
.pay-content { .pay-content {
padding: 0 8px; padding: 8px 8px;
.contract-item { .contract-item {
height: 208px; height: 208px;
background-color: #fff; background-color: #fff;
margin-top: 8px; margin-bottom: 8px;
.header { .header {
position: relative; position: relative;
......
src/pages/contractInquire/repay-detail.vue
View file @ 3b49147a
<!--
* @Author: your name
* @Date: 2019-10-31 09:49:57
* @LastEditTime: 2019-10-31 17:33:52
* @LastEditors: Please set LastEditors
* @Description: 合同查询--明细
* @FilePath:
-->
<template> <template>
<h-view id="repay-detail" class="public-style"> <h-view id="repay-detail" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom"> <h-header :proportion="[5,1,1]" class="bar-custom">
...@@ -15,23 +23,23 @@ ...@@ -15,23 +23,23 @@
<list-item :item-height="44" class="invoice"> <list-item :item-height="44" class="invoice">
<item> <item>
<div slot="name">合同号</div> <div slot="name">合同号</div>
<div slot="content">CON2019080310020</div> <div slot="content">{{ detailInfo.project_number }}</div>
</item> </item>
<item> <item>
<div slot="name">经销商</div> <div slot="name">经销商</div>
<div slot="content">****代理商</div> <div slot="content">{{ detailInfo.bp_agent_name }}</div>
</item> </item>
<item> <item>
<div slot="name">承租人</div> <div slot="name">承租人</div>
<div slot="content">张三</div> <div slot="content">{{ detailInfo.bp_name }}</div>
</item> </item>
<item> <item>
<div slot="name">产品线</div> <div slot="name">产品线</div>
<div slot="content">起重机</div> <div slot="content">{{ detailInfo.division_n }}</div>
</item> </item>
<item> <item>
<div slot="name">合同金额</div> <div slot="name">合同金额</div>
<div slot="content">90,000.00</div> <div slot="content">{{ detailInfo.total_price | currency }}</div>
</item> </item>
<item> <item>
<div slot="name">商务政策</div> <div slot="name">商务政策</div>
...@@ -39,33 +47,33 @@ ...@@ -39,33 +47,33 @@
</item> </item>
<item> <item>
<div slot="name">租赁物数量</div> <div slot="name">租赁物数量</div>
<div slot="content">3</div> <div slot="content">{{ detailInfo.product_num }}</div>
</item> </item>
</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>
...@@ -85,16 +93,60 @@ export default { ...@@ -85,16 +93,60 @@ export default {
}, },
data () { data () {
return { return {
lists: [],
detailInfo: {}, detailInfo: {},
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {},
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'ContractRecords') {
vm.detailQuery()
vm.equipQuery()
}
})
},
methods: { methods: {
// val: contract_id
toRepayPlans () { toRepayPlans (val) {
this.$router.push({ this.$router.push({
name: 'RepayPlans', name: 'RepayPlans',
params: {
contract_id: val,
},
})
},
detailQuery () {
let vm = this
let url = $config.basePath + 'con_contract_detial'
let param = {
project_id: vm.$route.params.project_id,
}
vm.hlsPopup.showLoading('数据加载中')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.detailInfo = res.info
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
equipQuery () {
let vm = this
let url = $config.basePath + 'con_equip_list'
let param = {
project_id: vm.$route.params.project_id,
}
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)
}
}) })
}, },
}, },
...@@ -140,7 +192,7 @@ export default { ...@@ -140,7 +192,7 @@ export default {
border-radius: 5px; border-radius: 5px;
height: 24px; height: 24px;
line-height: 24px; line-height: 24px;
width: 93px; // width: 93px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 11px; font-size: 11px;
color: #1D3FFF; color: #1D3FFF;
......
src/pages/contractInquire/repay-plans.vue
View file @ 3b49147a
<!--
* @Author: your name
* @Date: 2019-10-31 09:49:57
* @LastEditTime: 2019-11-01 09:36:50
* @LastEditors: Please set LastEditors
* @Description: 还款
* @FilePath:
-->
<template> <template>
<h-view id="repay-plan" class="public-style"> <h-view id="repay-plan" class="public-style">
<h-header :proportion="[5,1,1]" class="bar-custom"> <h-header :proportion="[5,1,1]" class="bar-custom">
...@@ -13,12 +21,12 @@ ...@@ -13,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">
...@@ -68,10 +76,18 @@ export default { ...@@ -68,10 +76,18 @@ export default {
height: 0, height: 0,
oldHeight: 0, oldHeight: 0,
newHeight: 0, newHeight: 0,
info: {},
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {},
beforeRouteEnter (to, from, next) {
next(vm => {
if (from.name === 'RepayDetail') {
vm.repayPlan()
}
})
},
methods: { methods: {
showDetails () { showDetails () {
if (!this.flag) { if (!this.flag) {
...@@ -96,6 +112,23 @@ export default { ...@@ -96,6 +112,23 @@ export default {
document.getElementById('content').style.transform = 'translate(0px, -' + 0 + 'px) scale(1) translateZ(0px)' document.getElementById('content').style.transform = 'translate(0px, -' + 0 + 'px) scale(1) translateZ(0px)'
} }
}, },
repayPlan () {
let vm = this
let url = $config.basePath + 'con_equip_cashflow_query'
let param = {
contract_id: vm.$route.params.contract_id,
}
vm.hlsPopup.showLoading('数据加载中')
vm.hlsHttp.post(url, param).then(function (res) {
console.log(res)
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.info = res.info
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
}, },
} }
</script> </script>
......
src/pages/contractRepayment/repay-plan.vue
View file @ 3b49147a
...@@ -69,6 +69,7 @@ export default { ...@@ -69,6 +69,7 @@ export default {
], ],
} }
}, },
computed: {}, computed: {},
watch: {}, watch: {},
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
......
src/pages/financingTrial/financing-details.vue
View file @ 3b49147a
...@@ -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 @ 3b49147a
...@@ -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 09:25:17 * @LastEditTime: 2019-11-01 11:13:22
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
--> -->
<template> <template>
...@@ -15,48 +15,47 @@ ...@@ -15,48 +15,47 @@
</h-header> </h-header>
<!-- 搜索 --> <!-- 搜索 -->
<div class="hinput"> <div class="search">
<div class="search-box"> <img src="@/assets/contractInquire/search.png" alt="">
<input type="text" placeholder="请输入产品名称"> <input type="text" placeholder="请输入产品名称">
<img src="@/assets/distributorSign/search.png" alt="">
</div>
</div> </div>
<scroll <h-content>
ref="scrollList" <scroll
:pullUp="true" ref="scrollList"
> >
<section v-for="(item,index) in lists" :key="index">
<div class="descript" @click="goDetails(item.product_plan_id)">
<img src="@/assets/trial/product.png" alt="">
<p class="produc">{{ item.product_plan_id_n }}</p>
<img class="linkPic" src="@/assets/distributorSign/righticon.png" alt="">
</div>
<div class="tario"> <section v-for="(item,index) in lists" :key="index">
<div class="wrap"> <div class="descript" @click="goDetails(item.product_plan_id)">
<p class="ratio"> <img src="@/assets/trial/product.png" alt="">
<span>保证金比例</span> <p class="produc">{{ item.product_plan_id_n }}</p>
<span>{{ item.deposit_ratio_n }}</span> <img class="linkPic" src="@/assets/distributorSign/righticon.png" alt="">
</p>
<p>
<span>手续费比例</span>
<span>{{ item.lease_charge_ratio_n }}</span>
</p>
</div> </div>
<div class="wrap">
<p> <div class="tario">
<span>年利率</span> <div class="wrap">
<span>{{ item.int_rate_n }}</span> <p class="ratio">
</p> <span>保证金比例</span>
<p> <span>{{ item.deposit_ratio_n }}</span>
<span>期&nbsp;&nbsp;&nbsp;限</span> </p>
<span>{{ item.lease_times }}期</span> <p>
</p> <span>手续费比例</span>
<span>{{ item.lease_charge_ratio_n }}</span>
</p>
</div>
<div class="wrap">
<p>
<span>年利率</span>
<span>{{ item.int_rate_n }}</span>
</p>
<p>
<span>期&nbsp;&nbsp;&nbsp;限</span>
<span>{{ item.lease_times }}期</span>
</p>
</div>
</div> </div>
</div> </section>
</section> </scroll>
</scroll> </h-content>
</h-view> </h-view>
</template> </template>
...@@ -77,7 +76,7 @@ export default { ...@@ -77,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 = '' // 清楚缓存（从收藏带来的数据）
...@@ -105,20 +104,35 @@ export default { ...@@ -105,20 +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,
console.log(res)
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)
}
})
}
}, },
}, },
} }
...@@ -139,40 +153,67 @@ export default { ...@@ -139,40 +153,67 @@ export default {
line-height: 24px; line-height: 24px;
} }
} }
.search {
.hinput { background-color: #fff;
position: relative; padding: 8px 12px;
z-index: 50; position: relative;
margin-bottom: 8px;
input {
background: rgba(239,239,239,0.55);
padding-left: 12px;
border-radius: 4px;
height: 36px;
width: 100%; width: 100%;
height: 50px; font-family: PingFangSC-Regular;
//border-bottom: 1px solid #cccccc70; font-size: 14px;
display: flex; color: #888C8F;
justify-content: center; }
align-items: center;
background: #fff;
.search-box {
width: 93.6%;
height: 36px;
font-size: 14px;
color: #B4B4B5;
letter-spacing: 0;
font-family: PingFangSC-Regular;
border: 1px solid #1D3FFF;
border-radius: 4px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
input { input::placeholder {
width: 90%; font-size: 14px;
height: 100%; color: #888C8F;
opacity: 0.4;
border: none;
line-height: 34px;
}
}
} }
img {
position: absolute;
height: 16px;
right: 25px;
top: 20px;
}
}
// .hinput {
// position: relative;
// z-index: 50;
// width: 100%;
// height: 50px;
// //border-bottom: 1px solid #cccccc70;
// display: flex;
// justify-content: center;
// align-items: center;
// background: #fff;
// .search-box {
// width: 93.6%;
// height: 36px;
// font-size: 14px;
// color: #B4B4B5;
// letter-spacing: 0;
// font-family: PingFangSC-Regular;
// border: 1px solid #1D3FFF;
// border-radius: 4px;
// display: flex;
// flex-direction: row;
// justify-content: center;
// align-items: center;
// input {
// width: 90%;
// height: 100%;
// opacity: 0.4;
// border: none;
// line-height: 34px;
// }
// }
// }
section { section {
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
...@@ -218,25 +259,19 @@ section { ...@@ -218,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/financingTrial/trial-repay-plan.vue
View file @ 3b49147a
...@@ -121,7 +121,6 @@ export default { ...@@ -121,7 +121,6 @@ export default {
} }
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)
vm.hlsPopup.hideLoading() vm.hlsPopup.hideLoading()
if (res.result === 'S') { if (res.result === 'S') {
vm.info = res.info vm.info = res.info
......
src/pages/home/functionState.js
View file @ 3b49147a
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @Author: your name * @Author: your name
* @Date: 2019-09-24 12:34:06 * @Date: 2019-09-24 12:34:06
* @LastEditTime: 2019-10-29 13:37:18 * @LastEditTime: 2019-10-31 10:35:01
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
*/ */
export default { export default {
...@@ -26,7 +26,7 @@ export default { ...@@ -26,7 +26,7 @@ export default {
'moduleIcon': require('@/assets/homePage/product-trial.png'), 'moduleIcon': require('@/assets/homePage/product-trial.png'),
}, },
{ {
'moduleState': '', 'moduleState': 'ContractRecords',
'moduleName': '合同查询', 'moduleName': '合同查询',
'moduleIcon': require('@/assets/homePage/contract-query.png'), 'moduleIcon': require('@/assets/homePage/contract-query.png'),
}, },
......
src/pages/productQuery/product-list.vue
View file @ 3b49147a
...@@ -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 @ 3b49147a
...@@ -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 {
......
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