diff --git a/template/admin/README.md b/template/admin/README.md index f7ee9cddc..69191710a 100644 --- a/template/admin/README.md +++ b/template/admin/README.md @@ -1,124 +1,306 @@ -

- - - -

+# CRMEB Admin -

-iView Admin -

Vue.js 2.0 admin management system template based on iView.

- +## 开发规范 -[![](https://img.shields.io/github/release/iview/iview-admin.svg)](https://github.com/iview/iview-admin/releases) -[![](https://img.shields.io/travis/iview/iview-admin.svg?style=flat-square)](https://travis-ci.org/iview/iview-admin) -[![vue](https://img.shields.io/badge/vue-2.5.17-brightgreen.svg?style=flat-square)](https://github.com/vuejs/vue) -[![iview ui](https://img.shields.io/badge/iview-3.2.2-brightgreen.svg?style=flat-square)](https://github.com/iview/iview) -[![npm](https://img.shields.io/npm/l/express.svg)]() +统一使用ES6 语法 +方法注释 +/* +* th => 表头 +* data => 数据 +* fileName => 文件名 +* fileType => 文件类型 +* sheetName => sheet页名 + */ + export default function toExcel ({ th, data, fileName, fileType, sheetName }) + 行注释 // -

Special Sponsors

- - - - - - - - -
- - - - - - - - - - - -
+### 命名 -> If you'd like be a sponsor, to show your ads in GitHub and iView doc, please email admin@aresn.com to get more infomation. +页面目录 文件夹命名格式骆驼式命名法,例如：用户列表 userList +例如：商品模块 +product 商品 +├─ product 商品管理 +├─ productList 商品管理目录 +├─ index.vue 首页 +├─ components 组建 +├─ tableFrom.vue +├─ tableList.vue +├─ handle 操作功能页面目录 +├─ delete.vue +├─ productCategory 商品分类目录 +├─ index.vue 商品分类首页 -## Introduction +页面命名、组建、文件夹 命名格式小驼峰命名法,例如：用户列表 userList -iView Admin is a front-end management background integration solution. It based on [Vue.js](https://github.com/vuejs/vue) and use the UI Toolkit [iView](https://github.com/iview/iview). +类名函数命名 大驼峰式 例如：addUser +变量命名 小驼峰式 例如：user 或者 userInfo _userinfo user-info +常量 采用全大些下划线命名 例如：VUE_APP_API_URl -- [Document](https://lison16.github.io/iview-admin-doc/) -- [Preview](https://admin.iviewui.com/) -- [Base template recommends using](https://github.com/iview/iview-admin/tree/template) +### 文件管理规范 +pages 页面模块必须件文件夹区分 +api 接口一个模块一个文件 +组建 一个组建一个文件夹 +plugins 插件一个插件一个文件夹 +vuex 路由状态管理，一个模块在modules 中建一个文件夹 +router 一个模块一个模块在modules 中建一个文件夹 +style 样式尽量采用iView自带组建，common.less 系统通用样式不要轻易动 +自定义通用样式 style.less,每次添加必须加注释，页面独立样式在在页面内写，后缀less 格式 +组建样式 styles 中添加文件夹 composents 对应components 目录新建样式文件 +utils 自定义工具js 独立命名，一般不用新建文件夹 -![image](https://file.iviewui.com/admin-dist/admin-preview.png) +## 模块命名 +~~~ +├─ product 商品管理 +├─ user 用户管理 +├─ order 系统订单管理 +├─ setting 系统设置维护 系统权限管理、系统菜单管理 客服管理 +├─ chat 客服管理（列表，添加，删除，编辑） +├─ application 各个应用模块功能管理公众号、小程序、支付宝、百度小程序、今日头条小程序 +├─ system 系统更新日志 数据库管理 +├─ finance 财务管理 +├─ agent 分销管理 +├─ marketing 优惠券、积分、拼团、砍价、秒杀 +├─ echarts 数据统计分析 +├─ notification 消息通知管理、模版消息（列表，通知，添加，编辑）、短信 +├─ file 附件文件管理 +├─ freight 运费模版管理 物流公司 +├─ merchant 商户管理 +├─ widget 组件 小插件 +└─ cms 文章管理 +~~~ +## 目录结构 +主要目录结构及说明： +~~~ +├── public # 静态资源 +│ ├── favicon.ico # favicon图标 +│ └── index.html # html 模板 +├── src # 源代码 +│ ├── api # 所有请求 +│ │ └──account.js # 有关登录的接口 +│ │ └──agent.js # 有关分销的接口 +│ │ └──app.js # 有关应用（小程序、公众号）的接口 +│ │ └──cms.js # 有关内容（文章管理、分类）的接口 +│ │ └──common.js # 表格删除、获取消息提醒的接口 +│ │ └──finance.js # 有关财务的接口 +│ │ └──index.js # 有关首页的接口 +│ │ └──marketing.js # 有关营销的接口 +│ │ └──order.js # 有关订单的接口 +│ │ └──product.js # 有关商品的接口 +│ │ └──setting.js # 有关设置的接口 +│ │ └──system.js # 有关维护（开发配置、安全维护）的接口 +│ │ └──systemAdmin.js # 有关管理员的接口（设置--管理权限--管理员列表） +│ │ └──systemMenus.js # 有关权限规则的接口（设置--管理权限--权限规则） +│ │ └──uploadPictures.js # 有关上传图片附件的接口 +│ │ └──user.js # 有关会员的接口 +│ ├── assets # 图片、svg 等静态资源 +│ ├── components # 公共组件 +│ │ └──cards # 统计 +│ │ └──copyright # 页面footer的底部声明 +│ │ └──customerInfo # 选择用户 +│ │ └──echarts # 统计图 +│ │ └──freightTemplate # 运费模板 +│ │ └──from # 生成表单 +│ │ └──goodsList # 商品列表 +│ │ └──iconFrom # 导航添加图标 +│ │ └──link # a连接 +│ │ └──mde # 多文本框 +│ │ └──modelSure # 确认模态框 +│ │ └──newsCategory # 图文管理页 +│ │ └──publicSearchFrom # 头部搜索（没用到） +│ │ └──quill # 编辑器（没用到） +│ │ └──referrerInfo # 推荐人信息 +│ │ └──searchFrom # 订单页的搜索 +│ │ └──sendCoupons # 发送优惠券 +│ │ └──systemStore # 添加提货点 +│ │ └──ueditorFrom # 编辑器组件（供参考，没用到，主要用安装组件--vue-ueditor-wrap） +│ │ └──uploadPictures # 上传图片 +│ │ └──uploadVideo # 上传视频（用于商品编辑器里面） +│ ├── i18n # 多语言 +│ ├── layouts # 布局 +│ │ └──header-breadcrumb # 头部面包屑样式 +│ │ └──header-collapse # 头部控制折叠面板的图标 +│ │ └──header-fullscreen # 头部控制是否全屏的图标 +│ │ └──header-i18n # 头部控制多语言 +│ │ └──header-log # 头部控制日志异常图标 +│ │ └──header-logo # 头部logo +│ │ └──header-notice # 头部提示消息 +│ │ └──header-reload # 头部控制刷新的图标 +│ │ └──header-search # 头部搜索 +│ │ └──header-setting # 设置页面风格 +│ │ └──header-user # 我的（个人中心、退出登录） +│ │ └──menu-head # +│ │ └──menu-side # 侧边导航栏 +│ │ └──tabs # 头部的横向导航标签 +│ │ └──mixins # 用于横向滚动获取title的一个js +│ ├── libs # 公共方法 +│ ├── menu # 菜单配置 +│ ├── mixins # 通用混合 +│ ├── mock # 数据模拟 +│ ├── pages # 所有页面 +│ │ └──account # 有关登录页 +│ │ └──login # 登录 +│ │ └──register # 注册 +│ │ └──agent # 分销 +│ │ └──agentManage # 分销员管理 +│ │ └──app # 应用 +│ │ └──routine # 小程序模板消息 +│ │ └──wechat # 公众号 +│ │ └──menus # 微信菜单 +│ │ └──newsCategory # 图文管理 +│ │ └──save # 图文添加 +│ │ └──reply # 自动回复 +│ │ └──follow # 微信关注回复/无效关键词回复 +│ │ └──keyword # 关键字回复 +│ │ └──user # 用户 +│ │ └──tag # 用户标签 +│ │ └──user # 微信用户 +│ │ └──message # 用户行为记录 +│ │ └──cms # 内容 +│ │ └──addArticle # 添加文章/编辑文章 +│ │ └──article # 文章管理 +│ │ └──articleCategory # 文章分类 +│ │ └──finance # 财务 +│ │ └──commission # 佣金记录 +│ │ └──financialRecords # 财务记录 +│ │ └──bill # 资金记录 +│ │ └──recharge # 充值记录 +│ │ └──userExtract # 提现申请 +│ │ └──index # 主页 +│ │ └──marketing # 营销 +│ │ └──storeBargain # 砍价商品 +│ │ └──storeCombination # 拼团管理 +│ │ └──combinaList # 拼团列表 +│ │ └──create # 添加拼团商品 +│ │ └──index # 拼团商品 +│ │ └──storeCoupon # 优惠券制作 +│ │ └──storeCouponIssue # 优惠券列表 +│ │ └──storeCouponUser # 会员领取记录 +│ │ └──storeSeckill # 秒杀管理 +│ │ └──index # 秒杀商品 +│ │ └──create # 添加秒杀商品 +│ │ └──userPoint # 积分日志 +│ │ └──notify # 短信设置 +│ │ └──smsConfig # 短信账户 +│ │ └──smsPay # 短信购买 +│ │ └──smsTemplateApply # 短信模板 +│ │ └──order # 订单管理 +│ │ └──product # 商品 +│ │ └──productAdd # 添加商品 +│ │ └──productAttr # 商品规格 +│ │ └──productClassify # 商品分类 +│ │ └──productList # 商品管理 +│ │ └──productReply # 商品评论管理 +│ │ └──setting # 设置 +│ │ └──cityDada # 城市数据 +│ │ └──clerkList # 核销员管理 +│ │ └──freight # 物流公司 +│ │ └──setSystem # 系统设置 +│ │ └──shippingTemplates # 运费模板 +│ │ └──storeList # 提货点列表 +│ │ └──storeService # 客服管理 +│ │ └──systemAdmin # 管理员列表 +│ │ └──systemMenus # 权限规则 +│ │ └──systemRole # 身份管理 +│ │ └──systemStore # 门店设置 +│ │ └──user # 个人中心 +│ │ └──verifyOrder # 核销订单 +│ │ └──system # 维护 +│ │ └──auth # 商业授权 +│ │ └──clear # 刷新缓存 +│ │ └──configTab # 配置 +│ │ └──index # 配置分类 +│ │ └──list # 配置列表 +│ │ └──error # 错误页 +│ │ └──403 # 403 +│ │ └──404 # 404 +│ │ └──500 # 500 +│ │ └──group # 组合数据 +│ │ └──maintain +│ │ └──systemCleardata # 清除数据 +│ │ └──systemDatabackup # 数据备份 +│ │ └──systemFile # 文件校验 +│ │ └──opendir # 文件管理 +│ │ └──systemLog # 系统日志 +│ │ └──user # 会员 +│ │ └──group # 会员分组 +│ │ └──label # 会员标签 +│ │ └──level # 会员等级 +│ │ └──list # 会员管理 +│ ├── plugins # 插件 +│ ├── router # 路由配置 +│ │ └──modules # 页面路由模块 +│ │ └──agent.js # 有关分销 +│ │ └──app.js # 有关应用（小程序、公众号） +│ │ └──cms.js # 有关内容（文章管理、文章分类） +│ │ └──echarts.js # 有关统计 +│ │ └──finance.js # 有关财务 +│ │ └──index.js # 有关主页 +│ │ └──marketing.js # 有关营销 +│ │ └──order.js # 有关订单 +│ │ └──product.js # 有关商品 +│ │ └──setting.js # 有关设置 +│ │ └──system.js # 有关维护 +│ │ └──user.js # 有关会员 +│ │ └──index.js # 路由的导出以及拦截处理 +│ │ └──routes.js # 路由的汇总 +│ ├── store # Vuex 状态管理 +│ ├── utils # js工具 +│ │ └──authLapse.js # 授权提示框 +│ │ └──modalForm.js # 表单模态框 +│ │ └──videoCloud.js # 上传云储存视频（七牛、腾讯、阿里） +│ │ └──validate.js # 将时间戳转化成时间； +│ │ └──public.js # 询问模态框； +│ ├── styles # 样式管理 +│ ├── setting.env.js # 开发配置文件 +│ ├── setting.js # 业务配置文件 +│ ├── main.js # 入口文件 加载组件 初始化等 +│ └── App.vue # 入口页面 +├── tests # 测试管理 +├── alias.config.js # 别名，仅用于配置 WebStorm 识别别名，无实际用处 +├── babel.config.js # babel 配置 +├── jest.config.js # jest 配置 +├── package.json # package.json +└── vue.config.js # Vue CLI 3 配置 +~~~ +## 开发打包项目 +~~~ +# 进入项目目录 +$ cd admin -## Features +# 安装依赖 +$ npm install -- Login / Logout -- Permission Authentication - - A list of filters - - Permission to switch -- i18n -- Components - - Rich Text Editor - - Markdown Editor - - City Cascader - - Photos preview and edit - - Draggable list - - File upload - - Digital gradient - - split-pane -- Form - - The article published - - Workflow -- Table - - Drag-and-drop sort - - Searchable form - - Table export data - - Export to Csv file - - Export to Xls file - - Table to picture -- Error Page - - 403 - - 404 - - 500 -- Router - - Dynamic routing - - With reference page -- Theme -- Shrink the sidebar -- Tag navigation -- Breadcrumb navigation -- Full screen / exit full screen -- Lock screen -- The message center -- Personal center +# 启动项目(本地开发环境) +$ npm run dev -## Getting started -```bush -# clone the project -git clone https://github.com/iview/iview-admin.git +# 打包项目 +$ npm run build +~~~ -// install dependencies -npm install - -// develop -npm run dev -``` - -## Build -```bush -npm run build -``` - -## License -[MIT](http://opensource.org/licenses/MIT) - -Copyright (c) 2016-present, iView +## 配置请求域名 -注意：1、src/components/main/components/side-menu(有关测导航) - collapsed-menu.vue(点击测导航收缩时的样式多级) - side-menu.vue(一级导航展开以及收缩样式) - side-menu-item.vue(多级导航张开样式) - 2、src/components/main/main.vue(整个框架都引在main中) - +### 开发环境配置 +配置文件地址：/.env.dev + +*请求域名配置* + +`$ VUE_APP_API_URL='http://自己的域名/adminapi'` + +*管理端ws* + +`$ VUE_APP_WS_ADMIN_URL = 'ws://自己的域名/ws'` + +### 生产环境 + +*接口请求地址 (http)或 (https)://www.crmeb.com(换成你的域名)/adminapi 非独立部署默认为空* + +`$ VUE_APP_API_URL=''` + +*管理端ws* + +*socket 系统连接地址 (ws)或(wss)://www.crmeb.com(换成你的域名)/ws 非独立部署默认为空* + +`$ VUE_APP_WS_ADMIN_URL=''` + diff --git a/template/admin/package.json b/template/admin/package.json index c7ed0ef27..c36587b8f 100644 --- a/template/admin/package.json +++ b/template/admin/package.json @@ -117,4 +117,4 @@ "git add" ] } -} +} \ No newline at end of file diff --git a/template/admin/src/pages/notify/smsConfig/components/register.vue b/template/admin/src/pages/notify/smsConfig/components/register.vue index b2e72df3c..e2c1bf83b 100644 --- a/template/admin/src/pages/notify/smsConfig/components/register.vue +++ b/template/admin/src/pages/notify/smsConfig/components/register.vue @@ -16,7 +16,7 @@ + placeholder="请输入密码" /> @@ -77,7 +77,7 @@ { required: true, message: '请输入短信平台账号', trigger: 'blur' } ], password: [ - { required: true, message: '请输入短信平台密码/token', trigger: 'blur' } + { required: true, message: '请输入密码', trigger: 'blur' } ], url: [ { required: true, message: '请输入网址域名', trigger: 'blur' } diff --git a/template/admin/src/pages/product/productAdd/index.vue b/template/admin/src/pages/product/productAdd/index.vue index dc395de2f..db905b177 100644 --- a/template/admin/src/pages/product/productAdd/index.vue +++ b/template/admin/src/pages/product/productAdd/index.vue @@ -1045,7 +1045,7 @@ >
- +
- - + +
@@ -134,6 +105,7 @@ export default { value: "", props: { disabled: false, + placeholder: '输入会员名' }, validate: [ { @@ -154,6 +126,8 @@ export default { precision: 0, disabled: false, type: "text", + placeholder: '输入有限期', + }, validate: [ { @@ -172,8 +146,8 @@ export default { value: null, props: { min: 0, - precision: 2, disabled: false, + placeholder: '输入原价' }, validate: [ { @@ -192,8 +166,8 @@ export default { value: null, props: { min: 0, - precision: 2, disabled: false, + placeholder: '输入优惠价' }, validate: [ { @@ -214,6 +188,7 @@ export default { min: 1, max: 1000000, disabled: false, + placeholder: '请输入排序' }, validate: [ { @@ -240,7 +215,7 @@ export default { created() { this.getMemberShip(); }, - mounted() {}, + mounted() { }, methods: { onchangeIsShow(row) { let data = { @@ -366,6 +341,7 @@ export default { /deep/ .ivu-modal { top: 20% !important; } + /deep/ .ivu-input { width: 80px; }