接待人页面

src/api/sch/school.js

@@ -39,5 +39,11 @@ export default {
       url: `/sch/school/${id}`,
       method: 'delete'
     });
+  },
+  createCode(id){
+    return request({
+      url: `/sch/school/create/${id}`,
+      method: 'post'
+    });
   }
 };

src/api/vip.js

@@ -0,0 +1,39 @@
+
+import request from '@/utils/request';
+
+// 查询车型列表
+export function getCarList(param) {
+  return request({
+    url: '/driver-api/tdSysUserMember/duima/car/list',
+    method: 'get',
+    params: param
+  });
+}
+
+// 查询会员列表
+export function getMemberList(param) {
+    return request({
+      url: '/driver-api/tdSysUserMember/duima/member/list',
+      method: 'get',
+      params: param
+    });
+  }
+
+
+  // 查询用户会员列表
+export function getUserMemberList(param) {
+    return request({
+      url: '/driver-api/tdSysUserMember/duima/user/member/list',
+      method: 'get',
+      params: param
+    });
+  }
+
+  //新增会员
+export function addUserMember(data) {
+  return request({
+    url: '/driver-api/tdSysUserMember/duima/user/member',
+    method: 'post',
+    data: data
+  });
+}

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>

src/views/sch/school/index.vue

@@ -22,6 +22,12 @@
       <el-table-column label="负责人" prop="leader" />
       <el-table-column label="联系方式" prop="phone" />
       <el-table-column label="备注" prop="remark" />
+      <el-table-column label="小程序二维码" prop="jwlCodePath" >
+        <template slot-scope="scope">
+          <el-image v-if="scope.row.jwlCodePath != undefined" style="width: 100px; height: 100px"  :src="baseUrl + scope.row.jwlCodePath" ></el-image>
+          <el-button v-else v-hasPermi="['sch:school:create']" type="text" icon="el-icon-edit" @click="handleCreate(scope.row)">生成</el-button>
+        </template>
+      </el-table-column>
       <el-table-column label="创建时间" width="160">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
@@ -62,7 +68,8 @@ export default {
       loading: {
         tableLoading: false
       },
-      dialogVisible: false
+      dialogVisible: false,
+      baseUrl: process.env.VUE_APP_BASE_API
     };
   },
   created() {
@@ -101,6 +108,14 @@ export default {
         this.$refs.dialogForm.init(item);
       });
     },
