Skip to content

A
admin-base
Commit 4478d569 authored by 赵茹林's avatar 赵茹林
Browse files
Options

销售分部 [更新] 组名+10，销售2部type5，销售3部type6

parent 0f857ca8
Hide whitespace changes
Inline Side-by-side
Showing with 615 additions and 523 deletions
src/components/teacher/growth.vue
View file @ 4478d569
......@@ -40,11 +40,12 @@
<!--<el-form-item v-if="$store.state.orderRefund">-->
<!--<el-button type="success" plain @click="add">新增教师</el-button>-->
<el-form-item v-if="!$store.state.readonly">
<el-button type="success" plain @click="add">新增增长运营</el-button>
<!--<el-button type="success" plain @click="add">新增增长运营</el-button>-->
<el-button type="success" plain @click="add">新增</el-button>
</el-form-item>
</el-form>
<el-tabs v-model="searchFrom.squad" type="card" style="background: white;padding-top: 10px" @tab-click="getUser">
<el-tab-pane v-if="phoneNumObj.teacher_type!='teacher_leader'" v-for="i in 10" :key="i" :label="'T'+i" :name="i.toString()"/>
<el-tab-pane v-if="phoneNumObj.teacher_type!='teacher_leader'" v-for="i in 10" :key="i+(index-1)*10" :label="'T'+(i+(index-1)*10)" :name="(i+(index-1)*10).toString()"/>
<!-- <el-tab-pane v-if="phoneNumObj.teacher_type=='teacher_leader'" :key="phoneNumObj.squad" :label="'T'+phoneNumObj.squad" :name="phoneNumObj.squad.toString()"/> -->
</el-tabs>
<el-table
......@@ -82,21 +83,23 @@
进班人数：{{scope.row.into_class_num}}<br>
加老师处理数：{{scope.row.add_teacher_exec_num}}<br>
加老师成功数：{{scope.row.add_teacher_success_num}}<br>
成功率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_success_rate)?Number(scope.row.add_teacher_success_rate):0">
</el-progress>
成功率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_success_rate)?Number(scope.row.add_teacher_success_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_exec_rate)?Number(scope.row.add_teacher_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_exec_rate)?Number(scope.row.add_teacher_exec_rate):0">
</el-progress>
</template>
</el-table-column>
<el-table-column
......@@ -106,21 +109,23 @@
需召回人数：{{scope.row.need_recall_num}}<br>
已沟通人数：{{scope.row.recall_desc_exec_num}}<br>
用户回复数：{{scope.row.recall_desc_reply_num}}<br>
达标率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_watch_rate)===100 ? '#67C23A' : '#dd001b'"
:percentage="Number(scope.row.recall_watch_rate)?Number(scope.row.recall_watch_rate):0">
</el-progress>
达标率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_watch_rate)===100 ? '#67C23A' : '#dd001b'"
:percentage="Number(scope.row.recall_watch_rate)?Number(scope.row.recall_watch_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.recall_exec_rate)?Number(scope.row.recall_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.recall_exec_rate)?Number(scope.row.recall_exec_rate):0">
</el-progress>
</template>
</el-table-column>
<el-table-column
......@@ -130,21 +135,23 @@
意向用户数：{{scope.row.intention_num}}<br>
完课沟通用户数{{scope.row.over_desc_exec_num}}<br>
往期活跃用户沟通数：{{scope.row.past_desc_exec_num}}<br>
标记率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
color="#67C23A"
:percentage="Number(scope.row.over_intention_rate)?Number(scope.row.over_intention_rate):0">
</el-progress>
标记率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
color="#67C23A"
:percentage="Number(scope.row.over_intention_rate)?Number(scope.row.over_intention_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.over_exec_rate)?Number(scope.row.over_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.over_exec_rate)?Number(scope.row.over_exec_rate):0">
</el-progress>
</template>
</el-table-column>
<el-table-column
......@@ -170,59 +177,65 @@
<div>总计</div>
<div>
<div>
成功率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_success_rate)?Number(res.add_teacher_success_rate):0">
</el-progress>
成功率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_success_rate)?Number(res.add_teacher_success_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_exec_rate)?Number(res.add_teacher_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_exec_rate)?Number(res.add_teacher_exec_rate):0">
</el-progress>
</div>
</div>
<div>
<div>
达标率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_watch_rate)===100 ? '#67C23A' : '#ff0000'"
:percentage="Number(res.recall_watch_rate)?Number(res.recall_watch_rate):0">
</el-progress>
达标率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_watch_rate)===100 ? '#67C23A' : '#ff0000'"
:percentage="Number(res.recall_watch_rate)?Number(res.recall_watch_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.recall_exec_rate)?Number(res.recall_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.recall_exec_rate)?Number(res.recall_exec_rate):0">
</el-progress>
</div>
</div>
<div>
<div>
标记率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
color="#67C23A"
:percentage="Number(res.over_intention_rate)?Number(res.over_intention_rate):0">
</el-progress>
标记率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
color="#67C23A"
:percentage="Number(res.over_intention_rate)?Number(res.over_intention_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.over_exec_rate)?Number(res.over_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.over_exec_rate)?Number(res.over_exec_rate):0">
</el-progress>
</div>
</div>
<div>
......@@ -234,7 +247,7 @@
<div></div>
</div>
<page :total="total" :limit="limit" @pageChange="onPageChange" @sizeChange="onSizeChange"/>
<dialog-com :dialogObj="dialogObj" @changeShow="changeShow" @reflash="getUser"/>
<dialog-com :index="index" :dialogObj="dialogObj" @changeShow="changeShow" @reflash="getUser"/>
<el-dialog width="90%" top="5vh" :visible.sync="dialogDetail.show">
<div v-if="dialogDetail.show">
<teacher-detail :parentDetail="dialogDetail"></teacher-detail>
......@@ -286,7 +299,13 @@
</template>
<script>
import {getTeacherListApi,delTeacherApi,getStaffListApi,postTransferTeacherApi,getTeacherTypeListApi} from "../../service/api";
import {
getTeacherListApi,
delTeacherApi,
getStaffListApi,
postTransferTeacherApi,
getTeacherTypeListApi
} from "../../service/api";
import {TEACHERTYPE} from "../../util/wordbook";
import page from '../framework/page'
import teacherDetail from '../teacherDetail/index'
......@@ -295,9 +314,26 @@
let teacherTypeSource = {}
export default {
name: "growth",
data(){
data() {
let nowDate = this.formatTime(new Date());
return {
index: 2, // 部名，从1开始
searchFrom: {
name: '',
alias: "",
status: '0',
task_date: nowDate,
squad: ((2-1)*10+1).toString(),
// type: '3,4', // 3、4 增长运营 tmk
type: 5,
},
dialogObj: {
// typeAdd: '3,4', // 与searchFrom.type一致
typeAdd: 5, // 与searchFrom.type一致
type: 0,
show: false,
id: ''
},
transfer: {
show: false,
form: {
......@@ -319,43 +355,29 @@
reasonList: [{
id: 0,
name: '人员入职',
},{
}, {
id: 1,
name: '人员离职',
},{
}, {
id: 2,
name: '请假',
},{
}, {
id: 3,
name: '其它',
},]
},
searchFrom:{
name:'',
alias:"",
status:'0',
task_date:nowDate,
squad:"1",
type: '3,4', // 3、4 增长运营 tmk
},
dialogObj:{
typeAdd: '3,4', // 与searchFrom.type一致
type:0,
show:false,
id:''
},
dialogDetail:{
show:false,
id:''
dialogDetail: {
show: false,
id: ''
},
userList:[],
total:0,
nowPage:1,
userList: [],
total: 0,
nowPage: 1,
limit: 20,
res:null,
dialogDetailObj:{
show:false,
title:'班级列表',
res: null,
dialogDetailObj: {
show: false,
title: '班级列表',
id: ''
},
teacherTypeOption: [{
......@@ -365,72 +387,72 @@
id: 1,
label: '新星妈妈'
}],
phoneNumObj:{}
phoneNumObj: {}
}
},
watch:{
'dialogDetail.show'(value){
if(!value){
watch: {
'dialogDetail.show'(value) {
if (!value) {
this.getUser()
}
}
},
components:{
components: {
// Dialog,
page,
dialogCom,
teacherDetail
},
filters:{
teacherType(value){
filters: {
teacherType(value) {
return teacherTypeSource[value]
}
},
mounted(){
mounted() {
// console.log(s)
let data = localStorage.getItem("phoneNum");
console.log(data)
// debugger
if(data){
if (data) {
data = JSON.parse(data)
this.phoneNumObj=data;
this.phoneNumObj = data;
}
if(data&&data.teacher_type!='teacher_leader'){
this.$router.push('/teacher/'+ data.id);
}else{
if (data && data.teacher_type != 'teacher_leader') {
this.$router.push('/teacher/' + data.id);
} else {
this.getUser()
}
getTeacherTypeListApi().then(res=>{
getTeacherTypeListApi().then(res => {
this.dialogObj.teacherTypeList = res
let obj = {}
res.forEach((item,index)=>{
obj[item.type]=item.name
res.forEach((item, index) => {
obj[item.type] = item.name
})
teacherTypeSource = obj
console.log(obj)
});
},
methods:{
onPageChange(val){
methods: {
onPageChange(val) {
this.nowPage = val;
this.getUser()
},
formatTime(date){
formatTime(date) {
let year = date.getFullYear();
let Month = date.getMonth()+1;
if(Month < 10){
let Month = date.getMonth() + 1;
if (Month < 10) {
Month = `0${Month}`
}
let Day = date.getDate();
if(Day<10)Day = `0${Day}`;
if (Day < 10) Day = `0${Day}`;
return `${year}-${Month}-${Day}`;
},
onSizeChange(val){
onSizeChange(val) {
this.limit = val
this.nowPage = 1;
this.getUser()
},
getUser(){
getUser() {
let json = {
limit: this.limit,
page: this.nowPage
......@@ -438,7 +460,7 @@
if (this.searchFrom.type || this.searchFrom.type === 0) {
json.type = this.searchFrom.type
}
if (this.searchFrom.status){
if (this.searchFrom.status) {
json.status = this.searchFrom.status
}
if (this.searchFrom.name) {
......@@ -447,22 +469,22 @@
if (this.searchFrom.alias) {
json.alias = this.searchFrom.alias
}
if (this.searchFrom.task_date){
if (this.searchFrom.task_date) {
json.task_date = this.searchFrom.task_date
}
let data = localStorage.getItem("phoneNum");
if(data){
if (data) {
data = JSON.parse(data)
}
if(data&&data.teacher_type=='teacher_leader'){
if (data && data.teacher_type == 'teacher_leader') {
json.squad = data.squad
}else{
} else {
json.squad = this.searchFrom.squad
}
getTeacherListApi(json).then(res=>{
getTeacherListApi(json).then(res => {
this.userList = res.list;
this.total = res.total;
this.res=res;
this.res = res;
})
},
......@@ -474,21 +496,21 @@
},
transferToggle(data) {
this.transfer.show = !this.transfer.show;
if (this.transfer.show){
if (this.transfer.show) {
if (this.transfer.staff[0] === 0) {
let json = { limit: 1000, page: 1, status: 0 }; // status 0 在职
let json = {limit: 1000, page: 1, status: 0}; // status 0 在职
getStaffListApi(json).then(res => {
this.transfer.staff = res.list;
});
}
this.$nextTick(()=>{
this.$nextTick(() => {
this.$refs['transferForm'].resetFields();
this.transfer.form.teacher_name = data.name;
this.transfer.form.teacher_id = data.id;
this.transfer.form.staff_current_name = data.adviser;
})
} else {
this.$nextTick(()=>{
this.$nextTick(() => {
this.$refs['transferForm'].resetFields();
})
}
......@@ -532,27 +554,27 @@
});
},
edit(data){
edit(data) {
this.dialogObj.id = data.id;
this.dialogObj.type = 2;
this.dialogObj.show = true
},
add(){
add() {
this.dialogObj.type = 0;
this.dialogObj.show = true
},
detail(data){
detail(data) {
this.dialogObj.id = data.id;
this.dialogObj.type = 1;
this.dialogObj.show = true
},
delTeacher(data){
delTeacher(data) {
this.$confirm('此操作将删除该账号?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
delTeacherApi(data.id).then(res=>{
delTeacherApi(data.id).then(res => {
this.$message({
type: 'success',
message: '删除成功!'
......@@ -561,17 +583,17 @@
});
});
},
changeShow(data){
this.dialogObj.show=data
changeShow(data) {
this.dialogObj.show = data
},
classDetail(row){
classDetail(row) {
this.dialogDetailObj = {
show:true,
title:row.name + '班级详情',
show: true,
title: row.name + '班级详情',
id: row.id
}
},
goToTeacherDetail(row){
goToTeacherDetail(row) {
// this.$router.push('/teacher/'+ row.id);
this.dialogDetail.id = row.id;
this.dialogDetail.alias = row.alias;
......@@ -586,54 +608,64 @@
<style scoped lang="less">
@import "../../util/public";
.user{
.user {
/*height: 100%;*/
overflow: auto;
padding: 20px 0;
.btn-content{
.btn-content {
text-align: center;
}
}
/deep/.el-progress-bar__outer{
/deep/ .el-progress-bar__outer {
background: #cccccc;
}
.total-tab{
.total-tab {
display: table;
background: #dfedff;
width: 100%;
vertical-align: middle;
font-size: 12px;
&>div{
& > div {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
&>div:nth-child(1){
& > div:nth-child(1) {
width: 230px;
min-width: 230px;
text-align: center;
}
&>div:nth-child(5){
& > div:nth-child(5) {
min-width: 80px;
width: 80px;
}
&>div:nth-child(7){
& > div:nth-child(7) {
min-width: 320px + 12px;
width: 320px + 12px;
}
&>div:nth-child(2),
&>div:nth-child(3),
&>div:nth-child(4){
& > div:nth-child(2),
& > div:nth-child(3),
& > div:nth-child(4) {
min-width: 60px;
}
}
.avatar{
.avatar {
width: 70px;
margin-right: 5px;
height: 70px;
float: left;
}
.shortcut {
width: 50px;
}
......
src/components/teacher/index.vue
View file @ 4478d569
......@@ -38,11 +38,12 @@
<el-button type="primary" plain @click="getUser">搜索</el-button>
</el-form-item>
<el-form-item v-if="!$store.state.readonly">
<el-button type="success" plain @click="add">新增教师</el-button>
<!--<el-button type="success" plain @click="add">新增教师</el-button>-->
<el-button type="success" plain @click="add">新增</el-button>
</el-form-item>
</el-form>
<el-tabs v-model="searchFrom.squad" type="card" style="background: white;padding-top: 10px" @tab-click="getUser">
<el-tab-pane v-if="phoneNumObj.teacher_type!='teacher_leader'" v-for="i in 10" :key="i" :label="'T'+i" :name="i.toString()"/>
<el-tab-pane v-if="phoneNumObj.teacher_type!='teacher_leader'" v-for="i in 10" :key="i+(index-1)*10" :label="'T'+(i+(index-1)*10)" :name="(i+(index-1)*10).toString()"/>
<!-- <el-tab-pane v-if="phoneNumObj.teacher_type=='teacher_leader'" :key="phoneNumObj.squad" :label="'T'+phoneNumObj.squad" :name="phoneNumObj.squad.toString()"/> -->
</el-tabs>
<el-table
......@@ -64,7 +65,7 @@
<br>
微信号：{{scope.row.alias}}
<br>
类别：{{scope.row.type | teacherType}}
类别：{{scope.row.type | teacherType}} 老师
<br>
顾问：{{scope.row.adviser}}
<br>
......@@ -80,21 +81,23 @@
进班人数：{{scope.row.into_class_num}}<br>
加老师处理数：{{scope.row.add_teacher_exec_num}}<br>
加老师成功数：{{scope.row.add_teacher_success_num}}<br>
成功率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_success_rate)?Number(scope.row.add_teacher_success_rate):0">
</el-progress>
成功率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_success_rate)?Number(scope.row.add_teacher_success_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_exec_rate)?Number(scope.row.add_teacher_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_exec_rate)?Number(scope.row.add_teacher_exec_rate):0">
</el-progress>
</template>
</el-table-column>
<el-table-column
......@@ -104,21 +107,23 @@
需召回人数：{{scope.row.need_recall_num}}<br>
已沟通人数：{{scope.row.recall_desc_exec_num}}<br>
用户回复数：{{scope.row.recall_desc_reply_num}}<br>
达标率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_watch_rate)===100 ? '#67C23A' : '#dd001b'"
:percentage="Number(scope.row.recall_watch_rate)?Number(scope.row.recall_watch_rate):0">
</el-progress>
达标率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_watch_rate)===100 ? '#67C23A' : '#dd001b'"
:percentage="Number(scope.row.recall_watch_rate)?Number(scope.row.recall_watch_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.recall_exec_rate)?Number(scope.row.recall_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.recall_exec_rate)?Number(scope.row.recall_exec_rate):0">
</el-progress>
</template>
</el-table-column>
<el-table-column
......@@ -128,21 +133,23 @@
意向用户数：{{scope.row.intention_num}}<br>
完课沟通用户数{{scope.row.over_desc_exec_num}}<br>
往期活跃用户沟通数：{{scope.row.past_desc_exec_num}}<br>
标记率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
color="#67C23A"
:percentage="Number(scope.row.over_intention_rate)?Number(scope.row.over_intention_rate):0">
</el-progress>
标记率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
color="#67C23A"
:percentage="Number(scope.row.over_intention_rate)?Number(scope.row.over_intention_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.over_exec_rate)?Number(scope.row.over_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.over_exec_rate)?Number(scope.row.over_exec_rate):0">
</el-progress>
</template>
</el-table-column>
<el-table-column
......@@ -168,59 +175,65 @@
<div>总计</div>
<div>
<div>
成功率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_success_rate)?Number(res.add_teacher_success_rate):0">
</el-progress>
成功率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_success_rate)?Number(res.add_teacher_success_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_exec_rate)?Number(res.add_teacher_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_exec_rate)?Number(res.add_teacher_exec_rate):0">
</el-progress>
</div>
</div>
<div>
<div>
达标率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_watch_rate)===100 ? '#67C23A' : '#ff0000'"
:percentage="Number(res.recall_watch_rate)?Number(res.recall_watch_rate):0">
</el-progress>
达标率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_watch_rate)===100 ? '#67C23A' : '#ff0000'"
:percentage="Number(res.recall_watch_rate)?Number(res.recall_watch_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.recall_exec_rate)?Number(res.recall_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.recall_exec_rate)?Number(res.recall_exec_rate):0">
</el-progress>
</div>
</div>
<div>
<div>
标记率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
color="#67C23A"
:percentage="Number(res.over_intention_rate)?Number(res.over_intention_rate):0">
</el-progress>
标记率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
color="#67C23A"
:percentage="Number(res.over_intention_rate)?Number(res.over_intention_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.over_exec_rate)?Number(res.over_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.over_exec_rate)?Number(res.over_exec_rate):0">
</el-progress>
</div>
</div>
<div>
......@@ -232,7 +245,7 @@
<div></div>
</div>
<page :total="total" :limit="limit" @pageChange="onPageChange" @sizeChange="onSizeChange"/>
<dialog-com :dialogObj="dialogObj" @changeShow="changeShow" @reflash="getUser"/>
<dialog-com :index="index" :dialogObj="dialogObj" @changeShow="changeShow" @reflash="getUser"/>
<el-dialog width="90%" top="5vh" :visible.sync="dialogDetail.show">
<div v-if="dialogDetail.show">
<teacher-detail :parentDetail="dialogDetail"></teacher-detail>
......@@ -284,7 +297,13 @@
</template>
<script>
import {getTeacherListApi,delTeacherApi,getStaffListApi,postTransferTeacherApi,getTeacherTypeListApi} from "../../service/api";
import {
getTeacherListApi,
delTeacherApi,
getStaffListApi,
postTransferTeacherApi,
getTeacherTypeListApi
} from "../../service/api";
import {TEACHERTYPE} from "../../util/wordbook";
import page from '../framework/page'
import teacherDetail from '../teacherDetail/index'
......@@ -293,9 +312,24 @@
let teacherTypeSource = {}
export default {
name: "index",
data(){
data() {
let nowDate = this.formatTime(new Date());
return {
index: 1, // 部名，从1开始
searchFrom: {
name: '',
alias: "",
status: '0',
task_date: nowDate,
squad: ((1 - 1) * 10 + 1).toString(),
type: 0,
},
dialogObj: {
typeAdd: 0, // 与searchFrom.type一致
type: 0,
show: false,
id: ''
},
transfer: {
show: false,
form: {
......@@ -317,43 +351,29 @@
reasonList: [{
id: 0,
name: '人员入职',
},{
}, {
id: 1,
name: '人员离职',
},{
}, {
id: 2,
name: '请假',
},{
}, {
id: 3,
name: '其它',
},]
},
searchFrom:{
name:'',
alias:"",
status:'0',
task_date:nowDate,
squad:"1",
type:0,
},
dialogObj:{
typeAdd: 0, // 与searchFrom.type一致
type:0,
show:false,
id:''
},
dialogDetail:{
show:false,
id:''
dialogDetail: {
show: false,
id: ''
},
userList:[],
total:0,
nowPage:1,
userList: [],
total: 0,
nowPage: 1,
limit: 20,
res:null,
dialogDetailObj:{
show:false,
title:'班级列表',
res: null,
dialogDetailObj: {
show: false,
title: '班级列表',
id: ''
},
teacherTypeOption: [{
......@@ -363,71 +383,71 @@
id: 1,
label: '新星妈妈'
}],
phoneNumObj:{}
phoneNumObj: {}
}
},
watch:{
'dialogDetail.show'(value){
if(!value){
watch: {
'dialogDetail.show'(value) {
if (!value) {
this.getUser()
}
}
},
components:{
components: {
// Dialog,
page,
dialogCom,
teacherDetail
},
filters:{
teacherType(value){
filters: {
teacherType(value) {
return teacherTypeSource[value]
}
},
mounted(){
mounted() {
let data = localStorage.getItem("phoneNum");
console.log(data)
// debugger
if(data){
if (data) {
data = JSON.parse(data)
this.phoneNumObj=data;
this.phoneNumObj = data;
}
if(data&&data.teacher_type!='teacher_leader'){
this.$router.push('/teacher/'+ data.id);
}else{
if (data && data.teacher_type != 'teacher_leader') {
this.$router.push('/teacher/' + data.id);
} else {
this.getUser()
}
getTeacherTypeListApi().then(res=>{
getTeacherTypeListApi().then(res => {
this.dialogObj.teacherTypeList = res
let obj = {}
res.forEach((item,index)=>{
obj[item.type]=item.name
res.forEach((item, index) => {
obj[item.type] = item.name
})
teacherTypeSource = obj
// console.log(obj)
});
},
methods:{
onPageChange(val){
methods: {
onPageChange(val) {
this.nowPage = val;
this.getUser()
},
formatTime(date){
formatTime(date) {
let year = date.getFullYear();
let Month = date.getMonth()+1;
if(Month < 10){
let Month = date.getMonth() + 1;
if (Month < 10) {
Month = `0${Month}`
}
let Day = date.getDate();
if(Day<10)Day = `0${Day}`;
if (Day < 10) Day = `0${Day}`;
return `${year}-${Month}-${Day}`;
},
onSizeChange(val){
onSizeChange(val) {
this.limit = val
this.nowPage = 1;
this.getUser()
},
getUser(){
getUser() {
let json = {
limit: this.limit,
page: this.nowPage
......@@ -435,7 +455,7 @@
if (this.searchFrom.type || this.searchFrom.type === 0) {
json.type = this.searchFrom.type
}
if (this.searchFrom.status){
if (this.searchFrom.status) {
json.status = this.searchFrom.status
}
if (this.searchFrom.name) {
......@@ -444,22 +464,22 @@
if (this.searchFrom.alias) {
json.alias = this.searchFrom.alias
}
if (this.searchFrom.task_date){
if (this.searchFrom.task_date) {
json.task_date = this.searchFrom.task_date
}
let data = localStorage.getItem("phoneNum");
if(data){
if (data) {
data = JSON.parse(data)
}
if(data&&data.teacher_type=='teacher_leader'){
if (data && data.teacher_type == 'teacher_leader') {
json.squad = data.squad
}else{
} else {
json.squad = this.searchFrom.squad
}
getTeacherListApi(json).then(res=>{
getTeacherListApi(json).then(res => {
this.userList = res.list;
this.total = res.total;
this.res=res;
this.res = res;
})
},
......@@ -471,21 +491,21 @@
},
transferToggle(data) {
this.transfer.show = !this.transfer.show;
if (this.transfer.show){
if (this.transfer.show) {
if (this.transfer.staff[0] === 0) {
let json = { limit: 1000, page: 1, status: 0 }; // status 0 在职
let json = {limit: 1000, page: 1, status: 0}; // status 0 在职
getStaffListApi(json).then(res => {
this.transfer.staff = res.list;
});
}
this.$nextTick(()=>{
this.$nextTick(() => {
this.$refs['transferForm'].resetFields();
this.transfer.form.teacher_name = data.name;
this.transfer.form.teacher_id = data.id;
this.transfer.form.staff_current_name = data.adviser;
})
} else {
this.$nextTick(()=>{
this.$nextTick(() => {
this.$refs['transferForm'].resetFields();
})
}
......@@ -529,27 +549,27 @@
});
},
edit(data){
edit(data) {
this.dialogObj.id = data.id;
this.dialogObj.type = 2;
this.dialogObj.show = true
},
add(){
add() {
this.dialogObj.type = 0;
this.dialogObj.show = true
},
detail(data){
detail(data) {
this.dialogObj.id = data.id;
this.dialogObj.type = 1;
this.dialogObj.show = true
},
delTeacher(data){
delTeacher(data) {
this.$confirm('此操作将删除该账号?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
delTeacherApi(data.id).then(res=>{
delTeacherApi(data.id).then(res => {
this.$message({
type: 'success',
message: '删除成功!'
......@@ -558,17 +578,17 @@
});
});
},
changeShow(data){
this.dialogObj.show=data
changeShow(data) {
this.dialogObj.show = data
},
classDetail(row){
classDetail(row) {
this.dialogDetailObj = {
show:true,
title:row.name + '班级详情',
show: true,
title: row.name + '班级详情',
id: row.id
}
},
goToTeacherDetail(row){
goToTeacherDetail(row) {
// this.$router.push('/teacher/'+ row.id);
this.dialogDetail.id = row.id;
this.dialogDetail.alias = row.alias;
......@@ -583,54 +603,64 @@
<style scoped lang="less">
@import "../../util/public";
.user{
.user {
/*height: 100%;*/
overflow: auto;
padding: 20px 0;
.btn-content{
.btn-content {
text-align: center;
}
}
/deep/.el-progress-bar__outer{
/deep/ .el-progress-bar__outer {
background: #cccccc;
}
.total-tab{
.total-tab {
display: table;
background: #dfedff;
width: 100%;
vertical-align: middle;
font-size: 12px;
&>div{
& > div {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
&>div:nth-child(1){
& > div:nth-child(1) {
width: 230px;
min-width: 230px;
text-align: center;
}
&>div:nth-child(5){
& > div:nth-child(5) {
min-width: 80px;
width: 80px;
}
&>div:nth-child(7){
& > div:nth-child(7) {
min-width: 320px + 12px;
width: 320px + 12px;
}
&>div:nth-child(2),
&>div:nth-child(3),
&>div:nth-child(4){
& > div:nth-child(2),
& > div:nth-child(3),
& > div:nth-child(4) {
min-width: 60px;
}
}
.avatar{
.avatar {
width: 70px;
margin-right: 5px;
height: 70px;
float: left;
}
.shortcut {
width: 50px;
}
......
src/components/teacher/userservice.vue
View file @ 4478d569
......@@ -39,11 +39,12 @@
</el-form-item>
<!--<el-form-item v-if="$store.state.orderRefund">-->
<el-form-item v-if="!$store.state.readonly">
<el-button type="success" plain @click="add">新增用户服务</el-button>
<!--<el-button type="success" plain @click="add">新增用户服务</el-button>-->
<el-button type="success" plain @click="add">新增</el-button>
</el-form-item>
</el-form>
<el-tabs v-model="searchFrom.squad" type="card" style="background: white;padding-top: 10px" @tab-click="getUser">
<el-tab-pane v-if="phoneNumObj.teacher_type!='teacher_leader'" v-for="i in 10" :key="i" :label="'T'+i" :name="i.toString()"/>
<el-tab-pane v-if="phoneNumObj.teacher_type!='teacher_leader'" v-for="i in 10" :key="i+(index-1)*10" :label="'T'+(i+(index-1)*10)" :name="(i+(index-1)*10).toString()"/>
<!-- <el-tab-pane v-if="phoneNumObj.teacher_type=='teacher_leader'" :key="phoneNumObj.squad" :label="'T'+phoneNumObj.squad" :name="phoneNumObj.squad.toString()"/> -->
</el-tabs>
<el-table
......@@ -81,21 +82,23 @@
进班人数：{{scope.row.into_class_num}}<br>
加老师处理数：{{scope.row.add_teacher_exec_num}}<br>
加老师成功数：{{scope.row.add_teacher_success_num}}<br>
成功率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_success_rate)?Number(scope.row.add_teacher_success_rate):0">
</el-progress>
成功率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_success_rate)?Number(scope.row.add_teacher_success_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_exec_rate)?Number(scope.row.add_teacher_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.add_teacher_exec_rate)?Number(scope.row.add_teacher_exec_rate):0">
</el-progress>
</template>
</el-table-column>
<el-table-column
......@@ -105,21 +108,23 @@
需召回人数：{{scope.row.need_recall_num}}<br>
已沟通人数：{{scope.row.recall_desc_exec_num}}<br>
用户回复数：{{scope.row.recall_desc_reply_num}}<br>
达标率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_watch_rate)===100 ? '#67C23A' : '#dd001b'"
:percentage="Number(scope.row.recall_watch_rate)?Number(scope.row.recall_watch_rate):0">
</el-progress>
达标率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_watch_rate)===100 ? '#67C23A' : '#dd001b'"
:percentage="Number(scope.row.recall_watch_rate)?Number(scope.row.recall_watch_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.recall_exec_rate)?Number(scope.row.recall_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.recall_exec_rate)?Number(scope.row.recall_exec_rate):0">
</el-progress>
</template>
</el-table-column>
<el-table-column
......@@ -129,21 +134,23 @@
意向用户数：{{scope.row.intention_num}}<br>
完课沟通用户数{{scope.row.over_desc_exec_num}}<br>
往期活跃用户沟通数：{{scope.row.past_desc_exec_num}}<br>
标记率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
color="#67C23A"
:percentage="Number(scope.row.over_intention_rate)?Number(scope.row.over_intention_rate):0">
</el-progress>
标记率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
color="#67C23A"
:percentage="Number(scope.row.over_intention_rate)?Number(scope.row.over_intention_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.over_exec_rate)?Number(scope.row.over_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="18"
:color="Number(scope.row.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(scope.row.over_exec_rate)?Number(scope.row.over_exec_rate):0">
</el-progress>
</template>
</el-table-column>
<el-table-column
......@@ -169,59 +176,65 @@
<div>总计</div>
<div>
<div>
成功率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_success_rate)?Number(res.add_teacher_success_rate):0">
</el-progress>
成功率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_success_rate)>70 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_success_rate)?Number(res.add_teacher_success_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_exec_rate)?Number(res.add_teacher_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.add_teacher_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.add_teacher_exec_rate)?Number(res.add_teacher_exec_rate):0">
</el-progress>
</div>
</div>
<div>
<div>
达标率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_watch_rate)===100 ? '#67C23A' : '#ff0000'"
:percentage="Number(res.recall_watch_rate)?Number(res.recall_watch_rate):0">
</el-progress>
达标率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_watch_rate)===100 ? '#67C23A' : '#ff0000'"
:percentage="Number(res.recall_watch_rate)?Number(res.recall_watch_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.recall_exec_rate)?Number(res.recall_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.recall_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.recall_exec_rate)?Number(res.recall_exec_rate):0">
</el-progress>
</div>
</div>
<div>
<div>
标记率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
color="#67C23A"
:percentage="Number(res.over_intention_rate)?Number(res.over_intention_rate):0">
</el-progress>
标记率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
color="#67C23A"
:percentage="Number(res.over_intention_rate)?Number(res.over_intention_rate):0">
</el-progress>
<br>
处理率：<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.over_exec_rate)?Number(res.over_exec_rate):0">
</el-progress>
处理率：
<el-progress
style="display: inline-block;width: calc(90% - 50px)"
:text-inside="true"
:stroke-width="16"
:color="Number(res.over_exec_rate)===100 ? '#67C23A' : '#f00'"
:percentage="Number(res.over_exec_rate)?Number(res.over_exec_rate):0">
</el-progress>
</div>
</div>
<div>
......@@ -233,7 +246,7 @@
<div></div>
</div>
<page :total="total" :limit="limit" @pageChange="onPageChange" @sizeChange="onSizeChange"/>
<dialog-com :dialogObj="dialogObj" @changeShow="changeShow" @reflash="getUser"/>
<dialog-com :index="index" :dialogObj="dialogObj" @changeShow="changeShow" @reflash="getUser"/>
<el-dialog width="90%" top="5vh" :visible.sync="dialogDetail.show">
<div v-if="dialogDetail.show">
<teacher-detail :parentDetail="dialogDetail"></teacher-detail>
......@@ -285,7 +298,13 @@
</template>
<script>
import {getTeacherListApi,delTeacherApi,getStaffListApi,postTransferTeacherApi,getTeacherTypeListApi} from "../../service/api";
import {
getTeacherListApi,
delTeacherApi,
getStaffListApi,
postTransferTeacherApi,
getTeacherTypeListApi
} from "../../service/api";
import {TEACHERTYPE} from "../../util/wordbook";
import page from '../framework/page'
import teacherDetail from '../teacherDetail/index'
......@@ -294,9 +313,24 @@
let teacherTypeSource = {}
export default {
name: "userservice",
data(){
data() {
let nowDate = this.formatTime(new Date());
return {
index: 3, // 部名，从1开始
searchFrom: {
name: '',
alias: "",
status: '0',
task_date: nowDate,
squad: ((3 - 1) * 10 + 1).toString(),
type: 6,
},
dialogObj: {
typeAdd: 6, // 用户服务 与searchFrom.type一致
type: 0,
show: false,
id: ''
},
transfer: {
show: false,
form: {
......@@ -318,43 +352,29 @@
reasonList: [{
id: 0,
name: '人员入职',
},{
}, {
id: 1,
name: '人员离职',
},{
}, {
id: 2,
name: '请假',
},{
}, {
id: 3,
name: '其它',
},]
},
searchFrom:{
name:'',
alias:"",
status:'0',
task_date:nowDate,
squad:"1",
type:2,
},
dialogObj:{
typeAdd: 2, // 用户服务 与searchFrom.type一致
type:0,
show:false,
id:''
},
dialogDetail:{
show:false,
id:''
dialogDetail: {
show: false,
id: ''
},
userList:[],
total:0,
nowPage:1,
userList: [],
total: 0,
nowPage: 1,
limit: 20,
res:null,
dialogDetailObj:{
show:false,
title:'班级列表',
res: null,
dialogDetailObj: {
show: false,
title: '班级列表',
id: ''
},
teacherTypeOption: [{
......@@ -364,72 +384,72 @@
id: 1,
label: '新星妈妈'
}],
phoneNumObj:{}
phoneNumObj: {}
}
},
watch:{
'dialogDetail.show'(value){
if(!value){
watch: {
'dialogDetail.show'(value) {
if (!value) {
this.getUser()
}
}
},
components:{
components: {
// Dialog,
page,
dialogCom,
teacherDetail
},
filters:{
teacherType(value){
filters: {
teacherType(value) {
return teacherTypeSource[value]
}
},
mounted(){
mounted() {
// console.log(s)
let data = localStorage.getItem("phoneNum");
console.log(data)
// debugger
if(data){
if (data) {
data = JSON.parse(data)
this.phoneNumObj=data;
this.phoneNumObj = data;
}
if(data&&data.teacher_type!='teacher_leader'){
this.$router.push('/teacher/'+ data.id);
}else{
if (data && data.teacher_type != 'teacher_leader') {
this.$router.push('/teacher/' + data.id);
} else {
this.getUser()
}
getTeacherTypeListApi().then(res=>{
getTeacherTypeListApi().then(res => {
this.dialogObj.teacherTypeList = res
let obj = {}
res.forEach((item,index)=>{
obj[item.type]=item.name
res.forEach((item, index) => {
obj[item.type] = item.name
})
teacherTypeSource = obj
// console.log(obj)
});
},
methods:{
onPageChange(val){
methods: {
onPageChange(val) {
this.nowPage = val;
this.getUser()
},
formatTime(date){
formatTime(date) {
let year = date.getFullYear();
let Month = date.getMonth()+1;
if(Month < 10){
let Month = date.getMonth() + 1;
if (Month < 10) {
Month = `0${Month}`
}
let Day = date.getDate();
if(Day<10)Day = `0${Day}`;
if (Day < 10) Day = `0${Day}`;
return `${year}-${Month}-${Day}`;
},
onSizeChange(val){
onSizeChange(val) {
this.limit = val
this.nowPage = 1;
this.getUser()
},
getUser(){
getUser() {
let json = {
limit: this.limit,
page: this.nowPage
......@@ -437,7 +457,7 @@
if (this.searchFrom.type || this.searchFrom.type === 0) {
json.type = this.searchFrom.type
}
if (this.searchFrom.status){
if (this.searchFrom.status) {
json.status = this.searchFrom.status
}
if (this.searchFrom.name) {
......@@ -446,22 +466,22 @@
if (this.searchFrom.alias) {
json.alias = this.searchFrom.alias
}
if (this.searchFrom.task_date){
if (this.searchFrom.task_date) {
json.task_date = this.searchFrom.task_date
}
let data = localStorage.getItem("phoneNum");
if(data){
if (data) {
data = JSON.parse(data)
}
if(data&&data.teacher_type=='teacher_leader'){
if (data && data.teacher_type == 'teacher_leader') {
json.squad = data.squad
}else{
} else {
json.squad = this.searchFrom.squad
}
getTeacherListApi(json).then(res=>{
getTeacherListApi(json).then(res => {
this.userList = res.list;
this.total = res.total;
this.res=res;
this.res = res;
})
},
......@@ -473,21 +493,21 @@
},
transferToggle(data) {
this.transfer.show = !this.transfer.show;
if (this.transfer.show){
if (this.transfer.show) {
if (this.transfer.staff[0] === 0) {
let json = { limit: 1000, page: 1, status: 0 }; // status 0 在职
let json = {limit: 1000, page: 1, status: 0}; // status 0 在职
getStaffListApi(json).then(res => {
this.transfer.staff = res.list;
});
}
this.$nextTick(()=>{
this.$nextTick(() => {
this.$refs['transferForm'].resetFields();
this.transfer.form.teacher_name = data.name;
this.transfer.form.teacher_id = data.id;
this.transfer.form.staff_current_name = data.adviser;
})
} else {
this.$nextTick(()=>{
this.$nextTick(() => {
this.$refs['transferForm'].resetFields();
})
}
......@@ -531,27 +551,27 @@
});
},
edit(data){
edit(data) {
this.dialogObj.id = data.id;
this.dialogObj.type = 2;
this.dialogObj.show = true
},
add(){
add() {
this.dialogObj.type = 0;
this.dialogObj.show = true
},
detail(data){
detail(data) {
this.dialogObj.id = data.id;
this.dialogObj.type = 1;
this.dialogObj.show = true
},
delTeacher(data){
delTeacher(data) {
this.$confirm('此操作将删除该账号?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
delTeacherApi(data.id).then(res=>{
delTeacherApi(data.id).then(res => {
this.$message({
type: 'success',
message: '删除成功!'
......@@ -560,17 +580,17 @@
});
});
},
changeShow(data){
this.dialogObj.show=data
changeShow(data) {
this.dialogObj.show = data
},
classDetail(row){
classDetail(row) {
this.dialogDetailObj = {
show:true,
title:row.name + '班级详情',
show: true,
title: row.name + '班级详情',
id: row.id
}
},
goToTeacherDetail(row){
goToTeacherDetail(row) {
// this.$router.push('/teacher/'+ row.id);
this.dialogDetail.id = row.id;
this.dialogDetail.alias = row.alias;
......@@ -585,54 +605,64 @@
<style scoped lang="less">
@import "../../util/public";
.user{
.user {
/*height: 100%;*/
overflow: auto;
padding: 20px 0;
.btn-content{
.btn-content {
text-align: center;
}
}
/deep/.el-progress-bar__outer{
/deep/ .el-progress-bar__outer {
background: #cccccc;
}
.total-tab{
.total-tab {
display: table;
background: #dfedff;
width: 100%;
vertical-align: middle;
font-size: 12px;
&>div{
& > div {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
&>div:nth-child(1){
& > div:nth-child(1) {
width: 230px;
min-width: 230px;
text-align: center;
}
&>div:nth-child(5){
& > div:nth-child(5) {
min-width: 80px;
width: 80px;
}
&>div:nth-child(7){
& > div:nth-child(7) {
min-width: 320px + 12px;
width: 320px + 12px;
}
&>div:nth-child(2),
&>div:nth-child(3),
&>div:nth-child(4){
& > div:nth-child(2),
& > div:nth-child(3),
& > div:nth-child(4) {
min-width: 60px;
}
}
.avatar{
.avatar {
width: 70px;
margin-right: 5px;
height: 70px;
float: left;
}
.shortcut {
width: 50px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment