Merge branch 'release/【20210812】新增学平险卡单' of http://112.124.100.131/GFRS/ebiz-h5 into release/【20210812】新增学平险卡单

src/api/ebiz/renewalManage/renewalManage.js

@@ -60,3 +60,12 @@ export function getInvalidOrderList(data) {
     data
   })
 }
+
+//获取续期保单列表
+export function getShortPolicyList(data) {
+  return request({
+    url: getUrl('/renewal/renewal/getShortPolicyList', 1), //0=》mock数据 1=》正式数据
+    method: 'post',
+    data
+  })
+}

src/router/ebiz/renewalManage.js

@@ -4,6 +4,8 @@ const policyList = () => import('@/views/ebiz/renewalManage/policyList')
 const detail = () => import('@/views/ebiz/renewalManage/Detail')
 const policyDetail = () => import('@/views/ebiz/renewalManage/policyDetail')
 const msgTemplate = () => import('@/views/ebiz/renewalManage/MsgTemplate')
+const shortPolicyList = () => import('@/views/ebiz/renewalManage/shortPolicyList')
+const shortPolicyDetail = () => import('@/views/ebiz/renewalManage/shortPolicyDetail')
 export default [
   {
     path: '/renewalManage/list',
@@ -19,7 +21,7 @@ export default [
     name: 'customerList',
     component: customerList,
     meta: {
-      title: '客户续期清单',
+      title: '客户清单',
       index: 1
     }
   },
@@ -41,6 +43,24 @@ export default [
       index: 1
     }
   },
+  {
+    path: '/renewalManage/shortPolicyList',
+    name: 'shortPolicyList',
+    component: shortPolicyList,
+    meta: {
+      title: '短险保单列表',
+      index: 1
+    }
+  },
+  {
+    path: '/renewalManage/shortPolicyDetail',
+    name: 'shortPolicyDetail',
+    component: shortPolicyDetail,
+    meta: {
+      title: '保单详情',
+      index: 1
+    }
+  },
   {
     path: '/renewalManage/detail/:contNo/:payToDate/:payFlag',
     name: 'renewalManageDetail',

src/views/ebiz/product/HomeProduct.vue

@@ -62,7 +62,7 @@
         </div>
         <div class="home-product-pcenter performance">
           <div class="pcenter-list">
-            <table class="myTable" style="width: 130vw;" cellspacing="0" cellpadding="0">
+            <table class="myTable" style="width: 100vw;" cellspacing="0" cellpadding="0">
               <tr>
                 <th v-for="(thead, index) in theads" :class="{ 'sticky-col': index <= 1 }" :key="index">{{ thead }}</th>
               </tr>

src/views/ebiz/renewalManage/Detail.vue

@@ -75,7 +75,7 @@
       </div>
       <div class="cell">
         <div class="wrapper">
-          <div class="cellLeft">应交日</div>
+          <div class="cellLeft">应交月</div>
           <div class="cellRight">{{ renewalDTO.payToDate }}</div>
         </div>
       </div>

src/views/ebiz/renewalManage/List.vue

@@ -12,7 +12,7 @@
         <van-cell-group @click="selectTime = true">
           <van-cell :value="payDate" is-link>
             <template #title>
-              <span class="custom-title">应交日</span>
+              <span class="custom-title">应交月</span>
               <span style="font-size: 10px; color: #6b6b6b;">(查询范围：当前月份前溯3月~后推1月)</span>
             </template>
           </van-cell>
@@ -52,6 +52,9 @@
           <div class="dataLine grayText">
             <span class="data-text">应交日:</span><span class="ml10">{{ item.payToDate }}</span>
           </div>
+          <div class="dataLine grayText" v-if="item.netWorkName != '-'">
+            <span class="data-text">网点名称:</span><span class="ml10">{{ item.netWorkName }}</span>
+          </div>
           <div class="dataLine detail-wrapper">
             <span class="grayText data-text">保单状态:</span><span class="ml10 grayText">{{ item.state | stateFilter }}</span>
             <div class="detail-text" @click="goDetail(item)">
@@ -84,6 +87,9 @@
           <p class="invalidLine fs14">
             <span class="data-text-invalid">保单生效日期:</span><span class="ml10">{{ item.cvaliDate }}</span>
           </p>
+          <div class="dataLine grayText" v-if="item.netWorkName != '-'">
+            <span class="data-text">网点名称:</span><span class="ml10">{{ item.netWorkName }}</span>
+          </div>
           <div class="invalidLine fs14" style="display: flex;">
             <span class="data-text-invalid">保单状态:</span>
             <span class="ml10">终止</span>

src/views/ebiz/renewalManage/policyList.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="policy-list-container">
     <div class="policy-list-content">
-      <van-tabs @click="onClick">
-        <van-tab :title="item" v-for="(item, index) in titleList" :key="index"></van-tab>
-        <div v-if="list">
+      <van-tabs v-model="active">
+        <van-tab title="有效">
+          <div v-if="list.length > 0">
             <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
               <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
                 <cellLine :text="item.riskName" size="large"></cellLine>
@@ -13,6 +13,7 @@
                 <cellLine title="保额(元)" :text="item.amount"></cellLine>
                 <cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
                 <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
+                <cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
               </div>
             </div>
           </div>
@@ -20,6 +21,27 @@
             <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
             <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
           </div>
+        </van-tab>
+        <van-tab title="终止">
+          <div v-if="invalidList.length > 0">
+            <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in invalidList" :key="index">
+              <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
+                <cellLine :text="item.riskName" size="large"></cellLine>
+                <cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
+                <cellLine title="投保人" :text="item.appntName"></cellLine>
+                <cellLine title="被保人" :text="item.insuredName"></cellLine>
+                <cellLine title="保额(元)" :text="item.amount"></cellLine>
+                <cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
+                <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
+                <cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
+              </div>
+            </div>
+          </div>
+          <div v-else class="text-center">
+            <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+            <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
+          </div>
+        </van-tab>
       </van-tabs>
     </div>
   </div>
@@ -54,15 +76,11 @@ export default {
     that.getPolicyList()
   },
   methods: {
-    onClick(index) {
-      this.active = index + 1 + ''
-      this.getPolicyList()
-    },
     // 获取保单列表
     getPolicyList() {
       openLoading()
+      let that = this
       let data = {
-        status: this.active,
         idNo: this.customerInfo.idNo,
         idType: this.customerInfo.idType,
         sex: this.customerInfo.sex,
@@ -72,7 +90,20 @@ export default {
       getPolicyList(data).then(res => {
         closeLoading()
         if (res.result == 0) {
-          this.list = res.policyListDTOList
+          for (let item of res.policyListDTOList) {
+            for (let value in item) {
+              if (!item[value]) {
+                item[value] = '-'
+              }
+            }
+          }
+          res.policyListDTOList.map(item => {
+            if (item.orderStatus === '0') {
+              that.list.push(item)
+            } else {
+              that.invalidList.push(item)
+            }
+          })
         } else {
           this.$toast(res.resultMessage)
         }

src/views/ebiz/renewalManage/shortPolicyDetail.vue

@@ -0,0 +1,426 @@
+<template>
+  <div class="detail-container pb50">
+    <van-collapse v-model="activeNames">
+      <!-- 保单信息 -->
+      <van-collapse-item title="保单信息" name="1" class="pb10 pt10">
+        <van-cell-group>
+          <van-cell title="保单号" :value="OrderInfoDTO.contNo" />
+          <van-cell title="生效日期" :value="OrderInfoDTO.cvaliDate" />
+          <van-cell title="保单状态" :value="OrderInfoDTO.contState" />
+          <van-cell title="签收状态" :value="OrderInfoDTO.orderStatusText" />
+          <van-cell v-if="OrderInfoDTO.receiptDate != null && OrderInfoDTO.receiptDate != ''" title="签收日期" :value="OrderInfoDTO.receiptDate" />
+        </van-cell-group>
+      </van-collapse-item>
+
+      <!-- 投保人信息 -->
+      <van-collapse-item title="投保人信息" name="2" class="detail-title pb10">
+        <van-cell-group>
+          <van-cell title="投保人" :value="appntDTO.name" />
+          <van-cell title="性别" :value="appntDTO.sexText" />
+          <van-cell title="证件类型" :value="appntDTO.idTypeText" />
+          <van-cell title="证件号码" :value="appntDTO.idNo" />
+          <van-cell title="联系电话" :value="appntDTO.mobileStar" />
+        </van-cell-group>
+      </van-collapse-item>
+
+      <!-- 多被保险人信息 -->
+      <div v-for="(item, index) in insuredDTOs" :key="index" class="pb10">
+        <van-collapse-item title="被保险人信息" :name="index + 40" class="pb10">
+          <van-cell-group>
+            <!-- <van-cell title="是投保人的" :value="item.relationToAppnt" /> -->
+            <van-cell title="姓名" :value="item.name" />
+            <van-cell title="性别" :value="item.sexText" />
+            <van-cell title="证件类型" :value="item.idTypeText" />
+            <van-cell title="证件号码" :value="item.idNo" />
+            <van-cell title="联系电话" :value="item.mobile" />
+          </van-cell-group>
+        </van-collapse-item>
+        <div v-for="(itm, i) in item.bnfDTOs" :key="i" class="pb10">
+          <!-- 受益人信息 -->
+          <van-collapse-item title="受益人信息" :name="i + 81">
+            <van-cell-group>
+              <van-cell title="受益人" :value="itm.bnfTypeText" />
+              <div v-if="itm.bnfType == '1'">
+                <van-cell title="姓名" :value="itm.name" />
+                <van-cell title="性别" :value="itm.sexText" />
+                <!-- <van-cell title="是被保险人的" :value="itm.relationText" /> -->
+                <van-cell title="受益比例" :value="`${itm.bnfLot * 100}%`" v-if="itm.bnfLot != null" />
+                <van-cell title="证件类型" :value="itm.idTypeText" />
+                <van-cell title="证件号码" :value="itm.idNo" />
+              </div>
+            </van-cell-group>
+          </van-collapse-item>
+        </div>
+        <div v-for="(it, ind) in list" :key="it.riskName">
+          <van-collapse-item title="险种信息" :name="ind + 10">
+            <van-cell-group>
+              <van-cell title="险种名称" :value="it.riskName" />
+              <van-cell title="保险期间" :value="it.insuYear" />
+
+              <!-- <van-cell title="交费期间" :value="Number(it.years) > 30 ? '至70周岁' : `${it.years}年交`" /> -->
+              <van-cell title="交费期间" :value="it.payIntv" />
+
+              <van-cell title="险种保额(元)" :value="it.amt | moneyFormat" />
+              <van-cell title="险种保费(元)" :value="it.mainPremDetail | moneyFormat" />
+              <van-collapse-item title="附加险信息" :name="num + 61" v-for="(i, num) in it.addtion" :key="num">
+                <van-cell-group>
+                  <van-cell title="险种名称" :value="i.riskName" />
+                  <van-cell title="保险期间" :value="i.insuYear" />
+
+                  <!-- <van-cell title="交费期间" :value="Number(i.years) > 30 ? '至70周岁' : `${i.years}年交`" /> -->
+                  <van-cell title="交费期间" :value="i.payIntv" />
+                  <van-cell title="险种保额(元)" v-if="i.amt == '1' || i.amt == '2' || i.amt == '3'" :value="`计划${i.amt}`"></van-cell>
+                  <van-cell title="险种保额(元)" :value="i.amt | moneyFormat" v-else />
+                  <van-cell title="险种保费(元)" :value="i.prem | moneyFormat" />
+                </van-cell-group>
+              </van-collapse-item>
+            </van-cell-group>
+          </van-collapse-item>
+        </div>
+      </div>
+      <!-- 续期信息 -->
+      <div class="detail-title pb10">
+        <van-collapse-item title="续期交费信息" name="100">
+          <van-cell-group>
+            <item title="交费方式" :text="renewalManage.payMode"></item>
+            <item title="转账银行" :text="renewalManage.bankName"></item>
+            <item title="转账账号" :text="renewalManage.bankAccNo"></item>
+            <!--<item title="下次扣款日" :text="renewalManage.paytoDate"></item>
+            <van-cell title="下期扣款金额(元)" :value="renewalManage.xqprem | moneyFormat" />-->
+          </van-cell-group>
+        </van-collapse-item>
+      </div>
+    </van-collapse>
+
+    <!-- <van-dialog v-model="show" title="提示" show-cancel-button @confirm="authConfirm(authCode)" @cancel="clearTimer">
+      <p class="p10 fs14">为确保是您本人操作，短信验证码已发送至您手机号{{ encyCustomerMobile }}，请您输入验证码以完成后续投保操作。</p>
+      <van-cell-group class="flex align-items-c pr5 mb15">
+        <van-field maxlength="6" placeholder="请输入短信验证码" v-model="authCode" clearable label-width="0" />
+        <van-button type="danger" plain size="small" class="w160 p0" @click="getAuthCode" :disabled="codeDisabled" v-no-more-click="2000">{{
+          codeDisabled ? `${countDown}s后重新获取` : '获取验证码'
+        }}</van-button>
+      </van-cell-group>
+    </van-dialog> -->
+  </div>
+</template>
+
+<script>
+import { Collapse, CollapseItem, Cell, CellGroup, Button, Field, Dialog } from 'vant'
+import { getPolicyDetail, getReceiptSign } from '@/api/ebiz/serve/serve'
+import { getAuthCode, autchCodeCheck } from '@/api/ebiz/sale/sale'
+import { checkPhone } from '@/api/ebiz/customer/customer'
+import dataDictionary from '@/assets/js/utils/data-dictionary' //根据数据字典进行页面展示
+import { formatAllRisk } from '@/assets/js/utils/formatRiskList'
+import item from './compontents/item'
+export default {
+  data() {
+    return {
+      show: false, // 获取短信验证码
+      codeDisabled: false, // 获取验证码按钮是否禁用
+      timeId: null, // 计时器ID
+      countDown: 60, // 倒计时
+      authCode: '', // 验证码
+      smsAuthNum: 3,
+      operaFlag: null,
+      encyCustomerMobile: null,
+      customerMobile: null,
+      sid: null,
+      //人脸识别认证次数
+      faceAuthCount: {
+        appnt: 0,
+        insured: 0,
+        weixin: 0
+      },
+      // 折叠面板
+      activeNames: ['1'],
+      // 保单基本信息
+      OrderInfoDTO: {},
+      // 投保人信息
+      appntDTO: {},
+      // 被保险人信息
+      insuredDTOs: [],
+      renewalManage: {}, // 续期信息
+      // 保单号
+      contNo: '',
+
+      list: []
+    }
+  },
+  created() {
+    // 获取保单详情
+    this.getPolicyDetail()
+  },
+  components: {
+    item,
+    [Collapse.name]: Collapse,
+    [CollapseItem.name]: CollapseItem,
+    [Cell.name]: Cell,
+    [CellGroup.name]: CellGroup,
+    [Button.name]: Button,
+    [Field.name]: Field,
+    [Dialog.name]: Dialog
+  },
+  methods: {
+    // 获取短信验证码
+    getAuthCode() {
+      this.codeDisabled = true
+      //倒计时
+      this.timeId = setInterval(() => {
+        this.countDown--
+        if (this.countDown <= 0) {
+          window.clearInterval(this.timeId)
+          this.codeDisabled = false
+          this.countDown = 60
+        }
+      }, 1000)
+      getAuthCode({
+        operateType: 'appntInfoEntry',
+        type: 'H5',
+        operateCode: this.customerMobile,
+        system: 'agentApp',
+        operateCodeType: '0'
+      }).then(res => {
+        console.log(res)
+        if (res.result == 0) {
+          this.sid = res.sessionId
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    },
+    // 验证码确认事件
+    async authConfirm() {
+      //清理计时器
+      this.clearTimer()
+      this.changeSubmit()
+    },
+    // 清理计时器
+    clearTimer() {
+      window.clearInterval(this.timeId)
+      this.timeId = null
+      this.countDown = 60
+      this.codeDisabled = false
+    },
+    //提交变更申请
+    async changeSubmit() {
+      if (null == this.sid) {
+        this.$toast('请先进行发送短信验证码')
+        return
+      }
+      let res = await autchCodeCheck({
+        smsId: this.sid,
+        code: this.authCode
+      })
+      if (res.result == 0) {
+        this.toNextPage()
+      } else {
+        this.$toast(res.resultMessage)
+      }
+    },
+    realPeopelCheck() {
+      this.$toast.loading({
+        // 持续展示 toast
+        duration: 0,
+        // 禁用背景点击s
+        forbidClick: true,
+        loadingType: 'spinner',
+        message: '加载中……'
+      })
+      let data = {
+        name: this.appntDTO.name,
+        idType: this.appntDTO.idType,
+        idNo: this.appntDTO.idNo,
+        mobile: this.appntDTO.mobile
+      }
+      this.customerMobile = this.appntDTO.mobile
+      this.encyCustomerMobile = this.customerMobile.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
+      this.authCode = null
+      // eslint-disable-next-line no-unused-vars
+      return new Promise((resolve, reject) => {
+        checkPhone(data).then(res => {
+          if (res.result == '0') {
+            console.log(res)
+            this.show = true
+          } else {
+            Dialog.confirm({
+              title: '提示',
+              message: '抱歉，您预留的手机号非您本人的手机号，请进行线下投保！',
+              showCancelButton: false
+            })
+          }
+        })
+      })
+    },
+    // 获取保单详情
+    getPolicyDetail() {
+      let that = this
+      let data = {
+        policyNo: window.localStorage.getItem('policyNo')
+        // policyNo: '809920190000597308'
+      }
+
+      getPolicyDetail(data).then(res => {
+        if (res.result == '0') {
+          let appntDTO = res.content.appntDTO
+          let orderInfoDTO = res.content.orderInfoDTO
+          this.renewalManage = res.content.xqPayDTO
+          // 保单信息
+          if (orderInfoDTO.orderStatus == '0') {
+            orderInfoDTO.orderStatusText = '未签收'
+          } else if (orderInfoDTO.orderStatus == '1') {
+            orderInfoDTO.orderStatusText = '已签收'
+          } else {
+            orderInfoDTO.orderStatusText = ''
+          }
+          // 测试用
+          // orderInfoDTO.orderStatus = '0'
+          that.OrderInfoDTO = orderInfoDTO
+          // 投保人信息
+          this.filterData(dataDictionary.sex, 'sex', appntDTO)
+          this.filterData(dataDictionary.idType, 'idType', appntDTO)
+          that.appntDTO = appntDTO
+          this.$CacheUtils.setLocItem('saleInsuredInfo', JSON.stringify(appntDTO))
+          // 被保险人信息
+          res.content.insuredDTOs.map(insured => {
+            insured.riskDTOLst.map(risk => {
+              Number(risk.payIntv)
+              switch (risk.payIntv) {
+                case -1:
+                  risk.payIntv = '不定期交'
+                  break
+                case 0:
+                  risk.payIntv = '一次交清'
+                  break
+                case 1:
+                  risk.payIntv = '月交'
+                  break
+                case 3:
+                  risk.payIntv = '季交'
+                  break
+                case 6:
+                  risk.payIntv = '半年交'
+                  break
+                case 12:
+                  risk.payIntv = '年交'
+                  break
+              }
+              if (risk.insuYear == '70') {
+                risk.insuYear = '至70周岁'
+              } else if (risk.insuYear == '75') {
+                risk.insuYear = '至75周岁'
+              } else if (risk.insuYear == '80') {
+                risk.insuYear = '至80周岁'
+              } else if (risk.insuYear == '106') {
+                risk.insuYear = '终身'
+              } else {
+                risk.insuYear = `${risk.insuYear}年`
+              }
+            })
+            this.filterData(dataDictionary.sex, 'sex', insured)
+            this.filterData(dataDictionary.idType, 'idType', insured)
+            this.filterData(dataDictionary.relationToAppnt, 'relation', insured)
+            insured.bnfDTOs.map(bnf => {
+              this.filterData(dataDictionary.bnfType, 'bnfType', bnf)
+              this.filterData(dataDictionary.sex, 'sex', bnf)
+              this.filterData(dataDictionary.idType, 'idType', bnf)
+              this.filterData(dataDictionary.relationToAppnt, 'relation', bnf)
+            })
+          })
+
+          that.insuredDTOs = res.content.insuredDTOs
+          this.list = formatAllRisk(this.insuredDTOs[0].riskDTOLst)
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    },
+    //根据数据字典 将后端返回的数据渲染到页面中
+    filterData(dictionary, key, pageData) {
+      dictionary.forEach(item => {
+        if (pageData[key] == item.id) {
+          pageData[key + 'Text'] = item.text //渲染页面使用的字段
+        }
+      })
+    },
+    // 回执签收
+    next() {
+      let that = this
+      if (this.faceAuthCount.appnt < this.smsAuthNum) {
+        if (this.appntDTO.idType == '1') {
+          //证件类型为身份证时，进行人脸识别
+          EWebBridge.webCallAppInJs('face_auth', {
+            number: this.appntDTO.idNo, //身份证号码
+            name: this.appntDTO.name //姓名
+          }).then(data => {
+            this.$toast.loading({
+              duration: 0, // 持续展示 toast
+              forbidClick: true, // 禁用背景点击
+              loadingType: 'spinner',
+              message: '加载中……'
+            })
+            this.$toast.clear()
+            if (JSON.parse(data).state == '1') {
+              this.toNextPage()
+            } else {
+              that.faceAuthCount.appnt++
+              if (that.faceAuthCount.appnt >= this.smsAuthNum) {
+                this.realPeopelCheck()
+              }
+            }
+          })
+        } else {
+          this.toNextPage()
+        }
+      } else {
+        this.realPeopelCheck()
+      }
+    },
+    toNextPage() {
+      let params = {
+        contNo: window.localStorage.getItem('policyNo')
+      }
+      getReceiptSign(params).then(res => {
+        if (res.result == '0') {
+          this.$toast.clear()
+          window.localStorage.setItem('insurance-policyUrl', res.signUrl)
+          window.localStorage.setItem('detailJump', '1')
+          window.localStorage.setItem('contNo', this.OrderInfoDTO.contNo)
+          window.localStorage.setItem('orderNo', this.OrderInfoDTO.orderNo)
+          window.localStorage.setItem('orderStatus', this.OrderInfoDTO.orderStatus)
+          this.$CacheUtils.setLocItem('saleInsuredInfo', JSON.stringify(this.appntDTO))
+          this.$jump({
+            flag: 'h5',
+            extra: {
+              url: location.origin + '/#/sale/signatureOfElectronic',
+              forbidSwipeBack: '1',
+              title: '保险合同签收回执电子确认书签名'
+            },
+            routerInfo: {
+              path: '/sale/signatureOfElectronic'
+            }
+          })
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.detail-container {
+  .van-hairline--top-bottom::after {
+    border: none;
+  }
+  /deep/ .van-collapse-item__content {
+    padding-top: 0;
+  }
+  /deep/.van-collapse-item__title {
+    padding-left: 30px;
+  }
+  /deep/ .van-cell__value {
+    text-align: left !important;
+  }
+}
+</style>

src/views/ebiz/renewalManage/shortPolicyList.vue

@@ -0,0 +1,148 @@
+<template>
+  <div class="policy-list-container">
+    <div class="policy-list-content">
+      <van-tabs v-model="active">
+        <van-tab title="有效">
+          <div v-if="list.length > 0">
+            <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in list" :key="index">
+              <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
+                <cellLine :text="item.riskName" size="large"></cellLine>
+                <cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
+                <cellLine title="投保人" :text="item.appntName"></cellLine>
+                <cellLine title="被保人" :text="item.insuredName"></cellLine>
+                <cellLine title="保额(元)" :text="item.amount"></cellLine>
+                <cellLine title="保单生效日期" :text="item.cvaliDate"></cellLine>
+                <cellLine title="满期终止日" :text="item.endDate"></cellLine>
+                <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
+                <cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
+              </div>
+            </div>
+          </div>
+          <div v-else class="text-center">
+            <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+            <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
+          </div>
+        </van-tab>
+        <van-tab title="终止">
+          <div v-if="invalidList.length > 0">
+            <div class="fs12" style="border-bottom: 1px solid #d7d7d7;" v-for="(item, index) in invalidList" :key="index">
+              <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
+                <cellLine :text="item.riskName" size="large"></cellLine>
+                <cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
+                <cellLine title="投保人" :text="item.appntName"></cellLine>
+                <cellLine title="被保人" :text="item.insuredName"></cellLine>
+                <cellLine title="保额(元)" :text="item.amount"></cellLine>
+                <cellLine title="满期终止日" :text="item.endDate"></cellLine>
+                <cellLine title="保单状态" :text="item.orderStatus == '0' ? '有效' : '终止'"></cellLine>
+                <cellLine v-if="item.netWorkName != '-'" title="网点名称" :text="item.netWorkName"></cellLine>
+              </div>
+            </div>
+          </div>
+          <div v-else class="text-center">
+            <img class="mt40 w250" src="@/assets/images/pic_page-non.png" />
+            <div class="fs17 c-gray-dark mt40">暂无保单列表</div>
+          </div>
+        </van-tab>
+      </van-tabs>
+    </div>
+  </div>
+</template>
+
+<script>
+import { Search, List, Tab, Tabs, Tag, Row, Col } from 'vant'
+import { getShortPolicyList } from '@/api/ebiz/renewalManage/renewalManage'
+import { openLoading, closeLoading } from '@/assets/js/utils/toastLoading.js'
+import cellLine from './compontents/cellLine'
+export default {
+  data() {
+    return {
+      // 搜索框
+      titleList: ['有效', '终止'],
+      lineWidth: 45,
+      // 列表信息
+      policyListDTOList: [],
+      // 高亮的 tab 栏
+      active: '1',
+      list: [], // 列表
+      invalidList: [], // 无效列表
+      customerInfo: []
+    }
+  },
+  created() {
+    let that = this
+    this.lineWidth = document.body.clientWidth / 2
+    // 获取短险表单列表
+    that.getPolicyList()
+  },
+  methods: {
+    // 获取短险保单列表
+    getPolicyList() {
+      openLoading()
+      let that = this
+      let data = {
+      }
+      debugger
+      getShortPolicyList(data).then(res => {
+        closeLoading()
+        if (res.result == 0) {
+          for (let item of res.policyListDTOList) {
+            for (let value in item) {
+              if (!item[value]) {
+                item[value] = '-'
+              }
+            }
+          }
+          res.policyListDTOList.map(item => {
+            if (item.orderStatus === '0') {
+              that.list.push(item)
+            } else {
+              that.invalidList.push(item)
+            }
+          })
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    },
+    // 点击去详情
+    goToDetail(policyNo) {
+      console.log(policyNo)
+      window.localStorage.setItem('policyNo', policyNo)
+      let that = this
+      that.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + '/#/renewalManage/shortPolicyDetail'
+        },
+        routerInfo: {
+          path: '/renewalManage/shortPolicyDetail'
+        }
+      })
+    }
+  },
+  components: {
+    cellLine,
+    [Search.name]: Search,
+    [List.name]: List,
+    [Tab.name]: Tab,
+    [Tabs.name]: Tabs,
+    [Tag.name]: Tag,
+    [Row.name]: Row,
+    [Col.name]: Col
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/sass/variables.scss';
+.list-container {
+  .list-content {
+    .list-header {
+      background: $white;
+    }
+    .list-main {
+      background: $white;
+    }
+  }
+}
+</style>