[NEW]审批列表-新增

src/router/ebiz/agentEenter.js

@@ -20,6 +20,8 @@ const agentEenterBasicHealth = () => import('@/views/ebiz/agentEenter/AgentEente
 const agentEenterBasicSuccess = () => import('@/views/ebiz/agentEenter/AgentEenterBasicSuccess')
 const ShareInfo = () => import('@/views/ebiz/agentEenter/share/ShareInfo')
 const ShareInfoSuccess = () => import('@/views/ebiz/agentEenter/share/ShareInfoSuccess')
+const ApproveList = () => import('@/views/ebiz/agentEenter/approve/ApproveList')
+
 export default [
   {
     path: '/agentEenter/entryProcess',
@@ -209,5 +211,14 @@ export default [
       title: '入司申请填写成功',
       index: 1
     }
+  },
+  {
+    path: '/agentEenter/approve/ApproveList',
+    name: 'ApproveList',
+    component: ApproveList,
+    meta: {
+      title: '增员审批列表',
+      index: 1
+    }
   }
 ]

src/views/app/Home.vue

@@ -26,6 +26,7 @@
           <li><router-link to="/my/UserIncome">收入</router-link></li>
           <li><router-link to="/serve/list">保单列表</router-link></li>
           <li><router-link to="/agentEenter/agentEenterBasicInfor">自助入司</router-link></li>
+          <li><router-link to="/agentEenter/approve/ApproveList">入司审批列表</router-link></li>
         </ul>
       </li>
     </ul>

src/views/ebiz/agentEenter/AgentEenterBasicInfor.vue

@@ -107,13 +107,7 @@
       </van-field>
       <van-field v-model="userInfo.address" label="联系地址" name="联系地址" placeholder="请输入" v-validate="'required'" required clearable />
       <van-field v-model="userInfo.zip" label="邮政编码" name="邮政编码" placeholder="请输入" v-validate="'required|zipCode'" required clearable />
-      <van-field
-        :value="userInfo.bankName"
-        label="开户银行"
-        name="开户银行"
-        v-validate="'required'"
-        required
-        readonly />
+      <van-field :value="userInfo.bankName" label="开户银行" name="开户银行" v-validate="'required'" required readonly />
       <!-- @click="focus"
         right-icon="arrow"
         data-vv-name="开户银行" -->
@@ -404,8 +398,8 @@ export default {
             this.userInfo.age = idToData(this.userInfo.idNo).age
             this.userInfo.sex = idToData(this.userInfo.idNo).sex
           }
-          this.userInfo.bankName='工商银行'
-          this.userInfo.nationality='CHN'
+          this.userInfo.bankName = '工商银行'
+          this.userInfo.nationality = 'CHN'
         }
       })
     },

src/views/ebiz/agentEenter/approve/ApproveList.vue

