From eb3ee61e668c68b9f25ca799b02cc2a56206ea0d Mon Sep 17 00:00:00 2001
From: "tian.guangyuan" <tian.guangyuan@ebiz-fooge.com>
Date: Thu, 16 Apr 2020 19:06:03 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90new=E3=80=91=20=E4=B8=B4=E6=97=B6?=
 =?UTF-8?q?=E5=AD=98=E5=82=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ebiz/preserve/preserve.js    |  12 ++
 src/config/preserve.js               |   5 +
 src/config/urlMap.js                 |   3 +-
 src/router/ebiz/preserve.js          |  12 +-
 src/views/ebiz/preserve/Progress.vue | 264 +++++++++++++++++++++++++++
 5 files changed, 294 insertions(+), 2 deletions(-)
 create mode 100644 src/config/preserve.js
 create mode 100644 src/views/ebiz/preserve/Progress.vue

diff --git a/src/api/ebiz/preserve/preserve.js b/src/api/ebiz/preserve/preserve.js
index e69de29bb..1d362ee25 100644
--- a/src/api/ebiz/preserve/preserve.js
+++ b/src/api/ebiz/preserve/preserve.js
@@ -0,0 +1,12 @@
+import request from '@/assets/js/utils/request'
+import getUrl from '@/assets/js/utils/get-url'
+
+//获取海报类型
+export function progressListQuery(data) {
+  return request({
+    url: getUrl('/edor/query/queryEdorList', 0),
+    method: 'post',
+    data
+  })
+}
+
diff --git a/src/config/preserve.js b/src/config/preserve.js
new file mode 100644
index 000000000..206af0814
--- /dev/null
+++ b/src/config/preserve.js
@@ -0,0 +1,5 @@
+let mockBaseUrl = 'http://rap2.taobao.org:38080/app/mock/250585/'
+
+export default {
+  '/edor/query/queryEdorList': mockBaseUrl + '/edor/query/queryEdorList',
+}
diff --git a/src/config/urlMap.js b/src/config/urlMap.js
index a75916286..6782f7e65 100644
--- a/src/config/urlMap.js
+++ b/src/config/urlMap.js
@@ -8,6 +8,7 @@ import sale from './sale'
 import customer from './customer'
 import my from './my'
 import product from './product'
+import preserve from './preserve'
 import serve from './serve'
 import common from './common'
 import survey from './survey'
@@ -18,6 +19,6 @@ let baseObj = {
   '/user/info': mockBaseUrl + '/223948/info',
   '/user/logout': mockBaseUrl + '/223948/logout'
 }
-Object.assign(baseObj, proposal, sale, customer, my, product, serve, common, survey)
+Object.assign(baseObj, proposal, sale, customer, my, product, preserve, serve, common, survey)
 
 export default baseObj
diff --git a/src/router/ebiz/preserve.js b/src/router/ebiz/preserve.js
index 904e25f3b..7375a2b37 100644
--- a/src/router/ebiz/preserve.js
+++ b/src/router/ebiz/preserve.js
@@ -12,6 +12,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 Progress = () => import('@/views/ebiz/preserve/Progress')
 
 export default [
   {
@@ -130,5 +131,14 @@ export default [
       title: '提交结果',
       index: 13
     }
-  }
+  },
+  {
+    path: '/preserve/Progress',
+    name: 'Progress',
+    component: Progress,
+    meta: {
+      title: '保全进度查询',
+      index: 14
+    }
+  },
 ]
