dev测试环境跳转接口调整

src/pages/applications/cmbPolyPay/cmbPolyPay.vue

@@ -23,9 +23,9 @@
     </div>
     <div v-if="ListNum != 0" class="billList">
       <article v-for="(item, index) in massages" :key="item.id" class="article" style="margin-top:10px">
-        <img slot="left-icon" src="../../../assets\electronicContract\contract-icon.png" class="icon">
-        <div slot="name" class="text" style="width: 82%;font-size: 12px;margin-top:15px">
-          <div class="cont-type" style="color: #5a5959;font-size: 14px;font-weight:bold">承租人：{{ item.customername }}
+        <img slot="left-icon" src="../../../assets\electronicContract\contract-list.png" class="icon">
+        <div slot="name" class="text" style="width: 80%;font-size: 12px;">
+          <div class="cont-type" style="color: #000;font-size: 14px;font-weight:700">承租人：{{ item.customername }}
           </div>
           <div class="cont-type" style="color: #5a5959;font-size: 14px">经销商：{{ item.dealername }}</div>
           <div class="cont-type" style="color: #5a5959;font-size: 14px">产品名称：{{ item.modelname }}</div>
@@ -33,24 +33,26 @@
           <div class="cont-type" style="color: #5a5959;font-size: 14px">机号：{{ item.serialno }}</div>
           <div class="cont-type" style="color: #5a5959;font-size: 14px">租金总额：{{ item.contractamt }}</div>
           <div class="cont-type" style="color: #5a5959;font-size: 14px">租赁开始日：{{ item.leasebgndt }}</div>
-          <div class="cont-type" style="color: #5a5959;font-size: 14px">状态：<span>{{ item.status }}</span></div>
+          <div class="cont-type" style="color: #5a5959;font-size: 14px">状态：<span style="font-weight: 700;
+          color: rgba(198, 0, 0, 0.5);">{{ item.status }}</span></div>
         </div>
         <button @click="download(index)">账单下载</button>
-        <router-link :to="{name:'CmbPolyPayDetail',query:{contractno:item.contractno}}"><span class="more">&gt;</span>
+        <router-link v-if="item.status == '还款中'" :to="{name:'CmbPolyPayDetail',query:{contractno:item.contractno}}">
+          <img src="../../../assets\image\right-arrow@2x.png" class="more" alt="">
         </router-link>
       </article>
     </div>
     <div v-else-if="ListNum == 0" class="billList">
       <div style="
-              width: 160px;
-              height: 120px;
+              width: 200px;
+              height: 160px;
               position: relative;
               left: 50%;
               top: 100px;
-              transform: translateX(-80px);
+              transform: translateX(-100px);
             ">
-        <img src="../../../assets\image\nobill.png" style="width: 160px; height: 120px" alt="">
-        <p style="text-align: center">暂无相关合同信息</p>
+        <img src="../../../assets\image\nobill.png" style="width: 200px; height: 160px" alt="">
+        <p style="text-align: center; color:#555;">暂无相关合同信息</p>
       </div>
     </div>
   </div>
@@ -79,22 +81,23 @@ export default {
       let vm = this
       let value = vm.searchCondition.input
       let url = process.env.basePath + 'getCmbConList'
-      // http://sign.hitachics.com/core/r/api?sysName=HCL_UPLOAD_FILE&apiName=getCmbConList
+      // console.log('请求数据')
       let params = {
-        // openId: "oBdoRwAgUiwsQvNGYhBYks6JJLPE",
-        openId: openId,
+        openId: 'oBdoRwAgUiwsQvNGYhBYks6JJLPE',
+        // openId: openId,
         serialno: value,
       }
       // console.log("请求");
       vm.hlsPopup.showLoading('请稍候')
       vm.hlsHttp.post(url, params).then(function (res) {
         vm.hlsPopup.hideLoading()
+        // console.log(res)
         if (res.result.respCode === 'S') {
           var dataInfo = JSON.parse(res.result.json)
-          // console.log('请求成功', dataInfo.lists)
           vm.ListNum = dataInfo.lists.length
           vm.massages = dataInfo.lists
         } else {
+          vm.ListNum = 0
           vm.hlsPopup.showLongCenter('查询合同列表失败' + res.result.respMsg)
         }
       })
@@ -102,6 +105,9 @@ export default {
     download (index) {
       console.log('下载')
     },
+    detectSearchCondition () {
+      this.searchBill(window.localStorage.openId)
+    },
   },
 }
 </script>
