From 3375f9231c586afcd6bb4885ff16698b5c47d44c Mon Sep 17 00:00:00 2001
From: "DESKTOP-AFPHKHF\\PC" <song.kaiqi@ebiz-digits.com>
Date: Wed, 7 Dec 2022 14:07:06 +0800
Subject: [PATCH] =?UTF-8?q?[=E9=93=B6=E4=BF=9Dapp]=E7=BB=AD=E6=9C=9F?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=92=8C=E8=AF=A6=E6=83=85=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5=E5=AF=B9=E6=8E=A5=E4=BF=AE=E6=94=B9.?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=BB=88=E6=AD=A2=E5=9B=BE=E7=89=87.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/YB_APP/images/changestate.png | Bin 0 -> 2318 bytes
 src/views/YB_APP/renewalDetail.vue       |  68 +++++----
 src/views/YB_APP/renewalList.vue         | 176 ++++++++++++-----------
 3 files changed, 135 insertions(+), 109 deletions(-)
 create mode 100644 src/assets/YB_APP/images/changestate.png

diff --git a/src/assets/YB_APP/images/changestate.png b/src/assets/YB_APP/images/changestate.png
new file mode 100644
index 0000000000000000000000000000000000000000..3163b089db68cc421be171dd6d389778903eee2d
GIT binary patch
literal 2318
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

literal 0
HcmV?d00001

diff --git a/src/views/YB_APP/renewalDetail.vue b/src/views/YB_APP/renewalDetail.vue
index 52a1fdbbc..526fa6633 100644
--- a/src/views/YB_APP/renewalDetail.vue
+++ b/src/views/YB_APP/renewalDetail.vue
@@ -2,14 +2,27 @@
   <div class="public_container">
     <!-- 上方小图标 -->
     <div class="topTitle">
-      <div v-if="abc == 1">
+      <div v-if="(changestate == 0)">
         <van-icon name="underway-o" color="#EA070A" size="30" />
-        <p class="topTitleText">{{ ybOrderDTOList.defaultReson }}</p>
+        <p class="topTitleText">续期待扣款</p>
       </div>
-      <div v-if="abc == 2">
+      <div v-if="(changestate == 1)">
         <van-icon name="passed" color="#2451C1" size="30" />
         <p class="topTitleText">续期扣款成功</p>
       </div>
+      <div v-if="(changestate == 2)">
+        <van-icon name="underway-o" color="#EA070A" size="30" />
+        <p class="topTitleText">续期扣款中 </p>
+      </div>
+      <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>
+        <!-- <van-icon name="stop-circle-o" size="30"/> -->
+        <p class="topTitleText">已终止 </p>
+      </div>
     </div>
     <!-- 中间内容 -->
     <div class="listContent">
@@ -35,15 +48,15 @@
       <button class="bottomPhoneBut" @click="showDialog(ybOrderDTOList.appntPhone)">拨打电话</button>
     </div>
 
-<van-dialog
+    <van-dialog
       v-model="show"
-      title="拨打电话"
-      :message="`确认要拨打电话吗?(${ybOrderDTOList.appntPhone})`"
+      title="确认拨打电话"
+      :message="`(${ybOrderDTOList.appntPhone})`"
       show-cancel-button
       @cancel="cancel"
       @confirm="contact(ybOrderDTOList.appntPhone)"
     >
-  </van-dialog>
+    </van-dialog>
   </div>
 </template>
 