diff --git a/src/views/ebiz/preserve/Progress.vue b/src/views/ebiz/preserve/Progress.vue
new file mode 100644
index 000000000..ac3a9fdd4
--- /dev/null
+++ b/src/views/ebiz/preserve/Progress.vue
@@ -0,0 +1,264 @@
+<!-- 保全进度查询 -->
+<template>
+  <div class="progress container">
+    <van-list
+      v-model="loading"
+      :immediate-check="false"
+      :finished="finished"
+      :finished-text="finishedText"
+      error-text="请求失败，点击重新加载"
+      :error.sync="error"
+      @load="getList"
+      class="pb45"
+    >
+      <div v-if="isSuccess">
+        <div class="fs12" v-for="(item, index) in list" :key="index">
+          <div class="flex align-items-c justify-content-c h40 gray">
+            <div>{{ item.edorapplyNo }}</div>
+          </div>
+
+          <div class="bg-white pv15 pr15 pl10 ml15 mr15">
+            <div class="flex justify-content-s align-items-c">
+              <div>
+                <div class="w80 inline-b">
+                  <van-tag plain color="#DD9C56">客户</van-tag>
+                </div>
+                <span class="fs14 c-gray-dark">{{ item.customerName }}</span>
+              </div>
+            </div>
+            
+            <div class="flex justify-content-s align-items-c pt15 pb15">
+              <div>
+                <div class="w80 inline-b">
+                  <van-tag plain color="#5ca7de">状态</van-tag>
+                </div>
+                <span class="fs14 c-gray-dark">{{item.surrenderStatus}}</span>
+              </div>
+            </div>
+
+            <div class="pt15" style="border-top:1px solid #dadada">
+              <div>
+                <div class="w80 inline-b">
+                  <van-tag plain color="#999">保全项</van-tag>
+                </div>
+                <span class="fs14 c-gray-dark">{{ item.surrenderType }}</span>
+              </div>
+            </div>
+
+            <div class="mt10 flex justify-content-fe">
+              <van-button
+                round
+                @click="detail(item)"
+                size="small"
+                class="mr5"
+                type="danger"
+                plain
+                v-no-more-click="2000"
+                >查看详情</van-button
+              >
+            </div>
+          </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-list>
+  </div>
+</template>
+
+<script>
+import { Divider, Tag, Row, Col, Checkbox, CheckboxGroup, List } from 'vant'
+import { progressListQuery, preserveCancel, customerInfo } from '@/api/ebiz/preserve/preserve'
+export default {
+  name: 'progressInfo',
+  data() {
+    return {
+      list: [], //保全进度列表
+      loading: false,
+      finished: false,
+      pageSize: 5, //页面条数
+      pageNum: 1, //页码数
+      currentPage: 1, //当前页数
+      error: false,
+      finishedText: '没有更多了',
+      isSuccess: false
+    }
+  },
+  components: {
+    [Divider.name]: Divider,
+    [Tag.name]: Tag,
+    [Row.name]: Row,
+    [Col.name]: Col,
+    [Checkbox.name]: Checkbox,
+    [List.name]: List,
+    [CheckboxGroup.name]: CheckboxGroup
+  },
+  created() {
+    //获取保全进度列表
+    this.getList()
+  },
+  methods: {
+    // 查看详情
+    detail(item) {
+      // type 对应到是去基本信息变更详情; 续期变更详情; 红利领取详情
+      let data = {
+        type,
+        id,
+        mobile,
+        edorapplyNo
+      }
+      this.initLocal(data)
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + `/#/preserve/detail?flag=${type}`
+        },
+        routerInfo: {
+          path: `/preserve/detail?flag=${type}`
+        }
+      })
+    },
+    // 撤销
+    cancel(surrenderId, edoracceptNo) {
+      this.$dialog
+        .confirm({
+          className: 'dialog-delete',
+          title: '提示',
+          message: '确认撤销?',
+          cancelButtonColor: '#4FC6B3',
+          confirmButtonColor: '#FFFFFF'
+        })
+        .then(() => {
+          // 确认撤销
+          preserveCancel({
+            surrenderDTO: {
+              surrenderId,
+              edoracceptNo
+            }
+          }).then(res => {
+            if (res.result == 0) {
+              this.currentPage = 1
+              this.list = []
+              this.getList()
+            } else {
+              this.$toast(res.resultMessage)
+            }
+          })
+        })
+        .catch(() => {
+          this.$toast('撤销失败')
+        })
+    },
+    // 分享
+    async share(item) {
+      console.log(item)
+      let res = await customerInfo({
+        customerNo: item.customerNo,
+        surrenderType: item.surrenderType //"1","基本信息变更" "2","续期账号变更" "3","红利领取"
+      })
+      if (res.result == 0) {
+        let { idNo, idType, customerName, customerMobile } = res.content
+        let data = {
+          contNo: item.contNo,
+          type: item.surrenderType,
+          id: item.surrenderId,
+          customerMobile,
+          edorapplyNo: item.edorapplyNo,
+          idNo,
+          idType,
+          customerName
+        }
+        this.initLocal(data)
+        // this.initLocal(type, id, mobile, edorapplyNo)
+        this.$jump({
+          flag: 'h5',
+          extra: {
+            url: location.origin + `/#/preserve/handleResult`
+          },
+          routerInfo: {
+            path: `/preserve/handleResult`
+          }
+        })
+      }
+    },
+    getList() {
+      console.log(1);
+      this.$toast.loading({
+        // 持续展示 toast
+        duration: 0,
+        // 禁用背景点击
+        forbidClick: true,
+        loadingType: 'spinner',
+        message: '加载中……'
+      })
+      progressListQuery({
+        pageSize: this.pageSize,
+        pageNum: this.currentPage
+      }).then(res => {
+        this.$toast.clear()
+        if (res.result == 0) {
+          this.isSuccess = true
+          this.currentPage++
+          if (res.content.list.length == 0) {
+            this.finishedText = ''
+          } else {
+            this.finishedText = '已经全部加载'
+          }
+          this.loading = false
+          if (res.content.nextPage == 0) {
+            this.finished = true
+          }
+          this.list = this.list.concat(res.content.list)
+          // this.list = res.content.list
+        } else {
+          this.finished = true
+          this.loading = false
+          // this.finishedText = res.resultMessage
+          this.finishedText = ''
+          // this.$toast(res.resultMessage)
+        }
+      })
+    },
+    //初始化localStorage
+    initLocal(data) {
+      let entry = ''
+      switch (data.type) {
+        case '1':
+          entry = 'basic'
+          break
+        case '2':
+          entry = 'renewal'
+          break
+        case '3':
+          entry = 'bonus'
+          break
+        default:
+          break
+      }
+      // localStorage.customerInfo = JSON.stringify({
+      //   contNo: data.contNo,
+      //   surrenderType: data.type,
+      //   surrenderId: data.id,
+      //   entry,
+      //   edorapplyNo: data.edorapplyNo,
+      //   idNo: data.idNo,
+      //   idType: data.idType,
+      //   customerName: data.customerName,
+      //   customerMobile: data.customerMobile
+      // })
+    }
+  },
+  computed: {
+    // dataList() {
+    //   let list = this.list.filter(item => {
+    //     return item.surrenderStatus != 8
+    //   })
+    //   return list
+    // }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>