@@ -114,21 +120,19 @@ export default {
   margin-top: 10px;
   // margin-bottom: 10px;
   position: relative;
-
+  border: 1px solid #cccccc;
+  border-radius: 20px;
   .searchInput {
     margin-left: 5%;
     display: -webkit-flex;
-    border: 1px solid #cccccc;
     /* margin: 0.14rem 0.2rem; */
     width: 80%;
     height: 0.56rem;
-    border-radius: 20px;
     display: -webkit-box;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-align-items: center;
-
     input {
       text-align: center;
       width: 90%;
@@ -142,6 +146,14 @@ export default {
       //padding-left: 11px;
     }
   }
+  button {
+    margin-right: -10px;
+    background-color: rgb(230, 230, 230);
+    border: 1px solid #cccccc;
+    border-radius: 20px;
+    width: 15%;
+    height: 100%;
+  }
 }
 // 账单卡片列表
 .billList {
@@ -152,16 +164,27 @@ export default {
     border: 1px solid #d0d0d0;
     border-radius: 8px;
     margin: 0 auto 12px;
-    height: 170px;
+    height: 200px;
     width: 98%;
     .text {
-      margin-left: 50px;
+      margin-left: 45px;
+      position: relative;
+      top: 50%;
+      transform: translateY(-50%);
+      .cont-type {
+        padding-top: 2px;
+        width: 100%;
+        word-wrap: break-word;
+      }
+      :nth-child(1) {
+        width: 200px;
+      }
     }
     .icon {
       //左侧图标
       position: relative;
       float: left;
-      width: 50px;
+      width: 40px;
       padding-left: 5px;
       top: 50%;
       transform: translateY(-20px);
@@ -176,17 +199,16 @@ export default {
     }
     button {
       position: absolute;
-      top: 5px;
+      top: 12px;
       right: 5px;
       width: 75px;
       height: 25px;
       font-size: 14px;
-      background-color: #999999;
-      border: 2px solid #999999;
+      background-color: #d1d1d1;
+      border: 2px solid #dcd0d0;
       border-radius: 5px;
     }
     .more {
-      font-size: 32px;
       position: absolute;
       right: 5px;
       top: 50%;

src/pages/home.vue

@@ -202,9 +202,8 @@ export default {
       //     },
       //   })
       // } else {
-      debugger
 
-      window.localStorage.authFlag == 'Y' || data.functionState == 'UserRegister' || data.functionState == 'ChinaUnionPay' || data.functionState == 'cmbPolyPay' ? this.$router.push({ name: data.functionState }) : hlsPopup.showPopup({
+      window.localStorage.authFlag == 'Y' || data.functionState == 'UserRegister' || data.functionState == 'ChinaUnionPay' || data.functionState == 'CmbPolyPay' ? this.$router.push({ name: data.functionState }) : hlsPopup.showPopup({
         title: '提示',
         content: '当前用户未完成注册，请先注册!',
         onConfirm: function () {

src/router/index.js

@@ -42,8 +42,10 @@ import UploadImg from '@/pages/applications/userRegisters/uploadImg'
 import UploadImage from '@/pages/applications/userRegisters/uploadImage'
 // 银联电子签约
 import ChinaUnionPay from '@/pages/applications/chinaUnionPay/chinaUnionPay'
-// 银联电子签约
+// 招行聚合支付
 import CmbPolyPay from '@/pages/applications/cmbPolyPay/cmbPolyPay'
+// 招行聚合支付明细
+import CmbPolyPayDetail from '@/pages/applications/cmbPolyPay/cmbPolyPayDetail'
 
 Vue.use(Router)
 // 全局跳转路由方法
@@ -224,6 +226,15 @@ export default new Router({
       keepAlive: false,
     },
   },
+  // 招行聚合支付合同明细
+  {
+    path: '/CmbPolyPayDetail',
+    component: CmbPolyPayDetail,
+    name: 'CmbPolyPayDetail',
+    meta: {
+      keepAlive: false,
+    },
+  },
   ],
   scrollBehavior (to, from, savedPosition) {
     if (to.hash) {