+    handleCreate(item){
+      schoolApi.createCode(item.schoolId).then(resp => {
+        if (resp.code === 200) {
+            this.getPageList();
+            this.$modal.msgSuccess('生成成功');
+          }
+      })
+    },
     // 删除操作
     handleDelete(item) {
       this.$modal

src/views/vip/components/VipForm.vue

@@ -0,0 +1,113 @@
+<template>
+  <el-dialog title="VIP" :close-on-click-modal="false" append-to-body :visible.sync="visible" width="500px" @close="closeDialog">
+    <div>
+      <el-form ref="dialogForm" :model="dialogForm" :rules="dataRule"  @keyup.enter.native="dialogFormSubmit()">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="手机号" prop="phone">
+              <el-input v-model="dialogForm.phone" placeholder="请输入" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="车型" prop="carTypeId">
+              <el-select v-model="dialogForm.carTypeId" clearable placeholder="选择车型">
+                <el-option v-for="item in carOptions" :key="item.carTypeId" :label="item.carName" :value="item.carTypeId" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="会员" prop="memberId">
+              <el-select v-model="dialogForm.memberId" clearable placeholder="选择车型">
+                <el-option v-for="item in memberOptions.filter(item => item.carTypeId === dialogForm.carTypeId)" :key="item.memberId" :label="item.memberName" :value="item.memberId" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button plain @click="(visible = false)">取消</el-button>
+      <el-button v-jclick type="primary" :disabled="!canSubmit" @click="dialogFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { addUserMember, getCarList, getMemberList } from '@/api/vip';
+
+export default {
+  name:"VipForm",
+  data() {
+    return {
+      visible: false,
+      canSubmit: true,
+      dialogForm: {
+        userId: undefined,
+        memberId: undefined,
+        phone: undefined
+      },
+      dataRule: {
+        phone: [{ required: true, message: '手机号不为空', trigger: 'blur' },
+        { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: '请输入正确的手机号码', trigger: 'blur' }],        carTypeId: [{ required: true, message: '车型不能为空', trigger: 'blur' }],
+        memberId: [{ required: true, message: '会员不能为空', trigger: 'blur' }]
+      },
+      carOptions:[],
+      memberOptions:[]
+    };
+  },
+  methods: {
+    init(info = undefined) {
+      // debugger
+      this.visible = true;
+      this.getCarList();
+      this.getMemberList();
+      this.$nextTick(() => {
+        this.resetDialogForm();
+        // this.$refs['dialogForm'].resetFields();
+        if (info) {
+          this.dialogForm = this.deepClone(info);
+        }
+      });
+    },
+    resetDialogForm() {
+      this.dialogForm = {
+        userId: undefined,
+        memberId: undefined,
+        phone: undefined
+      };
+    },
+    closeDialog() {
+      this.$emit('update:dialogVisible', false);
+    },
+    // 表单提交
+    dialogFormSubmit() {
+      this.$refs.dialogForm.validate((valid) => {
+        if (valid) {
+          addUserMember(this.dialogForm).then(response => {
+            if (response.code == 200) {
+              this.$modal.msgSuccess('新增成功');
+              this.$emit('update');
+              this.visible = false;
+            }
+          });
+        }
+      });
+    },
+    getCarList(){
+      getCarList().then(resp => {
+        this.carOptions = resp.data;
+      })
+    },
+    getMemberList(){
+      getMemberList().then(resp => {
+        this.memberOptions = resp.data
+      })
+    }
+  }
+};
+</script>

src/views/vip/index.vue

@@ -0,0 +1,96 @@
+<template>
+    <div class="app-container" >
+      <el-form size="small" :inline="true" label-width="68px" @submit.native.prevent>
+        <el-row :gutter="20">
+            <el-form-item label="手机号">
+                <el-input v-model="queryParams.phone" placeholder="请输入" clearable  @keyup.enter.native="handleQuery" />
+            </el-form-item>
+        </el-row>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
+  
+        </el-form-item>
+      </el-form>
+  
+      <el-table v-loading="loading" :data="tableList"  >
+        <el-table-column type="index" width="55" align="center" />
+        <el-table-column label="手机号" align="center" prop="phone" min-width="140" />
+        <el-table-column label="会员名" align="center" prop="memberName" min-width="140"/>
+        <el-table-column label="车型" align="center" prop="carName" min-width="100" />
+        <el-table-column label="科目" align="center" prop="subjects" min-width="100"/>
+        <el-table-column label="开始时间" align="center" prop="startDate" min-width="100"/>
+        <el-table-column label="结束时间" align="center" prop="endDate" min-width="100"/>
+
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <!-- <el-button size="mini" type="text" icon="el-icon-download" @click="handleEdit(scope.row)">编辑</el-button> -->
+          </template>
+        </el-table-column>
+      </el-table>
+  
+      <!-- <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
+      <VipForm v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" @update="getList" />
+  
+    </div>
+  </template>
+  
+  <script>
+  import { getUserMemberList } from '@/api/vip';
+  import VipForm from './components/VipForm.vue'
+  
+  export default {
+    name: 'Vip',
+    components:{
+        VipForm
+    },
+    data() {
+      return {
+        // 遮罩层
+        loading: false,
+        // 总条数
+        total: 0,
+        tableList: [],
+        // 查询参数
+        queryParams: {
+            phone: undefined
+        },
+        dialogVisible: false,
+        dialogAddVisible: false
+      };
+    },
+    created() {
+      this.getList();
+    },
+    methods: {
+      /** 查询文件列表 */
+      getList() {
+        this.loading = true;
+        getUserMemberList(this.queryParams).then(response => {
+          this.tableList = response.data;
+          // this.total = response.total;
+          this.loading = false;
+        });
+      },
+  
+      /** 搜索按钮操作 */
+      handleQuery() {
+        this.getList();
+      },
+      /** 重置按钮操作 */
+      resetQuery() {
+        this.queryParams.question = '';
+        this.handleQuery();
+      },
+
+      handleAdd(item) {
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs.dialogForm.init(item);
+        });
+      }
+    }
+  };
+  </script>
+  

vue.config.js

@@ -34,8 +34,8 @@ module.exports = {
     open: true,
     proxy: {
       [process.env.VUE_APP_BASE_API + '/driver-api']: {
-        target: `http://118.31.23.45:8888/driver-api/`,
-        // target: `http://localhost:8888/driver-api/`,
+        // target: `http://118.31.23.45:8888/driver-api/`,
+        target: `http://localhost:8888/driver-api/`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API + '/driver-api']: ''