@@ -56,36 +69,39 @@ export default {
     return {
       ybOrderDTOList: '',
       policyNo: '',
-      abc: 2,
-      show: false,
+      changestate: 2,
+      show: false
     }
   },
   mounted() {
-    this.policyNo = this.$route.query.policyNo
+    this.policyNo = this.$route.query
     console.log(this.policyNo, 'avc')
+    console.log(this.$route.query,'我是router里参数');
     this.getYBRenewalInfo()
+    this.changestate = this.policyNo.payFlag
   },
   methods: {
-    cancel(){
+    cancel() {
       this.show = false
     },
-  showDialog() {
-      this.show = true;// 显示确认对话框
-  },
-   contact() {
-      const a = document.createElement("a");
-      a.href = "tel:8888410"
-      a.click();
-      this.show = false;
-   },
-    callPhone (phoneNumber) {
-     window.location.href = 'tel://' + phoneNumber},
+    showDialog() {
+      this.show = true // 显示确认对话框
+    },
+    contact() {
+      const a = document.createElement('a')
+      a.href = 'tel:8888410'
+      a.click()
+      this.show = false
+    },
+    callPhone(phoneNumber) {
+      window.location.href = 'tel://' + phoneNumber
+    },
     getYBRenewalInfo() {
-      let params = {
-        policyNo: this.policyNo
-      }
+      // let params = {
+      //   policyNo
+      // }
       console.log('我是log')
-      getYBRenewalInfo(params).then((res) => {
+      getYBRenewalInfo(this.policyNo).then((res) => {
         console.log(res, '我是res')
         if (res.result == 0) {
           this.ybOrderDTOList = res.content
diff --git a/src/views/YB_APP/renewalList.vue b/src/views/YB_APP/renewalList.vue
index 87eb0f443..04629555e 100644
--- a/src/views/YB_APP/renewalList.vue
+++ b/src/views/YB_APP/renewalList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="public_container">
     <!-- 最上方的搜索框 -->
-    <div style="position:relative;">
+    <div style="position: relative">
       <van-search shape="round" v-model="findValue" placeholder="请输入保单号/客户身份证号" />
       <button class="searchButton" @click="keywordSearch(findValue)">搜索</button>
     </div>
@@ -28,59 +28,65 @@
       <!-- 应交月选择 -->
       <div class="beMonth">
         <p class="beMonthLeft">应交月 <span class="beMonthLeftSpan">(查询范围: 当前月份前期前溯3月~后推1月)</span></p>
-        <p class="beMonthRight" @click="clickCalendar"><span class="beMonthRightSpan">{{calendarValue}}</span>▼</p>
+        <p class="beMonthRight" @click="clickCalendar">
+          <span class="beMonthRightSpan">{{ calendarValue }}</span
+          >▼
+        </p>
       </div>
       <!-- 无内容显示的背景 -->
-      <div v-if="policyListDTOList == ''" style="position:relative">
+      <div v-if="policyListDTOList == ''" style="position: relative">
         <img class="noContentImg" src="../../assets/YB_APP/images/noguarantee.png" />
         <p class="noContentText">暂无保单</p>
       </div>
       <!-- 卡片列表 -->
       <div v-if="policyListDTOList != ''">
         <!-- <van-list v-model="loading" :finished="finished" :finished-text="noContentTip" @load="onLoad"> -->
-          <div :class="[active == 3 ? 'cardList2' : 'cardList']" v-for="(item, index) in policyListDTOList" :key="index">
-            <div class="topbackground1">
-              <img class="cardListImg" src="../../assets/YB_APP/images/sign1.png" />
-              <span class="cardListText">{{ item.riskName }}</span>
+        <div :class="[active == 3 ? 'cardList2' : 'cardList']" v-for="(item, index) in policyListDTOList" :key="index">
+          <div class="topbackground1">
+            <img class="cardListImg" src="../../assets/YB_APP/images/sign1.png" />
+            <span class="cardListText">{{ item.riskName }}</span>
+          </div>
+          <div class="cardConetent">
+            <div class="textList">
+              <p>
+                <span>保单号</span><span>{{ item.contNo }}</span>
+              </p>
+              <p>
+                <span>被保人</span><span>{{ item.insuredName }}</span>
+              </p>
+              <p>
+                <span>被保险人</span><span>{{ item.appntName }}</span>
+              </p>
+              <p v-if="active == 3">
+                <span>转账银行</span><span>{{ item.bankName }}</span>
+              </p>
+              <p v-if="active == 3">
+                <span>转账帐号</span><span>{{ item.accNo }}</span>
+              </p>
+              <p>
+                <span>应交日</span><span>{{ item.payToDate }}</span>
+              </p>
+              <p v-if="active != 3">
+                <span>归属指标</span><span>{{ item.rnewIndex }}</span>
+              </p>
+              <p v-if="active == 3">
+                <span>所属渠道</span><span>{{ item.policySource }}</span>
+              </p>
+              <p>
+                <span>终止原因</span><span>{{ item.state }}</span>
+              </p>
+              <p>
+                <span>金额/元</span><span class="redword">{{ item.money }}</span>
+              </p>
+              <p>
+                <span>保单状态</span><span>{{ item.contState }}</span>
+              </p>
             </div>
-            <div class="cardConetent">
-              <div class="textList">
-                <p>
-                  <span>保单号</span><span>{{ item.contNo }}</span>
-                </p>
-                <p>
-                  <span>被保人</span><span>{{ item.insuredName }}</span>
-                </p>
-                <p>
-                  <span>被保险人</span><span>{{ item.appntName }}</span>
-                </p>
-                <p v-if="active == 3">
-                  <span>转账银行</span><span>{{ item.bankName }}</span>
-                </p>
-                <p v-if="active == 3">
-                  <span>转账帐号</span><span>{{ item.accNo }}</span>
-                </p>
-                <p>
-                  <span>应交日</span><span>{{ item.payToDate }}</span>
-                </p>
-                <p v-if="active != 3">
-                  <span>归属指标</span><span>{{ item.rnewIndex }}</span>
-                </p>
-                <p v-if="active == 3">
-                  <span>所属渠道</span><span>{{ item.policySource }}</span>
-                </p>
-                <p>
-                  <span>终止原因</span><span>{{ item.contState }}</span>
-                </p>
-                <p>
-                  <span>金额/元</span><span class="redword">{{ item.money }}</span>
-                </p>
-              </div>
-              <div class="rightState">
-                <button :class="[active == 3 ? 'rightStateButton2' : 'rightStateButton']" @click="goPolicyDetail(item.contNo)">查看详情</button>
-              </div>
+            <div class="rightState">
+              <button :class="[active == 3 ? 'rightStateButton2' : 'rightStateButton']" @click="goPolicyDetail(item)">查看详情</button>
             </div>
           </div>
+        </div>
         <!-- </van-list> -->
       </div>
     </div>
@@ -119,38 +125,42 @@ export default {
       findValue: '', // 上面搜索框的value
       active: '', // 四个选项卡的v-model
       policyListDTOList: [], // 卡片列表内容
-      calendarValue:'',
-      calendarShow:false,
-      currentDate:new Date(),
+      calendarValue: '',
+      calendarShow: false,
+      currentDate: new Date(),
       minDate: '',
       maxDate: '',
       params: {
-        contNo: '', // 保单号
-        idNo: '', // 身份证号
-        payToDate: '', // 时间
-        state: '' // 状态
+        payDate: '', // 必传扣款日
+        // contNo: '', // 保单号
+        // idNo: '', // 身份证号
+        // payToDate: '', // 时间
+        state: '', // 状态
+        otherNo: '' ,// 搜索条件
+        // userModel: {
+        //   id: 'Y0000001'
+        // }
       }
     }
   },
   created() {},
   mounted() {
-    let aaa = new Date().getMonth()+1
+    let aaa = new Date().getMonth() + 1
     let bbb = aaa - 3
     let ccc = aaa + 1
-    this.minDate = new Date(2022,bbb,0)
-    this.maxDate = new Date(2022,ccc,0)
-    console.log(this.minDate,1111)
+    this.minDate = new Date(2022, bbb, 0)
+    this.maxDate = new Date(2022, ccc, 0)
+    console.log(this.minDate, 1111)
     let yearNum = new Date().getFullYear()
-      let monthNum = new Date().getMonth()+1
-      this.calendarValue = yearNum+'-'+monthNum
+    let monthNum = new Date().getMonth() + 1
+    this.calendarValue = yearNum + '-' + monthNum
     this.getYBRenewalsList()
   },
   methods: {
     // 上方关键词搜索按钮
     keywordSearch(value) {
       console.log('点击搜索了')
-      this.params.idNo = value
-      this.params.contNo = value
+      this.params.otherNo = value
       this.getYBRenewalsList()
     },
     getYBRenewalsList() {
@@ -167,32 +177,33 @@ export default {
     },
     // (查看详情)按钮跳转
     goPolicyDetail(data) {
-      console.log(data)
+      console.log(data, '我是date')
+
       this.$jump({
         flag: 'h5',
         extra: {
-          url: location.origin + '/#/YB_APP/renewalDetail?policyNo=' + data
+          url: location.origin + '/#/YB_APP/renewalDetail?policyNo='+data.contNo+'&payFlag='+data.payFlag+'&payToDate='+data.payToDate
         },
         routerInfo: {
-          path: '/YB_APP/renewalDetail?policyNo=' + data
+          path: `/YB_APP/renewalDetail?contNo=${data.contNo}&payFlag=${data.payFlag}+&payToDate=${data.payToDate}`
         }
       })
     },
-    clickCalendar(){
-        this.calendarShow = true
-      },
+    clickCalendar() {
+      this.calendarShow = true
+    },
     handleCurrentDateCancel() {
-        this.calendarShow = false
-      },
+      this.calendarShow = false
+    },
     handleCurrentDateConfirm(e) {
-        this.calendarShow = false
-        // let titleTime = utils.formatDate(e, 'yyyy-MM')
-        // this.calendarValue = utils.formatDate(e, 'MM-dd')
-        let yearNum = utils.formatDate(e, 'yyyy')
-        let monthNum = utils.formatDate(e, 'MM')
-        this.calendarValue = yearNum+'-'+monthNum
-        // this.getYBRenewalsList()
-      },
+      this.calendarShow = false
+      // let titleTime = utils.formatDate(e, 'yyyy-MM')
+      // this.calendarValue = utils.formatDate(e, 'MM-dd')
+      let yearNum = utils.formatDate(e, 'yyyy')
+      let monthNum = utils.formatDate(e, 'MM')
+      this.calendarValue = yearNum + '-' + monthNum
+      // this.getYBRenewalsList()
+    }
   },
   watch: {
     active: {
@@ -205,7 +216,7 @@ export default {
     calendarValue: {
       deep: true,
       handler(newvalue) {
-        this.params.payToDate = newvalue
+        this.params.payDate = newvalue
         this.getYBRenewalsList()
       }
     }
@@ -263,8 +274,7 @@ export default {
   padding: 2px 5px;
   margin-top: 12px;
   line-height: 24px;
-  white-space:nowrap; 
-  
+  white-space: nowrap;
 }
 .beMonthRightSpan {
   margin-right: 5px;
@@ -295,7 +305,7 @@ export default {
 }
 .cardList2 {
   // height: 244px;
-  height: 300px;
+  // height: 300px;
   width: 96%;
   border-radius: 12px;
   background-color: white;
@@ -330,8 +340,7 @@ export default {
   // margin-top: 113px;
   margin-left: 4px;
   font-size: 12px;
-  align-self:flex-end;
-
+  align-self: flex-end;
 }
 .rightStateButton2 {
   height: 30px;
@@ -341,11 +350,10 @@ export default {
   border-radius: 30px;
   background-color: white;
   // margin-top: 57px;
-  margin-bottom:14px;
+  margin-bottom: 14px;
   margin-left: 4px;
   font-size: 12px;
-  align-self:flex-end;
-
+  align-self: flex-end;
 }
 .cardListText {
   line-height: 34px;
@@ -375,6 +383,8 @@ export default {
   display: block;
   // float:left;
   width: 50px;
+  overflow: hidden;
+  white-space: nowrap;
   // background-color: blueviolet;
   color: #373737;
 }