xubao

src/router/ebiz/healthInsuranceRenewal.js

@@ -0,0 +1,23 @@
+//健康险续保 定义相关组件
+const healthInsuranceRenewalList = () => import('@/views/ebiz/healthInsuranceRenewal/list')
+const healthInsuranceRenewalDetail = () => import('@/views/ebiz/healthInsuranceRenewal/detail')
+export default [
+  {
+    path: '/healthInsuranceRenewal/list',
+    name: 'healthInsuranceRenewalList',
+    component: healthInsuranceRenewalList,
+    meta: {
+      title: '健康险续保清单',
+      index: 1
+    }
+  },
+  {
+    path: '/healthInsuranceRenewal/detail',
+    name: 'healthInsuranceRenewalDetail',
+    component: healthInsuranceRenewalDetail,
+    meta: {
+      title: '保单详情',
+      index: 1
+    }
+  }
+]

src/router/ebiz/index.js

@@ -48,6 +48,8 @@ import allowance from './allowance'
 import cooperativeUnit from './cooperativeUnit'
 // YB_APP
 import YB_APP from '../YB_APP/index'
+//健康险续保
+import healthInsuranceRenewal from './healthInsuranceRenewal'
 export default [
   ...proposal,
   ...sale,
@@ -84,5 +86,6 @@ export default [
   ...laurelClub,
   ...allowance,
   ...cooperativeUnit,
-  ...YB_APP
+  ...YB_APP,
+  ...healthInsuranceRenewal
 ] //根据需要进行删减

src/views/ebiz/healthInsuranceRenewal/detail.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="detail-container pb50">
+    <van-cell title="客户名称" value="陈伟" />
+    <van-cell title="地址" value="广西-南宁市-兴宁区" />
+    <van-cell title="联系人姓名" value="李伟" />
+    <van-cell title="联系电话" value="17722228789" />
+    <van-cell title="保单号" value="6929201022290" />
+    <van-cell title="保单保费" value="5200.00元" />
+    <van-cell title="代理人" value="李晓娟" />
+    <van-cell title="代理人工号" value="1534456456" />
+    <van-collapse v-model="activeName1">
+      <van-collapse-item title="续保意见" name="1">
+        <div>1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+      </van-collapse-item>
+    </van-collapse>
+    <van-collapse v-model="activeName2">
+      <van-collapse-item title="未续保原因" name="1">
+        <div>1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890</div>
+      </van-collapse-item>
+    </van-collapse>
+  </div>
+</template>
+
+<script>
+  import { Collapse, CollapseItem, Cell} from 'vant'
+  export default {
+    components: {
+      [Collapse.name]: Collapse,
+      [CollapseItem.name]: CollapseItem,
+      [Cell.name]: Cell
+    },
+    data() {
+      return {
+        dataInfo:{},
+        activeName1:[],
+        activeName2:[]
+      }
+    },
+    created() {
+
+    },
+    mounted() {
+
+    },
+    methods:{
+
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  /deep/ .van-cell__title{
+    flex:1;
+  }
+  /deep/ .van-cell__value{
+    flex:2;
+  }
+  /deep/ .van-cell__value {
+    text-align: left !important;
+  }
+</style>

src/views/ebiz/healthInsuranceRenewal/list.vue

@@ -0,0 +1,141 @@
+<template>
+  <div class="sale-list-container pb50">
+    <van-search placeholder="请选择客户经理姓名" v-model="searchName" @change="searchList" @keyup.enter="searchList" />
+    <van-sticky>
+      <van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
+        <van-tab name="uncommit" title="未续保"></van-tab>
+        <van-tab name="commit" title="已续保"></van-tab>
+      </van-tabs>
+    </van-sticky>
+
+    <van-list
+      v-model="loading"
+      :immediate-check="false"
+      :finished="finished"
+      :finished-text="finishedText"
+      error-text="请求失败，点击重新加载"
+      :error.sync="error"
+      @load="getOrderList"
+      class="pb45">
+      <div v-if="listData.length > 0">
+        <div v-for="(item, index) in listData" :key="index">
+          <div style="background: #fff;margin: 15px;border-radius: 5px;padding: 15px;">
+            <div style="line-height: 35px;"><span style="width: 40%;display: inline-block;">客户名称</span><span style="width: 60%;display: inline-block;">{{item.name}}</span></div>
+            <div style="line-height: 35px;"><span style="width: 40%;display: inline-block;">保单号</span><span style="width: 60%;display: inline-block;">{{item.contNo}}</span></div>
+            <div style="line-height: 35px;"><span style="width: 40%;display: inline-block;">保单终止时间</span><span style="width: 60%;display: inline-block;">{{item.endDate}}</span></div>
+            <div style="line-height: 35px;" v-if="item.continueFlag == '0'"><span style="width: 40%;display: inline-block;">是否续保</span><span style="width: 60%;display: inline-block;color: #d9001b;">未续保</span></div>
+            <div style="line-height: 35px;" v-if="item.continueFlag == '1'"><span style="width: 40%;display: inline-block;">是否续保</span><span style="width: 60%;display: inline-block;">已续保</span></div>
+            <div style="line-height: 35px;"><span style="width: 40%;display: inline-block;">服务经理</span><span style="width: 60%;display: inline-block;">{{item.agentManager}}</span></div>
+            <div style="line-height: 35px;display: flex;justify-content: flex-end;"><van-button round @click="goDetail(item)" size="small" style="height: 26px;line-height: 26px;" class="mr5" type="danger" v-no-more-click="1000">详情</van-button></div>
+          </div>
+        </div>
+      </div>
+
+      <div v-else class="text-center">
+        <img class="mt40" src="@/assets/images/pic_page-non.png" />
+        <div class="fs17 mt40">暂无数据</div>
+      </div>
+    </van-list>
+  </div>
+</template>
+
+<script>
+import { Search, Tabs, Tab, List, Tag, Sticky, Field } from 'vant'
+
+export default {
+  name: 'saleList',
+  components: {
+    [Field.name]: Field,
+    [Search.name]: Search,
+    [Tabs.name]: Tabs,
+    [Tab.name]: Tab,
+    [List.name]: List,
+    [Tag.name]: Tag,
+    [Sticky.name]: Sticky,
+  },
+  data() {
+    return {
+      searchName: '',
+      active: 'uncommit',
+      listData: [
+        {name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'0',agentManager:'李晓娟'},
+        {name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'1',agentManager:'李晓娟'},
+        {name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'0',agentManager:'李晓娟'},
+        {name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'1',agentManager:'李晓娟'},
+        {name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'0',agentManager:'李晓娟'},
+        {name:'陈伟',contNo:'6929201022290',endDate:'2023-11-12',continueFlag:'1',agentManager:'李晓娟'},
+      ],
+      loading: false,
+      finished: false,
+      total: '',
+      currentPage: 1,
+      error: false,
+      finishedText: '没有更多了',
+      pageSize: 5,
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    //列表查询
+    getOrderList() {
+      // let params = {
+      //
+      // }
+      // orderList(params).then(res => {
+      //   if (res.result == '0') {
+      //     this.currentPage++
+      //     if (!res.orderDTOPageInfo) {
+      //       this.finished = true
+      //       this.loading = false
+      //       this.finishedText = ''
+      //       return false
+      //     }
+      //     this.listData = res.orderDTOPageInfo.list
+      //     if (list.length == 0) {
+      //       this.finishedText = ''
+      //     } else {
+      //       this.finishedText = '已经全部加载'
+      //     }
+      //     this.loading = false
+      //     if (res.orderDTOPageInfo.nextPage == 0) {
+      //       //当下一页为0时  表示全部数据加载完毕
+      //       this.finished = true
+      //       this.loading = false
+      //     }
+      //   } else {
+      //     this.$toast(res.resultMessage)
+      //   }
+      // })
+    },
+    tabChange(name) {
+      this.currentPage = 1
+      this.active = name
+      this.listData = []
+      ;[this.loading, this.finished] = [true, false]
+      this.finishedText = '正在加载...'
+      this.getOrderList()
+    },
+    searchList() {
+      this.currentPage = 1
+      this.listData = []
+      ;[this.loading, this.finished] = [true, false]
+      this.finishedText = '正在加载...'
+      this.getOrderList()
+    },
+    //投保单详情
+    goDetail(item) {
+      this.$router.push({
+        path: '/healthInsuranceRenewal/detail',
+        query: {
+          contNo: item.contNo
+        }
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+
+</style>