Merge branch 'feature/GFRS-217【待确定】保全-续期账号变更' into feature/GFRS-216【待确定】保全-联系方式变更

# Conflicts:
#	src/api/ebiz/preserve/preserve.js
#	src/views/ebiz/preserve/Search.vue

src/api/ebiz/preserve/preserve.js

@@ -8,6 +8,14 @@ export function edorChange(data) {
     data
   })
 }
+//搜索客户
+export function customerList(data) {
+  return request({
+    url: getUrl('/edor/customer/customerList', 1),
+    method: 'post',
+    data
+  })
+}
 
 export function edorSignSave(data) {
   return request({
@@ -15,4 +23,13 @@ export function edorSignSave(data) {
     method: 'post',
     data
   })
-}
+}
+
+//客户详情
+export function customerInfo(data) {
+  return request({
+    url: getUrl('/edor/customer/customerInfo', 1),
+    method: 'post',
+    data
+  })
+}

src/router/ebiz/preserve.js

@@ -13,6 +13,7 @@ const beneficiaryInfo = () => import('@/views/ebiz/preserve/BeneficiaryInfo')
 const beneficiaryConfirmation = () => import('@/views/ebiz/preserve/BeneficiaryConfirmation')
 const surrenderInfo = () => import('@/views/ebiz/preserve/SurrenderInfo')
 const surrenderConfirmation = () => import('@/views/ebiz/preserve/SurrenderConfirmation')
