增加下载人员名单

src/components/yqrange/mebman.vue

 <template>
   <div class="member-management" id="screenSet">
-    <el-row type="flex" justify="space-around" class="mm-nav" align="middle">
+    <el-row type="flex" justify="space-around" class="mm-nav">
       <el-col :span="20">
         <el-button :type="areabtn" round class="margin-l" @click="checkTab(0)" v-show='isAraeEdit' >可访问本圈的地区</el-button>
         <el-button :type="orgbtn" round class="margin-l" @click="checkTab(1)">可访问本圈的机构 ({{orgTotal}})</el-button>
@@ -8,7 +8,8 @@
         <span class="text inlin" @click="goBalck">黑名单</span>
       </el-col>
       <el-col :span="4" class="mm-r">
-        <span class="text" @click="goManger" v-if="role == 1">设置管理员</span>
+        <el-button type="info" @click="goManger" v-if="role == 1" class="manger-btn">设置管理员</el-button>
+        <el-button   @click="download" class="down-btn">导出人员明细</el-button>
       </el-col>
     </el-row>
     <div class="member-main">
@@ -43,7 +44,7 @@ import * as commonUtil from "@/utils/utils";
 import org from '@/components/yqrange/member-management/org'
 import renyaun from '@/components/yqrange/member-management/renyuan'
 import region from '@/components/yqrange/member-management/region'
-import { getCircleRole, getTotalNumber } from '@/utils/yqrange/rangeApi'
+import { getCircleRole, getTotalNumber, downLoadMember } from '@/utils/yqrange/rangeApi'
 export default {
   props: {
     circleId: {
@@ -164,7 +165,34 @@ export default {
     // },
     refreshRenYuan() {
       this.$refs.renyaun.initRange()
-    }
+    },
+    // 下载成员明细
+    download() {
+      let param = {
+        circleId: this.circleId,
+        countryFlag:true,
+        name:"",
+        orgName:"",
+        pageNo:1,
+        pageSize:10,
+        source:0
+      }
+      downLoadMember(param).then(res => {
+        if (res.data) {
+          this.downloadFile(res.data.attachments.base64,res.data.attachments.name);
+        }
+      }).catch(err => {
+        console.log('网络出现点儿问题，稍后重试')
+      })
+    },
+     /* 文件下载*/
+    downloadFile(base64,name) {
+      let a = document.createElement('a');
+      let href = 'data:application/xls;base64,' + base64;
+      a.setAttribute('href',href);
+      a.setAttribute('download',name);
+      a.click();
+    },
   }
 }
 </script>
@@ -183,6 +211,9 @@ export default {
     .mm-r {
       text-align: right;
       padding-right: 20px;
+      .manger-btn{
+        margin-bottom: 20px;
+      }
     }
     .inlin {
       margin-left: 10px;

src/components/yqrange/member-management/renyuan.vue

@@ -40,6 +40,7 @@
       </el-col>
     </el-row>
     <el-table class="rim" ref="multipleOrganization" :data="peoplesDtoList" tooltip-effect="dark" style="width: 100%">
+      <el-table-column prop="id" label="id" min-width="100" align="center"></el-table-column>
       <el-table-column prop="name" label="人员" min-width="100" align="center"></el-table-column>
       <el-table-column prop="department" label="所属科室" align="center"></el-table-column>
       <el-table-column prop="hospital" label="所属医院" align="center"></el-table-column>
@@ -48,6 +49,11 @@
       <el-table-column prop="countyName" label="所属区县" align="center"></el-table-column>
       <el-table-column prop="townName" label="所属街道" align="center"></el-table-column>
       <el-table-column prop="sourceName" label="来源" align="center"></el-table-column>
+      <el-table-column prop="joinTime" label="加入时间" min-width="100" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.joinTime | liveDateFilter }}</span>
+        </template>
+      </el-table-column>
       <el-table-column
         fixed="right"
         label="操作"
@@ -154,13 +160,8 @@
       </span>
         </div>
       </div>
-
-
     </el-dialog>
 
-
-
-
     <el-dialog
       title="批量导入"
       :visible.sync="dialogImportVisible"

src/utils/yqrange/memberApi.js

@@ -171,4 +171,3 @@ export const getprovinces = (idType) => {
   })
 };
 
-

src/utils/yqrange/rangeApi.js

 import fetch from '../fetch';
 import { getBaseUrl, getSaasDomain, getSaasApiDomain } from '@/utils/index'
 let headers = {
-'Content-Type': 'application/json;charset=UTF-8',
-token: localStorage.getItem('storageToken'),
+  'Content-Type': 'application/json;charset=UTF-8',
+  token: localStorage.getItem('storageToken'),
 };
 
 export const getCircleInfoReq = (id) => {
@@ -51,7 +51,6 @@ export const getMemberSelectOrgOptionReq = (data) => {
 
 
 
-
 export const getOrgProvincesReq = (idType,circleId,type=1) => {
   return fetch({
     headers,
@@ -107,3 +106,14 @@ export const saveKolConfig = (data) => {
     description: 'KOL管理tab保存',
   })
 };
+
+
+export const downLoadMember = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`circle/export/people/related/search/export`),
+    method: 'post',
+    data: params,
+    description: '下载人员名单'
+  })
+};