Skip to content

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

add

parent 25d1aad9
Hide whitespace changes
Inline Side-by-side
Showing with 811 additions and 49 deletions
src/pages/contractCreate/creat-rent-info.vue
View file @ a96f2644
...@@ -9,13 +9,13 @@ ...@@ -9,13 +9,13 @@
<h-content> <h-content>
<div class="top"> <div class="top">
<div class="item"> <div class="item">
<span>1</span> <img src="@/assets/contractCreate/finished.png" >
<p>基本信息</p> <p>基本信息</p>
</div> </div>
<span class="line" /> <span class="line" />
<div class="item"> <div class="item">
<span>2</span> <span>2</span>
<p>租赁信息</p> <p style="color: #383F45;">租赁信息</p>
</div> </div>
<span class="line" /> <span class="line" />
<div class="item"> <div class="item">
...@@ -23,17 +23,573 @@ ...@@ -23,17 +23,573 @@
<p>附件信息</p> <p>附件信息</p>
</div> </div>
</div> </div>
<div class="userInfo">租赁产品</div>
<list-item :item-height="44">
<item :showArrow="true" @click.native="showModalValue=true">
<div slot="name">产品线</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item :showArrow="true">
<div slot="name">产品型号</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">产品数量</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
</list-item>
<div class="userInfo">融资信息</div>
<div class="hint-info">
<img src="@/assets/contractCreate/hint.png" >提示 以下为单个设备商务政策
</div>
<list-item :item-height="44">
<item :showArrow="true" @click.native="showModalBusiness = true">
<div slot="name">商务政策</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">设备单价</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<item>
<div slot="name">融资金额</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<item>
<div slot="name">首付比例</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">首付款</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<item>
<div slot="name">保证金比例</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">保证金</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<item>
<div slot="name">手续费比例</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">手续费</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<item>
<div slot="name">GPS费用</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<item>
<div slot="name">保险押金</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<item class="date-check">
<div slot="name">预计付款日</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item :showArrow="true">
<div slot="name">还款周期</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">租赁期数</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">年利率</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item :showArrow="true">
<div slot="name">支付方式</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">逾期日利率</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">留购价</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item :showArrow="true" @click.native="goPlan">
<div slot="name">查看还款计划</div>
<input slot="content" readonly>
</item>
</list-item>
</h-content> </h-content>
<bottom-tab class="add-box">
<tab-button class="before">计算</tab-button>
<tab-button class="next" @click.native="goRent">下一步</tab-button>
</bottom-tab>
<h-modal ref="modal" v-model="showModalValue" class="flow" position="bottom">
<h-view id="product-list">
<h-header :proportion="[1,4,1]" class="bar-custom">
<span slot="center" style="color:#fff">选择产品</span>
<span slot="right" style="color:#fff" @click="showModalValue=false">取消</span>
</h-header>
<h-content>
<div class="search has-header">
<input v-model="keyWord" placeholder="请输入产品名称" >
</div>
<div class="division-box">
<list-item v-for="(item,index) in divisionLists" :key="index">
<item :proportion="[1,4]" @click.native="goDetailed(item.product_id,item.collect_status,item.bp_id)">
<div slot="name" class="item-pic">
<img :src="item.url" alt="">
</div>
<div slot="content" class="item-content">
<div class="pro-name">
<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>
</item>
</list-item>
</div>
</h-content>
</h-view>
</h-modal>
<h-modal ref="modal" v-model="showModalBusiness " class="flow" position="bottom">
<h-view id="businuss-list">
<h-header :proportion="[1,4,1]" class="bar-custom">
<span slot="center" style="color:#fff">选择商务政策</span>
<span slot="right" style="color:#fff" @click="showModalBusiness=false">取消</span>
</h-header>
<h-content>
<div class="search has-header">
<input v-model="keyWord" placeholder="请输入商务政策名称" >
</div>
<div class="division-box">
<section v-for="(item,index) in businessLists" :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>
</div>
<div class="tario">
<div class="wrap">
<p class="ratio">
<span>保证金比例</span>
<span>{{ item.deposit_ratio_n }}</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>
</section>
</div>
</h-content>
</h-view>
</h-modal>
</h-view> </h-view>
</template> </template>
<script> <script>
import CurrencyInput from '../../components/currencyInput'
export default { export default {
components: {
CurrencyInput,
},
data () {
return {
showModalValue: false,
showModalBusiness: false,
keyWord: '',
businessLists: [
{
'lease_times': '12',
'deposit_ratio_n': ' 16.00%',
'lease_charge_ratio_n': ' 4.00%',
'product_plan_id': '69',
'lease_charge_ratio': '0.04',
'int_rate_n': ' 6.00%',
'int_rate': '0.06',
'deposit_ratio': '0.16',
'product_plan_id_n': '等额本息-按月-12期',
},
{
'lease_times': '4',
'deposit_ratio_n': ' 10.00%',
'lease_charge_ratio_n': ' 5.00%',
'product_plan_id': '70',
'lease_charge_ratio': '0.05',
'int_rate_n': ' 6.00%',
'int_rate': '0.06',
'deposit_ratio': '0.1',
'product_plan_id_n': '等额本息-按季-4期',
},
{
'lease_times': '12',
'deposit_ratio_n': ' 25.00%',
'lease_charge_ratio_n': ' 5.00%',
'product_plan_id': '109',
'lease_charge_ratio': '0.05',
'int_rate_n': ' 7.50%',
'int_rate': '0.075',
'deposit_ratio': '0.25',
'product_plan_id_n': '等额本金-双月-12期',
},
{
'lease_times': '24',
'deposit_ratio_n': ' 15.00%',
'lease_charge_ratio_n': ' 15.00%',
'product_plan_id': '132',
'lease_charge_ratio': '0.15',
'int_rate_n': ' 7.00%',
'int_rate': '0.07',
'deposit_ratio': '0.15',
'product_plan_id_n': '等额本息-按月-24期',
}],
divisionLists: [
{
'bp_name': '重型重庆办',
'bp_id': '41',
'product_id': '5',
'product_attachment_id': '88039',
'product_code': 'QAY130',
'product_name': '全地面起重机QAY130',
'bp_type_n': '办事处',
'collect_status': 'Y',
},
{
'bp_name': '重型银川办',
'bp_id': '61',
'product_id': '5',
'product_attachment_id': '88039',
'product_code': 'QAY130',
'product_name': '全地面起重机QAY130',
'bp_type_n': '办事处',
'collect_status': 'N',
},
{
'bp_name': '上海汉得信息技术股份有限公司',
'bp_id': '7781',
'product_id': '5',
'product_attachment_id': '88039',
'product_code': 'QAY130',
'product_name': '全地面起重机QAY130',
'bp_type_n': '经销商',
'collect_status': 'N',
},
{
'bp_name': '广州市易推信息商务科技有限公司',
'bp_id': '8143',
'product_id': '5',
'product_attachment_id': '88039',
'product_code': 'QAY130',
'product_name': '全地面起重机QAY130',
'bp_type_n': '经销商',
'collect_status': 'N',
},
],
}
},
methods: {
goPlan () {
this.$router.push({
name: 'ContractRepayPlan',
params: {
product_num: 2,
project_id: 123,
},
})
},
},
} }
</script> </script>
<style lang="less" scoped> <style lang="less">
#create-rent-info{ #create-rent-info {
.top { .flow{
z-index:999;
}
.hls-list-item {
margin-bottom: 0px !important;
}
.h-header-right{
display: flex;
align-items: center;
}
#businuss-list{
.search {
background-color: #fff;
padding: 8px 12px;
width: 100%;
height: 1.02rem;
z-index: 100;
margin-bottom: 8px;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding-left: 12px;
height:36px;
line-height: 36px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
letter-spacing: 0;
}
input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
border: 2px solid #bcc6ff;
}
}
.descript {
width: 100%;
height: 44px;
display: flex;
flex-direction: row;
background: #fff;
img {
width: 30px;
height: 30px;
margin-left: 10px;
margin-top: 8px;
// margin-right: 8px;
}
.linkPic {
width: 16px;
height: 16px;
margin-top: 15px;
margin-left: -7px;
margin-right: 10px;
}
.produc {
height: 44px;
display: flex;
flex: 1;
font-size: 15px;
color: #4B4A4B;
line-height: 44px;
font-weight: 500;
letter-spacing: 0;
margin-left: 10px;
font-family: PingFangSC-Semibold;
border-bottom: 1px solid #F3F3F7;
}
}
.tario {
width: 100%;
height: 60px;
position: relative;
background: #fff;
// margin-bottom: 8px;
.wrap:nth-of-type(1) {
height: 60px;
position: absolute;
left: 50px;
}
.wrap:nth-of-type(2) {
height: 60px;
position: absolute;
right: 30px;
}
p {
height: 30px;
line-height: 30px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: rgba(56, 63, 69, 0.60);
span:nth-of-type(2) {
margin-left: 16px;
color: rgb(56, 63, 69);
}
}
}
}
#product-list{
.hls-list-item {
border-radius: 4px;
}
.item-pic {
width: 100px;
//height: 110px;
img {
width: 100%;
height: 100%;
}
}
.item-content {
width: 100%;
margin-left: 20px;
.pro-name {
height: 42px;
width: 100%;
position: relative;
border-bottom: 1px solid #F3F3F7;
.arrow {
position: absolute;
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 {
font-family: PingFangSC-Semibold;
font-size: 13px;
color: rgba(56,63,69,0.60);
letter-spacing: 0.5px;
display: flex;
flex-direction: row;
margin-top: 8px;
.firsts1 {
width: 60px;
height: 17px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: rgba(56,63,69,0.60);
}
.seconds1 {
width: 70%;
margin-left: 16px;
height: auto;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #4B4A4B;
}
}
}
.item{
width:359px;
margin:0 auto;
}
.search {
background-color: #fff;
padding: 8px 12px;
width: 100%;
height: 1.02rem;
z-index: 100;
margin-bottom: 8px;
input {
background: url("../../assets/contractStart/search1.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
padding-left: 12px;
height:36px;
line-height: 36px;
border-radius: 4px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
input::placeholder {
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
letter-spacing: 0;
}
input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat;
background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55);
border: 2px solid #bcc6ff;
}
}
}
.date-check{
background:url('../../assets/trial/date.png') 350px no-repeat;
background-size: 16px 16px;
padding-right:15px;
}
.hint-info {
width: 100%;
height: 36px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #fcc800;
letter-spacing: 0.5px;
background-color: #faf5e0;
display:flex;
align-items: center;
img{
width:16px;
height:16px;
margin-left:17px;
margin-right: 17px;
}
}
.add-box {
.before {
border: 1px solid #fdb62f;
border-radius: 4px;
color: #fdb62f;
}
.next {
background: #1d3fff;
border-radius: 4px;
color: #fff;
}
}
.userInfo：first-of-type {
margin-top: 10px;
}
.userInfo {
height: 40px;
line-height: 40px;
color: @headerColor;
// margin-top: -10px;
font-size: 15px;
margin-left: 16px;
position: relative;
}
.userInfo::before {
content: "";
display: block;
width: 4px;
height: 20px;
background-color: @headerColor;
position: absolute;
left: -15px;
top: 12px;
}
.top {
width: 100%; width: 100%;
height: 81px; height: 81px;
background-color: #faf5e0; background-color: #faf5e0;
...@@ -46,6 +602,9 @@ export default { ...@@ -46,6 +602,9 @@ export default {
border-top: 1px solid #a4a4a4; border-top: 1px solid #a4a4a4;
margin-bottom: 18px; margin-bottom: 18px;
} }
.line:nth-of-type(1) {
border-top: 1px solid #ffa000;
}
.item { .item {
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -55,6 +614,9 @@ export default { ...@@ -55,6 +614,9 @@ export default {
font-size: 12px; font-size: 12px;
color: rgba(56, 63, 69, 0.5); color: rgba(56, 63, 69, 0.5);
letter-spacing: 0.43px; letter-spacing: 0.43px;
img {
width: 18px;
}
span { span {
display: block; display: block;
text-align: center; text-align: center;
...@@ -69,10 +631,10 @@ export default { ...@@ -69,10 +631,10 @@ export default {
margin-top: 10px; margin-top: 10px;
} }
} }
.item:nth-of-type(1) { .item:not(:nth-of-type(3)) {
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 12px; font-size: 12px;
color: #383f45; color: rgba(56, 63, 69, 0.5);
letter-spacing: 0.43px; letter-spacing: 0.43px;
span { span {
background-color: #ffa000; background-color: #ffa000;
......
src/pages/contractCreate/create-base-info.vue
View file @ a96f2644
...@@ -29,46 +29,51 @@ ...@@ -29,46 +29,51 @@
<list-item :item-height="44"> <list-item :item-height="44">
<item> <item>
<div slot="name">姓名</div> <div slot="name">姓名</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" v-model="NPBaseInfo.bp_name" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">身份证号</div> <div slot="name">身份证号</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" v-model="NPBaseInfo.id_card_no" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">手机号码</div> <div slot="name">手机号码</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" v-model="NPBaseInfo.cell_phone" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">婚姻</div> <div slot="name">婚姻</div>
<input slot="content" placeholder="暂无信息" readonly > <input
slot="content"
v-model="NPBaseInfo.marital_status_n"
placeholder="暂无信息"
readonly
>
</item> </item>
<item> <item>
<div slot="name">户籍地址</div> <div slot="name">户籍地址</div>
<input slot="content" readonly placeholder="暂无信息" > <span slot="content">{{ NPBaseInfo.address_on_resident_booklit }}</span>
</item> </item>
<item> <item>
<div slot="name">联系地址</div> <div slot="name">联系地址</div>
<input slot="content" readonly placeholder="暂无信息" > <span slot="content">{{ NPBaseInfo.address_on_resident_booklit }}</span>
</item> </item>
</list-item> </list-item>
<div class="userInfo">配偶信息</div> <div v-if="NPBaseInfo.marital_status_n==='已婚'" class="userInfo">配偶信息</div>
<list-item :item-height="44"> <list-item v-if="NPBaseInfo.marital_status_n==='已婚'" :item-height="44">
<item> <item>
<div slot="name">姓名</div> <div slot="name">姓名</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" v-model="NPBaseInfo.bp_name_sp" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">手机号码</div> <div slot="name">手机号码</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" v-model="NPBaseInfo.spouse_phone" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">工作单位</div> <div slot="name">工作单位</div>
<input slot="content" readonly placeholder="暂无信息" > <span slot="content">{{ NPBaseInfo.working_place_sp }}</span>
</item> </item>
<item> <item>
<div slot="name">居住地址</div> <div slot="name">居住地址</div>
<input slot="content" placeholder="暂无信息" readonly > <span slot="content">{{ NPBaseInfo.address_sp }}</span>
</item> </item>
</list-item> </list-item>
<div class="another-info"> <div class="another-info">
...@@ -77,19 +82,27 @@ ...@@ -77,19 +82,27 @@
<list-item :item-height="44"> <list-item :item-height="44">
<item :showArrow="true"> <item :showArrow="true">
<div slot="name">行业情况</div> <div slot="name">行业情况</div>
<input slot="content" readonly placeholder="请选择" > <input
slot="content" v-model="saveInfo.np_industry_exp_n" readonly placeholder="请选择"
@click="selectBussinessSituation" >
</item> </item>
<item :showArrow="true"> <item :showArrow="true" >
<div slot="name">职业情况</div> <div slot="name">职业情况</div>
<input slot="content" readonly placeholder="请选择" > <input
slot="content" v-model="saveInfo.np_occupation_n" readonly placeholder="请选择"
@click="selectJobSituation" >
</item> </item>
<item :showArrow="true"> <item :showArrow="true">
<div slot="name">房产信息</div> <div slot="name">房产信息</div>
<input slot="content" readonly placeholder="请选择" > <input
slot="content" v-model="saveInfo.house_type_n" readonly placeholder="请选择"
@click="selectHouseInfo">
</item> </item>
<item :showArrow="true"> <item :showArrow="true">
<div slot="name">设备价值</div> <div slot="name">设备价值</div>
<input slot="content" placeholder="请选择" readonly > <input
slot="content" v-model="saveInfo.equip_value" placeholder="请选择" readonly
@click="selectEquipInfo">
</item> </item>
<item class="check" @click.native="checked=!checked"> <item class="check" @click.native="checked=!checked">
<div slot="name">农行代扣</div> <div slot="name">农行代扣</div>
...@@ -103,7 +116,7 @@ ...@@ -103,7 +116,7 @@
</item> </item>
<item> <item>
<div slot="name">特批事项</div> <div slot="name">特批事项</div>
<input slot="content" placeholder="暂无信息" readonly > <input slot="content" v-model="saveInfo.special_matter" placeholder="暂无信息" readonly >
</item> </item>
</list-item> </list-item>
</div> </div>
...@@ -222,13 +235,13 @@ ...@@ -222,13 +235,13 @@
<tab-button class="before" @click.native="$routeGo()">上一步</tab-button> <tab-button class="before" @click.native="$routeGo()">上一步</tab-button>
<tab-button class="next" @click.native="goRent">下一步</tab-button> <tab-button class="next" @click.native="goRent">下一步</tab-button>
</bottom-tab> </bottom-tab>
<h-modal ref="modal" v-model="showModalValue" position="bottom"> <h-modal ref="modal" v-model="showModalValue" class="flow" position="bottom">
<h-view id="add-person"> <h-view id="add-person">
<h-header :proportion="[5,1,1]" class="bar-custom"> <h-header :proportion="[1,4,1]" class="bar-custom">
<div slot="left" class="h-header-btn"> <!-- <div class="h-header-btn"> -->
<span>添加担保人</span> <span slot="center" style="color:#fff">添加担保人</span>
</div> <span slot="right" style="color:#fff" @click="showModalValue=false">取消</span>
<img slot="right" src="@/assets/userBind/arrow.png" @click="showModalValue=false" > <!-- </div> -->
</h-header> </h-header>
<h-content> <h-content>
<div class="search has-header"> <div class="search has-header">
...@@ -237,7 +250,10 @@ ...@@ -237,7 +250,10 @@
<list-item :item-height="68" class="item"> <list-item :item-height="68" class="item">
<item> <item>
<img slot="left-icon" src="@/assets/contractCreate/name.png" class="left-icon" > <img slot="left-icon" src="@/assets/contractCreate/name.png" class="left-icon" >
<div slot="name">担保人名称<br>证件号</div> <div slot="name">
担保人名称
<br >证件号
</div>
<div slot="content"> <div slot="content">
<input placeholder="暂无信息" readonly > <input placeholder="暂无信息" readonly >
<input placeholder="暂无信息" readonly > <input placeholder="暂无信息" readonly >
...@@ -255,16 +271,49 @@ export default { ...@@ -255,16 +271,49 @@ export default {
return { return {
checked: false, // 农行代扣 checked: false, // 农行代扣
checkedApproved: false, // 是否特批 checkedApproved: false, // 是否特批
bp_class: 'ORG', bp_class: '',
showModalValue: false, showModalValue: false,
keyWord: '',
BussinessSituationList: [], // 行业情况
jobSituationList: [], // 职业情况
houseInfonList: [], // 房产信息
equipInfonList: [], // 设备信息
NPBaseInfo: {}, // 自然人基本信息
ORGBaseInfo: {}, // 企业基本信息
saveInfo: {// 需要保存的信息
project_id: '',
bp_id: window.localStorage.bp_id,
bp_class: window.localStorage.bp_class,
equip_num: '',
equip_value: '',
engineer_con: '',
enterpriese_nature: '',
abc_deduction_flag: '',
special_flag: '',
special_matter: '',
np_industry_exp: '',
np_occupation: '',
house_type: '',
house_type_n: '',
np_industry_exp_n: '',
np_occupation_n: '',
bp_id_guta_1: '',
bp_id_guta_2: '',
bp_id_guta_3: '',
},
} }
}, },
beforeRouteEnter (to, from, next) {
next(vm => {
vm.showModalValue = false
vm.bp_class = window.localStorage.bp_class
if (from.name === 'ContractCreateList') {
vm.getBaseInfo()
}
})
},
methods: { methods: {
addPerson () { addPerson () {
// this.$router.push({
// name:
// 'AddPerson',
// })
this.showModalValue = true this.showModalValue = true
}, },
goRent () { goRent () {
...@@ -272,11 +321,154 @@ export default { ...@@ -272,11 +321,154 @@ export default {
name: 'CreateRentInfo', name: 'CreateRentInfo',
}) })
}, },
getBaseInfo () {
if (this.bp_class === 'NP') {
this.getNPInfo()
this.getBussinessSituation()
this.getJobSituation()
this.getHouseInfo()
this.getEquipInfo()
} else if (this.bp_class === 'ORG') {
this.getORGInfo()
}
},
getNPInfo () {
let vm = this
let url = process.env.basePath + 'bp_np_info_query'
let param = {
bp_id: window.localStorage.getItem('bp_id'),
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.NPBaseInfo = res.info
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
getEquipInfo () {
let vm = this
let url = process.env.basePath + 'prj_equip_values_query'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.equipInfonList = res.lists.map(item => {
return {
code: item.equip_value,
code_name: item.equip_value,
}
})
}
})
},
selectEquipInfo (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.equipInfonList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.saveInfo.equip_value = obj.bp_type
},
})
},
getHouseInfo () {
let vm = this
let url = process.env.basePath + 'prj_estate_type_query'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.houseInfonList = res.lists.map(item => {
return {
code: item.house_type,
code_name: item.house_type_n,
}
})
}
})
},
selectHouseInfo (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.houseInfonList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.saveInfo.house_type = obj.bp_type
vm.saveInfo.house_type_n = obj.bp_type_n
},
})
},
getBussinessSituation () {
let vm = this
let url = process.env.basePath + 'prj_bussiness_situation'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.BussinessSituationList = res.lists.map(item => {
return {
code: item.np_industry_exp,
code_name: item.np_industry_exp_n,
}
})
}
})
},
selectBussinessSituation (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.BussinessSituationList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.saveInfo.np_industry_exp = obj.bp_type
vm.saveInfo.np_industry_exp_n = obj.bp_type_n
},
})
},
getJobSituation () {
let vm = this
let url = process.env.basePath + 'prj_job_situation'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.jobSituationList = res.lists.map(item => {
return {
code: item.np_occupation,
code_name: item.np_occupation_n,
}
})
}
})
},
selectJobSituation (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.jobSituationList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.saveInfo.np_occupation = obj.bp_type
vm.saveInfo.np_occupation_n = obj.bp_type_n
},
})
},
getORGInfo () {},
deleteFun () {}, deleteFun () {},
}, },
} }
</script> </script>
<style lang="less" scoped> <style lang="less" >
#create-base-info { #create-base-info {
.swipeout-list .item .function { .swipeout-list .item .function {
height: 68px; height: 68px;
...@@ -290,6 +482,13 @@ export default { ...@@ -290,6 +482,13 @@ export default {
.swipeout-list { .swipeout-list {
padding: 0px; padding: 0px;
} }
.h-header-right {
display: flex;
align-items: center;
}
.flow {
z-index: 999;
}
.left-icon { .left-icon {
width: 18px; width: 18px;
height: 18px; height: 18px;
...@@ -355,8 +554,8 @@ export default { ...@@ -355,8 +554,8 @@ export default {
border: 1px solid #1d3fff; border: 1px solid #1d3fff;
border-radius: 3px; border-radius: 3px;
} }
img{ img {
width:16px; width: 16px;
} }
} }
.another-info { .another-info {
...@@ -417,12 +616,12 @@ export default { ...@@ -417,12 +616,12 @@ export default {
} }
} }
} }
#add-person{ #add-person {
.item{ .item {
width:359px; width: 359px;
margin:0 auto; margin: 0 auto;
} }
.search { .search {
background-color: #fff; background-color: #fff;
padding: 8px 12px; padding: 8px 12px;
width: 100%; width: 100%;
...@@ -434,7 +633,7 @@ export default { ...@@ -434,7 +633,7 @@ export default {
background-size: 16px 16px; background-size: 16px 16px;
background-color: rgba(239, 239, 239, 0.55); background-color: rgba(239, 239, 239, 0.55);
padding-left: 12px; padding-left: 12px;
height:36px; height: 36px;
line-height: 36px; line-height: 36px;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
......
src/pages/contractSigning/contract-repay-plan.vue
View file @ a96f2644
...@@ -87,7 +87,7 @@ export default { ...@@ -87,7 +87,7 @@ export default {
watch: {}, watch: {},
beforeRouteEnter (to, from, next) { beforeRouteEnter (to, from, next) {
next(vm => { next(vm => {
if (from.name === 'ContractDetail') { if (from.name === 'ContractDetail' || from.name === 'CreateRentInfo') {
vm.product_num = vm.$route.params.product_num vm.product_num = vm.$route.params.product_num
vm.getInfo() vm.getInfo()
} }
......
src/pages/myInfo/my-info.vue
View file @ a96f2644
...@@ -724,6 +724,7 @@ export default { ...@@ -724,6 +724,7 @@ export default {
window.localStorage.setItem('user_bp_status', res.info.user_bp_status) window.localStorage.setItem('user_bp_status', res.info.user_bp_status)
window.localStorage.setItem('bp_name', res.info.user_bp_name) window.localStorage.setItem('bp_name', res.info.user_bp_name)
window.localStorage.setItem('bp_identity', res.info.bp_identity) window.localStorage.setItem('bp_identity', res.info.bp_identity)
window.localStorage.setItem('bp_class', res.info.user_bp_class)
vm.user_bp_name = res.info.user_bp_name vm.user_bp_name = res.info.user_bp_name
vm.user_bp_type = res.info.user_bp_type vm.user_bp_type = res.info.user_bp_type
vm.user_phone = res.info.user_phone vm.user_phone = res.info.user_phone
......
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