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 @@ ...@@ -25,11 +25,11 @@
</div> </div>
<div class="userInfo">租赁产品</div> <div class="userInfo">租赁产品</div>
<list-item :item-height="44"> <list-item :item-height="44">
<item :showArrow="true" @click.native="showModalValue=true"> <item :showArrow="true" @click.native="selectProductLine">
<div slot="name">产品线</div> <div slot="name">产品线</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" v-model="saveInfo.division_n" readonly placeholder="暂无信息" >
</item> </item>
<item :showArrow="true"> <item :showArrow="true" @click.native="getProduct">
<div slot="name">产品型号</div> <div slot="name">产品型号</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" readonly placeholder="暂无信息" >
</item> </item>
...@@ -49,37 +49,44 @@ ...@@ -49,37 +49,44 @@
</item> </item>
<item> <item>
<div slot="name">设备单价</div> <div slot="name">设备单价</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item> <CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item> <item>
<div slot="name">融资金额</div> <div slot="name">融资金额</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item> <CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item> <item>
<div slot="name">首付比例</div> <div slot="name">首付比例</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">首付款</div> <div slot="name">首付款</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item> <CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item> <item>
<div slot="name">保证金比例</div> <div slot="name">保证金比例</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">保证金</div> <div slot="name">保证金</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item> <CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item> <item>
<div slot="name">手续费比例</div> <div slot="name">手续费比例</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">手续费</div> <div slot="name">手续费</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item> <CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item> <item>
<div slot="name">GPS费用</div> <div slot="name">GPS费用</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item> <CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item> <item>
<div slot="name">保险押金</div> <div slot="name">保险押金</div>
<CurrencyInput slot="content" readonly placeholder="暂无信息" /></item> <CurrencyInput slot="content" readonly placeholder="暂无信息" />
</item>
<item class="date-check"> <item class="date-check">
<div slot="name">预计付款日</div> <div slot="name">预计付款日</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" readonly placeholder="暂无信息" >
...@@ -110,7 +117,7 @@ ...@@ -110,7 +117,7 @@
</item> </item>
<item :showArrow="true" @click.native="goPlan"> <item :showArrow="true" @click.native="goPlan">
<div slot="name">查看还款计划</div> <div slot="name">查看还款计划</div>
<input slot="content" readonly> <input slot="content" readonly >
</item> </item>
</list-item> </list-item>
</h-content> </h-content>
...@@ -126,31 +133,35 @@ ...@@ -126,31 +133,35 @@
</h-header> </h-header>
<h-content> <h-content>
<div class="search has-header"> <div class="search has-header">
<input v-model="keyWord" placeholder="请输入产品名称" > <input v-model="keyWordProduct" placeholder="请输入产品名称" >
</div> </div>
<div class="division-box"> <div class="division-box">
<list-item v-for="(item,index) in divisionLists" :key="index"> <scroll ref="scroll" :updateData="[divisionLists]" :pullUp="true" @pullingUp="getProduct">
<item :proportion="[1,4]" @click.native="goDetailed(item.product_id,item.collect_status,item.bp_id)"> <list-item v-for="(item,index) in divisionLists" :key="index">
<div slot="name" class="item-pic"> <item
<img :src="item.url" alt=""> :proportion="[1,4]"
</div> @click.native="goDetailed(item.product_id,item.collect_status,item.bp_id)"
<div slot="content" class="item-content"> >
<div class="pro-name"> <div slot="name" class="item-pic">
<p>{{ item.product_name }}</p> <img :src="item.url" alt >
<img class="arrow" src="@/assets/productQuery/getIn.png" alt="" >
</div> </div>
<div class="centers"> <div slot="content" class="item-content">
<p class="firsts1">{{ item.bp_type_n }}</p> <div class="pro-name">
<p class="seconds1">{{ item.bp_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 class="centers"> </item>
<p class="firsts1">参数项</p> </list-item>
<p class="seconds1">{{ item.product_code }}</p> </scroll></div>
</div>
</div>
</item>
</list-item>
</div>
</h-content> </h-content>
</h-view> </h-view>
</h-modal> </h-modal>
...@@ -167,7 +178,7 @@ ...@@ -167,7 +178,7 @@
<div class="division-box"> <div class="division-box">
<section v-for="(item,index) in businessLists" :key="index"> <section v-for="(item,index) in businessLists" :key="index">
<div class="descript" @click="goDetails(item.product_plan_id)"> <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> <p class="produc">{{ item.product_plan_id_n }}</p>
</div> </div>
<div class="tario"> <div class="tario">
...@@ -209,97 +220,164 @@ export default { ...@@ -209,97 +220,164 @@ export default {
return { return {
showModalValue: false, showModalValue: false,
showModalBusiness: false, showModalBusiness: false,
keyWordProduct: '',
keyWord: '', keyWord: '',
pagenum: 1,
businessLists: [ businessLists: [
{ {
'lease_times': '12', lease_times: '12',
'deposit_ratio_n': ' 16.00%', deposit_ratio_n: ' 16.00%',
'lease_charge_ratio_n': ' 4.00%', lease_charge_ratio_n: ' 4.00%',
'product_plan_id': '69', product_plan_id: '69',
'lease_charge_ratio': '0.04', lease_charge_ratio: '0.04',
'int_rate_n': ' 6.00%', int_rate_n: ' 6.00%',
'int_rate': '0.06', int_rate: '0.06',
'deposit_ratio': '0.16', deposit_ratio: '0.16',
'product_plan_id_n': '等额本息-按月-12期', 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', lease_times: '4',
'deposit_ratio_n': ' 25.00%', deposit_ratio_n: ' 10.00%',
'lease_charge_ratio_n': ' 5.00%', lease_charge_ratio_n: ' 5.00%',
'product_plan_id': '109', product_plan_id: '70',
'lease_charge_ratio': '0.05', lease_charge_ratio: '0.05',
'int_rate_n': ' 7.50%', int_rate_n: ' 6.00%',
'int_rate': '0.075', int_rate: '0.06',
'deposit_ratio': '0.25', deposit_ratio: '0.1',
'product_plan_id_n': '等额本金-双月-12期', product_plan_id_n: '等额本息-按季-4期',
}, },
{ {
'lease_times': '24', lease_times: '12',
'deposit_ratio_n': ' 15.00%', deposit_ratio_n: ' 25.00%',
'lease_charge_ratio_n': ' 15.00%', lease_charge_ratio_n: ' 5.00%',
'product_plan_id': '132', product_plan_id: '109',
'lease_charge_ratio': '0.15', lease_charge_ratio: '0.05',
'int_rate_n': ' 7.00%', int_rate_n: ' 7.50%',
'int_rate': '0.07', int_rate: '0.075',
'deposit_ratio': '0.15', deposit_ratio: '0.25',
'product_plan_id_n': '等额本息-按月-24期', product_plan_id_n: '等额本金-双月-12期',
}],
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': '上海汉得信息技术股份有限公司', lease_times: '24',
'bp_id': '7781', deposit_ratio_n: ' 15.00%',
'product_id': '5', lease_charge_ratio_n: ' 15.00%',
'product_attachment_id': '88039', product_plan_id: '132',
'product_code': 'QAY130', lease_charge_ratio: '0.15',
'product_name': '全地面起重机QAY130', int_rate_n: ' 7.00%',
'bp_type_n': '经销商', int_rate: '0.07',
'collect_status': 'N', deposit_ratio: '0.15',
}, product_plan_id_n: '等额本息-按月-24期',
{
'bp_name': '广州市易推信息商务科技有限公司',
'bp_id': '8143',
'product_id': '5',
'product_attachment_id': '88039',
'product_code': 'QAY130',
'product_name': '全地面起重机QAY130',
'bp_type_n': '经销商',
'collect_status': 'N',
}, },
], ],
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: { 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 () { goPlan () {
this.$router.push({ this.$router.push({
name: 'ContractRepayPlan', name: 'ContractRepayPlan',
...@@ -314,53 +392,55 @@ export default { ...@@ -314,53 +392,55 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
#create-rent-info { #create-rent-info {
.flow{ .flow {
z-index:999; z-index: 999;
} }
.hls-list-item { .hls-list-item {
margin-bottom: 0px !important; margin-bottom: 0px !important;
} }
.h-header-right{ .h-header-right {
display: flex; display: flex;
align-items: center; align-items: center;
} }
#businuss-list{ #businuss-list {
.search { .search {
background-color: #fff; background-color: #fff;
padding: 8px 12px; 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%; width: 100%;
font-family: PingFangSC-Regular; height: 1.02rem;
font-size: 14px; z-index: 100;
color: #888c8f; 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 { input::placeholder {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #888c8f; color: #888c8f;
letter-spacing: 0; letter-spacing: 0;
} }
input:focus { input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat; background: url("../../assets/contractStart/search2.png") 320px
background-size: 16px 16px; no-repeat;
background-color: rgba(239, 239, 239, 0.55); background-size: 16px 16px;
border: 2px solid #bcc6ff; background-color: rgba(239, 239, 239, 0.55);
border: 2px solid #bcc6ff;
}
} }
} .descript {
.descript {
width: 100%; width: 100%;
height: 44px; height: 44px;
display: flex; display: flex;
...@@ -388,16 +468,16 @@ export default { ...@@ -388,16 +468,16 @@ export default {
display: flex; display: flex;
flex: 1; flex: 1;
font-size: 15px; font-size: 15px;
color: #4B4A4B; color: #4b4a4b;
line-height: 44px; line-height: 44px;
font-weight: 500; font-weight: 500;
letter-spacing: 0; letter-spacing: 0;
margin-left: 10px; margin-left: 10px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
border-bottom: 1px solid #F3F3F7; border-bottom: 1px solid #f3f3f7;
} }
} }
.tario { .tario {
width: 100%; width: 100%;
height: 60px; height: 60px;
position: relative; position: relative;
...@@ -420,7 +500,7 @@ export default { ...@@ -420,7 +500,7 @@ export default {
line-height: 30px; line-height: 30px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 13px; font-size: 13px;
color: rgba(56, 63, 69, 0.60); color: rgba(56, 63, 69, 0.6);
span:nth-of-type(2) { span:nth-of-type(2) {
margin-left: 16px; margin-left: 16px;
...@@ -429,114 +509,115 @@ export default { ...@@ -429,114 +509,115 @@ export default {
} }
} }
} }
#product-list{ #product-list {
.hls-list-item { .hls-list-item {
border-radius: 4px; border-radius: 4px;
} }
.item-pic { .item-pic {
width: 100px; width: 100px;
//height: 110px; //height: 110px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.item-content { .item-content {
width: 100%; width: 100%;
margin-left: 20px; margin-left: 20px;
.pro-name { .pro-name {
height: 42px; height: 42px;
width: 100%; width: 100%;
position: relative; position: relative;
border-bottom: 1px solid #F3F3F7; border-bottom: 1px solid #f3f3f7;
.arrow { .arrow {
position: absolute; position: absolute;
width: 16px; width: 16px;
height: 16px; height: 16px;
right: 0; right: 0;
top: 13px; top: 13px;
} }
p { p {
height: 42px; height: 42px;
line-height: 42px; line-height: 42px;
font-family: PingFangSC-Semibold; font-family: PingFangSC-Semibold;
font-size: 15px; font-size: 15px;
color: #4B4A4B; color: #4b4a4b;
letter-spacing: 0; letter-spacing: 0;
font-weight: 600; 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;
}
}
.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{ .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%;
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%; width: 100%;
font-family: PingFangSC-Regular; height: 1.02rem;
font-size: 14px; z-index: 100;
color: #888c8f; 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 { input::placeholder {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 14px; font-size: 14px;
color: #888c8f; color: #888c8f;
letter-spacing: 0; letter-spacing: 0;
} }
input:focus { input:focus {
background: url("../../assets/contractStart/search2.png") 320px no-repeat; background: url("../../assets/contractStart/search2.png") 320px
background-size: 16px 16px; no-repeat;
background-color: rgba(239, 239, 239, 0.55); background-size: 16px 16px;
border: 2px solid #bcc6ff; background-color: rgba(239, 239, 239, 0.55);
border: 2px solid #bcc6ff;
}
} }
} }
} .date-check {
.date-check{ background: url("../../assets/trial/date.png") 350px no-repeat;
background:url('../../assets/trial/date.png') 350px no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
padding-right:15px; padding-right: 15px;
} }
.hint-info { .hint-info {
width: 100%; width: 100%;
...@@ -546,12 +627,12 @@ export default { ...@@ -546,12 +627,12 @@ export default {
color: #fcc800; color: #fcc800;
letter-spacing: 0.5px; letter-spacing: 0.5px;
background-color: #faf5e0; background-color: #faf5e0;
display:flex; display: flex;
align-items: center; align-items: center;
img{ img {
width:16px; width: 16px;
height:16px; height: 16px;
margin-left:17px; margin-left: 17px;
margin-right: 17px; margin-right: 17px;
} }
} }
......
src/pages/contractCreate/create-base-info.vue
View file @ 008dc514
...@@ -114,9 +114,9 @@ ...@@ -114,9 +114,9 @@
<img v-if="checkedApproved" slot="content" src="@/assets/contractCreate/selected.png" > <img v-if="checkedApproved" slot="content" src="@/assets/contractCreate/selected.png" >
<span v-if="!checkedApproved" slot="content" /> <span v-if="!checkedApproved" slot="content" />
</item> </item>
<item> <item v-if="checkedApproved">
<div slot="name">特批事项</div> <div slot="name">特批事项</div>
<input slot="content" v-model="saveInfo.special_matter" placeholder="暂无信息" readonly > <input slot="content" v-model="saveInfo.special_matter" placeholder="暂无信息">
</item> </item>
</list-item> </list-item>
</div> </div>
...@@ -125,71 +125,73 @@ ...@@ -125,71 +125,73 @@
<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="ORGBaseInfo.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="ORGBaseInfo.enterprise_type" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">营业执照号</div> <div slot="name">营业执照号</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" v-model="ORGBaseInfo.organization_code" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">注册资本</div> <div slot="name">注册资本</div>
<input slot="content" placeholder="暂无信息" readonly > <input slot="content" v-model="ORGBaseInfo.registered_capital" placeholder="暂无信息" readonly >
</item> </item>
<item> <item>
<div slot="name">注册地址</div> <div slot="name">注册地址</div>
<input slot="content" readonly placeholder="暂无信息" > <span slot="content">{{ ORGBaseInfo.registered_place }}</span>
</item> </item>
<item> <item>
<div slot="name">联系地址</div> <div slot="name">联系地址</div>
<input slot="content" readonly placeholder="暂无信息" > <span slot="content">{{ ORGBaseInfo.business_address }}</span>
</item> </item>
<item> <item>
<div slot="name">固定电话</div> <div slot="name">固定电话</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" v-model="ORGBaseInfo.phone" readonly placeholder="暂无信息" >
</item> </item>
</list-item> </list-item>
<div class="userInfo">法人代表信息</div> <div class="userInfo">法人代表信息</div>
<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="ORGBaseInfo.legal_person" readonly placeholder="暂无信息" >
</item> </item>
<item> <item>
<div slot="name">身份证号</div> <div slot="name">身份证号</div>
<input slot="content" readonly placeholder="暂无信息" > <input slot="content" v-model="ORGBaseInfo.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="ORGBaseInfo.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="ORGBaseInfo.living_address" placeholder="暂无信息" readonly >
</item> </item>
</list-item> </list-item>
<div class="another-info"> <div class="another-info">
<img src="@/assets/contractCreate/otherInfo.png" >补充信息 <img src="@/assets/contractCreate/otherInfo.png" >补充信息
</div> </div>
<list-item :item-height="44"> <list-item :item-height="44">
<item :showArrow="true"> <item :showArrow="true" @click.native="selectORGEquipInfo">
<div slot="name">设备保有量</div> <div slot="name">设备保有量</div>
<input slot="content" readonly placeholder="请选择" > <input slot="content" v-model="saveInfo.equip_num_n" readonly placeholder="请选择" >
</item> </item>
<item :showArrow="true"> <item :showArrow="true" @click.native="selectORGEnge">
<div slot="name">工程合同</div> <div slot="name">工程合同</div>
<input slot="content" readonly placeholder="请选择" > <input slot="content" v-model="saveInfo.engineer_con_n" readonly placeholder="请选择" >
</item> </item>
<item :showArrow="true"> <item :showArrow="true" @click.native="selectORGnative">
<div slot="name">企业性质</div> <div slot="name">企业性质</div>
<input slot="content" readonly placeholder="请选择" > <input slot="content" v-model="saveInfo.enterpriese_nature_n" readonly placeholder="请选择" >
</item> </item>
<item :showArrow="true"> <item :showArrow="true" @click.native="selectEquipInfo">
<div slot="name">设备价值</div> <div slot="name">设备价值</div>
<input slot="content" placeholder="请选择" readonly > <input
slot="content" v-model="saveInfo.equip_value" placeholder="请选择" readonly
>
</item> </item>
<item class="check" @click.native="checked=!checked"> <item class="check" @click.native="checked=!checked">
<div slot="name">农行代扣</div> <div slot="name">农行代扣</div>
...@@ -201,9 +203,9 @@ ...@@ -201,9 +203,9 @@
<img v-if="checkedApproved" slot="content" src="@/assets/contractCreate/selected.png" > <img v-if="checkedApproved" slot="content" src="@/assets/contractCreate/selected.png" >
<span v-if="!checkedApproved" slot="content" /> <span v-if="!checkedApproved" slot="content" />
</item> </item>
<item> <item v-if="checkedApproved">
<div slot="name">特批事项</div> <div slot="name">特批事项</div>
<input slot="content" placeholder="暂无信息" readonly > <input slot="content" placeholder="暂无信息">
</item> </item>
</list-item> </list-item>
</div> </div>
...@@ -212,28 +214,28 @@ ...@@ -212,28 +214,28 @@
<img src="@/assets/contractCreate/add.png" @click="addPerson"> <img src="@/assets/contractCreate/add.png" @click="addPerson">
</div> </div>
</div> </div>
<item-option class="mySlider"> <item-option v-for="(item,index) in selectUdertake" :key="index" class="mySlider">
<list-item :item-height="68"> <list-item :item-height="68">
<item> <item>
<span slot="left-icon" class="left-icon">1</span> <span slot="left-icon" class="left-icon">{{ index+1 }}</span>
<div slot="name"> <div slot="name">
担保人1姓名 担保人{{ index+1 }}姓名
<br >证件号 <br >证件号
</div> </div>
<div slot="content"> <div slot="content">
<input placeholder="暂无信息" readonly > <input v-model="item.bp_name" placeholder="暂无信息" readonly >
<input placeholder="暂无信息" readonly > <input v-model="item.id_card_no" placeholder="暂无信息" readonly >
</div> </div>
</item> </item>
</list-item> </list-item>
<div slot="buttons"> <div slot="buttons">
<option-button type="warn" text @click.native="deleteFun" /> <option-button type="warn" text @click.native="deleteFun(item)" />
</div> </div>
</item-option> </item-option>
</h-content> </h-content>
<bottom-tab class="add-box"> <bottom-tab class="add-box">
<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="save">下一步</tab-button>
</bottom-tab> </bottom-tab>
<h-modal ref="modal" v-model="showModalValue" class="flow" position="bottom"> <h-modal ref="modal" v-model="showModalValue" class="flow" position="bottom">
<h-view id="add-person"> <h-view id="add-person">
...@@ -249,15 +251,15 @@ ...@@ -249,15 +251,15 @@
</div> </div>
<scroll ref="scroll" :updateData="[undertakeList]" :pullUp="true" @pullingUp="getUndertake"> <scroll ref="scroll" :updateData="[undertakeList]" :pullUp="true" @pullingUp="getUndertake">
<list-item :item-height="68" class="item"> <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" > <img slot="left-icon" src="@/assets/contractCreate/name.png" class="left-icon" >
<div slot="name"> <div slot="name">
担保人名称 担保人名称
<br >证件号 <br >证件号
</div> </div>
<div slot="content"> <div slot="content">
<input placeholder="暂无信息" readonly > <input v-model="item.bp_name" placeholder="暂无信息" readonly >
<input placeholder="暂无信息" readonly > <input v-model="item.id_card_no" placeholder="暂无信息" readonly >
</div> </div>
</item> </item>
</list-item> </list-item>
...@@ -276,12 +278,25 @@ export default { ...@@ -276,12 +278,25 @@ export default {
bp_class: '', bp_class: '',
showModalValue: false, showModalValue: false,
keyWord: '', keyWord: '',
bp_agent_id: '',
pageNum: 1, pageNum: 1,
BussinessSituationList: [], // 行业情况 BussinessSituationList: [], // 行业情况
jobSituationList: [], // 职业情况 jobSituationList: [], // 职业情况
houseInfonList: [], // 房产信息 houseInfonList: [], // 房产信息
equipInfonList: [], // 设备信息 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: {}, // 自然人基本信息 NPBaseInfo: {}, // 自然人基本信息
ORGBaseInfo: {}, // 企业基本信息 ORGBaseInfo: {}, // 企业基本信息
saveInfo: {// 需要保存的信息 saveInfo: {// 需要保存的信息
...@@ -289,9 +304,12 @@ export default { ...@@ -289,9 +304,12 @@ export default {
bp_id: window.localStorage.bp_id, bp_id: window.localStorage.bp_id,
bp_class: window.localStorage.bp_class, bp_class: window.localStorage.bp_class,
equip_num: '', equip_num: '',
equip_num_n: '',
equip_value: '', equip_value: '',
engineer_con: '', engineer_con: '',
engineer_con_n: '',
enterpriese_nature: '', enterpriese_nature: '',
enterpriese_nature_n: '',
abc_deduction_flag: '', abc_deduction_flag: '',
special_flag: '', special_flag: '',
special_matter: '', special_matter: '',
...@@ -301,9 +319,6 @@ export default { ...@@ -301,9 +319,6 @@ export default {
house_type_n: '', house_type_n: '',
np_industry_exp_n: '', np_industry_exp_n: '',
np_occupation_n: '', np_occupation_n: '',
bp_id_guta_1: '',
bp_id_guta_2: '',
bp_id_guta_3: '',
}, },
} }
}, },
...@@ -344,20 +359,84 @@ export default { ...@@ -344,20 +359,84 @@ export default {
this.showModalValue = true this.showModalValue = true
this.getUndertake() this.getUndertake()
}, },
goRent () { addUndertake (e) {
this.$router.push({ 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', name: 'CreateRentInfo',
params: {
bp_agent_id: vm.bp_agent_id,
},
}) })
// } else {
// hlsPopup.showLongCenter(res.message)
// }
// })
}, },
getBaseInfo () { getBaseInfo () {
this.getEquipInfo()
if (this.bp_class === 'NP') { if (this.bp_class === 'NP') {
this.getNPInfo() this.getNPInfo()
this.getBussinessSituation() this.getBussinessSituation()
this.getJobSituation() this.getJobSituation()
this.getHouseInfo() this.getHouseInfo()
this.getEquipInfo() this.getAgentInfo()
} else if (this.bp_class === 'ORG') { } else if (this.bp_class === 'ORG') {
debugger
this.getORGInfo() this.getORGInfo()
this.getORGEquipInfo()
this.getORGEnge()
this.getAgentInfo()
this.getORGnative()
} }
}, },
getUndertake () { // 担保人查询 getUndertake () { // 担保人查询
...@@ -369,10 +448,9 @@ export default { ...@@ -369,10 +448,9 @@ export default {
'&index' + '&index' +
`'${randomString}'` `'${randomString}'`
let param = { let param = {
user_phone: window.localStorage.getItem('user_phone'), bp_agent_id: vm.bp_agent_id,
pagesize: 10, pagesize: 10,
pagenum: vm.status === 'APPROVED' ? vm.pagenumApproved : vm.pagenumNew, pagenum: vm.pageNum,
confirm_status: vm.status,
searchInput: vm.keyWord, searchInput: vm.keyWord,
} }
hlsPopup.showLoading('请稍候') hlsPopup.showLoading('请稍候')
...@@ -385,18 +463,17 @@ export default { ...@@ -385,18 +463,17 @@ export default {
vm.$refs.scroll.update(true) vm.$refs.scroll.update(true)
} else if (returnData.length > 0 && returnData.length < 10) { } else if (returnData.length > 0 && returnData.length < 10) {
vum.forEach(returnData, function (data, index, array) { 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) vm.$refs.scroll.update(true)
} else if (returnData.length === 10) { } else if (returnData.length === 10) {
vum.forEach(returnData, function (data, index, array) { 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.$refs.scroll.update(false)
} }
vm.selectShowList()
} else { } else {
hlsPopup.showLongCenter(res.message) hlsPopup.showLongCenter(res.message)
} }
...@@ -418,6 +495,109 @@ export default { ...@@ -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 () { getEquipInfo () {
let vm = this let vm = this
let url = process.env.basePath + 'prj_equip_values_query' let url = process.env.basePath + 'prj_equip_values_query'
...@@ -533,8 +713,15 @@ export default { ...@@ -533,8 +713,15 @@ export default {
}, },
}) })
}, },
getORGInfo () {}, deleteFun (e) {
deleteFun () {}, 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> </script>
...@@ -546,6 +733,9 @@ export default { ...@@ -546,6 +733,9 @@ export default {
no-repeat; no-repeat;
background-size: 20px 20px; background-size: 20px 20px;
} }
.mySlider{
height:68px;
}
.hls-list-item { .hls-list-item {
margin-bottom: 0px !important; 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