Skip to content

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

Merge branch 'liuxin' into develop

parents 4e8b3c2a 008dc514
Pipeline #4285 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 570 additions and 299 deletions
      src/pages/contractCreate/creat-rent-info.vue
      View file @ 31813c1f
      ...@@ -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 @ 31813c1f
      ...@@ -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