Skip to content

H
hls-xcmg-vue-app
Commit 904cca3a authored by Tyh's avatar Tyh
Browse files
Options

tyh

parent 8ede6c19
Pipeline #5455 canceled with stages
      Hide whitespace changes
      Inline Side-by-side
      Showing with 651 additions and 0 deletions
      src/pages/contractInquire/contract-records.vue
      View file @ 904cca3a
      ...@@ -233,6 +233,38 @@ export default { ...@@ -233,6 +233,38 @@ export default {
      vm.undo_flag = false vm.undo_flag = false
      vm.bp_type = vm.$route.params.bp_type vm.bp_type = vm.$route.params.bp_type
      vm.recordQuery('全部', vm.lists) vm.recordQuery('全部', vm.lists)
      }else{
      vm.selected = 'all'
      vm.pagenum = 1
      vm.unSigned_pagenum = 1
      vm.unRepay_pagenum = 1
      vm.repaying_pagenum = 1
      vm.repayed_pagenum = 1
      vm.undo_pagenum = 1
      vm.other_pagenum = 1
      vm.searchInput = ''
      vm.contract_status_n = '全部'
      vm.lists = []
      vm.unSignedLists = []
      vm.unRepayLists = []
      vm.repayingLists = []
      vm.repayedLists = []
      vm.undoLists = []
      vm.otherLists = []
      vm.unSigned_flag = false
      vm.unRepay_flag = false
      vm.repaying_flag = false
      vm.repayed_flag = false
      vm.other_flag = false
      vm.undo_flag = false
      if (window.localStorage.multipleRole === 'TENANT') {
      vm.bp_type = 'TENANT'
      } else if (window.localStorage.bp_type === 'TENANT' && !window.localStorage.multipleRole) {
      vm.bp_type = 'TENANT'
      } else {
      vm.bp_type = 'TENANT'
      }
      vm.recordQuery('全部', vm.lists)
      } }
      }) })
      }, },
      ......
      src/pages/functionCenter/function-list.vue 0 → 100755
      View file @ 904cca3a
      <template>
      <h-view id="function-center" class="public-style" title="产品查询">
      <h-content>
      <h-header class="bar-custom">
      <div slot="center" class="top-word">业务指引</div>
      </h-header>
      <!-- 搜索 -->
      <div class="search has-header">
      <img src="@/assets/functionCenter/xg-pic@2x.png" alt="" >
      </div>
      <div class="fun-item">
      <div class="userInfo"> 租前业务</div>
      <div class="info-content">
      <div class="add-name">
      <img src="@/assets/functionCenter/bound@2x.png" alt="" >
      <div class="name-title">用户绑定</div>
      </div>
      <div class="add-content" @click="userBind()">
      <img src="@/assets/functionCenter/in@2x.png" alt="" >
      </div>
      </div>
      </div>
      <div class="fun-item-before">
      <div class="userInfo"> 租中业务</div>
      <div class="info-content">
      <div class="add-name">
      <img src="@/assets/functionCenter/con-sign@2x.png" alt="" >
      <div class="name-title">合同签约</div>
      </div>
      <div class="add-content" @click="conSign">
      <img src="@/assets/functionCenter/in@2x.png" alt="" >
      </div>
      </div>
      <div class="info-content">
      <div class="add-name">
      <img src="@/assets/functionCenter/video@2x.png" alt="" >
      <div class="name-title">视频面签</div>
      </div>
      <div class="add-content" @click="goVideoSign">
      <img src="@/assets/functionCenter/in@2x.png" alt="" >
      </div>
      </div>
      <div class="info-content">
      <div class="add-name">
      <img src="@/assets/functionCenter/car@2x.png" alt="" >
      <div class="name-title">发车确认</div>
      </div>
      <div class="add-content" @click="goCarConfirm">
      <img src="@/assets/functionCenter/in@2x.png" alt="" >
      </div>
      </div>
      <div class="info-content">
      <div class="add-name">
      <img src="@/assets/functionCenter/payment@2x.png" alt="" >
      <div class="name-title">首付还款</div>
      </div>
      <div class="add-content" @click="goReimburse">
      <img src="@/assets/functionCenter/in@2x.png" alt="" >
      </div>
      </div>
      </div>
      <div class="fun-item-after">
      <div class="userInfo"> 租后业务</div>
      <div class="info-content">
      <div class="add-name">
      <img src="@/assets/functionCenter/rent@2x.png" alt="" >
      <div class="name-title">租金还款</div>
      </div>
      <div class="add-content" @click="changeRent">
      <img src="@/assets/functionCenter/in@2x.png" alt="" >
      </div>
      </div>
      <div class="info-content">
      <div class="add-name">
      <img src="@/assets/functionCenter/con-que@2x.png" alt="" >
      <div class="name-title">合同查询</div>
      </div>
      <div class="add-content" @click="changeContract('GUTA')">
      <img src="@/assets/functionCenter/in@2x.png" alt="" >
      </div>
      </div>
      </div>
      </h-content>
      </h-view>
      </template>
      <script>
      export default {
      name: 'functionList',
      data () {
      return {
      prolists: [],
      divisionList: [],
      list_flag: false,
      factory_bp_id: '',
      searchInput: '', // 搜索内容
      pagenum: 1,
      }
      },
      computed: {},
      watch: {
      },
      beforeRouteEnter (to, from, next) {
      if (from.name === 'HomePage') {
      next(vm => {
      vm.userQuery()
      })
      }
      next()
      },
      methods:
      {
      userQuery () {
      let vm = this
      let url = $config.basePath + 'user_query'
      let param = {
      phone: window.localStorage.getItem('user_phone'),
      }
      vm.hlsPopup.showLoading('请稍候')
      vm.$post(url, param).then(function (res) {
      vm.hlsPopup.hideLoading()
      if (res.result === 'S') {
      if (res.info.user_bp_status === 'APPROVED') {
      vm.flag = false
      }
      vm.user_bp_status = res.info.user_bp_status
      vm.user_bp_class = res.info.user_bp_class
      vm.bp_id = res.info.user_bp_id
      vm.bp_identity = res.info.bp_identity
      vm.app_user_id = res.info.app_user_id
      window.localStorage.removeItem('bp_id')
      window.localStorage.setItem('bp_id', res.info.user_bp_id)
      window.localStorage.setItem('user_bp_status', res.info.user_bp_status)
      window.localStorage.setItem('bp_name', res.info.user_bp_name)
      window.localStorage.setItem('bp_identity', res.info.bp_identity)
      window.localStorage.setItem('bp_class', res.info.user_bp_class)
      window.localStorage.setItem('bp_type', res.info.user_bp_type)
      vm.user_bp_name = res.info.user_bp_name
      vm.user_bp_type = res.info.user_bp_type
      vm.user_phone = res.info.user_phone
      vm.bp_type_n = res.info.user_bp_type_n
      if (vm.user_bp_type === 'AGENT') {
      vm.isAGENT = true
      } else {
      vm.isAGENT = false
      }
      if (vm.user_bp_type === 'GUTA' || vm.user_bp_type === 'TENANT' || vm.user_bp_type === 'AGENT') {
      vm.isMultiRole = true
      } else {
      vm.isMultiRole = false
      }
      } else {
      this.hlsPopup.showLongCenter(res.message)
      }
      })
      },
      //合同签约
      conSign(){
      let vm = this
      if (this.bp_id) {
      this.$router.push({
      name: 'ContractSigning',
      params: {
      user_bp_type: this.user_bp_type,
      },
      })
      } else {
      hlsPopup.showLongCenter('请先进行用户绑定')
      }
      },
      // 视频面签
      goVideoSign () {
      let vm = this
      if (this.bp_id) {
      if(vm.user_bp_type === 'GUTA' || vm.user_bp_type === 'TENANT' || vm.user_bp_type === 'AGENT'){
      hlsPopup.showLongCenter('您当前角色非承租人或担保人，无法使用该功能！')
      }else{
      this.$router.push({
      name: 'VideoSign',
      })
      }
      } else {
      hlsPopup.showLongCenter('请先进行用户绑定')
      }
      },
      // 进入 合同查询
      changeContract (e) {
      let vm = this
      this.$router.push({
      name: 'ContractRecords',
      params: {
      bp_type: e,
      },
      })
      },
      // 进入发车确认
      goCarConfirm () {
      let vm = this
      if (this.bp_id) {
      if(vm.user_bp_type === 'GUTA' || vm.user_bp_type === 'TENANT' || vm.user_bp_type === 'AGENT'){
      hlsPopup.showLongCenter('您当前角色非承租人或担保人，无法使用该功能！')
      }else{
      this.$router.push({
      name: 'ConfirmList',
      })
      }
      } else {
      hlsPopup.showLongCenter('请先进行用户绑定')
      }
      },
      // 进入我的还款
      goReimburse () {
      let vm = this
      if (this.bp_id) {
      if(vm.user_bp_type === 'GUTA' || vm.user_bp_type === 'TENANT' || vm.user_bp_type === 'AGENT'){
      hlsPopup.showLongCenter('您当前角色非承租人或担保人，无法使用该功能！')
      }else{
      this.$router.push({
      name: 'ReimburseMyselfList',
      })
      }
      } else {
      hlsPopup.showLongCenter('请先进行用户绑定')
      }
      },
      changeRent () {
      let vm = this
      if (window.localStorage.getItem('bp_id') !== 'undefined') {
      if(vm.user_bp_type === 'GUTA' || vm.user_bp_type === 'TENANT' || vm.user_bp_type === 'AGENT'){
      hlsPopup.showLongCenter('您当前角色非承租人或担保人，无法使用该功能！')
      }else{
      this.$router.push({
      name: 'NewList',
      })
      }
      } else {
      hlsPopup.showLongCenter('请先进行用户绑定')
      }
      },
      userBind(){
      let vm = this
      console.log(this.bp_id)
      console.log(this.user_bp_status)
      if (!this.bp_id && this.user_bp_status === 'NEW') {
      this.$router.push({
      name: 'UserBind',
      })
      }else if (this.bp_id && this.user_bp_status === 'NEW') {
      // this.description = '待提交'
      if(this.bp_id ==='NP'){
      this.$router.push({
      name: 'NaturePerson',
      })
      }else if(his.bp_id ==='ORG'){
      this.$router.push({
      name: 'Enterprise',
      })
      }
      }else if (
      (this.bp_id && this.user_bp_status === 'RETURN') ||
      (this.bp_id && this.user_bp_status === 'REJECT')
      ) {
      //this.description = '审核未通过'
      } else if (this.bp_id && this.user_bp_status === 'APPROVED') {
      //this.description = '解除绑定' 已绑定
      hlsPopup.showLongCenter('您已完成用户绑定，请到个人中心查看或修改信息！')
      }else {
      // this.description = '审批中'
      hlsPopup.showLongCenter('您的用户绑定申请正在审批中！')
      }
      }
      },
      }
      </script>
      <style lang='less'>
      #function-center {
      .search {
      background-color: #fff;
      position: absolute;
      width: 100%;
      z-index: 1;
      width: 100%;
      position: absolute;
      img {
      width: 100%;
      height: 150px;
      }
      }
      .fun-item{
      background: #FFFFFF;
      border-radius: 20px;
      width: 80%;
      margin-left: 10%;
      position: absolute;
      z-index: 2;
      margin-top: 120px;
      .userInfo {
      height: 35px;
      line-height: 35px;
      color: @headerColor;
      margin-top: 5px;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #1D3FFF;
      letter-spacing: 0;
      margin-left: 30px;
      position: relative;
      }
      .userInfo::before {
      content: "";
      display: block;
      width: 4px;
      height: 16px;
      background-color: @headerColor;
      position: absolute;
      left: -15px;
      top: 9px;
      }
      .info-content{
      width: 85%;
      margin-left: 10%;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      .add-name{
      width: 70%;
      display: -webkit-flex;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      -webkit-align-items: center;
      img{
      height: 15px;
      width: 15px;
      }
      }
      .name-title{
      margin-left: 2%;
      font-family: PingFangSC-Regular;
      font-size: 15px;
      color: #656464;
      letter-spacing: 0;
      line-height: 18px;
      }
      }
      .add-content{
      width: 20%;
      display: -webkit-flex;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      align-items: center;
      -webkit-justify-content: flex-end;
      -webkit-align-items: center;
      img{
      height: 15px;
      width: 14px;
      }
      }
      }
      .fun-item-before{
      background: #FFFFFF;
      border-radius: 20px;
      width: 80%;
      margin-left: 10%;
      // position: absolute;
      // z-index: 2;
      margin-top: 210px;
      .userInfo {
      height: 35px;
      line-height: 35px;
      color: @headerColor;
      margin-top: 5px;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #1D3FFF;
      letter-spacing: 0;
      margin-left: 30px;
      position: relative;
      }
      .userInfo::before {
      content: "";
      display: block;
      width: 4px;
      height: 16px;
      background-color: @headerColor;
      position: absolute;
      left: -15px;
      top: 9px;
      }
      .info-content{
      width: 85%;
      margin-left: 10%;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      .add-name{
      width: 70%;
      display: -webkit-flex;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      -webkit-align-items: center;
      img{
      height: 15px;
      width: 15px;
      }
      }
      .name-title{
      margin-left: 2%;
      font-family: PingFangSC-Regular;
      font-size: 15px;
      color: #656464;
      letter-spacing: 0;
      line-height: 18px;
      }
      }
      .add-content{
      width: 20%;
      display: -webkit-flex;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      align-items: center;
      -webkit-justify-content: flex-end;
      -webkit-align-items: center;
      img{
      height: 15px;
      width: 14px;
      }
      }
      }
      .fun-item-after{
      background: #FFFFFF;
      border-radius: 20px;
      width: 80%;
      margin-left: 10%;
      margin-top: 10px;
      // position: absolute;
      // z-index: 2;
      .userInfo {
      height: 35px;
      line-height: 35px;
      color: @headerColor;
      margin-top: 5px;
      font-family: PingFangSC-Semibold;
      font-size: 15px;
      color: #1D3FFF;
      letter-spacing: 0;
      margin-left: 30px;
      position: relative;
      }
      .userInfo::before {
      content: "";
      display: block;
      width: 4px;
      height: 16px;
      background-color: @headerColor;
      position: absolute;
      left: -15px;
      top: 9px;
      }
      .info-content{
      width: 85%;
      margin-left: 10%;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      .add-name{
      width: 70%;
      display: -webkit-flex;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      -webkit-align-items: center;
      img{
      height: 15px;
      width: 15px;
      }
      }
      .name-title{
      margin-left: 2%;
      font-family: PingFangSC-Regular;
      font-size: 15px;
      color: #656464;
      letter-spacing: 0;
      line-height: 18px;
      }
      }
      .add-content{
      width: 20%;
      display: -webkit-flex;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: end;
      justify-content: flex-end;
      -webkit-box-align: center;
      align-items: center;
      -webkit-justify-content: flex-end;
      -webkit-align-items: center;
      img{
      height: 15px;
      width: 14px;
      }
      }
      }
      }
      .content{
      position: absolute;
      top:0;
      }
      .platform-ios {
      #query {
      .scrollContent {
      padding-top: 2.32rem;
      }
      }
      }
      // iPhoneX适配
      @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
      .platform-ios {
      #query {
      .scrollContent {
      padding-top: 2.72rem;
      }
      }
      }
      }
      // iPhoneXR适配
      @media (device-width: 414px) and (device-height: 896px) {
      .platform-ios {
      #query {
      .scrollContent {
      padding-top: 2.72rem;
      }
      .search {
      input {
      background: url("../../assets/contractStart/search1.png") 320px
      no-repeat;
      background-size: 16px 16px;
      background-color: rgba(239, 239, 239, 0.55);
      padding: 8px 12px;
      border-radius: 4px;
      width: 100%;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #888c8f;
      }
      }
      }
      }
      }
      </style>
      src/pages/tab.vue
      View file @ 904cca3a
      ...@@ -26,6 +26,11 @@ ...@@ -26,6 +26,11 @@
      <img slot="icon" src="../assets/image/tab/n_message@2x.png"> <img slot="icon" src="../assets/image/tab/n_message@2x.png">
      <span slot="label">消息</span> <span slot="label">消息</span>
      </tabbar-item> </tabbar-item>
      <tabbar-item :link="{path:'/tab/function-center'}" :selected="$route.path === '/tab/function-center'">
      <img slot="icon-active" src="../assets/image/tab/function@2x.png">
      <img slot="icon" src="../assets/image/tab/n_function@2x.png">
      <span slot="label">业务办理</span>
      </tabbar-item>
      <tabbar-item @click.native="tabClick"> <tabbar-item @click.native="tabClick">
      <img slot="icon-active" src="../assets/image/tab/my@2x.png"> <img slot="icon-active" src="../assets/image/tab/my@2x.png">
      <img slot="icon" src="../assets/image/tab/n_my@2x.png"> <img slot="icon" src="../assets/image/tab/n_my@2x.png">
      ......
      src/router/index.js
      View file @ 904cca3a
      ...@@ -132,6 +132,9 @@ import About from '@/pages/myInfo/About' ...@@ -132,6 +132,9 @@ import About from '@/pages/myInfo/About'
      import UserAgree from '@/pages/myInfo/UserAgreement' import UserAgree from '@/pages/myInfo/UserAgreement'
      import PrivacyPolicy from '@/pages/myInfo/PrivacyPolicy' import PrivacyPolicy from '@/pages/myInfo/PrivacyPolicy'
      // 业务办理
      import FunctionCenter from '@/pages/functionCenter/function-list'
      // 我的发票 // 我的发票
      import MyInvoice from '@/pages/invoice/invoice' import MyInvoice from '@/pages/invoice/invoice'
      Vue.use(Router) Vue.use(Router)
      ...@@ -160,6 +163,7 @@ export default new Router({ ...@@ -160,6 +163,7 @@ export default new Router({
      {path: '/tab/home-page', component: HomePage, name: 'HomePage', meta: {keepAlive: false}}, {path: '/tab/home-page', component: HomePage, name: 'HomePage', meta: {keepAlive: false}},
      {path: '/tab/my-info', component: MyInfo, name: 'MyInfo', meta: {keepAlive: true}}, {path: '/tab/my-info', component: MyInfo, name: 'MyInfo', meta: {keepAlive: true}},
      {path: '/tab/message-center', component: MessageCenter, name: 'MessageCenter', meta: {keepAlive: true}}, {path: '/tab/message-center', component: MessageCenter, name: 'MessageCenter', meta: {keepAlive: true}},
      {path: '/tab/function-center', component: FunctionCenter, name: 'FunctionCenter', meta: {keepAlive: true}},
      ], ],
      }, },
      ......
      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