接待人页面
This commit is contained in:
qsh
@@ -7,23 +7,27 @@
|
||||
*/
|
||||
import router from './router';
|
||||
import store from './store';
|
||||
import {
|
||||
Message
|
||||
} from 'element-ui';
|
||||
import { Message } from 'element-ui';
|
||||
import NProgress from 'nprogress';
|
||||
import 'nprogress/nprogress.css';
|
||||
import {
|
||||
getToken
|
||||
} from '@/utils/auth';
|
||||
import {
|
||||
isRelogin
|
||||
} from '@/utils/request';
|
||||
import { getToken } from '@/utils/auth';
|
||||
import { isRelogin } from '@/utils/request';
|
||||
|
||||
NProgress.configure({
|
||||
showSpinner: false
|
||||
});
|
||||
|
||||
const whiteList = ['/login', '/auth-redirect', '/bind', '/register', '/question', '/clue/feedback/follow', '/clue/feedback/arrival'];
|
||||
const whiteList = [
|
||||
'/login',
|
||||
'/auth-redirect',
|
||||
'/bind',
|
||||
'/register',
|
||||
'/question',
|
||||
'/clue/feedback/follow',
|
||||
'/clue/feedback/arrival',
|
||||
'/coach/count',
|
||||
'/coach/count/detail'
|
||||
];
|
||||
|
||||
router.beforeEach((to, from, next) => {
|
||||
NProgress.start();
|
||||
|
||||
@@ -29,55 +29,69 @@ import Layout from '@/layout';
|
||||
*/
|
||||
|
||||
// 公共路由
|
||||
export const constantRoutes = [{
|
||||
export const constantRoutes = [
|
||||
{
|
||||
path: '/redirect',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
path: '/redirect/:path(.*)',
|
||||
component: () => import('@/views/redirect')
|
||||
}]
|
||||
},
|
||||
{
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/login',
|
||||
component: () => import('@/views/login'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/register',
|
||||
component: () => import('@/views/register'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/question',
|
||||
component: () => import('@/views/question'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/clue/feedback/follow',
|
||||
component: () => import('@/views/zs/feedback/follow'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/clue/feedback/arrival',
|
||||
component: () => import('@/views/zs/feedback/arrival'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/coach/count',
|
||||
component: () => import('@/views/sch/coach/count'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/coach/count/detail',
|
||||
component: () => import('@/views/sch/coach/count/detail'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/404',
|
||||
component: () => import('@/views/error/404'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '/401',
|
||||
component: () => import('@/views/error/401'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
path: '',
|
||||
component: Layout,
|
||||
redirect: 'index',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
component: () => import('@/views/index'),
|
||||
name: 'Index',
|
||||
@@ -86,42 +100,44 @@ export const constantRoutes = [{
|
||||
icon: 'dashboard',
|
||||
affix: true
|
||||
}
|
||||
}]
|
||||
},
|
||||
// {
|
||||
// path: '/demo',
|
||||
// component: Layout,
|
||||
// redirect: 'noredirect',
|
||||
// meta: {
|
||||
// title: 'Demo',
|
||||
// icon: 'xx'
|
||||
// },
|
||||
// children: [{
|
||||
// path: '/base-page',
|
||||
// component: () => import('@/views/demo/basePage/index'),
|
||||
// name: 'BasePage',
|
||||
// meta: {
|
||||
// title: 'BasePage',
|
||||
// icon: 'xx'
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// path: '/base-components',
|
||||
// component: () => import('@/views/demo/baseComponents/index'),
|
||||
// name: 'BaseComponents',
|
||||
// meta: {
|
||||
// title: 'BaseComponents',
|
||||
// icon: 'xx'
|
||||
// }
|
||||
// }
|
||||
// ]
|
||||
// },
|
||||
{
|
||||
}
|
||||
]
|
||||
},
|
||||
// {
|
||||
// path: '/demo',
|
||||
// component: Layout,
|
||||
// redirect: 'noredirect',
|
||||
// meta: {
|
||||
// title: 'Demo',
|
||||
// icon: 'xx'
|
||||
// },
|
||||
// children: [{
|
||||
// path: '/base-page',
|
||||
// component: () => import('@/views/demo/basePage/index'),
|
||||
// name: 'BasePage',
|
||||
// meta: {
|
||||
// title: 'BasePage',
|
||||
// icon: 'xx'
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// path: '/base-components',
|
||||
// component: () => import('@/views/demo/baseComponents/index'),
|
||||
// name: 'BaseComponents',
|
||||
// meta: {
|
||||
// title: 'BaseComponents',
|
||||
// icon: 'xx'
|
||||
// }
|
||||
// }
|
||||
// ]
|
||||
// },
|
||||
{
|
||||
path: '/user',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
redirect: 'noredirect',
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
path: 'profile',
|
||||
component: () => import('@/views/system/user/profile/index'),
|
||||
name: 'Profile',
|
||||
@@ -129,17 +145,20 @@ export const constantRoutes = [{
|
||||
title: '个人中心',
|
||||
icon: 'user'
|
||||
}
|
||||
}]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
// 动态路由，基于用户权限动态去加载
|
||||
export const dynamicRoutes = [{
|
||||
export const dynamicRoutes = [
|
||||
{
|
||||
path: '/system/user-auth',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:user:edit'],
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
path: 'role/:userId(\\d+)',
|
||||
component: () => import('@/views/system/user/authRole'),
|
||||
name: 'AuthRole',
|
||||
@@ -147,14 +166,16 @@ export const dynamicRoutes = [{
|
||||
title: '分配角色',
|
||||
activeMenu: '/system/user'
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/system/role-auth',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:role:edit'],
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
path: 'user/:roleId(\\d+)',
|
||||
component: () => import('@/views/system/role/authUser'),
|
||||
name: 'AuthUser',
|
||||
@@ -162,14 +183,16 @@ export const dynamicRoutes = [{
|
||||
title: '分配用户',
|
||||
activeMenu: '/system/role'
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/system/dict-data',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:dict:list'],
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
path: 'index/:dictId(\\d+)',
|
||||
component: () => import('@/views/system/dict/data'),
|
||||
name: 'Data',
|
||||
@@ -177,14 +200,16 @@ export const dynamicRoutes = [{
|
||||
title: '字典数据',
|
||||
activeMenu: '/system/dict'
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/monitor/job-log',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['monitor:job:list'],
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
component: () => import('@/views/monitor/job/log'),
|
||||
name: 'JobLog',
|
||||
@@ -192,14 +217,16 @@ export const dynamicRoutes = [{
|
||||
title: '调度日志',
|
||||
activeMenu: '/monitor/job'
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/zs/clue-form',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['zs:clue:add', 'zs:clue:edit'],
|
||||
children: [{
|
||||
children: [
|
||||
{
|
||||
path: 'index/:clueId(\\d+)',
|
||||
component: () => import('@/views/zs/clue/ClueForm'),
|
||||
name: 'ClueForm',
|
||||
@@ -207,8 +234,9 @@ export const dynamicRoutes = [{
|
||||
title: '线索详情',
|
||||
activeMenu: '/zs/clue'
|
||||
}
|
||||
}]
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
// 防止连续点击多次路由报错
|
||||
|
||||
57
src/views/sch/coach/count/detail.vue
Normal file
57
src/views/sch/coach/count/detail.vue
Normal file
@@ -0,0 +1,57 @@
|
||||
<!-- 接待人员详情页 -->
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table v-loading="loading" :data="coachList">
|
||||
<el-table-column type="index" width="55" align="center" />
|
||||
<el-table-column label="学员姓名" align="center" prop="schoolName" />
|
||||
<el-table-column label="联系方式" align="center" prop="placeName" />
|
||||
<el-table-column label="到场状态" align="center" prop="coachName" />
|
||||
<el-table-column label="备注" align="center" prop="phone" />
|
||||
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-hasPermi="['sch:coach:edit']" size="mini" type="text" icon="el-icon-edit" @click="handleAddAndUpdate(scope.row)">修改</el-button>
|
||||
<el-button v-hasPermi="['sch:coach:remove']" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listCoach, getCoach, delCoach } from '@/api/sch/coach';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 教练表格数据
|
||||
coachList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
type: null, // 1本日统计 2本月统计
|
||||
placeId: null,
|
||||
coachName: null,
|
||||
phone: null
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
/** 查询教练列表 */
|
||||
getList() {
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
63
src/views/sch/coach/count/index.vue
Normal file
63
src/views/sch/coach/count/index.vue
Normal file
@@ -0,0 +1,63 @@
|
||||
<template>
|
||||
<!-- 接待人统计页面 -->
|
||||
<div class="app-container" style="max-width: 600px; margin: auto;">
|
||||
<el-form v-show="showSearch" ref="queryForm" :model="queryParams" size="small" :inline="true" label-width="68px">
|
||||
<el-form-item label="联系方式" prop="phone">
|
||||
<el-input v-model="queryParams.phone" placeholder="请输入联系方式" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item label="验证码" prop="code">
|
||||
<el-input v-model="queryParams.code" placeholder="请输入验证码" clearable @keyup.enter.native="handleQuery" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>接待统计</span>
|
||||
</div>
|
||||
<div>
|
||||
<div><span>今日接到人数：100</span></div>
|
||||
<div><span>今日成交人数：69</span></div>
|
||||
<div><span>今日未成交人数：31</span>
|
||||
<router-link :to="'/coach/count/detail'"> 详情</router-link>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div><span>本月接到人数：200</span></div>
|
||||
<div><span>本月成交人数：169</span></div>
|
||||
<div><span>本月未成交人数：31</span></div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listCoach, delCoach } from '@/api/sch/coach';
|
||||
|
||||
export default {
|
||||
name: 'Count',
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
phone: null,
|
||||
code: null
|
||||
},
|
||||
countInfo: {}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
/** 查询统计结果 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
Reference in New Issue
Block a user