1

src/api/studyabroad/index.js

@@ -238,6 +238,21 @@ export function querySupplierType() {
         data
     })
 }
+
+
+
+/**
+ * 获取已报名学员列表
+ */
+export function GetStudentMonthList(data) {
+    return request({
+        url: '/StudentStat/GetStudentMonthList',
+        method: 'post',
+        data
+    })
+}
+
+
 /**
  * 获取客人咨询分页列表
  */

src/components/school/student/monthStatisticslist.vue

+<style scoped>
+  @import "../../../pages/financial/css/cssReset.css";
+
+  .baseSet_Title {
+    width: 120px !important;
+    padding: 18px 0 0 16px;
+    text-align: right;
+  }
+
+  .singeRowTable tr th {
+    border: 1px solid #d2d2d2;
+  }
+
+  .studentTracking td:first-child {
+    background-color: #E6E6E6;
+    position: sticky;
+    left: 0px;
+  }
+
+  .studentTracking th:first-child {
+    position: sticky;
+    left: 0px;
+  }
+
+  .stulistNumber {
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    text-align: center;
+    line-height: 22px;
+    border: 1px solid #2961FE;
+    border-radius: 50%;
+    cursor: pointer;
+    color: #2961FE;
+  }
+
+  .OCourseTable {
+    width: 400px;
+    text-align: center;
+  }
+
+  .OCourseTable tr td {
+    height: 40px;
+  }
+
+  .OCourseTable tr th {
+    height: 40px;
+    background-color: rgb(238, 238, 239);
+  }
+
+  .stufollowlistNumber {
+    display: inline-block;
+    width: 25px;
+    height: 25px;
+    text-align: center;
+    line-height: 22px;
+    border: 1px solid #2961FE;
+    border-radius: 50%;
+    cursor: pointer;
+    color: #2961FE;
+  }
+</style>
+<template>
+  <div class="monthStatisticslist">
+    <div style="width: 100%;overflow-x: auto;">
+      <table class="po_content singeRowTable" ref="table" style="border:1px solid #E6E6E6;" cellspacing="0"
+        cellpadding="0" v-loading="loading">
+        <tr>
+          <th width="120" style="min-width: 110px;">学生</th>
+          <th width="200"  style="min-width: 110px;z-index: 999;">时间</th>
+          <th width="120" style="min-width: 110px;">类型</th>
+          <th width="120" style="min-width: 110px;">学历</th>
+          <th width="100"  style="min-width: 100px;">目的</th>
+          <th width="200"  style="min-width: 200px;">是否签合同</th>
+          <th width="200"  style="min-width: 200px;">来源</th>
+          <th width="200"  style="min-width: 200px;">来源人</th>
+          <th width="200"  style="min-width: 200px;">课程名称</th>
+          <th width="200"  style="min-width: 80px;">订单金额</th>
+        </tr>
+    
+        <template v-if='dataObj&&dataObj.list && dataObj.list.length>0'>
+          <tr v-for=" ( item , index ) in dataObj.list " :key="index">
+            <td style=" border: 1px solid #d2d2d2;">
+              <div class="text-blue cursor-pointer" @click="getStuRight(item)">
+                {{  item.StuName }}
+              </div>
+            </td>
+            <td>
+              <span>{{ item.CreateTimeStr }}</span>
+            </td>
+            <td>
+              <span>{{ item.JoinType==3?"内产":"新生" }}</span>
+           
+            </td>
+            <td>
+              <span>{{item.StuEducationName}}</span>
+            </td>
+            <td>
+              <span>{{item.StuProfession}}</span>
+            </td>
+            <!-- <td>
+              <span>{{ item.CourseName }}</span>
+            </td> -->
+            <td>
+              <span>{{ item.AdvisorStatusName }}</span>
+            </td>
+            <td>{{item.CreateTypeStr}}</td>
+            <td>
+              <span v-if="item.CreateType==2 && item.EnterpriseName">{{item.EnterpriseName}}:</span>
+              <span>{{item.StuSourceIdName?item.StuSourceIdName:(item.StuChannelName+"-"+item.CreateByName) }}</span>
+            </td>
+            <td>{{item.CourseName}}</td>
+            <td>
+              <span>{{ item.OrderIncome }}{{item.Refund>0?",已退款"+item.Refund:""}}</span>
+            </td>
+          </tr>
+        </template>
+      </table>
+    </div>
+    <div v-if='dataObj&&dataObj.list && dataObj.list.length>0'>
+    </div>
+    <div v-else
+      style="width: 100%;border:1px solid #E6E6E6;display: flex;align-items: center;justify-content: center;height: 60px;">
+      暂无数据
+    </div>
+    <studentRight-form v-if="isShowStuRight" :BelongType="BelongType" :save-obj="stuOption" @close="closeStuForm"
+      @success="refreshTable">
+    </studentRight-form>
+    <studentFUForm v-if="isShowStuFU" :save-obj="stuOption" @close="closeStuForm">
+    </studentFUForm>
+  </div>
+</template>
+<script>
+  import studentRightForm from "./studentRight-form";
+  import studentFUForm from "./studentFu-form";
+
+  export default {
+    props: {
+      //数据
+      dataObj: {
+        type: Object,
+        default: null
+      },
+      loading: {
+        type: Boolean,
+        default: false,
+      },
+      AuthObj: {
+        type: Object,
+        default: null
+      }
+    },
+    components: {
+      studentRightForm,
+      studentFUForm
+    },
+    data() {
+      return {
+        isShowStuFU: false,
+        isShowStuRight: false,
+        stuOption: {},
+        BelongType: 0,
+        ShowAuthObj: {
+          //是否显示同行、状态等信息
+          isShowSaleInfo: true,
+        },
+      };
+    },
+    mounted() {
+      if (this.AuthObj) {
+        this.ShowAuthObj.isShowSaleInfo = this.AuthObj.isShowSaleInfo;
+      }
+    },
+    methods: {
+      //刷新表格
+      refreshTable() {
+        this.$emit("success");
+      },
+      getCurseManager(row) {
+        let managerName = "<span class='text-grey-4'>暂未推送</span>";
+        if (row.AssistList && row.AssistList.length > 0) {
+          row.AssistList.forEach(y => {
+            if (y.AssistType == 2) {
+              managerName = `<span class='text-dark'>${y.AssistName}</span>`;
+            }
+          });
+        }
+        return managerName;
+      },
+     
+    
+      //点击学生姓名弹出
+      getStuRight(obj) {
+        console.log("我进来啦",obj);
+        if (obj) {
+          this.stuOption = obj;
+          this.BelongType = 3;
+        }
+        this.isShowStuRight = true;
+      },
+      //关闭弹窗
+      closeStuForm() {
+        this.isShowStuRight = false;
+        this.isShowStuFU = false
+      },
+    }
+  };
+</script>
\ No newline at end of file