Skip to content

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

add

parent ed7232da
Hide whitespace changes
Inline Side-by-side
Showing with 570 additions and 299 deletions
src/pages/contractCreate/creat-rent-info.vue
View file @ 008dc514
......@@ -25,11 +25,11 @@
</div>
<div class="userInfo">租赁产品</div>
<list-item :item-height="44">
<item :showArrow="true" @click.native="showModalValue=true">
<item :showArrow="true" @click.native="selectProductLine">
<div slot="name">产品线</div>
<input slot="content" readonly placeholder="暂无信息" >
<input slot="content" v-model="saveInfo.division_n" readonly placeholder="暂无信息" >
</item>
<item :showArrow="true">
<item :showArrow="true" @click.native="getProduct">
<div slot="name">产品型号</div>
<input slot="content" readonly placeholder="暂无信息" >
</item>
......@@ -49,37 +49,44 @@
</item>
<item>
<div slot="name">设备单价</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item>
<div slot="name">融资金额</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<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>
<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>
<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>
<CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item>
<div slot="name">GPS费用</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item>
<div slot="name">保险押金</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item>
<CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item class="date-check">
<div slot="name">预计付款日</div>
<input slot="content" readonly placeholder="暂无信息" >
......@@ -110,7 +117,7 @@
</item>
<item :showArrow="true" @click.native="goPlan">
<div slot="name">查看还款计划</div>
<input slot="content" readonly>
<input slot="content" readonly >
</item>
</list-item>
</h-content>
......@@ -126,31 +133,35 @@
</h-header>
<h-content>
<div class="search has-header">
<input v-model="keyWord" placeholder="请输入产品名称" >
<input v-model="keyWordProduct" 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="" >
<scroll ref="scroll" :updateData="[divisionLists]" :pullUp="true" @pullingUp="getProduct">
<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 class="centers">
<p class="firsts1">{{ item.bp_type_n }}</p>
<p class="seconds1">{{ item.bp_name }}</p>
<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>
<div class="centers">
<p class="firsts1">参数项</p>
<p class="seconds1">{{ item.product_code }}</p>
</div>
</div>
</item>
</list-item>
</div>
</item>
</list-item>
</scroll></div>
</h-content>
</h-view>
</h-modal>
......@@ -167,7 +178,7 @@
<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="">
<img src="@/assets/trial/product.png" alt >
<p class="produc">{{ item.product_plan_id_n }}</p>
</div>
<div class="tario">
......@@ -209,97 +220,164 @@ export default {
return {
showModalValue: false,
showModalBusiness: false,
keyWordProduct: '',
keyWord: '',
pagenum: 1,
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: ' 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': '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: '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': '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',
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期',
},
{
'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',
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: [],
productLine: [], // 产品线
saveInfo: {
project_id: '',
product_plan_id: '',
product_id: '',
product_num: '',
equip_price: '',
int_rate: '',
annual_pay_times: '',
lease_times: '',
down_payment_ratio: '',
down_payment: '',
deposit_ratio: '',
deposit: '',
lease_charge_ratio: '',
lease_charge: '',
lease_start_date: '',
gps_fee: '',
insurance_fee: '',
pay_type: '',
residual_value: '',
division_n: '',
},
}
},
beforeRouteEnter (to, from, next) {
next(vm => {
vm.showModalBusiness = false
vm.showModalValue = false
if (from.name === 'CreateBaseInfo') {
vm.pagenum = 1
vm.getProductLine() // 产品线查询
}
})
},
methods: {
getProduct () {
let vm = this
vm.showModalValue = true
let randomString = Math.floor(Math.random() * 21)
let url =
process.env.basePath +
'prd_product_list' +
'&index' +
`'${randomString}'`
let param = {
user_phone: window.localStorage.getItem('user_phone'),
pagesize: 10,
pagenum: vm.pagenum,
searchInput: vm.keyWord,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
let returnData = []
returnData = res.lists
if (returnData.length === 0) {
vm.$refs.scroll.update(true)
} else if (returnData.length > 0 && returnData.length < 10) {
vum.forEach(returnData, function (data, index, array) {
vm.divisionLists.push(array[index])
})
vm.pagenum++
vm.$refs.scroll.update(true)
} else if (returnData.length === 10) {
vum.forEach(returnData, function (data, index, array) {
vm.divisionLists.push(array[index])
})
vm.pagenum++
vm.$refs.scroll.update(false)
}
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
selectProductLine (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.productLine,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.saveInfo.division = obj.bp_type
vm.saveInfo.division_n = obj.bp_type_n
},
})
},
getProductLine () {
let vm = this
let url = process.env.basePath + 'prj_product_division'
let param = {
bp_agent_id: vm.$route.params.bp_agent_id,
}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.productLine = res.lists.map(item => {
return {
code: item.division,
code_name: item.division_n,
}
})
}
})
},
goPlan () {
this.$router.push({
name: 'ContractRepayPlan',
......@@ -314,53 +392,55 @@ export default {
</script>
<style lang="less">
#create-rent-info {
.flow{
z-index:999;
.flow {
z-index: 999;
}
.hls-list-item {
.hls-list-item {
margin-bottom: 0px !important;
}
.h-header-right{
.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;
#businuss-list {
.search {
background-color: #fff;
padding: 8px 12px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
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::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;
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 {
.descript {
width: 100%;
height: 44px;
display: flex;
......@@ -388,16 +468,16 @@ export default {
display: flex;
flex: 1;
font-size: 15px;
color: #4B4A4B;
color: #4b4a4b;
line-height: 44px;
font-weight: 500;
letter-spacing: 0;
margin-left: 10px;
font-family: PingFangSC-Semibold;
border-bottom: 1px solid #F3F3F7;
border-bottom: 1px solid #f3f3f7;
}
}
.tario {
.tario {
width: 100%;
height: 60px;
position: relative;
......@@ -420,7 +500,7 @@ export default {
line-height: 30px;
font-family: PingFangSC-Regular;
font-size: 13px;
color: rgba(56, 63, 69, 0.60);
color: rgba(56, 63, 69, 0.6);
span:nth-of-type(2) {
margin-left: 16px;
......@@ -429,114 +509,115 @@ export default {
}
}
}
#product-list{
#product-list {
.hls-list-item {
border-radius: 4px;
}
.item-pic {
width: 100px;
//height: 110px;
img {
width: 100%;
height: 100%;
}
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;
}
}
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.6);
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.6);
}
.seconds1 {
width: 70%;
margin-left: 16px;
height: auto;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #4b4a4b;
}
}
}
.item{
width:359px;
margin:0 auto;
.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;
.search {
background-color: #fff;
padding: 8px 12px;
width: 100%;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #888c8f;
}
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::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;
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;
.date-check {
background: url("../../assets/trial/date.png") 350px no-repeat;
background-size: 16px 16px;
padding-right:15px;
padding-right: 15px;
}
.hint-info {
width: 100%;
......@@ -546,12 +627,12 @@ export default {
color: #fcc800;
letter-spacing: 0.5px;
background-color: #faf5e0;
display:flex;
display: flex;
align-items: center;
img{
width:16px;
height:16px;
margin-left:17px;
img {
width: 16px;
height: 16px;
margin-left: 17px;
margin-right: 17px;
}
}
......
src/pages/contractCreate/create-base-info.vue
View file @ 008dc514
......@@ -114,9 +114,9 @@
<img v-if="checkedApproved" slot="content" src="@/assets/contractCreate/selected.png" >
<span v-if="!checkedApproved" slot="content" />
</item>
<item>
<item v-if="checkedApproved">
<div slot="name">特批事项</div>
<input slot="content" v-model="saveInfo.special_matter" placeholder="暂无信息" readonly >
<input slot="content" v-model="saveInfo.special_matter" placeholder="暂无信息">
</item>
</list-item>
</div>
......@@ -125,71 +125,73 @@
<list-item :item-height="44">
<item>
<div slot="name">公司名称</div>
<input slot="content" readonly placeholder="暂无信息" >
<input slot="content" v-model="ORGBaseInfo.bp_name" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">企业类型</div>
<input slot="content" readonly placeholder="暂无信息" >
<input slot="content" v-model="ORGBaseInfo.enterprise_type" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">营业执照号</div>
<input slot="content" readonly placeholder="暂无信息" >
<input slot="content" v-model="ORGBaseInfo.organization_code" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">注册资本</div>
<input slot="content" placeholder="暂无信息" readonly >
<input slot="content" v-model="ORGBaseInfo.registered_capital" placeholder="暂无信息" readonly >
</item>
<item>
<div slot="name">注册地址</div>
<input slot="content" readonly placeholder="暂无信息" >
<span slot="content">{{ ORGBaseInfo.registered_place }}</span>
</item>
<item>
<div slot="name">联系地址</div>
<input slot="content" readonly placeholder="暂无信息" >
<span slot="content">{{ ORGBaseInfo.business_address }}</span>
</item>
<item>
<div slot="name">固定电话</div>
<input slot="content" readonly placeholder="暂无信息" >
<input slot="content" v-model="ORGBaseInfo.phone" readonly placeholder="暂无信息" >
</item>
</list-item>
<div class="userInfo">法人代表信息</div>
<list-item :item-height="44">
<item>
<div slot="name">姓名</div>
<input slot="content" readonly placeholder="暂无信息" >
<input slot="content" v-model="ORGBaseInfo.legal_person" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">身份证号</div>
<input slot="content" readonly placeholder="暂无信息" >
<input slot="content" v-model="ORGBaseInfo.id_card_no" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">手机号</div>
<input slot="content" readonly placeholder="暂无信息" >
<input slot="content" v-model="ORGBaseInfo.cell_phone" readonly placeholder="暂无信息" >
</item>
<item>
<div slot="name">联系地址</div>
<input slot="content" placeholder="暂无信息" readonly >
<input slot="content" v-model="ORGBaseInfo.living_address" placeholder="暂无信息" readonly >
</item>
</list-item>
<div class="another-info">
<img src="@/assets/contractCreate/otherInfo.png" >补充信息
</div>
<list-item :item-height="44">
<item :showArrow="true">
<item :showArrow="true" @click.native="selectORGEquipInfo">
<div slot="name">设备保有量</div>
<input slot="content" readonly placeholder="请选择" >
<input slot="content" v-model="saveInfo.equip_num_n" readonly placeholder="请选择" >
</item>
<item :showArrow="true">
<item :showArrow="true" @click.native="selectORGEnge">
<div slot="name">工程合同</div>
<input slot="content" readonly placeholder="请选择" >
<input slot="content" v-model="saveInfo.engineer_con_n" readonly placeholder="请选择" >
</item>
<item :showArrow="true">
<item :showArrow="true" @click.native="selectORGnative">
<div slot="name">企业性质</div>
<input slot="content" readonly placeholder="请选择" >
<input slot="content" v-model="saveInfo.enterpriese_nature_n" readonly placeholder="请选择" >
</item>
<item :showArrow="true">
<item :showArrow="true" @click.native="selectEquipInfo">
<div slot="name">设备价值</div>
<input slot="content" placeholder="请选择" readonly >
<input
slot="content" v-model="saveInfo.equip_value" placeholder="请选择" readonly
>
</item>
<item class="check" @click.native="checked=!checked">
<div slot="name">农行代扣</div>
......@@ -201,9 +203,9 @@
<img v-if="checkedApproved" slot="content" src="@/assets/contractCreate/selected.png" >
<span v-if="!checkedApproved" slot="content" />
</item>
<item>
<item v-if="checkedApproved">
<div slot="name">特批事项</div>
<input slot="content" placeholder="暂无信息" readonly >
<input slot="content" placeholder="暂无信息">
</item>
</list-item>
</div>
......@@ -212,28 +214,28 @@
<img src="@/assets/contractCreate/add.png" @click="addPerson">
</div>
</div>
<item-option class="mySlider">
<item-option v-for="(item,index) in selectUdertake" :key="index" class="mySlider">
<list-item :item-height="68">
<item>
<span slot="left-icon" class="left-icon">1</span>
<span slot="left-icon" class="left-icon">{{ index+1 }}</span>
<div slot="name">
担保人1姓名
担保人{{ index+1 }}姓名
<br >证件号
</div>
<div slot="content">
<input placeholder="暂无信息" readonly >
<input placeholder="暂无信息" readonly >
<input v-model="item.bp_name" placeholder="暂无信息" readonly >
<input v-model="item.id_card_no" placeholder="暂无信息" readonly >
</div>
</item>
</list-item>
<div slot="buttons">
<option-button type="warn" text @click.native="deleteFun" />
<option-button type="warn" text @click.native="deleteFun(item)" />
</div>
</item-option>
</h-content>
<bottom-tab class="add-box">
<tab-button class="before" @click.native="$routeGo()">上一步</tab-button>
<tab-button class="next" @click.native="goRent">下一步</tab-button>
<tab-button class="next" @click.native="save">下一步</tab-button>
</bottom-tab>
<h-modal ref="modal" v-model="showModalValue" class="flow" position="bottom">
<h-view id="add-person">
......@@ -249,15 +251,15 @@
</div>
<scroll ref="scroll" :updateData="[undertakeList]" :pullUp="true" @pullingUp="getUndertake">
<list-item :item-height="68" class="item">
<item>
<item v-for="(item,index) in undertakeList" :key="index" @click.native="addUndertake(item)">
<img slot="left-icon" src="@/assets/contractCreate/name.png" class="left-icon" >
<div slot="name">
担保人名称
<br >证件号
</div>
<div slot="content">
<input placeholder="暂无信息" readonly >
<input placeholder="暂无信息" readonly >
<input v-model="item.bp_name" placeholder="暂无信息" readonly >
<input v-model="item.id_card_no" placeholder="暂无信息" readonly >
</div>
</item>
</list-item>
......@@ -276,12 +278,25 @@ export default {
bp_class: '',
showModalValue: false,
keyWord: '',
bp_agent_id: '',
pageNum: 1,
BussinessSituationList: [], // 行业情况
jobSituationList: [], // 职业情况
houseInfonList: [], // 房产信息
equipInfonList: [], // 设备信息
undertakeList: [], // 担保人列表
engeList: [], // 工程合同查询
nativeList: [], // 企业性质查询
undertakeList: [ {
'id_card_no': '152104199103074114',
'bp_name': '程磊',
'bp_id': '8464',
},
{
'id_card_no': '91320000665795725L',
'bp_name': '江苏徐工工程机械租赁有限公司',
'bp_id': '8465',
}], // 担保人列表
selectUdertake: [], // 已选择的担保人列表
NPBaseInfo: {}, // 自然人基本信息
ORGBaseInfo: {}, // 企业基本信息
saveInfo: {// 需要保存的信息
......@@ -289,9 +304,12 @@ export default {
bp_id: window.localStorage.bp_id,
bp_class: window.localStorage.bp_class,
equip_num: '',
equip_num_n: '',
equip_value: '',
engineer_con: '',
engineer_con_n: '',
enterpriese_nature: '',
enterpriese_nature_n: '',
abc_deduction_flag: '',
special_flag: '',
special_matter: '',
......@@ -301,9 +319,6 @@ export default {
house_type_n: '',
np_industry_exp_n: '',
np_occupation_n: '',
bp_id_guta_1: '',
bp_id_guta_2: '',
bp_id_guta_3: '',
},
}
},
......@@ -344,20 +359,84 @@ export default {
this.showModalValue = true
this.getUndertake()
},
goRent () {
this.$router.push({
addUndertake (e) {
if (this.selectUdertake.length === 0) {
this.selectUdertake.push(e)
} else {
let index = this.selectUdertake.findIndex(item => {
if (item.bp_name === e.bp_name) {
return true
}
})
if (index !== -1) {
hlsPopup.showLongCenter('您已添加了该担保人')
} else {
this.selectUdertake.push(e)
}
}
setTimeout(() => {
this.showModalValue = false
}, 100)
},
makeData () {
let obj = {}
this.selectUdertake.forEach((i, index, arr) => {
obj[`bp_id_guta_${index + 1}`] = i.bp_id
})
return obj
},
getAgentInfo () {
let vm = this
let url = process.env.basePath + 'prj_bp_agent_query'
let param = {
user_phone: window.localStorage.getItem('user_phone'),
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.bp_agent_id = res.info.bp_agent_id
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
save () {
let vm = this
// let url = process.env.basePath + 'prj_base_info_save'
// let param = {
// master: {...vm.saveInfo, ...vm.makeData()},
// }
// hlsPopup.showLoading('请稍候')
// vm.$post(url, param).then(function (res) {
// vm.hlsPopup.hideLoading()
// if (res.result === 'S') {
vm.$router.push({
name: 'CreateRentInfo',
params: {
bp_agent_id: vm.bp_agent_id,
},
})
// } else {
// hlsPopup.showLongCenter(res.message)
// }
// })
},
getBaseInfo () {
this.getEquipInfo()
if (this.bp_class === 'NP') {
this.getNPInfo()
this.getBussinessSituation()
this.getJobSituation()
this.getHouseInfo()
this.getEquipInfo()
this.getAgentInfo()
} else if (this.bp_class === 'ORG') {
debugger
this.getORGInfo()
this.getORGEquipInfo()
this.getORGEnge()
this.getAgentInfo()
this.getORGnative()
}
},
getUndertake () { // 担保人查询
......@@ -369,10 +448,9 @@ export default {
'&index' +
`'${randomString}'`
let param = {
user_phone: window.localStorage.getItem('user_phone'),
bp_agent_id: vm.bp_agent_id,
pagesize: 10,
pagenum: vm.status === 'APPROVED' ? vm.pagenumApproved : vm.pagenumNew,
confirm_status: vm.status,
pagenum: vm.pageNum,
searchInput: vm.keyWord,
}
hlsPopup.showLoading('请稍候')
......@@ -385,18 +463,17 @@ export default {
vm.$refs.scroll.update(true)
} else if (returnData.length > 0 && returnData.length < 10) {
vum.forEach(returnData, function (data, index, array) {
vm.lists.push(array[index])
vm.undertakeList.push(array[index])
})
vm.status === 'APPROVED' ? vm.pagenumApproved++ : vm.pagenumNew++
vm.pagenum++
vm.$refs.scroll.update(true)
} else if (returnData.length === 10) {
vum.forEach(returnData, function (data, index, array) {
vm.lists.push(array[index])
vm.undertakeList.push(array[index])
})
vm.status === 'APPROVED' ? vm.pagenumApproved++ : vm.pagenumNew++
vm.pagenum++
vm.$refs.scroll.update(false)
}
vm.selectShowList()
} else {
hlsPopup.showLongCenter(res.message)
}
......@@ -418,6 +495,109 @@ export default {
}
})
},
getORGInfo () {
let vm = this
let url = process.env.basePath + 'bp_org_info_query'
let param = {
bp_id: window.localStorage.bp_id,
}
hlsPopup.showLoading('请稍候')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.ORGBaseInfo = res.info
} else {
hlsPopup.showLongCenter(res.message)
}
})
},
getORGEnge () {
let vm = this
let url = process.env.basePath + 'prj_contract_query'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.engeList = res.lists.map(item => {
return {
code: item.engineer_con,
code_name: item.engineer_con_n,
}
})
}
})
},
selectORGnative (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.nativeList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.saveInfo.enterpriese_nature = obj.bp_type
vm.saveInfo.enterpriese_nature_n = obj.bp_type_n
},
})
},
getORGnative () {
let vm = this
let url = process.env.basePath + 'prj_ent_property_query'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.nativeList = res.lists.map(item => {
return {
code: item.enterpriese_nature,
code_name: item.enterpriese_nature_n,
}
})
}
})
},
selectORGEnge (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.engeList,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.saveInfo.engineer_con = obj.bp_type
vm.saveInfo.engineer_con_n = obj.bp_type_n
},
})
},
getORGEquipInfo () {
let vm = this
let url = process.env.basePath + 'prj_equip_num_query'
let param = {}
vm.hlsPopup.showLoading('请稍候')
vm.hlsHttp.post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if (res.result === 'S') {
vm.equipNumORG = res.lists.map(item => {
return {
code: item.equip_num,
code_name: item.equip_num_n,
}
})
}
})
},
selectORGEquipInfo (e) {
let vm = this
vm.hlsPopup.selectList({
list: vm.equipNumORG,
code: 'bp_type',
object: {},
returnItem: function (index, obj) {
vm.saveInfo.equip_num = obj.bp_type
vm.saveInfo.equip_num_n = obj.bp_type_n
},
})
},
getEquipInfo () {
let vm = this
let url = process.env.basePath + 'prj_equip_values_query'
......@@ -533,8 +713,15 @@ export default {
},
})
},
getORGInfo () {},
deleteFun () {},
deleteFun (e) {
let deleteIndex
this.selectUdertake.forEach((i, index, arr) => {
if (arr[index].bp_name.indexOf(e.bp_name) !== -1) {
deleteIndex = index
}
})
this.selectUdertake.splice(deleteIndex, 1)
},
},
}
</script>
......@@ -546,6 +733,9 @@ export default {
no-repeat;
background-size: 20px 20px;
}
.mySlider{
height:68px;
}
.hls-list-item {
margin-bottom: 0px !important;
}
......
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