接待人页面

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,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'
         }
-  }]
-}
+      }
+    ]
+  }
 ];
 
 // 防止连续点击多次路由报错

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>