Merge branch 'develop' of https://hel.hand-china.com/xugong/hls-xcmg-vue-app into develop

src/pages/carConfirm/confirm-list.vue

 <template>
-  <h-view id="startList">
+  <h-view id="confirmList">
     <h-header :proportion="[5,1,1]" class="bar-custom">
       <div slot="left" class="h-header-btn">
         <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
@@ -7,16 +7,10 @@
       </div>
     </h-header>
     <Tab @getTabNum="getTabNum" />
-    <div class="search">
+    <div class="search has-header">
       <input v-model="keyWord" placeholder="请输入合同号/产品线/承租人名称" >
     </div>
-    <h-content class="my-content">
-      <scroll
-        ref="scroll"
-        :updateData="[showList]"
-        :pullUp="true"
-        @pullingUp="getList"
-      >
+    <scroll ref="scroll" :updateData="[showList]" :pullUp="true" @pullingUp="getList">
       <div v-for="(item,index) in showList" :key="index" class="item" @click="changePage(item)">
         <div class="left">
           <span>
@@ -47,7 +41,6 @@
         </div>
       </div>
     </scroll>
-    </h-content>
   </h-view>
 </template>
 <script>
@@ -68,7 +61,7 @@ export default {
     }
   },
   watch: {
-    'tabNum': {
+    tabNum: {
       handler (newVal, oldVal) {
         if (newVal === 0) {
           this.showList = this.undo
@@ -82,8 +75,7 @@ export default {
       this.search()
     },
   },
-  created () {
-  },
+  created () {},
   beforeRouteEnter (to, from, next) {
     next(vm => {
       vm.pagenum = 1
@@ -95,7 +87,11 @@ export default {
     search () {
       let vm = this
       let randomString = Math.floor(Math.random() * 21)
-      let url = process.env.basePath + 'car_confirm_list_query' + '&index' + `'${randomString}'`
+      let url =
+        process.env.basePath +
+        'car_confirm_list_query' +
+        '&index' +
+        `'${randomString}'`
       let param = {
         user_phone: window.localStorage.getItem('user_phone'),
         searchInput: vm.keyWord,
@@ -138,7 +134,11 @@ export default {
     getList () {
       let vm = this
       let randomString = Math.floor(Math.random() * 21)
-      let url = process.env.basePath + 'car_confirm_list_query' + '&index' + `'${randomString}'`
+      let url =
+        process.env.basePath +
+        'car_confirm_list_query' +
+        '&index' +
+        `'${randomString}'`
       let param = {
         user_phone: window.localStorage.getItem('user_phone'),
         pagesize: 10,
@@ -175,14 +175,16 @@ export default {
   },
 }
 </script>
-<style lang="less" scoped>
-#startList {
+<style lang="less">
+#confirmList {
   .search {
-    height: 52px;
     background-color: #fff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+    padding: 8px 12px;
+    position: absolute;
+    width: 100%;
+    z-index: 100;
+    margin-top: 52px;
+    margin-bottom: 8px;
     input {
       width: 351px;
       height: 36px;
@@ -210,7 +212,6 @@ export default {
       border: 2px solid #bcc6ff;
     }
   }
-  .my-content {
     .item {
       width: 359px;
       height: 148px;
@@ -264,7 +265,7 @@ export default {
             font-size: 14px;
             color: #4b4a4b;
             letter-spacing: 0;
-              font-weight:bold;
+            font-weight: bold;
           }
           li {
             font-family: PingFangSC-Regular;
@@ -280,6 +281,44 @@ export default {
         }
       }
     }
+    .content {
+    position: absolute;
+    top: 0;
+  }
+  .scrollContent {
+    padding-top: 2.92rem;
+    padding-bottom: 20px;
+  }
+  .tab-style {
+    width: 100%;
+    position: absolute;
+  }
+}
+.platform-ios {
+  #confirmList {
+    .scrollContent {
+      padding-top: 3.32rem;
+    }
+  }
+}
+
+@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
+  .platform-ios {
+    #confirmList {
+      .scrollContent {
+        padding-top: 3.72rem;
+      }
+    }
+  }
+}
+// iPhoneXR适配
+@media (device-width: 414px) and (device-height: 896px) {
+  .platform-ios {
+    #confirmList {
+      .scrollContent {
+        padding-top: 3.72rem;
+      }
+    }
   }
 }
 </style>

src/pages/contractRepayment/contract-repayment.vue

@@ -6,9 +6,10 @@
         <span>合同还款</span>
       </div>
     </h-header>
-
-    <h-content v-if="data!==null" class="pay-content">
-      <scroll ref="scroll" :updateData="[lists]" :pullUp="true" @pullingUp="getList">
+    <scroll
+      v-if="data!==null"
+      ref="scroll" :updateData="[lists]" :pullUp="true" class="pay-content has-header"
+      @pullingUp="getList">
       <div v-for="(item,index) in lists" :key="index" class="contract-item">
         <div class="header">
           <img src="@/assets/contractRepayment/contract.png" alt="">
@@ -26,7 +27,7 @@
           </section>
         </div>
       </div>
-    </scroll></h-content>
+    </scroll>
     <h-content v-if="data===null" class="null">
       <div class="display">
         <img src="@/assets/contractRepayment/null.png" alt="">
@@ -325,6 +326,41 @@ export default {
     }
 
   }
+  .content {
+    position: absolute;
+    top: 0;
+  }
+  .scrollContent {
+    padding-top: 0.8rem;
+    padding-bottom: 20px;
+  }
+}
+
+.platform-ios {
+  #contract-repayment {
+    .scrollContent {
+      padding-top: 1.2rem;
+    }
+  }
+}
 
+@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
+  .platform-ios {
+    #contract-repayment {
+      .scrollContent {
+        padding-top: 1.6rem;
+      }
+    }
+  }
+}
+// iPhoneXR适配
+@media (device-width: 414px) and (device-height: 896px) {
+  .platform-ios {
+    #contract-repayment {
+      .scrollContent {
+        padding-top: 1.6rem;
+      }
+    }
+  }
 }
 </style>

src/pages/contractStart/start-list.vue

@@ -6,18 +6,12 @@
         <span>合同发车</span>
       </div>
     </h-header>
-    <Tab :fatherTabNum = "tabNum" @getTabNum="getTabNum" />
-    <div class="search">
+    <Tab :fatherTabNum="tabNum" @getTabNum="getTabNum" />
+    <div class="search has-header">
       <input v-model="keyWord" placeholder="请输入合同号/产品线/承租人名称" >
     </div>
-    <h-content class="my-content">
     <scroll ref="scroll" :updateData="[lists]" :pullUp="true" @pullingUp="getList">
-        <div
-          v-for="(item,index) in showList"
-          :key="index"
-          class="item"
-          @click="changePage(item)"
-        >
+      <div v-for="(item,index) in showList" :key="index" class="item" @click="changePage(item)">
         <div class="left">
           <span>
             <img src="@/assets/contractStart/icon.png" >
@@ -47,7 +41,6 @@
         </div>
       </div>
     </scroll>
-    </h-content>
     <bottom-tab>
       <tab-button class="add" @click.native="goAdd">新增发车</tab-button>
     </bottom-tab>
@@ -94,13 +87,16 @@ export default {
       this.search()
     },
   },
-  created () {
-  },
+  created () {},
   methods: {
     search () {
       let vm = this
       let randomString = Math.floor(Math.random() * 21)
-      let url = process.env.basePath + 'car_apply_list_query' + '&index' + `'${randomString}'`
+      let url =
+        process.env.basePath +
+        'car_apply_list_query' +
+        '&index' +
+        `'${randomString}'`
       let param = {
         user_phone: window.localStorage.getItem('user_phone'),
         searchInput: vm.keyWord,
@@ -120,7 +116,9 @@ export default {
       vm.done = []
       vm.tabNum = 0
       vm.undo = vm.lists.filter(i => {
-        return i.car_start_status === 'REJECTED' || i.car_start_status === 'NEW'
+        return (
+          i.car_start_status === 'REJECTED' || i.car_start_status === 'NEW'
+        )
       })
       vm.done = vm.lists.filter(i => {
         return i.car_start_status === 'APPROVED'
@@ -149,7 +147,11 @@ export default {
     getList () {
       let vm = this
       let randomString = Math.floor(Math.random() * 21)
-      let url = process.env.basePath + 'car_apply_list_query' + '&index' + `'${randomString}'`
+      let url =
+        process.env.basePath +
+        'car_apply_list_query' +
+        '&index' +
+        `'${randomString}'`
       let param = {
         user_phone: window.localStorage.getItem('user_phone'),
         pagesize: 10,
@@ -186,14 +188,16 @@ export default {
   },
 }
 </script>
-<style lang="less" scoped>
+<style lang="less">
 #startList {
   .search {
-    height: 52px;
     background-color: #fff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+    padding: 8px 12px;
+    position: absolute;
+    width: 100%;
+    z-index: 100;
+    margin-top: 52px;
+    margin-bottom: 8px;
     input {
       width: 351px;
       height: 36px;
@@ -221,7 +225,6 @@ export default {
       border: 2px solid #bcc6ff;
     }
   }
-  .my-content {
   .item {
     width: 359px;
     height: 148px;
@@ -291,10 +294,49 @@ export default {
       }
     }
   }
-  }
   .add {
     color: #fff;
     background-color: #0041c4;
   }
+  .content {
+    position: absolute;
+    top: 0;
+  }
+  .scrollContent {
+    padding-top: 2.92rem;
+    padding-bottom: 20px;
+  }
+  .tab-style {
+    width: 100%;
+    position: absolute;
+  }
+}
+
+.platform-ios {
+  #startList {
+    .scrollContent {
+      padding-top: 3.32rem;
+    }
+  }
+}
+
+@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
+  .platform-ios {
+    #startList {
+      .scrollContent {
+        padding-top: 3.72rem;
+      }
+    }
+  }
+}
+// iPhoneXR适配
+@media (device-width: 414px) and (device-height: 896px) {
+  .platform-ios {
+    #startList {
+      .scrollContent {
+        padding-top: 3.72rem;
+      }
+    }
+  }
 }
 </style>

src/pages/distributorSign/contract-list.vue

@@ -15,18 +15,18 @@
     <Tab @getTabNum="getTabNum"/>
     <div class="hinput">
       <div class="search-box">
-        <input type="text" placeholder="请输入合同号/承租人名称">
+        <input v-model="searchInput" type="text" placeholder="请输入合同号/承租人名称">
         <img src="@/assets/distributorSign/search.png" alt="">
       </div>
     </div>
     <scroll
-      v-if="tabNum === 0"
       ref="scroll"
-      :updateData="[submitLists]"
+      :updateData="[showLists]"
       :pullUp="true"
+      @pullingUp="loadMore"
     >
       <div class="wrap">
-        <div v-for="(item,index) in submitLists" :key="index" class="contract-lists" >
+        <div v-for="(item,index) in showLists" :key="index" class="contract-lists" >
           <div class="pro-code" @click="goDetails(item)">
             <img src="@/assets/distributorSign/fileIcon.png" alt="" class="file-icon">
             <p>
@@ -43,32 +43,6 @@
         </div>
       </div>
     </scroll>
-
-    <scroll
-      v-if="tabNum === 1"
-      ref="scrollList"
-      :updateData="[approvedLists]"
-      :pullUp="true"
-    >
-      <div class="wrap">
-        <div v-for="(item,index) in approvedLists" :key="index" class="contract-lists" >
-          <div class="pro-code" @click="goDetails(item)">
-            <img src="@/assets/distributorSign/fileIcon.png" alt="" class="file-icon">
-            <p>
-              <span>合同号</span>
-              <span>{{ item.project_number }}</span>
-            </p>
-            <img src="@/assets/distributorSign/goDetails.png" alt="" class="arrow">
-          </div>
-          <div class="box">
-            <div><p>承租人</p><p>{{ item.bp_name }}</p></div>
-            <div><p>合同租金</p><p class="money">{{ item.total_price|currency }}</p></div>
-            <div><p>申请时间</p><p>{{ dateConverse(item.confirm_start_date) }}</p></div>
-          </div>
-        </div>
-      </div>
-    </scroll>
-
   </h-view>
 </template>
 
@@ -81,13 +55,38 @@ export default {
   },
   data () {
     return {
-      tabNum: 0,
+      tabNum: null,
+      pagenum: 1,
+      searchInput: '',
       lists: [],
+      showLists: [],
       submitLists: [],
       approvedLists: [],
     }
   },
+  watch: {
+    'tabNum': {
+      handler (newVal, oldVal) {
+        if (newVal === 0) {
+          this.showLists = this.submitLists
+        } else if (newVal === 1) {
+          this.showLists = this.approvedLists
+        }
+      },
+      immediate: true,
+    },
+    searchInput () {
+      let vm = this
+      if (vm.timeout) {
+        clearTimeout(vm.timeout)
+      }
+      vm.timeout = setTimeout(() => {
+        vm.search()
+      }, 1000)
+    },
+  },
   created () {
+    this.tabNum = 0
     this.getLists()
   },
   methods: {
@@ -96,25 +95,99 @@ export default {
       let vm = this
       let url = $config.basePath + 'prj_confirm_list_query'
       let param = {
+        pagesize: 10,
+        pagenum: vm.pagenum,
+        searchInput: vm.searchInput,
         user_phone: window.localStorage.user_phone,
       }
       vm.hlsPopup.showLoading('数据加载中')
       vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
+          vm.lists = res.lists
           vm.submitLists = res.lists.filter(item => item.confirm_status === 'SUBMIT')
           vm.approvedLists = res.lists.filter(item => item.confirm_status === 'APPROVED')
-          if (vm.submitLists.length > 0 && vm.submitLists.length < 10) {
+          vm.showLists = vm.submitLists
+          if (res.lists.length > 0 && res.lists.length < 10) {
+            vm.$refs.scroll.update(true)
+          } else if (res.lists.length === 10) {
+            vm.$refs.scroll.update(false)
+          }
+        } else {
+          hlsPopup.showLongCenter(res.message)
+        }
+      })
+    },
+    loadMore () {
+      let vm = this
+      vm.pagenum++
+      let url = $config.basePath + 'prj_confirm_list_query'
+      let param = {
+        user_phone: window.localStorage.user_phone,
+        pagesize: 10,
+        pagenum: vm.pagenum,
+        searchInput: vm.searchInput,
+      }
+      vm.hlsPopup.showLoading('数据加载中')
+      vm.hlsHttp.post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        let returnData = []
+        if (res.result === 'S') {
+          returnData = res.lists
+          if (returnData.length === 0) {
+            vm.$refs.scroll.update(true)
+          } else if (returnData.length > 0 && returnData.length < 10) {
+            returnData.forEach((data, index, array) => {
+              vm.lists.push(array[index])
+            })
             vm.$refs.scroll.update(true)
+          } else if (returnData.length === 10) {
+            returnData.forEach((data, index, array) => {
+              vm.lists.push(array[index])
+            })
+            vm.$refs.scroll.update(false)
           }
-          if (vm.approvedLists.length > 0 && vm.approvedLists.length < 10) {
-            vm.$refs.scrollList.update(true)
+          vm.submitLists = vm.lists.filter(item => item.confirm_status === 'SUBMIT')
+          vm.approvedLists = vm.lists.filter(item => item.confirm_status === 'APPROVED')
+          if (vm.tabNum === 0) {
+            vm.showLists = vm.submitLists
+          } else {
+            vm.showLists = vm.approvedLists
           }
         } else {
           hlsPopup.showLongCenter(res.message)
         }
       })
     },
+    search () {
+      let vm = this
+      vm.pagenum = 1
+      let url = $config.basePath + 'prj_confirm_list_query'
+      let param = {
+        user_phone: window.localStorage.user_phone,
+        pagesize: 10,
+        pagenum: vm.pagenum,
+        searchInput: vm.searchInput,
+      }
+      vm.hlsPopup.showLoading('数据加载中')
+      vm.hlsHttp.post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        vm.lists = res.lists
+        vm.submitLists = vm.lists.filter(item => item.confirm_status === 'SUBMIT')
+        vm.approvedLists = vm.lists.filter(item => item.confirm_status === 'APPROVED')
+        if (vm.tabNum === 0) {
+          vm.showLists = vm.submitLists
+        } else {
+          vm.showLists = vm.approvedLists
+        }
+        if (vm.lists.length >= 0 && vm.lists.length < 10) {
+          vm.$refs.scroll.update(true)
+        } else if (vm.lists.length === 10) {
+          vm.$refs.scroll.update(false)
+        }
+      })
+    },
+
     goDetails (item) {
       window.sessionStorage.setItem('confirm_id', item.confirm_id)
       window.sessionStorage.setItem('bp_class', item.bp_class)

src/pages/financingTrial/financing-trial.vue

@@ -59,9 +59,9 @@
 </template>
 
 <script>
-  export default {
+export default {
   name: 'FinancingTrial',
-    data() {
+  data () {
     return {
       lists: [],
       plan_price: '',
@@ -70,7 +70,7 @@
   },
   computed: {},
   watch: {},
-    beforeRouteEnter(to, from, next) {
+  beforeRouteEnter (to, from, next) {
     next(vm => {
       if (from.name === 'ProDetailed') {
         vm.price_date_to = vm.$route.params.price_date_to // 有效日期
@@ -84,15 +84,15 @@
     })
     next()
   },
-    activated() {
+  activated () {
 
   },
-    created() {
+  created () {
 
   },
   methods:
       {
-        goDetails(val) {
+        goDetails (val) {
           this.$router.push({
             name: 'FinancingDetails',
             params: {
@@ -103,7 +103,7 @@
           })
         },
         // 试算查询
-        calculationQuery(val) {
+        calculationQuery (val) {
           let vm = this
           if (val) {
             let url = $config.basePath + 'prd_product_calculation_query'
@@ -140,7 +140,7 @@
           }
         },
       },
-  }
+}
 </script>
 <style lang='less'>
   #trial {

src/pages/productQuery/product-detailed.vue

@@ -2,7 +2,7 @@
  * @Descrip: 产品明细
  * @Author: your name
  * @Date: 2019-10-15 14:30:00
- * @LastEditTime: 2019-11-14 15:19:39
+ * @LastEditTime: 2019-11-20 14:44:52
  * @LastEditors: Please set LastEditors
    -->
 <template>
@@ -22,8 +22,10 @@
     </div>
 
     <!-- 基本信息 -->
-    <h-content v-swipeup="(e)=>vueTouch('上滑',e)" v-swipedown="(e)=>vueTouch('下滑',e)" class="hcontent">
-      <scroll ref="scrolls" :listenScroll="true" class="scrolls" @scroll="startScroll">
+    <!-- <h-content v-swipeup="(e)=>vueTouch('上滑',e)" v-swipedown="(e)=>vueTouch('下滑',e)" class="hcontent"> -->
+    <scroll
+      v-swipeup="(e)=>vueTouch('上滑',e)" v-swipedown="(e)=>vueTouch('下滑',e)" ref="scrolls" :listenScroll="true"
+      class="scrolls" @scroll="startScroll">
       <!-- 基本信息 -->
       <div id="baseInfo" class="base">
         <swipe :interval="5000" class="hls-swipe">
@@ -77,7 +79,7 @@
         <div class="table-wrap" v-html="confgInfo.product_properties"/>
       </div>
     </scroll>
-    </h-content>
+    <!-- </h-content> -->
     <bottom-tab class="footer-button">
       <tab-button
         :class="{bgcolor: bgc_flag}" class="butt"
@@ -131,14 +133,14 @@ export default {
 
   },
   beforeRouteEnter (to, from, next) {
-    debugger
+    // debugger
     if (from.name === 'ProductList' || from.name === 'MyProductList' || from.name === 'HomePage') {
       next(vm => {
         vm.baseInfo = {}
         vm.confgInfo = {}
         vm.detailInfo = {}
         vm.picLists = []
-        vm.tabNum = 0
+        vm.num = 0
         vm.slide = false
         vm.product_id = vm.$route.params.product_id
         vm.bp_id = vm.$route.params.bp_id
@@ -187,9 +189,9 @@ export default {
           let baseGather = document.getElementsByClassName('base')[0].getBoundingClientRect() // 基本信息元素集合
           if (clientHeight - procnfGather.top >= procnfGather.height) {
             this.num = 2
-          } else if (clientHeight - detailGather.top >= detailGather.height) {
+          } else if (detailGather.top <= clientHeight / 2) {
             this.num = 1
-          } else if (-(baseGather.top) <= baseGather.height / 2) {
+          } else if (-(baseGather.top) <= baseGather.height / 2 || detailGather.top > clientHeight / 2) {
             this.num = 0
           }
         },
@@ -319,6 +321,9 @@ export default {
 </script>
 <style lang='less'>
   #detailed {
+    .scrollContent {
+      padding-bottom: 90px;
+    }
     .hls-swipe {
       background: #fff;
       img {

src/pages/productQuery/product-list.vue

@@ -11,7 +11,6 @@
         <span>产品列表</span>
       </div>
     </h-header>
-    <h-content>
     <div class="hinput">
       <div class="search-box">
         <input v-model="searchInput" type="text" placeholder="请输入经销商/产品名称/参数项">
@@ -50,7 +49,6 @@
         </list-item>
       </div>
     </scroll>
-    </h-content>
   </h-view>
 </template>
 <script>

src/pages/videoSign/video-list.vue

 <template>
-  <h-view id="startList">
+  <h-view id="videoList">
     <h-header :proportion="[5,1,1]" class="bar-custom">
       <div slot="left" class="h-header-btn">
         <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
@@ -171,7 +171,7 @@ export default {
 }
 </script>
 <style lang="less" scoped>
-#startList {
+#videoList {
   .search {
     height: 52px;
     background-color: #fff;