| 
					
				 | 
			
			
				@@ -1,298 +1,455 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-<template>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <div class="tableList">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <save-form
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      :inline="true"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      class="searchForm"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      @submit="onSearch"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      @reset="onReSet"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      ref="searchForm"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      :model.sync="searchForm"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    >
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-form-item prop="search">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-input
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          clearable
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          placeholder="学生姓名或电话"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          @keyup.enter.native="onSearch"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          v-model.trim="searchForm.search"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        ></el-input>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </el-form-item>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-form-item prop="organId">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-select
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          class="multiple"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          filterable
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          v-model.trim="searchForm.organId"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          multiple
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          collapse-tags
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          clearable
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          placeholder="请选择分部"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        >
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-option
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            v-for="(item, index) in selects.branchs"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            :key="index"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            :label="item.name"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            :value="item.id"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          ></el-option>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </el-select>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </el-form-item>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-form-item prop="teacherId">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <remote-search :commit="'setTeachers'" v-model="searchForm.teacherId" />
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </el-form-item>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-form-item>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-button native-type="submit" type="danger">搜索</el-button>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-button native-type="reset" type="primary">重置</el-button>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </el-form-item>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </save-form>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div class="tableWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <el-table
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :data="tableList"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :header-cell-style="{ background: '#EDEEF0', color: '#444' }"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      >
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <el-table-column type="expand">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <template slot-scope="props">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <el-form label-position="left" class="demo-table-expand" :inline='true'>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <el-row>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="指导老师信息">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <span>{{ props.row.teacherName }}</span>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <span>{{ props.row.id }}</span>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="乐团主管">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <span>{{ props.row.teacherName }}</span>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <span>{{ props.row.id }}</span>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="声部课老师">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <overflow-text
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          width="100%"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          :text="props.row.cooperationOrganName"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        ></overflow-text>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="年级">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <overflow-text
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          width="100%"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          :text="props.row.cooperationOrganName"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        ></overflow-text>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                </el-row>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <el-row>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="近30天课耗">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <span>{{ props.row.teacherName }}</span>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <span>{{ props.row.id }}</span>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="回访次数">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <span>{{ props.row.visitNum }}</span>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <span>{{ props.row.id }}</span>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="回访状态">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <overflow-text
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          width="100%"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          :text="props.row.lastVisitStatus"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        ></overflow-text>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="回访日期">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <overflow-text
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          width="100%"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          :text="props.row.lastVisitTime"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        ></overflow-text>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                </el-row>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <el-row>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="第一次课时间">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <overflow-text
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          width="100%"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          :text="props.row.firstCourseTime"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        ></overflow-text>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="最近上课时间">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <overflow-text
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          width="100%"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          :text="props.row.lastCourseTime"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        ></overflow-text>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  <el-col :span="6">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                    <el-form-item label="原因">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      <div class="schoolWrap">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        <overflow-text
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          width="100%"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                          :text="props.row.visitReason"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                        ></overflow-text>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                      </div> </el-form-item
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  ></el-col>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                </el-row>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </el-form>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </template>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="organName" label="所属分部">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <template slot-scope="scope">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <copy-text>{{ scope.row.studentBasicInfo.organName }}</copy-text>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </template>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            align="center"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            prop="userId"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            label="学员信息"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            width="140px"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          >
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <template slot-scope="scope">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <div style="color: var(--color-primary)">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                {{ scope.row.studentBasicInfo.userName }}<br />
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              {{ scope.row.studentBasicInfo.userId }}
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </div>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </template>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="studentBasicInfo.phone" label="联系电话">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="studentBasicInfo.subjectName" label="声部">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="studentBasicInfo.cooperationOrganName" label="学校">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="organName" label="学员状态">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="organName" label="未排课时">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="organName" label="总课时">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="organName" label="已完成课时">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="organName" label="剩余课时">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" prop="organName" label="预收金额">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <el-table-column align="center" width="180px" label="操作">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <template slot-scope="scope">
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <el-button
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                type="text"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                @click="setStudent(scope.row)"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                >回访记录</el-button>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </template>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </el-table-column>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </el-table>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <pagination
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          sync
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          :total.sync="pageInfo.total"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          :page.sync="pageInfo.page"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          :limit.sync="pageInfo.limit"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          :page-sizes="pageInfo.page_size"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          @pagination="getList"
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        />
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </div>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  </div>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-</template>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-<script>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import pagination from "@/components/Pagination/index";
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { queryPage } from '../api'
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-export default {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  name: "tableList",
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  props: ['groupType'],
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  components: {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    pagination
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  },
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  data() {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    return {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      searchForm: {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        search: "",
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        organId: "",
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        teacherId: ""
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      },
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      tableList: [{
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        name: "",
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        phone: "",
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        organName: "",
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        teacherName: "",
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        createTime: "",
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        status: "",
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        id: ""
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }],
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      pageInfo: {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        // 分页规则
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        limit: 10, // 限制显示条数
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        page: 1, // 当前页
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        total: 0, // 总条数
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        page_size: [10, 20, 40, 50], // 选择限制显示条数
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      },
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    };
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  },
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  async mounted() {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    this.$store.dispatch("setBranchs");
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    this.$store.dispatch("setTeachers");
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    await this.getList();
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  },
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  methods: {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    onSearch() {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.pageInfo.page = 1;
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.getList();
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    },
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    onReSet() {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.$refs.searchForm.resetFields();
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      this.onSearch();
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    },
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    async getList() {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      let params = {...this.searchForm};
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      params.rows = this.pageInfo.limit;
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      params.page = this.pageInfo.page;
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      try {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        let res = await queryPage({
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          ...params,
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          groupType: this.groupType,
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        });
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.tableList = res.data.rows || [];
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        this.pageInfo.total = res.data.total;
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        console.log(res)
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      } catch {}
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  }
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-};
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-</script>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-<style lang="scss" scoped>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-.rows {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  > div {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    margin-bottom: 20px;
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  }
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-}
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-/deep/ .el-card__body .statistic {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  margin-bottom: 15px;
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  padding: 0;
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-}
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-.statistic {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  .statistic-content > span {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    font-size: 22px !important;
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    &:first-child {
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      font-size: 14px !important;
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  }
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-}
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-</style>
 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div class="tableList"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <save-form 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      :inline="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      class="searchForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      @submit="onSearch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      @reset="onReSet" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ref="searchForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      :model.sync="searchForm" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="search"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          clearable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          placeholder="学生姓名/编号" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          @keyup.enter.native="onSearch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-model.trim="searchForm.search" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="organId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          class="multiple" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          filterable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-model.trim="searchForm.organId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          multiple 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          collapse-tags 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          clearable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          placeholder="请选择分部" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-option 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-for="(item, index) in selects.branchs" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :key="index" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :label="item.name" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :value="item.id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="studentStatus"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          class="multiple" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          filterable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-model.trim="searchForm.studentStatus" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          clearable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          placeholder="请选择学员状态" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-option label="在读" value="NORMAL"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-option label="沉睡" value="SLEEPY"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="feedbackType"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          class="multiple" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          filterable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-model.trim="searchForm.feedbackType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          clearable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          placeholder="请选择回访状态" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-option 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :label="item.label" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :value="item.value" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-for="(item, index) in feedbackTypeList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :key="index" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="latelyCourseConsumer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          clearable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          placeholder="近30天课耗" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-model.trim="searchForm.latelyCourseConsumer" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="visitNum"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          clearable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          placeholder="回访次数" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-model.trim="searchForm.visitNum" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="teacherId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <remote-search :commit="'setTeachers'" v-model="searchForm.teacherId" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="musicDirectorId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <remote-search 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :commit="'setEducations'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-model="searchForm.musicDirectorId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="courseConsumerError"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          class="multiple" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          filterable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-model.trim="searchForm.courseConsumerError" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          clearable 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          placeholder="请选择课耗是否异常" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-option label="是" :value="true"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-option label="否" :value="false"></el-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item prop="timer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-date-picker 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          v-model.trim="searchForm.timer" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          type="daterange" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          value-format="yyyy-MM-dd" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          range-separator="-" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          start-placeholder="第一次课开始时间" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          end-placeholder="第一次课结束时间" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :picker-options="{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            firstDayOfWeek: 1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ></el-date-picker> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button native-type="submit" type="danger">搜索</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button native-type="reset" type="primary">重置</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </save-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div class="tableWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :data="tableList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :header-cell-style="{ background: '#EDEEF0', color: '#444' }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column type="expand"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot-scope="props"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-form 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              label-position="left" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              class="demo-table-expand" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              :inline="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="指导老师信息"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      class="schoolWrap" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      style="color: var(--color-primary); cursor: pointer" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      v-if="props.row.teacherId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      @click="gototeacher(props.row.teacherId)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <span>{{ props.row.teacherName }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <span>({{ props.row.teacherId }})</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </el-form-item></el-col 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="乐团主管"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap" v-if="props.row.musicDirectorId"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <span>{{ props.row.musicDirectorName }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <span>({{ props.row.musicDirectorId }})</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </el-form-item></el-col 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="声部课老师"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <overflow-text 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        width="100%" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        :text="props.row.studentBasicInfo.subjectTeacherName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      ></overflow-text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> </el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="年级"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <overflow-text 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        width="100%" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        :text="props.row.studentBasicInfo.grade" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      ></overflow-text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> </el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="近30天课耗"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <span>{{ props.row.latelyCourseConsumer }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </el-form-item></el-col 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="回访次数"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <span>{{ props.row.visitNum }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </el-form-item></el-col 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="回访状态"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      {{ props.row.lastVisitStatus | feedbackTypeFilter }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  </el-form-item></el-col 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="回访日期"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <overflow-text 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        width="100%" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        :text="props.row.lastVisitTime" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      ></overflow-text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> </el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="第一次课时间"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <overflow-text 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        width="100%" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        :text="props.row.firstCourseTime" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      ></overflow-text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> </el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="最近上课时间"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <overflow-text 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        width="100%" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        :text="props.row.lastCourseTime" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      ></overflow-text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> </el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <el-col :span="6"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <el-form-item label="原因"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    <div class="schoolWrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      <overflow-text 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        width="100%" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                        :text="props.row.visitReason" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                      ></overflow-text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    </div> </el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                ></el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </el-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column align="center" prop="organName" label="所属分部"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <copy-text>{{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              scope.row.studentBasicInfo && scope.row.studentBasicInfo.organName 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }}</copy-text> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          prop="userId" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          label="学员信息" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          width="140px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <div 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              style="color: var(--color-primary); cursor: pointer" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              v-if="scope.row.studentBasicInfo" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              @click="gotoStudent(scope.row.studentBasicInfo.userId)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              {{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                scope.row.studentBasicInfo && 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                scope.row.studentBasicInfo.userName 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              }}<br /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              {{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                scope.row.studentBasicInfo && scope.row.studentBasicInfo.userId 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          prop="studentBasicInfo.phone" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          label="联系电话" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          prop="studentBasicInfo.subjectName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          label="声部" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          align="center" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          prop="studentBasicInfo.cooperationOrganName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          label="学校" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column align="center" prop="organName" label="学员状态"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+               <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                 <div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                   <p v-if="(scope.row.noScheduleNum || scope.row.subCourseNum)&&(scope.row.latelyYearCourseConsumer || !scope.row.overCourseNum)">在读</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                   <p v-if="(scope.row.overCourseNum && scope.row.subCourseNum&&!scope.row.latelyYearCourseConsumer)">沉睡</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                 </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column align="center" prop="noScheduleNum" label="未排课时"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            {{ scope.row.noScheduleNum }}节 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column align="center" prop="totalCourseNum" label="总课时"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            {{ scope.row.totalCourseNum }}节 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column align="center" prop="overCourseNum" label="已完成课时"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            {{ scope.row.overCourseNum }}节 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column align="center" prop="subCourseNum" label="剩余课时"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            {{ scope.row.subCourseNum }}节 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column align="center" prop="preCourseFee" label="预收金额"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            {{ scope.row.preCourseFee | moneyFormat }}元 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-table-column align="center" width="180px" label="操作"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template slot-scope="scope"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-button type="text" @click="setStudent(scope.row)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              >回访记录</el-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-table-column> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <pagination 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        sync 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :total.sync="pageInfo.total" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :page.sync="pageInfo.page" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :limit.sync="pageInfo.limit" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :page-sizes="pageInfo.page_size" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        @pagination="getList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import pagination from "@/components/Pagination/index"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { queryPage } from "../api"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { feedbackTypeList } from "@/utils/searchArray"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { getTimes } from "@/utils"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  name: "tableList", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  props: ["groupType"], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  components: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    pagination, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      searchForm: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        search: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        organId: [], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        studentStatus: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        feedbackType: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        latelyCourseConsumer: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        visitNum: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        teacherId: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        musicDirectorId: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        courseConsumerError: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        timer: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      tableList: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          name: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          phone: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          organName: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          teacherName: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          createTime: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          status: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          id: "", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      feedbackTypeList, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      pageInfo: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        // 分页规则 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        limit: 10, // 限制显示条数 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        page: 1, // 当前页 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        total: 0, // 总条数 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        page_size: [10, 20, 40, 50], // 选择限制显示条数 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  async mounted() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.$store.dispatch("setBranchs"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.$store.dispatch("setTeachers"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    await this.getList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    onSearch() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.pageInfo.page = 1; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.getList(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    onReSet() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.searchForm.timer = []; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.searchForm.resetFields(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.onSearch(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    async getList() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      const { timer, ...rest } = this.searchForm; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      try { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        let res = await queryPage({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          groupType: this.groupType, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ...rest, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          ...getTimes(timer, ["firstCourseStartTime", "firstCourseEndTime"]), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          rows: this.pageInfo.limit, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          page: this.pageInfo.page, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          organId: this.searchForm.organId.join(","), 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.tableList = res.data.rows || []; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.pageInfo.total = res.data.total; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        console.log(res); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } catch {} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    gotoStudent(search) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // this.$router.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   name: "teamCourseList", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      //   params: { courseIdSearch: row.id }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      // }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$router.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        name: "studentList", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        params: { search: search }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    gototeacher(search){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.$router.push({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        name: "teacherList", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        params: { search: search }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style lang="scss" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.rows { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  > div { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    margin-bottom: 20px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+/deep/ .el-card__body .statistic { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  margin-bottom: 15px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  padding: 0; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.statistic { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  .statistic-content > span { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    font-size: 22px !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    &:first-child { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      font-size: 14px !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |