改版分部数据

1

src/views/main/api.js

@@ -182,3 +182,10 @@ export const getHasFreeCourseList = (data) => request2({
   params: data
 })
 
+// 学员会员数
+export const getOrganMemberList = (data) => request2({
+  url: '/api-web/studentManage/getCloudStudyStudentOverViewList',
+  method: 'post',
+  data: data,
+  requestType:'form'
+})

src/views/main/cloudDate/allDate.vue

@@ -64,6 +64,7 @@ export default {
       let obj = {};
       //        "eVipStudentNum",
       let arr = [
+        "totalStudentNum",
         "vipStudentNum",
         "cloudStudyLivelyStudentNum",
         "newCloudStudyStudentNum",

src/views/main/cloudDate/index.vue

@@ -1,9 +1,10 @@
 <template>
   <div>
     <allDate v-permission="'studentManage/getCloudStudyStudentOverView'" class="marginBottom20" />
-    <organDate  v-permission="'studentManage/organStudentOverView'"  class="marginBottom20"/>
+    <organMemberList />
+    <!-- <organDate  v-permission="'studentManage/organStudentOverView'"  class="marginBottom20"/>
     <activeUserNum  v-permission="'newIndex/clound'"  class="marginBottom20" />
-    <organRanking  v-permission="'organStudentOverView'" />
+    <organRanking  v-permission="'organStudentOverView'" /> -->
   </div>
 </template>
 <script>
@@ -11,12 +12,14 @@ import allDate from './allDate.vue'
 import organDate from './organDate.vue'
 import activeUserNum from './activeUserNum.vue'
 import organRanking from './organRanking.vue'
+import organMemberList from './organMemberList.vue'
 export default {
   components:{
     allDate,
-    organDate,
-    activeUserNum,
-    organRanking
+    organMemberList,
+    // organDate,
+    // activeUserNum,
+    // organRanking
   },
   data(){
     return{

src/views/main/cloudDate/organMemberList.vue

@@ -0,0 +1,220 @@
+<template>
+  <div>
+    <el-card>
+      <headers title="分部数据" @changeOrgan="changeOrgan" :special="true" />
+      <div class="tableWrap">
+        <el-table
+          style="width: 100%"
+          :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
+          :data="tableList"
+          @sort-change="sortChang"
+          :default-sort="{
+            prop: 'cloudStudyUseStudentDuty',
+            order: 'descending',
+          }"
+          sortable="custom"
+        >
+          <el-table-column
+            align="center"
+            prop="organId"
+            label="分部编号"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="organName"
+            label="分部名称"
+          ></el-table-column>
+          <el-table-column
+            align="center"
+            prop="totalStudentNum"
+            label="学员总数"
+          >
+            <!-- <template slot="header" slot-scope="slot">
+              <div class="titleCell">
+                <span>学员总数</span>
+                <el-tooltip placement="top" popper-class="mTooltip">
+                  <div slot="content">
+                    乐团在读学员+有剩余VIP课或网管课学员去重之和
+                  </div>
+                  <i
+                    class="el-icon-question micon el-tooltip"
+                    style="
+                      font-size: 18px;
+                      color: #f56c6c;
+                      top: 2px;
+                      position: relative;
+                    "
+                  ></i>
+                </el-tooltip>
+              </div>
+            </template> -->
+          </el-table-column>
+          <el-table-column align="center" prop="vipStudentNum" label="会员总数" >
+            <!-- <template slot="header" slot-scope="slot">
+              <div class="titleCell">
+                <span>目标人数</span>
+                <el-tooltip placement="top" popper-class="mTooltip">
+                  <div slot="content">
+                    进行中非会员乐团-已上乐团课小于等于4节学员-非本活动购买会员-弦乐声部学员
+                  </div>
+                  <i
+                    class="el-icon-question micon el-tooltip"
+                    style="
+                      font-size: 18px;
+                      color: #f56c6c;
+                      top: 2px;
+                      position: relative;
+                    "
+                  ></i>
+                </el-tooltip>
+              </div>
+            </template> -->
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="activeStudentNum"
+            label="活跃会员"
+          >
+            <template slot="header" slot-scope="slot">
+              <div class="titleCell">
+                <span>活跃人数</span>
+                <el-tooltip placement="top" popper-class="mTooltip">
+                  <div slot="content">每周训练时长超过60分钟，每个月有三个周以上达标的为活跃学员</div>
+                  <i
+                    class="el-icon-question micon el-tooltip"
+                    style="
+                      font-size: 18px;
+                      color: #f56c6c;
+                      top: 2px;
+                      position: relative;
+                    "
+                  ></i>
+                </el-tooltip>
+              </div>
+            </template>
+          </el-table-column>
+
+        </el-table>
+        <pagination
+          :autoScroll="false"
+          :total.sync="rules.total"
+          :page.sync="rules.page"
+          :limit.sync="rules.limit"
+          :page-sizes="rules.page_size"
+          @pagination="getList"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+<script>
+import headers from "./modals/headers.vue";
+import pagination from "@/components/Pagination/index";
+import { getOrganMemberList } from "../api";
+import { Export } from "@/utils/downLoadFile";
+import qs from "qs";
+export default {
+  components: {
+    headers,
+    pagination,
+  },
+  data() {
+    return {
+      tableList: [],
+      organId: "",
+      rules: {
+        // 分页规则
+        limit: 10, // 限制显示条数
+        page: 1, // 当前页
+        total: 0, // 总条数
+        page_size: [10, 20, 40, 50], // 选择限制显示条数
+      },
+      searchList: {
+        cloudStudyUseStudentDuty: "DESC",
+      },
+      tenantId:''
+    };
+  },
+  mounted() {
+   this.tenantId =  this.$helpers.tenantId
+    this.getList();
+  },
+  methods: {
+    async getList() {
+      try {
+        // const arr = [36,39,41,42,43,44,45,46,47,48,49,50,52,54,55,56]
+        const res = await getOrganMemberList({
+          page: 1,
+          rows: 10,
+          ...this.searchList,
+          organIds: this.organId,
+        });
+        this.tableList = res.data.rows;
+        this.rules.total = res.data.total;
+        // console.log(this.tableList)
+      } catch (e) {
+        console.log(e);
+      }
+    },
+    sortChang(val) {
+      const dates = {
+        ascending: "ASC",
+        descending: "DESC",
+      };
+      this.searchList = {};
+      if (val.prop && val.order) {
+        this.searchList[val.prop] = dates[val.order];
+      }
+      this.rules.page = 1;
+      this.getList();
+    },
+    gotoDetail(row) {
+      // 跳转到分部数据详情 row.organId
+      this.$router.push({
+        name: "organDateDetail",
+        params: { organId: row.organId },
+      });
+    },
+    changeOrgan(val) {
+      this.organId = val;
+      this.rules.page = 1;
+      this.getList();
+    },
+    organDateExport() {
+      let params = { ...this.searchList, organIds: this.organId };
+      Export(
+        this,
+        {
+          url: "/api-web/export/organStudentOverView",
+          fileName: "分部团练宝数据.xls",
+          method: "post",
+          params: qs.stringify(params),
+        },
+        "您确定导出分部团练宝数据列表?"
+      );
+    },
+
+    gotoAll() {
+      this.$router.push({
+        name: "organRankDetail",
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+/deep/.el-card__body {
+  padding-top: 0 !important;
+}
+.titleCell {
+  display: inline-block;
+}
+.tableWrap {
+  margin-top: 20px;
+}
+.btnList {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+</style>

src/views/main/constant.js

@@ -62,10 +62,12 @@ export const descs = {
   "newCloudStudyStudentNum":'第一次使用团练宝的人数',
   "cloudStudyTodayUseStudentNum":'今日使用的总人数',
   "cloudStudyUseStudentNum":'累计使用的总人数',
+  "totalStudentNum":"分部学员总数"
 }
 export const titles = {
   "vipStudentNum":'付费会员人数',
   "eVipStudentNum":'试用会员人数',
+  "totalStudentNum":"分部学员总数",
   "cloudStudyLivelyStudentNum":'活跃用户 ',
   "newCloudStudyStudentNum":'今日新增使用人数',
   "cloudStudyTodayUseStudentNum":'今日使用人数',