[银保app] 首页上拉刷新功能,续期详情拨打电话完善,续期点进去加转圈的加载功能,搜索也加跟保单列表一样,续期搜索框保单加身份证续期加名字,保单列表加姓名加一键删除.

2025-12-09 09:56:43 +08:00 · 2023-01-09 10:24:12 +08:00
parent 1833ae101f
commit fb67a6dd65
5 changed files with 140 additions and 110 deletions
--- a/src/views/YB_APP/home.vue
+++ b/src/views/YB_APP/home.vue
@@ -1,5 +1,7 @@
 <template>
  <div class="public_container" :style="{paddingTop:marginTop+'px'}">
+    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+
    <div class="head">
      <van-swipe :autoplay="3000" style="width: 100%;">
        <van-swipe-item v-for="(item, index) in activity" :key="index" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend(item)">
@@ -205,6 +207,7 @@
        </div>
      </div>
    </div>
+  </van-pull-refresh>
    <van-popup v-model="calendarShow" position="bottom">
      <van-datetime-picker
        v-model="currentDate"
@@ -216,12 +219,13 @@
        @confirm="handleCurrentDateConfirm"
      />
    </van-popup>
+  
  </div>
 </template>

 <script>
 import { homeConfigYB, getPremRankList, timelyContYB } from '@/api/YB_APP/index'
-import { Swipe, SwipeItem, NoticeBar, Icon, Popup, DatetimePicker } from 'vant'
+import { Swipe, SwipeItem, NoticeBar, Icon, Popup, DatetimePicker, PullRefresh ,Toast  } from 'vant'
 import config from '@/config'
 import png8 from '@/assets/YB_APP/images/8.png';
 import utils from '@/assets/js/utils/date-utils'
@@ -233,6 +237,8 @@ export default {
    [NoticeBar.name]: NoticeBar,
    [Icon.name]: Icon,
    [Popup.name]: Popup,
+    [PullRefresh.name]:PullRefresh,
+    [Toast.name]:Toast ,
  },
  data() {
    return {
@@ -257,6 +263,8 @@ export default {
      colorThree:false,
      thisValue:'12.9',
      clickFlag:false,
+      count: 0,
+      isLoading: false,
    }
  },
  mounted(){
@@ -499,8 +507,15 @@ export default {
          })
        }
      }
-      
-    }
+    },
+    // 下拉刷新
+    onRefresh() {
+      setTimeout(() => {
+        Toast('刷新成功');
+        this.isLoading = false;
+        location. reload()
+}, 1000);
+    },
  },
 }
 </script>