+const autopayAuthorization = () => import('@/views/ebiz/preserve/AutopayAuthorization')
 
 export default [
   {
@@ -132,6 +133,15 @@ export default [
       index: 12
     }
   },
+  {
+    path: '/preserve/autopayAuthorization',
+    name: 'autopayAuthorization',
+    component: autopayAuthorization,
+    meta: {
+      title: '签署自动转账授权书',
+      index: 12
+    }
+  },
   {
     path: '/preserve/submitResult',
     name: 'submitResult',

src/views/ebiz/preserve/AutopayAuthorization.vue

@@ -0,0 +1,4 @@
+<!--自动转账授权书-续期账号变更-->
+<template>
+  <div class="auto-pay"></div>
+</template>

src/views/ebiz/preserve/Search.vue

@@ -1,3 +1,205 @@
 <template>
-  <h1>11111</h1>
+  <div class="search-container bg-white">
+    <div class="search-content flex relative">
+      <van-dropdown-menu class="pr5 ml10 mt5" active-color="#47DBBD" v-if="isSearch">
+        <van-dropdown-item v-model="selected" :options="options" />
+      </van-dropdown-menu>
+      <van-search class="search-box flex1" v-model="searchVal" show-action @search="onSearch" @cancel="onCancel" @input="handleInput">
+        <div slot="action" v-if="isSearch" @search="onSearch" @click="onSearch(searchVal)" v-no-more-click="2000">搜索</div>
+        <div slot="action" v-else @click="onCancel" v-no-more-click="2000">取消</div>
+      </van-search>
+    </div>
+    <ul class="search-list-container" v-if="list.length">
+      <li
+        class="search-list-item flex pt10 pb10 pl15 pr15 relative"
+        @click="handleClick(item)"
+        v-no-more-click="2000"
+        v-for="(item, index) in list"
+        :key="index"
+      >
+        <img src="@/assets/images/bnf_avatar.png" width="60" height="60" class="radius50 v-middle item-avatar mr20 ml10" />
+        <div class="item-info fl fs12">
+          <p class="username mb5">{{ item.customerName }}</p>
+          <p class="mobile gray mb5">手机号: {{ item.customerMobile }}</p>
+          <p class="idno gray">证件号码: {{ item.idNo }}</p>
+        </div>
+      </li>
+    </ul>
+  </div>
 </template>
+
+<script>
+import { Search, DropdownMenu, DropdownItem } from 'vant'
+import { customerList, customerInfo } from '@/api/ebiz/preserve/preserve'
+export default {
+  name: 'search',
+  data() {
+    return {
+      searchVal: '', // 搜索关键词
+      list: [], // 客户列表
+      selected: 0, // 搜索类型 0 客户姓名 1 证件号码 2 手机号
+      isSearch: true, // 是否显示搜索按钮
+      options: [
+        { text: '客户姓名', value: 0 },
+        { text: '证件号码', value: 1 },
+        { text: '手机号', value: 2 }
+      ],
+      entry: '', // 入口
+      surrenderType: ''
+    }
+  },
+  components: {
+    [Search.name]: Search,
+    [DropdownMenu.name]: DropdownMenu,
+    [DropdownItem.name]: DropdownItem
+  },
+  async created() {
+    // 需要从原生那里获知入口
+    this.entry = this.$route.query.entry
+    switch (this.entry) {
+      case 'contact': //联系方式变更
+        this.surrenderType = '1'
+        break
+      case 'beneficiary': //受益人变更
+        this.surrenderType = '2'
+        break
+      case 'renewal': //续期账户变更
+        this.surrenderType = '3'
+        break
+      case 'surrender': //退保
+        this.surrenderType = '4'
+        break
+      case 'hesitateSurrender': //犹豫期退保
+        this.surrenderType = '5'
+        break
+      default:
+        break
+    }
+  },
+  methods: {
+    // 搜索
+    onSearch(val) {
+      if (!val) {
+        this.$toast('请输入搜索内容')
+        return
+      }
+      customerList({
+        queryParam: val,
+        queryType: this.selected //0客户姓名，1证件号码，2手机号
+        // surrenderType: this.surrenderType, //"1","基本信息变更" "2","续期账号变更" "3","红利领取"
+        // systemType: '0'
+      }).then(res => {
+        this.$toast.clear()
+        if (res.result == 0) {
+          this.list = res.content
+          if (this.list.length == 0) {
+            this.$toast(`暂无此客户`)
+          }
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+      this.isSearch = false
+    },
+    // 取消
+    onCancel() {
+      this.selected = 0
+      this.searchVal = ''
+      this.isSearch = true
+    },
+    handleInput(val) {
+      if (!this.isSearch && val == '') {
+        this.isSearch = true
+        this.list = []
+      }
+    },
+    // 点击客户
+    handleClick(params) {
+      let surrenderType = ''
+      let url = ''
+      switch (this.entry) {
+        case 'contact':
+          surrenderType = '1'
+          url = `/preserve/contactInfo?entry=contact`
+          break
+        case 'beneficiary':
+          surrenderType = '2'
+          url = `/preserve/policyList?entry=beneficiary`
+          break
+        case 'renewal':
+          surrenderType = '3'
+          url = `/preserve/policyList?entry=renewal`
+          break
+        case 'surrender':
+          surrenderType = '4'
+          url = `/preserve/policyList?entry=surrender`
+          break
+        case 'hesitateSurrender':
+          surrenderType = '5'
+          url = `/preserve/policyList?entry=hesitateSurrender`
+          break
+        default:
+          break
+      }
+      customerInfo({
+        customerNo: params.customerNo
+        // surrenderType //"1","基本信息变更" "2","续期账号变更" "3","红利领取"
+      }).then(res => {
+        console.log('客户信息详情', res)
+        // delete res.content.coreCustomerDTOList
+        //preserve-customerInfo -- 保全查询的客户详细信息
+        if (res.result == 0) {
+          localStorage.setItem('preserve-customerInfo', JSON.stringify(res.content))
+          this.jupmTo(url)
+        } else {
+          this.$toast(res.resultMessage)
+        }
+      })
+    },
+    // 页面跳转
+    jupmTo(url) {
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#${url}`
+        },
+        routerInfo: {
+          path: url
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.search-container {
+  .search-content:not(:last-child)::after {
+    position: absolute;
+    box-sizing: border-box;
+    content: ' ';
+    pointer-events: none;
+    right: 0;
+    bottom: 0;
+    left: 4.26667vw;
+    border-bottom: 1px solid #dadada;
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+  }
+  .search-list-item:not(:last-child)::after {
+    position: absolute;
+    box-sizing: border-box;
+    content: ' ';
+    pointer-events: none;
+    right: 0;
+    bottom: 0;
+    left: 4.26667vw;
+    border-bottom: 1px solid #dadada;
+    -webkit-transform: scaleY(0.5);
+    transform: scaleY(0.5);
+  }
+  /deep/[class*='van-hairline']::after {
+    border: none;
+  }
+}
+</style>