接待人页面

src/permission.js

@@ -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();

src/router/index.js

@@ -29,186 +29,214 @@ import Layout from '@/layout';
  */
 
 // 公共路由
-export const constantRoutes = [{
-  path: '/redirect',
-  component: Layout,
-  hidden: true,
-  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: '/404',
-  component: () => import('@/views/error/404'),
-  hidden: true
-},
-{
-  path: '/401',
-  component: () => import('@/views/error/401'),
-  hidden: true
-},
-{
-  path: '',
-  component: Layout,
-  redirect: 'index',
-  children: [{
-    path: 'index',
-    component: () => import('@/views/index'),
-    name: 'Index',
-    meta: {
-      title: '首页',
-      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: '/user',
-  component: Layout,
-  hidden: true,
-  redirect: 'noredirect',
-  children: [{
-    path: 'profile',
-    component: () => import('@/views/system/user/profile/index'),
-    name: 'Profile',
-    meta: {
-      title: '个人中心',
-      icon: 'user'
-    }
-  }]
-}
+export const constantRoutes = [
+  {
+    path: '/redirect',
+    component: Layout,
+    hidden: true,
+    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: [
+      {
+        path: 'index',
+        component: () => import('@/views/index'),
+        name: 'Index',
+        meta: {
+          title: '首页',
+          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: '/user',
+    component: Layout,
+    hidden: true,
+    redirect: 'noredirect',
+    children: [
+      {
+        path: 'profile',
+        component: () => import('@/views/system/user/profile/index'),
+        name: 'Profile',
+        meta: {
+          title: '个人中心',
+          icon: 'user'
+        }
+      }
+    ]
+  }
 ];
 
 // 动态路由，基于用户权限动态去加载
-export const dynamicRoutes = [{
-  path: '/system/user-auth',
-  component: Layout,
-  hidden: true,
-  permissions: ['system:user:edit'],
-  children: [{
-    path: 'role/:userId(\\d+)',
-    component: () => import('@/views/system/user/authRole'),
-    name: 'AuthRole',
-    meta: {
-      title: '分配角色',
-      activeMenu: '/system/user'
-    }
-  }]
-},
-{
-  path: '/system/role-auth',
-  component: Layout,
-  hidden: true,
-  permissions: ['system:role:edit'],
-  children: [{
-    path: 'user/:roleId(\\d+)',
-    component: () => import('@/views/system/role/authUser'),
-    name: 'AuthUser',
-    meta: {
-      title: '分配用户',
-      activeMenu: '/system/role'
-    }
-  }]
-},
-{
-  path: '/system/dict-data',
-  component: Layout,
-  hidden: true,
-  permissions: ['system:dict:list'],
-  children: [{
-    path: 'index/:dictId(\\d+)',
-    component: () => import('@/views/system/dict/data'),
-    name: 'Data',
-    meta: {
-      title: '字典数据',
-      activeMenu: '/system/dict'
-    }
-  }]
-},
-{
-  path: '/monitor/job-log',
-  component: Layout,
-  hidden: true,
-  permissions: ['monitor:job:list'],
-  children: [{
-    path: 'index',
-    component: () => import('@/views/monitor/job/log'),
-    name: 'JobLog',
-    meta: {
-      title: '调度日志',
-      activeMenu: '/monitor/job'
-    }
-  }]
-},
-{
-  path: '/zs/clue-form',
-  component: Layout,
-  hidden: true,
-  permissions: ['zs:clue:add', 'zs:clue:edit'],
-  children: [{
-    path: 'index/:clueId(\\d+)',
-    component: () => import('@/views/zs/clue/ClueForm'),
-    name: 'ClueForm',
-    meta: {
-      title: '线索详情',
-      activeMenu: '/zs/clue'
-    }
-  }]
-}
+export const dynamicRoutes = [
+  {
+    path: '/system/user-auth',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:user:edit'],
+    children: [
+      {
+        path: 'role/:userId(\\d+)',
+        component: () => import('@/views/system/user/authRole'),
+        name: 'AuthRole',
+        meta: {
+          title: '分配角色',
+          activeMenu: '/system/user'
+        }
+      }
+    ]
+  },
+  {
+    path: '/system/role-auth',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:role:edit'],
+    children: [
+      {
+        path: 'user/:roleId(\\d+)',
+        component: () => import('@/views/system/role/authUser'),
+        name: 'AuthUser',
+        meta: {
+          title: '分配用户',
+          activeMenu: '/system/role'
+        }
+      }
+    ]
+  },
+  {
+    path: '/system/dict-data',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:dict:list'],
+    children: [
+      {
+        path: 'index/:dictId(\\d+)',
+        component: () => import('@/views/system/dict/data'),
+        name: 'Data',
+        meta: {
+          title: '字典数据',
+          activeMenu: '/system/dict'
+        }
+      }
+    ]
+  },
+  {
+    path: '/monitor/job-log',
+    component: Layout,
+    hidden: true,
+    permissions: ['monitor:job:list'],
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/monitor/job/log'),
+        name: 'JobLog',
+        meta: {
+          title: '调度日志',
+          activeMenu: '/monitor/job'
+        }
+      }
+    ]
+  },
+  {
+    path: '/zs/clue-form',
+    component: Layout,
+    hidden: true,
+    permissions: ['zs:clue:add', 'zs:clue:edit'],
+    children: [
+      {
+        path: 'index/:clueId(\\d+)',
+        component: () => import('@/views/zs/clue/ClueForm'),
+        name: 'ClueForm',
+        meta: {
+          title: '线索详情',
+          activeMenu: '/zs/clue'
+        }
+      }
+    ]
+  }
 ];
 
 // 防止连续点击多次路由报错

src/views/sch/coach/count/detail.vue

@@ -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>

src/views/sch/coach/count/index.vue

@@ -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>