--- a/src/views/YB_APP/performanceQuery.vue
+++ b/src/views/YB_APP/performanceQuery.vue
@@ -269,7 +269,7 @@
            formatter: function (params) {
              // console.log(params,111)
              return (
-                '<span style="color:#333;">渠道    </span>'+'<span style="color:#858bd6;margin-left:20px;">'+params.data.name +
+                '<span style="color:#333;">险种    </span>'+'<span style="color:#858bd6;margin-left:20px;">'+params.data.name +
                '</span>'+'<br/>' + 
                '<span style="color:#333;">占比    </span>'+'<span style="color:#858bd6;margin-left:20px;">'+params.data.scale +
                '</span>'+'<br/>' + 
--- a/src/views/YB_APP/policyList.vue
+++ b/src/views/YB_APP/policyList.vue
@@ -1,8 +1,8 @@
 <template>
  <div class="public_container">
    <!-- 最上方的搜索框 -->
-    <div style="position:relative;">
-      <van-search shape="round" v-model="findValue" placeholder="请输入保单号" />
+    <div style="position: relative">
+      <van-search shape="round" v-model="findValue" placeholder="请输入保单号/客户身份证号/客户姓名" />
      <button class="searchButton" @click="keywordSearch(findValue)">搜索</button>
    </div>
    <!-- <div style="width:100%;height:1000px;background:rgba(0, 0, 0, 0.2);"></div> -->
@@ -17,7 +17,7 @@
      </label> -->
    <!-- </div> -->
    <!-- 无内容显示的背景 -->
-    <div v-if="filpolicyListDTOList == ''" style="position:relative;">
+    <div v-if="filpolicyListDTOList == ''" style="position: relative">
      <img class="noContentImg" src="../../assets/YB_APP/images/noguarantee.png" />
      <p class="noContentText">暂无保单</p>
    </div>
@@ -121,7 +121,7 @@ import { Button, Search } from 'vant'
 import { ref } from 'vue'
 import utils from '@/assets/js/utils/date-utils'
 import { YBpolicyListAgent } from '@/api/YB_APP/index'
-import warterMark from "@/assets/js/utils/warterMark.js"
+import warterMark from '@/assets/js/utils/warterMark.js'
 import { getAgentInfo } from '@/api/ebiz/my/my.js'

 export default {
@@ -170,16 +170,16 @@ export default {
      underwriteDate: '', // 承保日期的时间
      params: {
        signDate: '', // 日期
-        riskCode: '', // 保单号
+        otherNo: '', // 保单号
        stateName: '', // 保单状态
        bankChannel: '', // 渠道名称
        visitSuccess: '', // 回访成功
        visitFinish: '', // 回访完成
        pageSize: 10,
-        pageNo:0,
+        pageNo: 0
      },
      loading: false,
-      finished: false,
+      finished: false
    }
  },
  created() {
@@ -190,7 +190,7 @@ export default {
  },
  mounted() {
    this.$toast.loading({
-      duration: 0, // 持续展示 toast
+      duration: 10000, // 持续展示 toast
      forbidClick: true, // 禁用背景点击
      loadingType: 'spinner',
      message: '加载中……'
@@ -205,10 +205,10 @@ export default {

  methods: {
    getAgentInfo() {
-      getAgentInfo({}).then(res=>{
+      getAgentInfo({}).then((res) => {
        if (res.result == 0) {
          console.log('123')
-          warterMark.set(res.name+res.jobNo,"")
+          warterMark.set(res.name + res.jobNo, '')
        }
      })
    },
@@ -278,14 +278,14 @@ export default {
            this.finished = true
            this.loading = false
            that.filpolicyListDTOList = []
-            console.log('111111111111111111111');
+            console.log('111111111111111111111')
            // that.filpolicyListDTOList = res.policyListDTOList.policyListDTOList
          } else {
            that.filpolicyListDTOList = that.filpolicyListDTOList.concat(res.policyListDTOList)
            that.finished = false
            this.loading = false
-            console.log('22222222222222222222222222222');
-            if(res.policyListDTOList.length == 1 && this.params.riskCode != ''){
+            console.log('22222222222222222222222222222')
+            if (res.policyListDTOList.length == 1 && this.params.otherNo != '') {
              // that.filpolicyListDTOList = []
              that.filpolicyListDTOList = res.policyListDTOList
            }
@@ -293,13 +293,13 @@ export default {
        } else {
          if (that.params.pageNo == 1) {
            that.filpolicyListDTOList = []
-            console.log('33333333333333333333333333');
+            console.log('33333333333333333333333333')
          } else {
            that.$toast(res.resultMessage)
            this.finished = true
            this.loading = false
            // that.filpolicyListDTOList = []
-            console.log('44444444444444444444444444444');
+            console.log('44444444444444444444444444444')
          }
        }
      })
@@ -324,7 +324,7 @@ export default {
      //   return p.policyNo.indexOf(value) !== -1
      // })
      this.params.pageNo = 0
-      this.params.riskCode = value
+      this.params.otherNo = value
      this.YBpolicyListAgent()
      // console.log(value,'我是value');
      // console.log(this.riskCode,'我是this.riskCode');
@@ -352,7 +352,7 @@ export default {
      // })
      this.filpolicyListDTOList = []
      this.showSideBar = false
-      this.params.pageNo = 1
+      this.params.pageNo = 0
      this.params.signDate = this.underwriteDate
      // this.params.signDate = '2022-09'
      console.log(this.params.signDate)
@@ -366,6 +366,12 @@ export default {
      this.params.visitFinish = this.list1[this.clickChangevisitAccomplish].id
      console.log(this.params.visitFinish)
      this.YBpolicyListAgent()
+      this.$toast.loading({
+        duration: 15000, // 持续展示 toast
+        forbidClick: true, // 禁用背景点击
+        loadingType: 'spinner',
+        message: '加载中……'
+      })
      // this.filpolicyListDTOList = ''
      // 根据选中险别对产品列表进行筛选
      // this.list = this.proList.filter((item) => {
@@ -383,7 +389,7 @@ export default {
      this.calendarShow = false
      this.underwriteDate = utils.formatDate(e, 'yyyy-MM')
    }
-  },
+  }

  // 关键词搜索过滤
  // watch: {
@@ -634,4 +640,8 @@ export default {
  display: flex;
  flex-wrap: wrap;
 }
+/deep/ .van-icon-clear {
+  margin-right: 46px;
+  // background-color:blue ;
+}
 </style>
--- a/src/views/YB_APP/renewalDetail.vue
+++ b/src/views/YB_APP/renewalDetail.vue
@@ -2,24 +2,24 @@
  <div class="public_container">
    <!-- 上方小图标 -->
    <div class="topTitle">
-      <div v-if="(changestate == 0)">
+      <div v-if="changestate == 0">
        <van-icon name="underway-o" color="#EA070A" size="30" />
        <p class="topTitleText">续期待扣款</p>
      </div>
-      <div v-if="(changestate == 1)">
+      <div v-if="changestate == 1">
        <van-icon name="passed" color="#2451C1" size="30" />
        <p class="topTitleText">续期扣款成功</p>
      </div>
-      <div v-if="(changestate == 2)">
+      <div v-if="changestate == 2">
        <van-icon name="underway-o" color="#EA070A" size="30" />
        <p class="topTitleText">续期扣款中</p>
      </div>
-      <div v-if="(changestate == 3)">
+      <div v-if="changestate == 3">
        <van-icon name="close" color="#EA070A" size="30" />
        <p class="topTitleText">续期扣款失败</p>
      </div>
-      <div v-if="(changestate == 4)">
-        <p><img src="../../assets/YB_APP/images/changestate.png"  height="36px"></p>
+      <div v-if="changestate == 4">
+        <p><img src="../../assets/YB_APP/images/changestate.png" height="36px" /></p>
        <!-- <van-icon name="stop-circle-o" size="30"/> -->
        <p class="topTitleText">已终止</p>
      </div>
@@ -63,7 +63,7 @@

 <script>
 import { getYBRenewalInfo } from '@/api/YB_APP/index'
-import warterMark from "@/assets/js/utils/warterMark.js"
+import warterMark from '@/assets/js/utils/warterMark.js'
 import { getAgentInfo } from '@/api/ebiz/my/my.js'
 export default {
  name: 'policyDetail',
@@ -81,20 +81,19 @@ export default {
    this.policyNo.payFlag = this.$route.query.payFlag
    this.policyNo.payToDate = this.$route.query.payToDate
    // console.log(this.policyNo, 'avc')
-    console.log(this.$route.query,'我是router里参数');
+    console.log(this.$route.query, '我是router里参数')
    console.log(this.policyNo, 'avc111111111111')
    this.getYBRenewalInfo()
    this.changestate = this.policyNo.payFlag
    this.getAgentInfo()
-
  },
  methods: {
    // 水印
    getAgentInfo() {
-      getAgentInfo({}).then(res=>{
+      getAgentInfo({}).then((res) => {
        if (res.result == 0) {
          console.log('123')
-          warterMark.set(res.name+res.jobNo,"")
+          warterMark.set(res.name + res.jobNo, '')
        }
      })
    },
@@ -106,7 +105,7 @@ export default {
    },
    contact() {
      const a = document.createElement('a')
-      a.href = 'tel:8888410'
+      a.href = `tel:'${this.ybOrderDTOList.appntPhone}'`
      a.click()
      this.show = false
    },
--- a/src/views/YB_APP/renewalList.vue
+++ b/src/views/YB_APP/renewalList.vue
@@ -2,7 +2,7 @@
  <div class="public_container">
    <!-- 最上方的搜索框 -->
    <div style="position: relative">
-      <van-search shape="round" v-model="findValue" placeholder="请输入保单号/客户身份证号" />
+      <van-search shape="round" v-model="findValue" placeholder="请输入保单号/客户身份证号/客户姓名" />
      <button class="searchButton" @click="keywordSearch(findValue)">搜索</button>
    </div>
    <!-- 标签选择 -->
@@ -146,6 +146,12 @@ export default {
  },
  created() {},
  mounted() {
+    this.$toast.loading({
+      duration: 0, // 持续展示 toast
+      forbidClick: true, // 禁用背景点击
+      loadingType: 'spinner',
+      message: '加载中……'
+    })
    let aaa = new Date().getMonth() + 1
    let bbb = aaa - 3
    let ccc = aaa + 1