@@ -0,0 +1,141 @@
+<template>
+  <div class="approve-list-container pb50">
+    <div v-if="isSuccess">
+      <div v-if="approveList.length > 0">
+        <div v-for="(item, index) in approveList" :key="index">
+          <div class="bg-white pv15 pr15 pl10 m15">
+            <div class="flex justify-content-s align-items-c">
+              <div class="mb10">
+                <div class="w60 inline-b">
+                  <van-tag plain color="#DD9C56">申请人</van-tag>
+                </div>
+                <span class="fs14 c-gray-dark ml20">{{ item.name }}</span>
+              </div>
+            </div>
+            <div class="mb10">
+              <div class="w60 inline-b">
+                <van-tag plain color="#4fc6b3">推荐人</van-tag>
+              </div>
+              <span class="fs14 c-gray-dark ml20">{{ item.referName }}</span>
+            </div>
+            <div class="mb10">
+              <div class="inline-b">
+                <van-tag plain color="#4fc6b3">所属团队</van-tag>
+              </div>
+              <span class="fs14 c-gray-dark ml20">{{ item.examineApproveTeam }}</span>
+            </div>
+            <div class="mb10">
+              <div class="inline-b">
+                <van-tag plain color="#4fc6b3">申请时间</van-tag>
+              </div>
+              <span class="fs14 c-gray-dark ml20">{{ item.createdDate }}</span>
+            </div>
+            <div class="mt10 flex justify-content-fe">
+              <van-button round plain size="small" class="mr5" type="danger" @click="goApprove">审批</van-button>
+            </div>
+          </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>
+  </div>
+</template>
+
+<script>
+import { List, Tag, Sticky, Toast, Dialog } from 'vant'
+import { agentAddApproval } from '@/api/ebiz/agentEenter/agentEenter.js'
+
+export default {
+  name: 'approveList',
+  components: {
+    [List.name]: List,
+    [Tag.name]: Tag,
+    [Sticky.name]: Sticky,
+    [Dialog.name]: Dialog
+  },
+  data() {
+    return {
+      approveList: [], //审批列表信息
+      isSuccess: false
+    }
+  },
+  mounted() {
+    this.getOrderList()
+  },
+  methods: {
+    //初始化审批列表
+    getOrderList() {
+      this.$toast.loading({
+        duration: 0, // 持续展示 toast
+        forbidClick: true, // 禁用背景点击
+        loadingType: 'spinner',
+        message: '加载中……'
+      })
+      let data = {
+        types: ['01']
+        // userModel: {
+        //   //线上去掉
+        //   id: '112345678' //审批人工号
+        // }
+      }
+      let resData = [
+        {
+          ebizEnterCustomerDto: { name: '张三' },
+          ebizReferrerDto: { referName: '推荐人李四' },
+          ebizHisExamineApproveDtoList: { examineApproveTeam: '李四团队' },
+          ebizExamineApproveDtoList: { createdDate: '2020-01-27' }
+        },
+        {
+          ebizEnterCustomerDto: { name: '张san' },
+          ebizReferrerDto: { referName: '推荐人李si' },
+          ebizHisExamineApproveDtoList: { examineApproveTeam: '李四团队' },
+          ebizExamineApproveDtoList: { createdDate: '2020-02-01' }
+        }
+      ]
+      let obj = {}
+      if (resData.length > 0) {
+        resData.forEach(ele => {
+          obj = {}
+          obj.name = ele.ebizEnterCustomerDto.name //申请人姓名
+          obj.referName = ele.ebizReferrerDto.referName //推荐人姓名
+          obj.examineApproveTeam = ele.ebizHisExamineApproveDtoList.examineApproveTeam //所属团队
+          obj.createdDate = ele.ebizExamineApproveDtoList.createdDate //申请时间
+          this.approveList.push(obj)
+        })
+        this.isSuccess = true
+      }
+      // agentAddApproval(data).then(res => {
+      //   console.log('调用了一次')
+      //   this.$toast.clear()
+      //   if (res.result == '0') {
+      //     console.log('res.result == ', res.result)
+      //     this.isSuccess = true
+      //     let resData = res.content
+      //     let obj = {}
+      //     if (resData.length > 0) {
+      //       resData.forEach(ele => {
+      //         obj = {}
+      //         obj.name = ele.ebizEnterCustomerDto.name //申请人姓名
+      //         obj.referName = ele.ebizReferrerDto.referName //推荐人姓名
+      //         obj.examineApproveTeam = ele.ebizHisExamineApproveDtoList.examineApproveTeam //所属团队
+      //         obj.createdDate = ele.ebizExamineApproveDtoList.createdDate //申请时间
+      //         this.approveList.push(obj)
+      //       })
+      //       this.isSuccess = true
+      //     }
+      //   }
+      // })
+    },
+
+    //审批
+    goApprove() {
+      console.log(1111)
+    }
+  }
+}
+</script>
+<style lang="scss" scoped></style>