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

c6f097b9 · 李晓兵 · e948e710 · a1be51fd · c6f097b9 · c6f097b9
Commit c6f097b9 authored Nov 20, 2019 by 李晓兵
8 changed files
--- a/src/pages/carConfirm/confirm-list.vue
+++ b/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>
--- a/src/pages/contractRepayment/contract-repayment.vue
+++ b/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>
--- a/src/pages/contractStart/start-list.vue
+++ b/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>
--- a/src/pages/distributorSign/contract-list.vue
+++ b/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)

--- a/src/pages/financingTrial/financing-trial.vue
+++ b/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 {

--- a/src/pages/productQuery/product-detailed.vue
+++ b/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 {

--- a/src/pages/productQuery/product-list.vue
+++ b/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>

--- a/src/pages/videoSign/video-list.vue
+++ b/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;