#PcBackStage

 /$$$$$$$           /$$$$$$$                      /$$        /$$$$$$   /$$                                  
| $$__  $$         | $$__  $$                    | $$       /$$__  $$ | $$                                  
| $$  \ $$ /$$$$$$$| $$  \ $$  /$$$$$$   /$$$$$$$| $$   /$$| $$  \__//$$$$$$    /$$$$$$   /$$$$$$   /$$$$$$ 
| $$$$$$$//$$_____/| $$$$$$$  |____  $$ /$$_____/| $$  /$$/|  $$$$$$|_  $$_/   |____  $$ /$$__  $$ /$$__  $$
| $$____/| $$      | $$__  $$  /$$$$$$$| $$      | $$$$$$/  \____  $$ | $$      /$$$$$$$| $$  \ $$| $$$$$$$$
| $$     | $$      | $$  \ $$ /$$__  $$| $$      | $$_  $$  /$$  \ $$ | $$ /$$ /$$__  $$| $$  | $$| $$_____/
| $$     |  $$$$$$$| $$$$$$$/|  $$$$$$$|  $$$$$$$| $$ \  $$|  $$$$$$/ |  $$$$/|  $$$$$$$|  $$$$$$$|  $$$$$$$
|__/      \_______/|_______/  \_______/ \_______/|__/  \__/ \______/   \___/   \_______/ \____  $$ \_______/
                                                                                         /$$  \ $$          
                                                                                        |  $$$$$$/          
                                                                                         \______/           
                                                                                         
##常用的后台管理模板  

小飞龙api服务
http://192.168.0.3:19095/v1/docs/index.html


基于 https://panjiachen.github.io/vue-element-admin-site/zh/guide/ 的版本， 只保留常用功能和修改部分UI效果  

##安装：  

###克隆项目  

git clone git@git.beswell.com:duanchangpeng/PcBackStage.git  

###进入项目目录  

cd PcBackStage  


##安装淘宝源，已安装可忽略

npm install --registry=https://registry.npm.taobao.org

###安装依赖  

cnpm i 

###本地开发 启动项目  

npm run dev

##1.目录结构  
  
    ├── build                      # 构建相关
    ├── mock                       # 项目mock 模拟数据
    ├── src                        # 源代码
    │   ├── api                    # 所有请求
    │   ├── assets                 # 主题 字体等静态资源
    │   ├── components             # 全局公用组件
    │   ├── directive              # 全局指令
    │   ├── icons                  # 项目所有 svg icons
    │   ├── lang                   # 国际化 language
    │   ├── layout                 # 全局 layout  todo
    │   ├── router                 # 路由
    │   ├── store                  # 全局 store管理  todo
    │   ├── utils                  # 全局公用方法
    │   ├── vendor                 # 公用vendor todo
    │   ├── views                  # views 所有页面
    │   ├── App.vue                # 入口页面
    │   ├── main.js                # 入口文件 加载组件 初始化等
    ├── .env.xxx                   # 环境变量配置
    ├── .eslintrc.js               # eslint 配置项
    ├── .babelrc                   # babel-loader 配置
    ├── .travis.yml                # 自动化CI配置
    ├── vue.config.js              # vue-cli 配置
    ├── postcss.config.js          # postcss 配置
    └── package.json               # package.json

##4.使用方法
   
a.增加新页面  
    在views里新建一个vue文件，将文件名和路径加入router/index.js中，注意文件层级，非系统级别页面应加入main下的同级别里。  
        
b.新增接口
    在api/getApiRes.js里添加方法，在使用页面，首先引入这个文件    
    import { 新写的方法名 } from '../api/getApiRes.js'    
    然后再methods里使用 新的方法名(param).then(res => {...})的形式调用  
        
c.反向代理
    修改 vue.config.js 中   target: 'http://192.168.0.162:19080/', 的地址，重启npm run serve后生效
    
d.打包
   配置打包地址，修改 vue.config.js 中  outputDir: 'D:/wwwroot/test/new_back/static_pc', 指向的地址，
   在执行build命令后生效。
   
e.运行
   使用nginx等程序驱动http服务，指向打包后的index.html文件所在地址即可。
   （如打开后出现loading情况，均为后端数据源配置错误，搭建相应服务后即可，其他问题如没有配置本地host等）
   
   === todo ===   
  
  20200907  页面接口实现功能完成情况  
  
  1.首页
    全部todo
    
    
  2. 会员类都是贾的 
     会员首页统计，消费记录，
     
  3.操作日志
   全部todo 放在最后      
      
      
###
20200910
 ClassListByQueryStr 不知道咋用

  
  1.首页
    全部todo
  2.预约类
   
今日预约统计(未完成)
今日课程预约总览(未完成)
今日会员预约列表查询(未完成)

order
今日预约统计(未完成)
今日课程预约总览(未完成)
今日会员预约列表查询(未完成)


20200910
 店铺微信预约状态修改(Shop/ShopWxStatusEdit) √
 店铺单条查询(Shop/ShopDetailOne) √
 
 1./Order/OrderCancelByManager √
    管理员预约取消(未完成)
 
 2./Order/OrderStatistics
    今日预约统计(未完成)
 
 3.(Class/ClassStatistics)
    课程统计(未完成)
    
 4.课程表模板详情预览(SttPlan/SttPlanPreview)
 
 5.课程表预览(SchoolTimetable/SchoolTimetablePreview)
   
   
   20200911
   
   1.管理员管理 增加新管理员后重新查一遍店铺列表 √
   2.侧边栏对齐 √
   3.adminManage 缺少备注 √
   4.新增管理员所属门店下拉框对齐，调整输入框顺序：账号、密码、姓名、手机号、所属门店、备注。√
   5.编辑管理员信息时，密码非必填。密码不填不修改密码。输入框顺序同增加管理员。
   6.会员管理，会员有效期调整，弹窗标题错误。点击确认后，返回成功信息错误。
     会员类型为”充值“的，点击有效期调整，弹窗中提示”用户不是年费会员，无法调整会员有效期“ √
   7.会员管理列表，操作中，编辑不是按钮，列表中会员有效期为“0001-01-01“的隐藏不显示。 √
   8.穿梭框最后一项偏右显示 √
   9.首页，下课管理中，上课时间应包含上课时间，下课时间 √
   10.下课管理 确认下课调错接口了√
      应该调用 SchoolTimeTable/ClassOverConfirm√
    11.首页下课管理中，点击下课，新页面顶部文字固定√
12.教练管理列表中，暂时隐藏时长统计√


   
   .课程管理通用设置问题 √
   .
    
    ClassDetailOne 没有返回 WxOrder 状态
    User/ShopManagerListQuery phone，shopId参数输入后，返回值没有经过筛选
    
   
   99.添加课程表/课程表模板的单条时，选择课程后预填入课时上限。√
   100.添加单条时，默认值问题√
