添加人群导出的功能

src/assets/data1.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1548399239038" class="icon" style="" viewBox="0 0 1311 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9455" xmlns:xlink="http://www.w3.org/1999/xlink" width="256.0546875" height="200"><defs><style type="text/css"></style></defs><path d="M0 919.698652c0 57.726532 293.224544 104.301348 655.327337 104.301348s655.327337-46.574816 655.327338-104.301348-293.224544-104.301348-655.327338-104.301348S0 861.97212 0 919.698652z" fill="#F3FAFF" p-id="9456"></path><path d="M152.18813 919.698652c0 28.207283 236.153995 51.166699 528.066573 51.166699s528.066573-22.959416 528.066574-51.166699-236.153995-51.166699-528.066574-51.166699-528.066573 22.959416-528.066573 51.166699z" fill="#CBE7F7" p-id="9457"></path><path d="M512.978957 123.334901H417.205392c-34.767116 0.655983-62.318415 28.863266-62.318416 62.974399V846.22852c0 34.111133 28.207283 62.318415 62.318416 62.974399h504.451173c34.111133-0.655983 62.318415-28.207283 62.318416-62.974399V186.965283c0-34.111133-28.207283-62.318415-62.318416-62.974399h-95.773564" fill="#CBE7F7" p-id="9458"></path><path d="M982.007031 613.354441c-7.215817 0-13.119666-5.247867-13.119666-12.463683V184.997333c0-27.551299-22.303433-49.854732-49.854733-49.854732h-96.429548c-7.215817-0.655983-12.463683-7.215817-11.8077-14.431633 0.655983-5.90385 5.247867-11.151716 11.8077-11.8077H918.376649c42.638916 0 78.062015 34.767116 78.062015 78.062015v414.581459c-1.311967 7.215817-7.8718 11.8077-14.431633 11.807699z m-64.942349 308.312161H411.301542c-43.294899 0-78.062015-34.767116-78.062015-78.062015V184.997333c0-43.294899 34.767116-78.062015 78.062015-78.062015h95.773565c7.215817 0.655983 12.463683 7.215817 11.8077 14.431633-0.655983 5.90385-5.247867 11.151716-11.8077 11.8077H411.301542c-27.551299 0-49.854732 22.303433-49.854732 49.854732V843.604587c0 27.551299 22.303433 49.854732 49.854732 49.854732H917.720666c27.551299 0 49.854732-22.303433 49.854732-49.854732v-116.765031c-0.655983-7.215817 4.591883-13.77565 11.8077-13.77565 7.215817-0.655983 13.77565 4.591883 13.775649 11.8077v118.076998c1.96795 41.326949-30.175233 76.750049-72.158165 78.717998h-3.9359z" fill="#1890FF" p-id="9459"></path><path d="M840.314634 164.66185h-18.367533v7.215817H508.387073v-7.215817h-18.367533c-48.542766 1.311967-87.245782 41.326949-86.589798 90.525698v535.28239c-0.655983 38.047033 28.863266 68.878249 66.910299 70.190215h388.342126c38.047033-0.655983 68.222265-32.143183 68.222265-70.190215V255.187548c0.655983-48.542766-38.047033-89.213732-86.589798-90.525698z" fill="#CBE7F7" p-id="9460"></path><path d="M507.73109 169.253733h-18.367533c-44.606866 0.655983-81.341932 36.735066-81.341932 81.341932v512.322973c0 33.455149 26.895316 61.006449 61.006449 61.662433h388.998109c33.455149 0 61.006449-27.551299 61.006449-61.006449V250.595665c-0.655983-44.606866-36.735066-81.341932-81.341932-81.341932h-18.367533" fill="#FFFFFF" p-id="9461"></path><path d="M860.650117 835.732787h-387.03016c-40.670966 0-73.470132-32.799166-74.126115-74.126115v-511.66699c0.655983-51.166699 41.982933-92.493648 93.805615-93.149632H511.66699v26.239333h-18.367533c-36.735066-0.655983-66.254315 28.863266-66.910299 65.598332v511.66699c0.655983 26.239333 21.64745 47.886782 47.886783 48.542766h388.342126c26.239333-0.655983 47.230799-22.303433 47.886782-48.542766V249.283698c0.655983-36.735066-28.863266-66.254315-65.598332-66.910298H826.538984v-25.58335h18.367533c51.822682 0 93.805615 42.638916 93.805615 94.461598v510.355024c-3.279917 40.670966-36.735066 72.814149-78.062015 74.126115z" fill="#1890FF" p-id="9462"></path><path d="M505.76314 180.40545v13.119666H833.098817v-37.391049c0.655983-29.519249-23.6154-54.446616-53.134649-54.446616H718.957719c4.591883-7.8718 6.559833-17.055566 7.215817-26.239333 1.311967-31.487199-22.959416-57.726532-54.446616-59.038498s-57.726532 22.959416-59.038499 54.446615v5.247867c-0.655983 9.183766 1.96795 18.367533 7.215817 26.239333h-61.006449c-29.519249 0-53.790632 24.927366-53.134649 54.446615v23.6154" fill="#FFFFFF" p-id="9463"></path><path d="M848.842417 203.364866H492.643474v-52.478666c0-36.735066 30.175233-66.910299 66.910298-66.910298h42.638916c0-3.9359-1.96795-9.183766-1.96795-13.119667C599.568755 32.153219 631.055954 0.66602 669.75897 0.010037c38.703016-0.655983 70.846199 30.831216 71.502182 69.534232v1.967949c0 4.591883-0.655983 8.527783-1.96795 13.119667h42.638916c36.735066 0 66.910299 30.175233 66.910299 66.910299V203.364866z m-329.95961-26.239333h302.40831v-24.271383c-0.655983-22.303433-18.367533-40.014983-40.670965-40.670966h-83.309882L708.461986 91.847701c3.279917-6.559833 5.247867-13.119666 5.247867-20.335483 0-23.6154-19.023516-42.638916-42.638916-42.638915-22.959416 0.655983-41.982933 19.6795-42.638916 42.638915 0 7.215817 1.96795 14.431633 5.247867 20.335483l11.151716 20.335483H561.521722c-22.303433 0-40.670966 18.367533-40.670965 40.670966V177.125533h-1.96795z m322.08781 194.171063H498.547324c-7.215817 0-13.119666-5.90385-13.119667-13.119666s5.90385-13.119666 13.119667-13.119667h341.111326c7.215817 0 13.119666 5.247867 13.119667 12.463683v0.655984c1.311967 5.90385-1.96795 11.151716-7.215817 12.463683-1.311967 0.655983-2.623933 0.655983-4.591883 0.655983z m-78.717998 108.237248H498.547324c-7.215817 0-13.119666-5.90385-13.119667-13.119667s5.90385-13.119666 13.119667-13.119666h261.737345c7.215817 0 13.119666 5.247867 13.119666 12.463683v0.655983c1.311967 5.90385-1.96795 11.151716-7.215817 12.463684-1.96795 0.655983-3.279917 0.655983-3.935899 0.655983z m-87.245782 106.925281H498.547324c-7.215817 0-13.119666-5.90385-13.119667-13.119666s5.90385-13.119666 13.119667-13.119667h175.80353c7.215817 0 13.119666 5.247867 13.119666 12.463683v0.655984c0 6.559833-5.247867 12.463683-11.8077 12.463683 0 0.655983-0.655983 0.655983-0.655983 0.655983z" fill="#1890FF" p-id="9464"></path><path d="M648.767504 70.856235c0 11.151716 9.183766 20.335483 20.335483 20.335483 11.151716 0 20.335483-9.183766 20.335483-20.335483 0-11.151716-9.183766-20.335483-20.335483-20.335483-3.279917 0-7.215817 0.655983-10.495733 2.623934-5.90385 3.9359-9.83975 10.495733-9.83975 17.711549z" fill="#1890FF" p-id="9465"></path><path d="M520.194773 152.85415h302.408311V177.125533H520.194773v-24.271383z" fill="#CBE7F7" p-id="9466"></path><path d="M1064.004946 807.525504c-17.71155 8.527783-37.391049 15.087616-57.070549 18.367533-96.429548 12.463683-184.331313-55.102599-196.794996-151.532147-12.463683-96.429548 55.102599-184.331313 151.532147-196.794996 96.429548-12.463683 184.331313 55.102599 196.794996 151.532147 5.247867 39.358999-3.279917 80.029965-24.271383 114.141098" fill="#FFFFFF" p-id="9467"></path><path d="M1066.628879 594.330925c0-3.279917-2.623933-5.90385-5.90385-5.90385h-7.215816c-9.83975-0.655983-19.6795-2.623933-29.51925-5.90385-8.527783-3.279917-17.71155-7.8718-25.583349-13.775649l-3.9359-3.279917c-1.96795-1.96795-5.247867-1.96795-7.215816 0l-3.9359 3.279917c-7.8718 5.247867-16.399583 9.83975-25.58335 13.775649-9.83975 3.279917-19.023516 5.90385-29.519249 5.90385h-7.215817c-3.279917 0-5.90385 2.623933-5.90385 5.90385v70.190215c0 17.71155 9.83975 37.391049 27.5513 53.790633 15.7436 15.087616 34.111133 24.271383 47.886782 24.271382s32.143183-9.83975 47.886783-24.271382c17.71155-16.399583 27.551299-36.079083 27.551299-53.790633l0.655983-70.190215z m-36.735066 42.638916l-41.326949 41.326949c-3.279917 3.279917-7.8718 3.279917-11.151716 0l-20.335483-20.335483c-3.279917-3.279917-3.279917-8.527783 0-11.151716 3.279917-3.279917 7.8718-3.279917 11.151716 0l15.087617 15.087616 36.079082-36.079083c3.279917-3.279917 7.8718-3.279917 11.151717 0 2.623933 2.623933 2.623933 7.8718-0.655984 11.151717z" fill="#1890FF" p-id="9468"></path><path d="M985.942931 844.26057c-104.957331 0-189.57918-85.277832-189.57918-190.235163s84.621848-190.235163 189.57918-190.235163c104.957331 0 189.57918 85.277832 189.57918 190.235163s-84.621848 190.235163-189.57918 190.235163z m-0.655983-350.951076c-88.557748 0-160.05993 72.158165-160.059931 160.715913s71.502182 160.715914 160.059931 160.715914c88.557748 0 160.05993-72.158165 160.05993-160.715914-0.655983-88.557748-72.158165-160.715914-160.05993-160.715913z" fill="#1890FF" p-id="9469"></path></svg>
\ No newline at end of file

src/view/memberGroup/memberGroupDetail.vue

@@ -10,6 +10,7 @@
             <span>{{ separator(total) }}</span>
             人
           </span>
+          <el-button type="primary" class="down-member-list__btn" @click="downMemberListPop.show = true">人群导出</el-button>
         </div>
         <div class="memberGroupDetail-wrap__head">
           <span class="tag-selected-title">筛选标签</span>
@@ -288,6 +289,17 @@
     <vue-gic-footer></vue-gic-footer>
     <!-- 自定义字段列表 -->
     <userDefined :fieldsData="memberFields" :selectedData="selectedUserDefined" :showUserDefined="showUserDefined" @hideUserDefined="hideUserDefined" @confirmUserDefined="confirmUserDefined"> </userDefined>
+    <el-dialog :visible.sync="downMemberListPop.show" title="导出数据" width="500px">
+      <div class="down-member-list-wrapper">
+        <img src="../../assets/data1.svg" alt="">
+        <p class="title">脱敏数据</p>
+        <p class="info">将敏感信息实现隐私保护</p>
+        <a href="/gic-web/#/reportCenter" v-if="downMemberListPop.toReport">
+          <el-button type="primary">去报告中心</el-button>
+        </a>
+        <el-button v-else type="primary" class="is-plain" :loading="downMemberListPop.loading" @click="createMemberExcel">生成报告</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -307,6 +319,12 @@ export default {
       memberFields: [], // 所有自定义字段
       selectedUserDefined: [], // 已选的自定义字段
       selectedFields: [], // 已选的自定义字段对象集合
+      downMemberListPop: {
+        show: false,
+        loading: false,
+        // 去报告中心
+        toReport: false
+      },
 
       groupName: '分组名称',
       groupIsRealTime: 1,
@@ -396,6 +414,23 @@ export default {
   },
 
   methods: {
+    createMemberExcel() {
+      this.downMemberListPop.loading = true;
+      let memberTagGroupId = this.$route.query.memberTagGroupId;
+      let params = {
+        memberTagGroupId,
+        dataType: 1
+      }
+      getRequest('/member-tag-member/memberExportExcel', params).then(res => {
+        if (res.data.errorCode === 1) {
+          this.$message.success('您下载的数据已为您打包好，请点击下面按钮去报告中心');
+          this.downMemberListPop.loading = false;
+          this.downMemberListPop.toReport = true;
+        }
+      }).catch(_ => {
+        this.downMemberListPop.loading = false;
+      })
+    },
     /**
      * 千位分隔符
      * */
@@ -694,6 +729,28 @@ export default {
       font-weight: bold;
     }
   }
+  .down-member-list__btn {
+    float: right;
+  }
+}
+.down-member-list-wrapper {
+  padding-bottom: 30px;
+  text-align: center;
+  img {
+    width: 110px;
+    height: auto;
+  }
+  .title {
+    color: #303133;
+    font-size: 16px;
+    line-height: 22px;
+    margin: 18px 0 10px;
+  }
+  .info {
+    font-size: 13px;
+    line-height: 18px;
+    margin-bottom: 24px;
+  }
 }
 
 .memberGroupDetail-wrap__table {