This commit is contained in:
faiz 2024-10-31 16:00:47 +08:00
parent f42ab11f4c
commit aecb0e3c93
36 changed files with 18570 additions and 17194 deletions

View File

@ -4,8 +4,8 @@ ENV = 'development'
# http://mer.crmeb.net/admin # http://mer.crmeb.net/admin
# base api # base api
# www.shop.xyz # www.shop.xyz
VUE_APP_BASE_API = 'http://www.shop.xyz' # VUE_APP_BASE_API = 'http://www.shop.xyz'
# VUE_APP_BASE_API = 'http://test.tropjoin.com' VUE_APP_BASE_API = 'http://test.tropjoin.com'
# VUE_APP_BASE_API = 'https://api.tropjoin.com' # VUE_APP_BASE_API = 'https://api.tropjoin.com'
# socket 连接地址 # socket 连接地址

View File

@ -1,14 +1,17 @@
# CRMEB 多商户 # CRMEB 多商户
## 开发规范 ## 开发规范
统一使用 ES6 语法 统一使用 ES6 语法
方法注释 方法注释
/* /\*
* th => 表头
* data => 数据 - th => 表头
* fileName => 文件名 - data => 数据
* fileType => 文件类型 - fileName => 文件名
* sheetName => sheet页名 - fileType => 文件类型
*/ - sheetName => sheet 页名
\*/
export default function toExcel ({ th, data, fileName, fileType, sheetName }) export default function toExcel ({ th, data, fileName, fileType, sheetName })
行注释 // 行注释 //
@ -24,10 +27,11 @@ product 商品
页面命名、组建、文件夹 命名格式小驼峰命名法,例如:用户列表 userList 页面命名、组建、文件夹 命名格式小驼峰命名法,例如:用户列表 userList
类名函数命名 大驼峰式 例如addUser 类名函数命名 大驼峰式 例如addUser
变量命名 小驼峰式 例如user 或者 userInfo _userinfo user-info 变量命名 小驼峰式 例如user 或者 userInfo \_userinfo user-info
常量 采用全大些下划线命名 例如VUE_APP_API_URl 常量 采用全大些下划线命名 例如VUE_APP_API_URl
### 文件管理规范 ### 文件管理规范
pages 页面模块必须件文件夹区分 pages 页面模块必须件文件夹区分
api 接口一个模块一个文件 api 接口一个模块一个文件
组建 一个组建一个文件夹 组建 一个组建一个文件夹
@ -40,12 +44,13 @@ style 样式尽量采用iView自带组建common.less 系统通用样式不要
utils 自定义工具 js 独立命名,一般不用新建文件夹 utils 自定义工具 js 独立命名,一般不用新建文件夹
## 模块命名 ## 模块命名
~~~
```
├─ login 登录 ├─ login 登录
├─ dashboard 首页 ├─ dashboard 首页
├─ product 商品管理 ├─ product 商品管理
├─ order 系统订单管理 ├─ order 系统订单管理
├─ promoter 分销 ├─ promoter 服务
├─ user 用户管理 ├─ user 用户管理
├─ accounts 财务管理 ├─ accounts 财务管理
├─ merchant 商户管理 ├─ merchant 商户管理
@ -60,10 +65,13 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
├─ userFeedback 用户反馈 ├─ userFeedback 用户反馈
├─ error-page 错误页 ├─ error-page 错误页
~~~ ```
## 目录结构 ## 目录结构
主要目录结构及说明: 主要目录结构及说明:
~~~
```
├── public # 静态资源 ├── public # 静态资源
│ ├── favicon.ico # favicon图标 │ ├── favicon.ico # favicon图标
@ -72,7 +80,7 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ ├── api # 所有接口api │ ├── api # 所有接口api
│ │ └──request.js # 请求封装 │ │ └──request.js # 请求封装
│ │ └──accounts.js # 有关财务的接口 │ │ └──accounts.js # 有关财务的接口
│ │ └──promoter.js # 有关分销的接口 │ │ └──promoter.js # 有关服务的接口
│ │ └──app.js # 有关应用(小程序、公众号)的接口 │ │ └──app.js # 有关应用(小程序、公众号)的接口
│ │ └──cms.js # 有关内容(文章管理、分类)的接口 │ │ └──cms.js # 有关内容(文章管理、分类)的接口
│ │ └──home.js # 有关首页的接口 │ │ └──home.js # 有关首页的接口
@ -126,9 +134,9 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ │ └──productExamine # 商品审核 │ │ └──productExamine # 商品审核
│ │ └──productComment # 商品评论管理 │ │ └──productComment # 商品评论管理
│ │ └──order # 订单管理 │ │ └──order # 订单管理
│ │ └──promoter # 分销 │ │ └──promoter # 服务
│ │ └──user # 分销员列表 │ │ └──user # 服务员列表
│ │ └──config # 分销设置 │ │ └──config # 服务设置
│ │ └──cms # 内容 │ │ └──cms # 内容
│ │ └──addArticle # 添加文章/编辑文章 │ │ └──addArticle # 添加文章/编辑文章
│ │ └──article # 文章管理 │ │ └──article # 文章管理
@ -162,7 +170,7 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ │ └──picture # 素材管理 │ │ └──picture # 素材管理
│ │ └──groupData # 组合设置 │ │ └──groupData # 组合设置
│ │ └──list # 组合数据 │ │ └──list # 组合数据
│ │ └──data # 组合数据列表/登录页幻灯片/首页幻灯片/首页导航按钮/首页推荐区/个人中心幻灯片/个人中心菜单/热门搜索/分销特权/分销海报/充值金额配置 │ │ └──data # 组合数据列表/登录页幻灯片/首页幻灯片/首页导航按钮/首页推荐区/个人中心幻灯片/个人中心菜单/热门搜索/服务特权/服务海报/充值金额配置
│ │ └──setting # 设置-权限管理 │ │ └──setting # 设置-权限管理
│ │ └──systemRole # 身份管理 │ │ └──systemRole # 身份管理
│ │ └──systemAdmin # 管理员管理 │ │ └──systemAdmin # 管理员管理
@ -200,7 +208,7 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ │ └──merchant.js # 有关商户 │ │ └──merchant.js # 有关商户
│ │ └──order.js # 有关订单 │ │ └──order.js # 有关订单
│ │ └──product.js # 有关商品 │ │ └──product.js # 有关商品
│ │ └──promoter.js # 有关分销 │ │ └──promoter.js # 有关服务
│ │ └──routine.js # 有关小程序 │ │ └──routine.js # 有关小程序
│ │ └──safe.js # 有关维护 │ │ └──safe.js # 有关维护
│ │ └──setting.js # 有关权限 │ │ └──setting.js # 有关权限
@ -225,9 +233,11 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
├── postcss.config.js # postcss 配置 ├── postcss.config.js # postcss 配置
└── package.json # package.json └── package.json # package.json
~~~ ```
## 开发打包项目 ## 开发打包项目
~~~
````
# 进入项目目录 # 进入项目目录
$ cd admin-iView $ cd admin-iView
@ -261,3 +271,4 @@ npm run lint
# code format check and auto fix # code format check and auto fix
npm run lint -- --fix npm run lint -- --fix
``` ```
````

View File

@ -1,14 +1,17 @@
# CRMEB 多商户 # CRMEB 多商户
## 开发规范 ## 开发规范
统一使用 ES6 语法 统一使用 ES6 语法
方法注释 方法注释
/* /\*
* th => 表头
* data => 数据 - th => 表头
* fileName => 文件名 - data => 数据
* fileType => 文件类型 - fileName => 文件名
* sheetName => sheet页名 - fileType => 文件类型
*/ - sheetName => sheet 页名
\*/
export default function toExcel ({ th, data, fileName, fileType, sheetName }) export default function toExcel ({ th, data, fileName, fileType, sheetName })
行注释 // 行注释 //
@ -24,10 +27,11 @@ product 商品
页面命名、组建、文件夹 命名格式小驼峰命名法,例如:用户列表 userList 页面命名、组建、文件夹 命名格式小驼峰命名法,例如:用户列表 userList
类名函数命名 大驼峰式 例如addUser 类名函数命名 大驼峰式 例如addUser
变量命名 小驼峰式 例如user 或者 userInfo _userinfo user-info 变量命名 小驼峰式 例如user 或者 userInfo \_userinfo user-info
常量 采用全大些下划线命名 例如VUE_APP_API_URl 常量 采用全大些下划线命名 例如VUE_APP_API_URl
### 文件管理规范 ### 文件管理规范
pages 页面模块必须件文件夹区分 pages 页面模块必须件文件夹区分
api 接口一个模块一个文件 api 接口一个模块一个文件
组建 一个组建一个文件夹 组建 一个组建一个文件夹
@ -40,12 +44,13 @@ style 样式尽量采用iView自带组建common.less 系统通用样式不要
utils 自定义工具 js 独立命名,一般不用新建文件夹 utils 自定义工具 js 独立命名,一般不用新建文件夹
## 模块命名 ## 模块命名
~~~
```
├─ login 登录 ├─ login 登录
├─ dashboard 首页 ├─ dashboard 首页
├─ product 商品管理 ├─ product 商品管理
├─ order 系统订单管理 ├─ order 系统订单管理
├─ promoter 分销 ├─ promoter 服务
├─ user 用户管理 ├─ user 用户管理
├─ accounts 财务管理 ├─ accounts 财务管理
├─ merchant 商户管理 ├─ merchant 商户管理
@ -60,10 +65,13 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
├─ userFeedback 用户反馈 ├─ userFeedback 用户反馈
├─ error-page 错误页 ├─ error-page 错误页
~~~ ```
## 目录结构 ## 目录结构
主要目录结构及说明: 主要目录结构及说明:
~~~
```
├── public # 静态资源 ├── public # 静态资源
│ ├── favicon.ico # favicon图标 │ ├── favicon.ico # favicon图标
@ -72,7 +80,7 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ ├── api # 所有接口api │ ├── api # 所有接口api
│ │ └──request.js # 请求封装 │ │ └──request.js # 请求封装
│ │ └──accounts.js # 有关财务的接口 │ │ └──accounts.js # 有关财务的接口
│ │ └──promoter.js # 有关分销的接口 │ │ └──promoter.js # 有关服务的接口
│ │ └──app.js # 有关应用(小程序、公众号)的接口 │ │ └──app.js # 有关应用(小程序、公众号)的接口
│ │ └──cms.js # 有关内容(文章管理、分类)的接口 │ │ └──cms.js # 有关内容(文章管理、分类)的接口
│ │ └──home.js # 有关首页的接口 │ │ └──home.js # 有关首页的接口
@ -126,9 +134,9 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ │ └──productExamine # 商品审核 │ │ └──productExamine # 商品审核
│ │ └──productComment # 商品评论管理 │ │ └──productComment # 商品评论管理
│ │ └──order # 订单管理 │ │ └──order # 订单管理
│ │ └──promoter # 分销 │ │ └──promoter # 服务
│ │ └──user # 分销员列表 │ │ └──user # 服务员列表
│ │ └──config # 分销设置 │ │ └──config # 服务设置
│ │ └──cms # 内容 │ │ └──cms # 内容
│ │ └──addArticle # 添加文章/编辑文章 │ │ └──addArticle # 添加文章/编辑文章
│ │ └──article # 文章管理 │ │ └──article # 文章管理
@ -162,7 +170,7 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ │ └──picture # 素材管理 │ │ └──picture # 素材管理
│ │ └──groupData # 组合设置 │ │ └──groupData # 组合设置
│ │ └──list # 组合数据 │ │ └──list # 组合数据
│ │ └──data # 组合数据列表/登录页幻灯片/首页幻灯片/首页导航按钮/首页推荐区/个人中心幻灯片/个人中心菜单/热门搜索/分销特权/分销海报/充值金额配置 │ │ └──data # 组合数据列表/登录页幻灯片/首页幻灯片/首页导航按钮/首页推荐区/个人中心幻灯片/个人中心菜单/热门搜索/服务特权/服务海报/充值金额配置
│ │ └──setting # 设置-权限管理 │ │ └──setting # 设置-权限管理
│ │ └──systemRole # 身份管理 │ │ └──systemRole # 身份管理
│ │ └──systemAdmin # 管理员管理 │ │ └──systemAdmin # 管理员管理
@ -200,7 +208,7 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ │ └──merchant.js # 有关商户 │ │ └──merchant.js # 有关商户
│ │ └──order.js # 有关订单 │ │ └──order.js # 有关订单
│ │ └──product.js # 有关商品 │ │ └──product.js # 有关商品
│ │ └──promoter.js # 有关分销 │ │ └──promoter.js # 有关服务
│ │ └──routine.js # 有关小程序 │ │ └──routine.js # 有关小程序
│ │ └──safe.js # 有关维护 │ │ └──safe.js # 有关维护
│ │ └──setting.js # 有关权限 │ │ └──setting.js # 有关权限
@ -225,9 +233,11 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
├── postcss.config.js # postcss 配置 ├── postcss.config.js # postcss 配置
└── package.json # package.json └── package.json # package.json
~~~ ```
## 开发打包项目 ## 开发打包项目
~~~
````
# 进入项目目录 # 进入项目目录
$ cd admin-iView $ cd admin-iView
@ -261,3 +271,4 @@ npm run lint
# code format check and auto fix # code format check and auto fix
npm run lint -- --fix npm run lint -- --fix
``` ```
````

View File

@ -7,15 +7,17 @@ cp -r dist/. ../shop-many/public/
``` ```
## 开发规范 ## 开发规范
统一使用 ES6 语法 统一使用 ES6 语法
方法注释 方法注释
/* /\*
* th => 表头
* data => 数据 - th => 表头
* fileName => 文件名 - data => 数据
* fileType => 文件类型 - fileName => 文件名
* sheetName => sheet页名 - fileType => 文件类型
*/ - sheetName => sheet 页名
\*/
export default function toExcel ({ th, data, fileName, fileType, sheetName }) export default function toExcel ({ th, data, fileName, fileType, sheetName })
行注释 // 行注释 //
@ -31,10 +33,11 @@ product 商品
页面命名、组建、文件夹 命名格式小驼峰命名法,例如:用户列表 userList 页面命名、组建、文件夹 命名格式小驼峰命名法,例如:用户列表 userList
类名函数命名 大驼峰式 例如addUser 类名函数命名 大驼峰式 例如addUser
变量命名 小驼峰式 例如user 或者 userInfo _userinfo user-info 变量命名 小驼峰式 例如user 或者 userInfo \_userinfo user-info
常量 采用全大些下划线命名 例如VUE_APP_API_URl 常量 采用全大些下划线命名 例如VUE_APP_API_URl
### 文件管理规范 ### 文件管理规范
pages 页面模块必须件文件夹区分 pages 页面模块必须件文件夹区分
api 接口一个模块一个文件 api 接口一个模块一个文件
组建 一个组建一个文件夹 组建 一个组建一个文件夹
@ -47,12 +50,13 @@ style 样式尽量采用iView自带组建common.less 系统通用样式不要
utils 自定义工具 js 独立命名,一般不用新建文件夹 utils 自定义工具 js 独立命名,一般不用新建文件夹
## 模块命名 ## 模块命名
~~~
```
├─ login 登录 ├─ login 登录
├─ dashboard 首页 ├─ dashboard 首页
├─ product 商品管理 ├─ product 商品管理
├─ order 系统订单管理 ├─ order 系统订单管理
├─ promoter 分销 ├─ promoter 服务
├─ user 用户管理 ├─ user 用户管理
├─ accounts 财务管理 ├─ accounts 财务管理
├─ merchant 商户管理 ├─ merchant 商户管理
@ -67,9 +71,11 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
├─ userFeedback 用户反馈 ├─ userFeedback 用户反馈
├─ error-page 错误页 ├─ error-page 错误页
~~~ ```
## 开发打包项目 ## 开发打包项目
~~~
````
# 进入项目目录 # 进入项目目录
$ cd admin-iView $ cd admin-iView
@ -103,3 +109,4 @@ npm run lint
# code format check and auto fix # code format check and auto fix
npm run lint -- --fix npm run lint -- --fix
``` ```
````

View File

@ -1,14 +1,17 @@
# CRMEB 多商户 # CRMEB 多商户
## 开发规范 ## 开发规范
统一使用 ES6 语法 统一使用 ES6 语法
方法注释 方法注释
/* /\*
* th => 表头
* data => 数据 - th => 表头
* fileName => 文件名 - data => 数据
* fileType => 文件类型 - fileName => 文件名
* sheetName => sheet页名 - fileType => 文件类型
*/ - sheetName => sheet 页名
\*/
export default function toExcel ({ th, data, fileName, fileType, sheetName }) export default function toExcel ({ th, data, fileName, fileType, sheetName })
行注释 // 行注释 //
@ -24,10 +27,11 @@ product 商品
页面命名、组建、文件夹 命名格式小驼峰命名法,例如:用户列表 userList 页面命名、组建、文件夹 命名格式小驼峰命名法,例如:用户列表 userList
类名函数命名 大驼峰式 例如addUser 类名函数命名 大驼峰式 例如addUser
变量命名 小驼峰式 例如user 或者 userInfo _userinfo user-info 变量命名 小驼峰式 例如user 或者 userInfo \_userinfo user-info
常量 采用全大些下划线命名 例如VUE_APP_API_URl 常量 采用全大些下划线命名 例如VUE_APP_API_URl
### 文件管理规范 ### 文件管理规范
pages 页面模块必须件文件夹区分 pages 页面模块必须件文件夹区分
api 接口一个模块一个文件 api 接口一个模块一个文件
组建 一个组建一个文件夹 组建 一个组建一个文件夹
@ -40,12 +44,13 @@ style 样式尽量采用iView自带组建common.less 系统通用样式不要
utils 自定义工具 js 独立命名,一般不用新建文件夹 utils 自定义工具 js 独立命名,一般不用新建文件夹
## 模块命名 ## 模块命名
~~~
```
├─ login 登录 ├─ login 登录
├─ dashboard 首页 ├─ dashboard 首页
├─ product 商品管理 ├─ product 商品管理
├─ order 系统订单管理 ├─ order 系统订单管理
├─ promoter 分销 ├─ promoter 服务
├─ user 用户管理 ├─ user 用户管理
├─ accounts 财务管理 ├─ accounts 财务管理
├─ merchant 商户管理 ├─ merchant 商户管理
@ -60,10 +65,13 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
├─ userFeedback 用户反馈 ├─ userFeedback 用户反馈
├─ error-page 错误页 ├─ error-page 错误页
~~~ ```
## 目录结构 ## 目录结构
主要目录结构及说明: 主要目录结构及说明:
~~~
```
├── public # 静态资源 ├── public # 静态资源
│ ├── favicon.ico # favicon图标 │ ├── favicon.ico # favicon图标
@ -72,7 +80,7 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ ├── api # 所有接口api │ ├── api # 所有接口api
│ │ └──request.js # 请求封装 │ │ └──request.js # 请求封装
│ │ └──accounts.js # 有关财务的接口 │ │ └──accounts.js # 有关财务的接口
│ │ └──promoter.js # 有关分销的接口 │ │ └──promoter.js # 有关服务的接口
│ │ └──app.js # 有关应用(小程序、公众号)的接口 │ │ └──app.js # 有关应用(小程序、公众号)的接口
│ │ └──cms.js # 有关内容(文章管理、分类)的接口 │ │ └──cms.js # 有关内容(文章管理、分类)的接口
│ │ └──home.js # 有关首页的接口 │ │ └──home.js # 有关首页的接口
@ -126,9 +134,9 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ │ └──productExamine # 商品审核 │ │ └──productExamine # 商品审核
│ │ └──productComment # 商品评论管理 │ │ └──productComment # 商品评论管理
│ │ └──order # 订单管理 │ │ └──order # 订单管理
│ │ └──promoter # 分销 │ │ └──promoter # 服务
│ │ └──user # 分销员列表 │ │ └──user # 服务员列表
│ │ └──config # 分销设置 │ │ └──config # 服务设置
│ │ └──cms # 内容 │ │ └──cms # 内容
│ │ └──addArticle # 添加文章/编辑文章 │ │ └──addArticle # 添加文章/编辑文章
│ │ └──article # 文章管理 │ │ └──article # 文章管理
@ -162,7 +170,7 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ │ └──picture # 素材管理 │ │ └──picture # 素材管理
│ │ └──groupData # 组合设置 │ │ └──groupData # 组合设置
│ │ └──list # 组合数据 │ │ └──list # 组合数据
│ │ └──data # 组合数据列表/登录页幻灯片/首页幻灯片/首页导航按钮/首页推荐区/个人中心幻灯片/个人中心菜单/热门搜索/分销特权/分销海报/充值金额配置 │ │ └──data # 组合数据列表/登录页幻灯片/首页幻灯片/首页导航按钮/首页推荐区/个人中心幻灯片/个人中心菜单/热门搜索/服务特权/服务海报/充值金额配置
│ │ └──setting # 设置-权限管理 │ │ └──setting # 设置-权限管理
│ │ └──systemRole # 身份管理 │ │ └──systemRole # 身份管理
│ │ └──systemAdmin # 管理员管理 │ │ └──systemAdmin # 管理员管理
@ -200,7 +208,7 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
│ │ └──merchant.js # 有关商户 │ │ └──merchant.js # 有关商户
│ │ └──order.js # 有关订单 │ │ └──order.js # 有关订单
│ │ └──product.js # 有关商品 │ │ └──product.js # 有关商品
│ │ └──promoter.js # 有关分销 │ │ └──promoter.js # 有关服务
│ │ └──routine.js # 有关小程序 │ │ └──routine.js # 有关小程序
│ │ └──safe.js # 有关维护 │ │ └──safe.js # 有关维护
│ │ └──setting.js # 有关权限 │ │ └──setting.js # 有关权限
@ -225,9 +233,11 @@ utils 自定义工具js 独立命名,一般不用新建文件夹
├── postcss.config.js # postcss 配置 ├── postcss.config.js # postcss 配置
└── package.json # package.json └── package.json # package.json
~~~ ```
## 开发打包项目 ## 开发打包项目
~~~
````
# 进入项目目录 # 进入项目目录
$ cd admin-iView $ cd admin-iView
@ -261,3 +271,4 @@ npm run lint
# code format check and auto fix # code format check and auto fix
npm run lint -- --fix npm run lint -- --fix
``` ```
````

View File

@ -2,49 +2,49 @@
import request from './request' import request from './request'
/** /**
* @description 分销设置 -- 详情 * @description 服务设置 -- 详情
*/ */
export function configApi() { export function configApi() {
return request.get('config/others/lst') return request.get('config/others/lst')
} }
/** /**
* @description 分销设置 -- 表单提交 * @description 服务设置 -- 表单提交
*/ */
export function configUpdateApi(data) { export function configUpdateApi(data) {
return request.post('config/others/update', data) return request.post('config/others/update', data)
} }
/** /**
* @description 分销设置 -- 表单提交 * @description 服务设置 -- 表单提交
*/ */
export function productCheckApi() { export function productCheckApi() {
return request.post('store/product/check') return request.post('store/product/check')
} }
/** /**
* @description 分销-- 列表 * @description 服务-- 列表
*/ */
export function promoterListApi(data) { export function promoterListApi(data) {
return request.get('user/promoter/lst', data) return request.get('user/promoter/lst', data)
} }
/** /**
* @description 推广-- 列表 * @description 邀请-- 列表
*/ */
export function spreadListApi(uid, data) { export function spreadListApi(uid, data) {
return request.get(`user/spread/lst/${uid}`, data) return request.get(`user/spread/lst/${uid}`, data)
} }
/** /**
* @description 推广人订单 -- 列表 * @description 邀请人订单 -- 列表
*/ */
export function spreadOrderListApi(uid, data) { export function spreadOrderListApi(uid, data) {
return request.get(`user/spread/order/${uid}`, data) return request.get(`user/spread/order/${uid}`, data)
} }
/** /**
* @description 推广人 -- 清除上级推广 * @description 邀请人 -- 清除邀请
*/ */
export function spreadClearApi(uid) { export function spreadClearApi(uid) {
return request.post(`user/spread/clear/${uid}`) return request.post(`user/spread/clear/${uid}`)
@ -122,67 +122,67 @@ export function updateEextensionApi(type, data) {
return request.post(`agreement/${type}`, data) return request.post(`agreement/${type}`, data)
} }
/** /**
* @description 分销等级 -- 获取分销等级规则 * @description 服务等级 -- 获取服务等级规则
*/ */
export function getBrokerageApi(key) { export function getBrokerageApi(key) {
return request.get(`agreement/${key}`) return request.get(`agreement/${key}`)
} }
/** /**
* @description 分销等级 -- 编辑分销等级规则 * @description 服务等级 -- 编辑服务等级规则
*/ */
export function updateBrokerageApi(type, data) { export function updateBrokerageApi(type, data) {
return request.post(`agreement/${type}`, data) return request.post(`agreement/${type}`, data)
} }
/** /**
* @description 分销等级 -- 添加 * @description 服务等级 -- 添加
*/ */
export function membershipDataAddApi(data) { export function membershipDataAddApi(data) {
return request.post(`user/brokerage/create`, data) return request.post(`user/brokerage/create`, data)
} }
/** /**
* @description 分销等级 -- 列表 * @description 服务等级 -- 列表
*/ */
export function distributionLevelLst(data) { export function distributionLevelLst(data) {
return request.get(`user/brokerage/lst`, data) return request.get(`user/brokerage/lst`, data)
} }
/** /**
* @description 分销等级 -- 列表 * @description 服务等级 -- 列表
*/ */
export function distributionDetail(id) { export function distributionDetail(id) {
return request.get(`user/brokerage/detail/${id}`) return request.get(`user/brokerage/detail/${id}`)
} }
/** /**
* @description 分销等级 -- 编辑 * @description 服务等级 -- 编辑
*/ */
export function distributionUpdate(id, data) { export function distributionUpdate(id, data) {
return request.post(`user/brokerage/update/${id}`, data) return request.post(`user/brokerage/update/${id}`, data)
} }
/** /**
* @description 分销等级 -- 删除 * @description 服务等级 -- 删除
*/ */
export function distributionDelete(id) { export function distributionDelete(id) {
return request.delete(`user/brokerage/delete/${id}`) return request.delete(`user/brokerage/delete/${id}`)
} }
/** /**
* @description 分销员列表 -- 获取分销等级 * @description 服务员列表 -- 获取服务等级
*/ */
export function getDistributionLevel() { export function getDistributionLevel() {
return request.get(`user/brokerage/options`) return request.get(`user/brokerage/options`)
} }
/** /**
* @description 分销员列表 -- 获取分销数据 * @description 服务员列表 -- 获取服务数据
*/ */
export function distributionStatistics(data) { export function distributionStatistics(data) {
return request.get(`user/promoter/count`, data) return request.get(`user/promoter/count`, data)
} }
/** /**
* @description 分销员列表 -- 编辑分销员等级 * @description 服务员列表 -- 编辑服务员等级
*/ */
export function distributionLevelUpdate(id) { export function distributionLevelUpdate(id) {
return request.get(`user/spread/${id}/form`) return request.get(`user/spread/${id}/form`)
} }
/** /**
* @description 分销订单 -- 列表 * @description 服务订单 -- 列表
*/ */
export function spreadOrderLst(data) { export function spreadOrderLst(data) {
return request.get('spread/order/lst', data) return request.get('spread/order/lst', data)

View File

@ -148,7 +148,7 @@ export function batchChangeGroupApi(data) {
return request.get(`user/batch_change_group/form`, data) return request.get(`user/batch_change_group/form`, data)
} }
/** /**
* @description 用户列表 -- 设置分销 * @description 用户列表 -- 设置服务
*/ */
export function changePrommoterApi(data) { export function changePrommoterApi(data) {
return request.get(`user/batch_spread_form`, data) return request.get(`user/batch_spread_form`, data)

View File

@ -92,8 +92,8 @@ export default {
// //
swiperConfig: { swiperConfig: {
title: title:
"最多可添加10张图片建议宽度750*345px鼠标拖拽左侧圆点可调整图片 顺序", "最多可添加20张图片建议宽度750*345px鼠标拖拽左侧圆点可调整图片 顺序",
maxList: 10, maxList: 20,
list: [ list: [
{ {
img: "", img: "",

View File

@ -119,8 +119,8 @@ export default {
}, },
// //
swiperConfig: { swiperConfig: {
title: '最多可添加10张图片建议宽度750*345px鼠标拖拽左侧圆点可调整图片顺序', title: '最多可添加20张图片建议宽度750*345px鼠标拖拽左侧圆点可调整图片顺序',
maxList: 10, maxList: 20,
isSmall: true, isSmall: true,
list: [ list: [
{ {

View File

@ -16,7 +16,7 @@ const promoterRouter =
path: 'config', path: 'config',
name: 'PromoterConfig', name: 'PromoterConfig',
meta: { meta: {
title: '分销配置', title: '服务配置',
noCache: true noCache: true
}, },
component: () => import('@/views/promoter/config/index') component: () => import('@/views/promoter/config/index')
@ -43,7 +43,7 @@ const promoterRouter =
path: 'user', path: 'user',
name: 'AccountsUser', name: 'AccountsUser',
meta: { meta: {
title: '分销员列表', title: '服务员列表',
noCache: true noCache: true
}, },
component: () => import('@/views/promoter/user/index') component: () => import('@/views/promoter/user/index')
@ -52,7 +52,7 @@ const promoterRouter =
path: 'orderList', path: 'orderList',
name: 'OrderList', name: 'OrderList',
meta: { meta: {
title: '分销订单', title: '服务订单',
noCache: true noCache: true
}, },
component: () => import('@/views/promoter/order/index') component: () => import('@/views/promoter/order/index')
@ -79,7 +79,7 @@ const promoterRouter =
path: 'gift', path: 'gift',
name: 'AccountsGift', name: 'AccountsGift',
meta: { meta: {
title: '分销礼包', title: '服务礼包',
noCache: true noCache: true
}, },
component: () => import('@/views/promoter/gift/index') component: () => import('@/views/promoter/gift/index')
@ -88,7 +88,7 @@ const promoterRouter =
path: 'membership_level', path: 'membership_level',
name: 'PromoterLevel', name: 'PromoterLevel',
meta: { meta: {
title: '分销等级', title: '服务等级',
noCache: true noCache: true
}, },
component: () => import('@/views/promoter/membershipLevel/index') component: () => import('@/views/promoter/membershipLevel/index')
@ -97,7 +97,7 @@ const promoterRouter =
path: 'distribution', path: 'distribution',
name: 'distributionRules', name: 'distributionRules',
meta: { meta: {
title: '分销等级规则', title: '服务等级规则',
noCache: true noCache: true
}, },
component: () => import('@/views/promoter/distributionRules/index') component: () => import('@/views/promoter/distributionRules/index')

View File

@ -1,10 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>iconfont Demo</title> <title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/> <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/> type="image/x-icon" />
<link rel="icon" type="image/svg+xml"
href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" />
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css"> <link rel="stylesheet" href="iconfont.css">
@ -34,10 +37,12 @@
} }
</style> </style>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"> <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"> <img width="200"
src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1> </a></h1>
<div class="nav-tabs"> <div class="nav-tabs">
@ -47,7 +52,8 @@
<li class="dib"><span>Symbol</span></li> <li class="dib"><span>Symbol</span></li>
</ul> </ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1945396" target="_blank" class="nav-more">查看项目</a> <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1945396" target="_blank"
class="nav-more">查看项目</a>
</div> </div>
<div class="tab-container"> <div class="tab-container">
@ -470,7 +476,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe72e;</span> <span class="icon iconfont">&#xe72e;</span>
<div class="name">待核销-分销礼包</div> <div class="name">待核销-服务礼包</div>
<div class="code-name">&amp;#xe72e;</div> <div class="code-name">&amp;#xe72e;</div>
</li> </li>
@ -524,7 +530,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe721;</span> <span class="icon iconfont">&#xe721;</span>
<div class="name">分销管理</div> <div class="name">服务管理</div>
<div class="code-name">&amp;#xe721;</div> <div class="code-name">&amp;#xe721;</div>
</li> </li>
@ -722,7 +728,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe6c1;</span> <span class="icon iconfont">&#xe6c1;</span>
<div class="name">推广人数</div> <div class="name">邀请人数</div>
<div class="code-name">&amp;#xe6c1;</div> <div class="code-name">&amp;#xe6c1;</div>
</li> </li>
@ -3592,7 +3598,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icondaihexiao-fenxiaolibao"></span> <span class="icon iconfont icondaihexiao-fenxiaolibao"></span>
<div class="name"> <div class="name">
待核销-分销礼包 待核销-服务礼包
</div> </div>
<div class="code-name">.icondaihexiao-fenxiaolibao <div class="code-name">.icondaihexiao-fenxiaolibao
</div> </div>
@ -3673,7 +3679,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont iconfenxiaoguanli"></span> <span class="icon iconfont iconfenxiaoguanli"></span>
<div class="name"> <div class="name">
分销管理 服务管理
</div> </div>
<div class="code-name">.iconfenxiaoguanli <div class="code-name">.iconfenxiaoguanli
</div> </div>
@ -3970,7 +3976,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icontuiguangrenshu"></span> <span class="icon iconfont icontuiguangrenshu"></span>
<div class="name"> <div class="name">
推广人数 邀请人数
</div> </div>
<div class="code-name">.icontuiguangrenshu <div class="code-name">.icontuiguangrenshu
</div> </div>
@ -7853,7 +7859,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icondaihexiao-fenxiaolibao"></use> <use xlink:href="#icondaihexiao-fenxiaolibao"></use>
</svg> </svg>
<div class="name">待核销-分销礼包</div> <div class="name">待核销-服务礼包</div>
<div class="code-name">#icondaihexiao-fenxiaolibao</div> <div class="code-name">#icondaihexiao-fenxiaolibao</div>
</li> </li>
@ -7925,7 +7931,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconfenxiaoguanli"></use> <use xlink:href="#iconfenxiaoguanli"></use>
</svg> </svg>
<div class="name">分销管理</div> <div class="name">服务管理</div>
<div class="code-name">#iconfenxiaoguanli</div> <div class="code-name">#iconfenxiaoguanli</div>
</li> </li>
@ -8189,7 +8195,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontuiguangrenshu"></use> <use xlink:href="#icontuiguangrenshu"></use>
</svg> </svg>
<div class="name">推广人数</div> <div class="name">邀请人数</div>
<div class="code-name">#icontuiguangrenshu</div> <div class="code-name">#icontuiguangrenshu</div>
</li> </li>
@ -11179,4 +11185,5 @@
}) })
</script> </script>
</body> </body>
</html> </html>

View File

@ -1,10 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>iconfont Demo</title> <title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/> <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/> type="image/x-icon" />
<link rel="icon" type="image/svg+xml"
href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" />
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css"> <link rel="stylesheet" href="iconfont.css">
@ -34,10 +37,12 @@
} }
</style> </style>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"> <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"> <img width="200"
src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1> </a></h1>
<div class="nav-tabs"> <div class="nav-tabs">
@ -47,7 +52,8 @@
<li class="dib"><span>Symbol</span></li> <li class="dib"><span>Symbol</span></li>
</ul> </ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1945396" target="_blank" class="nav-more">查看项目</a> <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1945396" target="_blank"
class="nav-more">查看项目</a>
</div> </div>
<div class="tab-container"> <div class="tab-container">
@ -470,7 +476,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe72e;</span> <span class="icon iconfont">&#xe72e;</span>
<div class="name">待核销-分销礼包</div> <div class="name">待核销-服务礼包</div>
<div class="code-name">&amp;#xe72e;</div> <div class="code-name">&amp;#xe72e;</div>
</li> </li>
@ -524,7 +530,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe721;</span> <span class="icon iconfont">&#xe721;</span>
<div class="name">分销管理</div> <div class="name">服务管理</div>
<div class="code-name">&amp;#xe721;</div> <div class="code-name">&amp;#xe721;</div>
</li> </li>
@ -722,7 +728,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe6c1;</span> <span class="icon iconfont">&#xe6c1;</span>
<div class="name">推广人数</div> <div class="name">邀请人数</div>
<div class="code-name">&amp;#xe6c1;</div> <div class="code-name">&amp;#xe6c1;</div>
</li> </li>
@ -3592,7 +3598,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icondaihexiao-fenxiaolibao"></span> <span class="icon iconfont icondaihexiao-fenxiaolibao"></span>
<div class="name"> <div class="name">
待核销-分销礼包 待核销-服务礼包
</div> </div>
<div class="code-name">.icondaihexiao-fenxiaolibao <div class="code-name">.icondaihexiao-fenxiaolibao
</div> </div>
@ -3673,7 +3679,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont iconfenxiaoguanli"></span> <span class="icon iconfont iconfenxiaoguanli"></span>
<div class="name"> <div class="name">
分销管理 服务管理
</div> </div>
<div class="code-name">.iconfenxiaoguanli <div class="code-name">.iconfenxiaoguanli
</div> </div>
@ -3970,7 +3976,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icontuiguangrenshu"></span> <span class="icon iconfont icontuiguangrenshu"></span>
<div class="name"> <div class="name">
推广人数 邀请人数
</div> </div>
<div class="code-name">.icontuiguangrenshu <div class="code-name">.icontuiguangrenshu
</div> </div>
@ -7853,7 +7859,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icondaihexiao-fenxiaolibao"></use> <use xlink:href="#icondaihexiao-fenxiaolibao"></use>
</svg> </svg>
<div class="name">待核销-分销礼包</div> <div class="name">待核销-服务礼包</div>
<div class="code-name">#icondaihexiao-fenxiaolibao</div> <div class="code-name">#icondaihexiao-fenxiaolibao</div>
</li> </li>
@ -7925,7 +7931,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconfenxiaoguanli"></use> <use xlink:href="#iconfenxiaoguanli"></use>
</svg> </svg>
<div class="name">分销管理</div> <div class="name">服务管理</div>
<div class="code-name">#iconfenxiaoguanli</div> <div class="code-name">#iconfenxiaoguanli</div>
</li> </li>
@ -8189,7 +8195,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icontuiguangrenshu"></use> <use xlink:href="#icontuiguangrenshu"></use>
</svg> </svg>
<div class="name">推广人数</div> <div class="name">邀请人数</div>
<div class="code-name">#icontuiguangrenshu</div> <div class="code-name">#icontuiguangrenshu</div>
</li> </li>
@ -11179,4 +11185,5 @@
}) })
</script> </script>
</body> </body>
</html> </html>

View File

@ -4,8 +4,7 @@
"font_family": "iconfont", "font_family": "iconfont",
"css_prefix_text": "icon", "css_prefix_text": "icon",
"description": "", "description": "",
"glyphs": [ "glyphs": [{
{
"icon_id": "38535244", "icon_id": "38535244",
"name": "待发货-积分", "name": "待发货-积分",
"font_class": "daifahuo-jifen", "font_class": "daifahuo-jifen",
@ -490,7 +489,7 @@
}, },
{ {
"icon_id": "37924885", "icon_id": "37924885",
"name": "待核销-分销礼包", "name": "待核销-服务礼包",
"font_class": "daihexiao-fenxiaolibao", "font_class": "daihexiao-fenxiaolibao",
"unicode": "e72e", "unicode": "e72e",
"unicode_decimal": 59182 "unicode_decimal": 59182
@ -553,7 +552,7 @@
}, },
{ {
"icon_id": "37107580", "icon_id": "37107580",
"name": "分销管理", "name": "服务管理",
"font_class": "fenxiaoguanli", "font_class": "fenxiaoguanli",
"unicode": "e721", "unicode": "e721",
"unicode_decimal": 59169 "unicode_decimal": 59169
@ -784,7 +783,7 @@
}, },
{ {
"icon_id": "34383556", "icon_id": "34383556",
"name": "推广人数", "name": "邀请人数",
"font_class": "tuiguangrenshu", "font_class": "tuiguangrenshu",
"unicode": "e6c1", "unicode": "e6c1",
"unicode_decimal": 59073 "unicode_decimal": 59073

View File

@ -4,8 +4,7 @@
"font_family": "iconfont", "font_family": "iconfont",
"css_prefix_text": "icon", "css_prefix_text": "icon",
"description": "", "description": "",
"glyphs": [ "glyphs": [{
{
"icon_id": "38535244", "icon_id": "38535244",
"name": "待发货-积分", "name": "待发货-积分",
"font_class": "daifahuo-jifen", "font_class": "daifahuo-jifen",
@ -490,7 +489,7 @@
}, },
{ {
"icon_id": "37924885", "icon_id": "37924885",
"name": "待核销-分销礼包", "name": "待核销-服务礼包",
"font_class": "daihexiao-fenxiaolibao", "font_class": "daihexiao-fenxiaolibao",
"unicode": "e72e", "unicode": "e72e",
"unicode_decimal": 59182 "unicode_decimal": 59182
@ -553,7 +552,7 @@
}, },
{ {
"icon_id": "37107580", "icon_id": "37107580",
"name": "分销管理", "name": "服务管理",
"font_class": "fenxiaoguanli", "font_class": "fenxiaoguanli",
"unicode": "e721", "unicode": "e721",
"unicode_decimal": 59169 "unicode_decimal": 59169
@ -784,7 +783,7 @@
}, },
{ {
"icon_id": "34383556", "icon_id": "34383556",
"name": "推广人数", "name": "邀请人数",
"font_class": "tuiguangrenshu", "font_class": "tuiguangrenshu",
"unicode": "e6c1", "unicode": "e6c1",
"unicode_decimal": 59073 "unicode_decimal": 59073

View File

@ -374,13 +374,13 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe7e9;</span> <span class="icon iconfont">&#xe7e9;</span>
<div class="name">分销订单</div> <div class="name">服务订单</div>
<div class="code-name">&amp;#xe7e9;</div> <div class="code-name">&amp;#xe7e9;</div>
</li> </li>
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe7ea;</span> <span class="icon iconfont">&#xe7ea;</span>
<div class="name">推广人排行</div> <div class="name">邀请人排行</div>
<div class="code-name">&amp;#xe7ea;</div> <div class="code-name">&amp;#xe7ea;</div>
</li> </li>
@ -566,7 +566,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe7cf;</span> <span class="icon iconfont">&#xe7cf;</span>
<div class="name">推广人排行</div> <div class="name">邀请人排行</div>
<div class="code-name">&amp;#xe7cf;</div> <div class="code-name">&amp;#xe7cf;</div>
</li> </li>
@ -1226,7 +1226,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe742;</span> <span class="icon iconfont">&#xe742;</span>
<div class="name">分销等级</div> <div class="name">服务等级</div>
<div class="code-name">&amp;#xe742;</div> <div class="code-name">&amp;#xe742;</div>
</li> </li>
@ -1784,7 +1784,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe6d8;</span> <span class="icon iconfont">&#xe6d8;</span>
<div class="name">我的推广</div> <div class="name">我的邀请</div>
<div class="code-name">&amp;#xe6d8;</div> <div class="code-name">&amp;#xe6d8;</div>
</li> </li>
@ -2558,7 +2558,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe63b;</span> <span class="icon iconfont">&#xe63b;</span>
<div class="name">推广</div> <div class="name">邀请</div>
<div class="code-name">&amp;#xe63b;</div> <div class="code-name">&amp;#xe63b;</div>
</li> </li>
@ -4165,7 +4165,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-fenxiaodingdan"></span> <span class="icon iconfont icon-fenxiaodingdan"></span>
<div class="name"> <div class="name">
分销订单 服务订单
</div> </div>
<div class="code-name">.icon-fenxiaodingdan <div class="code-name">.icon-fenxiaodingdan
</div> </div>
@ -4174,7 +4174,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-tuiguangrenpaihang1"></span> <span class="icon iconfont icon-tuiguangrenpaihang1"></span>
<div class="name"> <div class="name">
推广人排行 邀请人排行
</div> </div>
<div class="code-name">.icon-tuiguangrenpaihang1 <div class="code-name">.icon-tuiguangrenpaihang1
</div> </div>
@ -4453,7 +4453,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-tuiguangrenpaihang"></span> <span class="icon iconfont icon-tuiguangrenpaihang"></span>
<div class="name"> <div class="name">
推广人排行 邀请人排行
</div> </div>
<div class="code-name">.icon-tuiguangrenpaihang <div class="code-name">.icon-tuiguangrenpaihang
</div> </div>
@ -5443,7 +5443,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-fenxiaodengji"></span> <span class="icon iconfont icon-fenxiaodengji"></span>
<div class="name"> <div class="name">
分销等级 服务等级
</div> </div>
<div class="code-name">.icon-fenxiaodengji <div class="code-name">.icon-fenxiaodengji
</div> </div>
@ -6280,7 +6280,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-wodetuiguang"></span> <span class="icon iconfont icon-wodetuiguang"></span>
<div class="name"> <div class="name">
我的推广 我的邀请
</div> </div>
<div class="code-name">.icon-wodetuiguang <div class="code-name">.icon-wodetuiguang
</div> </div>
@ -7441,7 +7441,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-tuiguang"></span> <span class="icon iconfont icon-tuiguang"></span>
<div class="name"> <div class="name">
推广 邀请
</div> </div>
<div class="code-name">.icon-tuiguang <div class="code-name">.icon-tuiguang
</div> </div>
@ -9523,7 +9523,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenxiaodingdan"></use> <use xlink:href="#icon-fenxiaodingdan"></use>
</svg> </svg>
<div class="name">分销订单</div> <div class="name">服务订单</div>
<div class="code-name">#icon-fenxiaodingdan</div> <div class="code-name">#icon-fenxiaodingdan</div>
</li> </li>
@ -9531,7 +9531,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuiguangrenpaihang1"></use> <use xlink:href="#icon-tuiguangrenpaihang1"></use>
</svg> </svg>
<div class="name">推广人排行</div> <div class="name">邀请人排行</div>
<div class="code-name">#icon-tuiguangrenpaihang1</div> <div class="code-name">#icon-tuiguangrenpaihang1</div>
</li> </li>
@ -9779,7 +9779,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuiguangrenpaihang"></use> <use xlink:href="#icon-tuiguangrenpaihang"></use>
</svg> </svg>
<div class="name">推广人排行</div> <div class="name">邀请人排行</div>
<div class="code-name">#icon-tuiguangrenpaihang</div> <div class="code-name">#icon-tuiguangrenpaihang</div>
</li> </li>
@ -10659,7 +10659,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenxiaodengji"></use> <use xlink:href="#icon-fenxiaodengji"></use>
</svg> </svg>
<div class="name">分销等级</div> <div class="name">服务等级</div>
<div class="code-name">#icon-fenxiaodengji</div> <div class="code-name">#icon-fenxiaodengji</div>
</li> </li>
@ -11403,7 +11403,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wodetuiguang"></use> <use xlink:href="#icon-wodetuiguang"></use>
</svg> </svg>
<div class="name">我的推广</div> <div class="name">我的邀请</div>
<div class="code-name">#icon-wodetuiguang</div> <div class="code-name">#icon-wodetuiguang</div>
</li> </li>
@ -12435,7 +12435,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuiguang"></use> <use xlink:href="#icon-tuiguang"></use>
</svg> </svg>
<div class="name">推广</div> <div class="name">邀请</div>
<div class="code-name">#icon-tuiguang</div> <div class="code-name">#icon-tuiguang</div>
</li> </li>

View File

@ -370,14 +370,14 @@
}, },
{ {
"icon_id": "28548808", "icon_id": "28548808",
"name": "分销订单", "name": "服务订单",
"font_class": "fenxiaodingdan", "font_class": "fenxiaodingdan",
"unicode": "e7e9", "unicode": "e7e9",
"unicode_decimal": 59369 "unicode_decimal": 59369
}, },
{ {
"icon_id": "28548809", "icon_id": "28548809",
"name": "推广人排行", "name": "邀请人排行",
"font_class": "tuiguangrenpaihang1", "font_class": "tuiguangrenpaihang1",
"unicode": "e7ea", "unicode": "e7ea",
"unicode_decimal": 59370 "unicode_decimal": 59370
@ -594,7 +594,7 @@
}, },
{ {
"icon_id": "28009481", "icon_id": "28009481",
"name": "推广人排行", "name": "邀请人排行",
"font_class": "tuiguangrenpaihang", "font_class": "tuiguangrenpaihang",
"unicode": "e7cf", "unicode": "e7cf",
"unicode_decimal": 59343 "unicode_decimal": 59343
@ -1364,7 +1364,7 @@
}, },
{ {
"icon_id": "21903923", "icon_id": "21903923",
"name": "分销等级", "name": "服务等级",
"font_class": "fenxiaodengji", "font_class": "fenxiaodengji",
"unicode": "e742", "unicode": "e742",
"unicode_decimal": 59202 "unicode_decimal": 59202
@ -2015,7 +2015,7 @@
}, },
{ {
"icon_id": "17580220", "icon_id": "17580220",
"name": "我的推广", "name": "我的邀请",
"font_class": "wodetuiguang", "font_class": "wodetuiguang",
"unicode": "e6d8", "unicode": "e6d8",
"unicode_decimal": 59096 "unicode_decimal": 59096
@ -2918,7 +2918,7 @@
}, },
{ {
"icon_id": "539040", "icon_id": "539040",
"name": "推广", "name": "邀请",
"font_class": "tuiguang", "font_class": "tuiguang",
"unicode": "e63b", "unicode": "e63b",
"unicode_decimal": 58939 "unicode_decimal": 58939

View File

@ -16,13 +16,35 @@
/> />
<div class="card-panel-compared"> <div class="card-panel-compared">
周环比 周环比
<i :class="Number(statisticsData.lastWeekRate.userNum)>=0?'up':'down'"> <i
{{ statisticsData.lastWeekRate.userNum ? (statisticsData.lastWeekRate.userNum*100*1000/1000).toFixed(2) : 0.00 }}%</i> :class="
<i :class="Number(statisticsData.lastWeekRate.userNum)>=0?'el-icon-caret-top':'el-icon-caret-bottom'" /> Number(statisticsData.lastWeekRate.userNum) >= 0
? 'up'
: 'down'
"
>
{{
statisticsData.lastWeekRate.userNum
? (
(statisticsData.lastWeekRate.userNum * 100 * 1000) /
1000
).toFixed(2)
: 0.0
}}%</i
>
<i
:class="
Number(statisticsData.lastWeekRate.userNum) >= 0
? 'el-icon-caret-top'
: 'el-icon-caret-bottom'
"
/>
</div> </div>
<div class="card-panel-date"> <div class="card-panel-date">
<span class="date_text">昨日数据</span> <span class="date_text">昨日数据</span>
<span class="date_num">{{ statisticsData.yesterday.userNum }}</span> <span class="date_num">{{
statisticsData.yesterday.userNum
}}</span>
</div> </div>
</div> </div>
</div> </div>
@ -68,13 +90,35 @@
/> />
<div class="card-panel-compared"> <div class="card-panel-compared">
周环比 周环比
<i :class="Number(statisticsData.lastWeekRate.storeNum)>=0?'up':'down'"> <i
{{ statisticsData.lastWeekRate.storeNum ? (statisticsData.lastWeekRate.storeNum*100*1000/1000).toFixed(2) : 0.00 }}%</i> :class="
<i :class="Number(statisticsData.lastWeekRate.storeNum)>=0?'el-icon-caret-top':'el-icon-caret-bottom'" /> Number(statisticsData.lastWeekRate.storeNum) >= 0
? 'up'
: 'down'
"
>
{{
statisticsData.lastWeekRate.storeNum
? (
(statisticsData.lastWeekRate.storeNum * 100 * 1000) /
1000
).toFixed(2)
: 0.0
}}%</i
>
<i
:class="
Number(statisticsData.lastWeekRate.storeNum) >= 0
? 'el-icon-caret-top'
: 'el-icon-caret-bottom'
"
/>
</div> </div>
<div class="card-panel-date"> <div class="card-panel-date">
<span class="date_text">昨日数据</span> <span class="date_text">昨日数据</span>
<span class="date_num">{{ statisticsData.yesterday.storeNum }}</span> <span class="date_num">{{
statisticsData.yesterday.storeNum
}}</span>
</div> </div>
</div> </div>
</div> </div>
@ -87,7 +131,10 @@
<!-- <span class="card-date">今日</span> --> <!-- <span class="card-date">今日</span> -->
</div> </div>
<div class="card-panel-box"> <div class="card-panel-box">
<div class="card-panel-content" v-for="item in statisticsData.prize.list"> <div
class="card-panel-content"
v-for="item in statisticsData.prize.list"
>
<count-to <count-to
:start-val="0" :start-val="0"
:end-val="item.c" :end-val="item.c"
@ -130,7 +177,7 @@
<router-link :to=" { path:`${roterPre}` + '/promoter/user' } "> <router-link :to=" { path:`${roterPre}` + '/promoter/user' } ">
<div class="card-panel-count"> <div class="card-panel-count">
<span class="iconfont icon-fenxiaoguanli" style="color: #B27FEB;"></span> <span class="iconfont icon-fenxiaoguanli" style="color: #B27FEB;"></span>
<span class="panel-text">分销管理</span> <span class="panel-text">服务管理</span>
</div> </div>
</router-link> </router-link>
</el-col> </el-col>
@ -171,58 +218,59 @@
</template> </template>
<script> <script>
import CountTo from "vue-count-to"; import CountTo from "vue-count-to";
import { roterPre } from '@/settings' import { roterPre } from "@/settings";
import { statisticsApi } from '@/api/home' import { statisticsApi } from "@/api/home";
export default { export default {
name: 'BaseInfo', name: "BaseInfo",
components: { components: {
CountTo CountTo,
}, },
data() { data() {
return { return {
statisticsData: { statisticsData: {
prize: { prize: {
list: [], list: [],
title:'' title: "",
} },
}, },
roterPre: roterPre, roterPre: roterPre,
} };
}, },
mounted() { mounted() {
this.getList() this.getList();
}, },
methods: { methods: {
getdate() { getdate() {
var date = new Date() var date = new Date();
var year = date.getFullYear() var year = date.getFullYear();
var month = date.getMonth() + 1 var month = date.getMonth() + 1;
var strDate = date.getDate() var strDate = date.getDate();
if (month >= 1 && month <= 9) { if (month >= 1 && month <= 9) {
month = '0' + month month = "0" + month;
} }
if (strDate >= 0 && strDate <= 9) { if (strDate >= 0 && strDate <= 9) {
strDate = '0' + strDate strDate = "0" + strDate;
} }
var currentdate = year + ' 年 ' + month + ' 月 ' + strDate + ' 日 ' var currentdate = year + " 年 " + month + " 月 " + strDate + " 日 ";
return currentdate return currentdate;
}, },
getList() { getList() {
this.listLoading = true this.listLoading = true;
statisticsApi(this.tableFrom).then(res => { statisticsApi(this.tableFrom)
.then((res) => {
if (res.status === 200) { if (res.status === 200) {
this.statisticsData = res.data this.statisticsData = res.data;
} }
this.listLoading = false this.listLoading = false;
}).catch(res => {
this.listLoading = false
this.$message.error(res.message)
}) })
} .catch((res) => {
} this.listLoading = false;
} this.$message.error(res.message);
});
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -233,13 +281,13 @@ export default {
.up, .up,
.el-icon-caret-top { .el-icon-caret-top {
color: #F5222D; color: #f5222d;
font-size: 12px; font-size: 12px;
opacity: 1 !important; opacity: 1 !important;
} }
.down, .down,
.el-icon-caret-bottom { .el-icon-caret-bottom {
color: #39C15B; color: #39c15b;
font-size: 12px; font-size: 12px;
opacity: 1; opacity: 1;
} }
@ -251,7 +299,7 @@ export default {
} }
&-time { &-time {
font-size: 12px; font-size: 12px;
color: #8C8C8C; color: #8c8c8c;
} }
} }
.card-panel { .card-panel {
@ -259,7 +307,7 @@ export default {
font-size: 14px; font-size: 14px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
color: #8C8C8C; color: #8c8c8c;
background: #fff; background: #fff;
position: relative; position: relative;
min-height: 182px; min-height: 182px;
@ -291,10 +339,10 @@ export default {
font-size: 16px; font-size: 16px;
} }
.card-date { .card-date {
border: 1px solid #6394F9; border: 1px solid #6394f9;
border-radius: 3px; border-radius: 3px;
color: #6394F9; color: #6394f9;
background: #F4F7FF; background: #f4f7ff;
text-align: center; text-align: center;
line-height: 20px; line-height: 20px;
width: 38px; width: 38px;
@ -310,7 +358,7 @@ export default {
margin: 15px 0; margin: 15px 0;
} }
.card-panel-date { .card-panel-date {
border-top: 1px solid #EEEEEE; border-top: 1px solid #eeeeee;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -329,7 +377,7 @@ export default {
&-time { &-time {
font-size: 12px; font-size: 12px;
color: #8C8C8C; color: #8c8c8c;
margin-bottom: 5px; margin-bottom: 5px;
} }

View File

@ -635,7 +635,7 @@ export default {
prize: [], // prize: [], //
lottery_num_term: 1, //12 lottery_num_term: 1, //12
lottery_num: 1, // lottery_num: 1, //
spread_num: 1, //广 spread_num: 1, //
is_all_record: 0, // is_all_record: 0, //
is_personal_record: 0, // is_personal_record: 0, //
is_content: 0, // is_content: 0, //
@ -750,7 +750,7 @@ export default {
prize: [], // prize: [], //
lottery_num_term: 1, //12 lottery_num_term: 1, //12
lottery_num: 1, // lottery_num: 1, //
spread_num: 1, //广 spread_num: 1, //
is_all_record: 0, // is_all_record: 0, //
is_personal_record: 0, // is_personal_record: 0, //
is_content: 0, // is_content: 0, //

View File

@ -90,7 +90,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="pay_price" label="实际支付" min-width="100" /> <el-table-column prop="pay_price" label="实际支付" min-width="100" />
<el-table-column label="佣金金额" min-width="100"> <el-table-column label="奖励金额" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{Number(scope.row.extension_one)+Number(scope.row.extension_two)}}</span> <span>{{Number(scope.row.extension_one)+Number(scope.row.extension_two)}}</span>
</template> </template>

View File

@ -90,7 +90,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="pay_price" label="实际支付" min-width="100" /> <el-table-column prop="pay_price" label="实际支付" min-width="100" />
<el-table-column label="佣金金额" min-width="100"> <el-table-column label="奖励金额" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{Number(scope.row.extension_one)+Number(scope.row.extension_two)}}</span> <span>{{Number(scope.row.extension_one)+Number(scope.row.extension_two)}}</span>
</template> </template>

View File

@ -261,11 +261,11 @@
</div> </div>
</li> </li>
<li class="item"> <li class="item">
<div>推广</div> <div>邀请</div>
<div class="value">{{ orderDetailList.spread&&orderDetailList.spread.nickname || "无" }}</div> <div class="value">{{ orderDetailList.spread&&orderDetailList.spread.nickname || "无" }}</div>
</li> </li>
<li class="item"> <li class="item">
<div>上级推广</div> <div>邀请</div>
<div class="value">{{ orderDetailList.TopSpread&&orderDetailList.TopSpread.nickname || "无" }}</div> <div class="value">{{ orderDetailList.TopSpread&&orderDetailList.TopSpread.nickname || "无" }}</div>
</li> --> </li> -->
<li class="item"> <li class="item">

View File

@ -33,19 +33,17 @@
class="labeltop" class="labeltop"
> >
<el-table :data="oneFormBatch" size="mini"> <el-table :data="oneFormBatch" size="mini">
<el-table-column label="图片" min-width="150" align="center"> <el-table-column align="center" label="图片" min-width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="acea-row row-middle row-center-wrapper">
<div <div
v-if="oneFormBatch[0].image" class="upLoadPicBox"
class="pictrue pictrueTab" title="750*750px"
@click="modalPicTap('1', 'pi')"
> >
<img v-lazy="oneFormBatch[0].image" /> <div v-if="scope.row.image" class="pictrue tabPic">
<img :src="scope.row.image" />
</div> </div>
<div <div v-else class="upLoad tabPic">
v-else
class="upLoad pictrueTab acea-row row-center-wrapper"
>
<i class="el-icon-camera cameraIconfont" /> <i class="el-icon-camera cameraIconfont" />
</div> </div>
</div> </div>
@ -199,7 +197,11 @@
> >
<el-table-column align="center" label="图片" min-width="80"> <el-table-column align="center" label="图片" min-width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="upLoadPicBox"> <div
class="upLoadPicBox"
title="750*750px"
@click="modalPicTap('1', 'dan', 'pi')"
>
<div v-if="scope.row.image" class="pictrue tabPic"> <div v-if="scope.row.image" class="pictrue tabPic">
<img :src="scope.row.image" /> <img :src="scope.row.image" />
</div> </div>
@ -331,9 +333,16 @@
</template> </template>
<el-table-column align="center" label="图片" min-width="80"> <el-table-column align="center" label="图片" min-width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="upLoadPicBox" title="750*750px"> <div
<div v-if="scope.row.image" class="pictrue tabPic"> class="upLoadPicBox"
<img :src="scope.row.image" /> title="750*750px"
@click="modalPicTap('1', 'duo', scope.$index)"
>
<div
v-if="scope.row.image || scope.row.pic"
class="pictrue tabPic"
>
<img :src="scope.row.image || scope.row.pic" />
</div> </div>
<div v-else class="upLoad tabPic"> <div v-else class="upLoad tabPic">
<i class="el-icon-camera cameraIconfont" /> <i class="el-icon-camera cameraIconfont" />
@ -773,15 +782,15 @@ export default {
}); });
} }
if (tit === "1" && num === "dan") { if (tit === "1" && num === "dan") {
// _this.OneattrValue[0].image = img[0]; _this.OneattrValue[0].image = img[0];
_this.OneattrValue[0].basis_image = img[0]; _this.OneattrValue[0].basis_image = img[0];
} }
if (tit === "1" && num === "duo") { if (tit === "1" && num === "duo") {
// _this.ManyAttrValue[i].image = img[0]; _this.ManyAttrValue[i].image = img[0];
_this.ManyAttrValue[i].basis_image = img[0]; _this.ManyAttrValue[i].basis_image = img[0];
} }
if (tit === "1" && num === "pi") { if (tit === "1" && num === "pi") {
// _this.oneFormBatch[0].image = img[0]; _this.oneFormBatch[0].image = img[0];
_this.oneFormBatch[0].basis_image = img[0]; _this.oneFormBatch[0].basis_image = img[0];
} }
}, tit); }, tit);

View File

@ -673,6 +673,17 @@
<el-radio :label="1"></el-radio> <el-radio :label="1"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item
style="margin-left: 100px"
label="惠美乡村产品:"
prop="is_huimei"
label-width="120px"
>
<el-radio-group v-model="formValidate.is_huimei">
<el-radio :label="0"></el-radio>
<el-radio :label="1"></el-radio>
</el-radio-group>
</el-form-item>
</div> </div>
<el-form-item label="星级推荐:"> <el-form-item label="星级推荐:">
@ -969,6 +980,7 @@ export default {
], ],
formValidate: { formValidate: {
is_hot: 0, is_hot: 0,
is_huimei:0,
is_customize: 0, is_customize: 0,
is_best: 0, is_best: 0,
is_new: 0, is_new: 0,
@ -1336,6 +1348,7 @@ export default {
image: info.image, image: info.image,
audit_type: info.audit_type, audit_type: info.audit_type,
is_customize: info.is_customize || 0, is_customize: info.is_customize || 0,
is_huimei: info.is_huimei || 0,
}; };
if (info.is_benefit === 1) this.checkboxGroup.push("is_benefit"); if (info.is_benefit === 1) this.checkboxGroup.push("is_benefit");
if (info.is_hot === 1) this.checkboxGroup.push("is_hot"); if (info.is_hot === 1) this.checkboxGroup.push("is_hot");

View File

@ -461,7 +461,7 @@
<div v-else class="value-item"></div> <div v-else class="value-item"></div>
</li> </li>
<!-- <li class="item"> <!-- <li class="item">
<div class="item-title">分销礼包</div> <div class="item-title">服务礼包</div>
<div class="value"> <div class="value">
{{ productData.is_gift_bag ? "是" : "否" }} {{ productData.is_gift_bag ? "是" : "否" }}
</div> </div>

View File

@ -1,11 +1,22 @@
<template> <template>
<div class="divBox"> <div class="divBox">
<el-card class="box-card"> <el-card class="box-card">
<el-form ref="promoterForm" :model="promoterForm" :rules="rules" label-width="200px" class="demo-promoterForm"> <el-form
ref="promoterForm"
:model="promoterForm"
:rules="rules"
label-width="200px"
class="demo-promoterForm"
>
<el-form-item prop="extension_status"> <el-form-item prop="extension_status">
<span slot="label"> <span slot="label">
<span>分销启用</span> <span>服务启用</span>
<el-tooltip class="item" effect="dark" content="商城分销功能开启关闭" placement="top-start"> <el-tooltip
class="item"
effect="dark"
content="商城服务功能开启关闭"
placement="top-start"
>
<i class="el-icon-warning-outline" /> <i class="el-icon-warning-outline" />
</el-tooltip> </el-tooltip>
</span> </span>
@ -17,56 +28,89 @@
<el-form-item prop="extension_one_rate"> <el-form-item prop="extension_one_rate">
<span slot="label"> <span slot="label">
<span>一级返佣比例</span> <span>一级返佣比例</span>
<el-tooltip class="item" effect="dark" content="订单交易成功后给上级返佣的比例0 - 100,例:5 = 反订单金额的5%" placement="top-start"> <el-tooltip
class="item"
effect="dark"
content="订单交易成功后给上级返佣的比例0 - 100,例:5 = 反订单金额的5%"
placement="top-start"
>
<i class="el-icon-warning-outline" /> <i class="el-icon-warning-outline" />
</el-tooltip> </el-tooltip>
</span> </span>
<el-input-number v-model="promoterForm.extension_one_rate" :precision="2" :step="0.1" :min="0" class="selWidth"></el-input-number> <el-input-number
v-model="promoterForm.extension_one_rate"
:precision="2"
:step="0.1"
:min="0"
class="selWidth"
></el-input-number>
<span>%</span> <span>%</span>
</el-form-item> </el-form-item>
<el-form-item prop="extension_two_rate"> <el-form-item prop="extension_two_rate">
<span slot="label"> <span slot="label">
<span>二级返佣比例</span> <span>二级返佣比例</span>
<el-tooltip class="item" effect="dark" content="订单交易成功后给上级返佣的比例0 ~ 100,例:5 = 反订单金额的5%" placement="top-start"> <el-tooltip
class="item"
effect="dark"
content="订单交易成功后给上级返佣的比例0 ~ 100,例:5 = 反订单金额的5%"
placement="top-start"
>
<i class="el-icon-warning-outline" /> <i class="el-icon-warning-outline" />
</el-tooltip> </el-tooltip>
</span> </span>
<el-input-number v-model="promoterForm.extension_two_rate" :precision="2" :step="0.1" :min="0" class="selWidth"></el-input-number> <el-input-number
v-model="promoterForm.extension_two_rate"
:precision="2"
:step="0.1"
:min="0"
class="selWidth"
></el-input-number>
<span>%</span> <span>%</span>
</el-form-item> </el-form-item>
<el-form-item prop="extension_self" required> <el-form-item prop="extension_self" required>
<span slot="label"> <span slot="label">
<span>分销内购</span> <span>服务内购</span>
</span> </span>
<el-radio-group v-model="promoterForm.extension_self"> <el-radio-group v-model="promoterForm.extension_self">
<el-radio :label="1">开启</el-radio> <el-radio :label="1">开启</el-radio>
<el-radio :label="0" class="radio">关闭</el-radio> <el-radio :label="0" class="radio">关闭</el-radio>
</el-radio-group> </el-radio-group>
<div class="item-text"> <div class="item-text">
<span class="title">开启</span>开启分销内购分销员自己购买商品享受一级返佣上级享受二级返佣 <span class="title">开启</span
<span class="title">关闭</span>分销员自己购买商品没有返佣 >开启服务内购服务员自己购买商品享受一级返佣上级享受二级返佣
<span class="title">关闭</span>服务员自己购买商品没有返佣
</div> </div>
</el-form-item> </el-form-item>
<el-form-item prop="extension_limit" required> <el-form-item prop="extension_limit" required>
<span slot="label"> <span slot="label">
<span>分销限时开关</span> <span>服务限时开关</span>
</span> </span>
<el-radio-group v-model="promoterForm.extension_limit"> <el-radio-group v-model="promoterForm.extension_limit">
<el-radio :label="1">开启</el-radio> <el-radio :label="1">开启</el-radio>
<el-radio :label="0" class="radio">关闭</el-radio> <el-radio :label="0" class="radio">关闭</el-radio>
</el-radio-group> </el-radio-group>
<div class="item-text"> <div class="item-text">
<span class="title">开启</span>根据设置的分销绑定时段返佣 <span class="title">开启</span>根据设置的服务绑定时段返佣
<span class="title">关闭</span>默认永久绑定<span class="font-red">此处不建议频繁修改请谨慎操作</span> <span class="title">关闭</span>默认永久绑定<span class="font-red"
>此处不建议频繁修改请谨慎操作</span
>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<span slot="label"> <span slot="label">
<span>分销绑定时间设置</span> <span>服务绑定时间设置</span>
</span> </span>
<el-input-number v-model="promoterForm.extension_limit_day" :step="1" :min="0"></el-input-number> <el-input-number
v-model="promoterForm.extension_limit_day"
:step="1"
:min="0"
></el-input-number>
<div class="item-text"> <div class="item-text">
指自绑定关系成功至自动解绑之间的天数自动解绑后返佣按新绑定关系结算<span class="font-red">此处不建议频繁修改请谨慎操作</span> 指自绑定关系成功至自动解绑之间的天数自动解绑后返佣按新绑定关系结算<span
class="font-red"
>此处不建议频繁修改请谨慎操作</span
>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -79,7 +123,12 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" :loading="loading" @click="submitForm('promoterForm')">保存</el-button> <el-button
type="primary"
:loading="loading"
@click="submitForm('promoterForm')"
>保存</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
@ -87,10 +136,9 @@
</template> </template>
<script> <script>
import { configApi, configUpdateApi, productCheckApi } from "@/api/promoter";
import { configApi, configUpdateApi, productCheckApi } from '@/api/promoter'
export default { export default {
name: 'Index', name: "Index",
data() { data() {
return { return {
promoterForm: { promoterForm: {
@ -102,63 +150,82 @@ export default {
loading: false, loading: false,
rules: { rules: {
extension_status: [ extension_status: [
{ required: true, message: '请选择是否启用分销', trigger: 'change' } { required: true, message: "请选择是否启用服务", trigger: "change" },
], ],
extension_one_rate: [ extension_one_rate: [
{ required: true, message: '请输入一级返佣比例', trigger: 'blur' } { required: true, message: "请输入一级返佣比例", trigger: "blur" },
], ],
extension_two_rate: [ extension_two_rate: [
{ required: true, message: '请输入二级返佣比例', trigger: 'blur' } { required: true, message: "请输入二级返佣比例", trigger: "blur" },
], ],
extension_self: [ extension_self: [
{ required: true, message: '请选择是否开启分销内购', trigger: 'blur' } {
required: true,
message: "请选择是否开启服务内购",
trigger: "blur",
},
], ],
extension_limit: [ extension_limit: [
{ required: true, message: '请选择是否开启分销限时', trigger: 'blur' } {
] required: true,
} message: "请选择是否开启服务限时",
} trigger: "blur",
},
],
},
};
}, },
mounted() { mounted() {
this.getDetal() this.getDetal();
}, },
methods: { methods: {
getDetal() { getDetal() {
configApi().then(res => { configApi()
this.promoterForm = res.data .then((res) => {
this.promoterForm.extension_status = Number(res.data.extension_status) this.promoterForm = res.data;
this.promoterForm.extension_self = res.data.extension_self ? 1 : 0 this.promoterForm.extension_status = Number(
res.data.extension_status
);
this.promoterForm.extension_self = res.data.extension_self ? 1 : 0;
this.promoterForm.extension_limit = res.data.extension_limit ? 1 : 0; this.promoterForm.extension_limit = res.data.extension_limit ? 1 : 0;
this.promoterForm.extension_limit_day = res.data.extension_limit_day ? res.data.extension_limit_day : 30; this.promoterForm.extension_limit_day = res.data.extension_limit_day
? res.data.extension_limit_day
}).catch((res) => { : 30;
this.$message.error(res.message)
}) })
.catch((res) => {
this.$message.error(res.message);
});
}, },
submitForm(formName) { submitForm(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
this.loading = true this.loading = true;
configUpdateApi(this.promoterForm).then(res => { configUpdateApi(this.promoterForm)
this.loading = false .then((res) => {
this.$modalSure('提交成功,是否自动下架商户低于此佣金比例的商品').then(() => { this.loading = false;
productCheckApi().then(({ message }) => { this.$modalSure(
this.$message.success(message) "提交成功,是否自动下架商户低于此佣金比例的商品"
}).catch(({ message }) => { ).then(() => {
this.$message.error(message) productCheckApi()
.then(({ message }) => {
this.$message.success(message);
}) })
.catch(({ message }) => {
this.$message.error(message);
});
});
}) })
}).catch((res) => { .catch((res) => {
this.$message.error(res.message) this.$message.error(res.message);
this.loading = false this.loading = false;
}) });
} else { } else {
return false return false;
}
})
}
}
} }
});
},
},
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

View File

@ -1,16 +1,39 @@
<template> <template>
<div class="divBox"> <div class="divBox">
<el-card class="box-card"> <el-card class="box-card">
<el-form ref="formValidate" v-loading="fullscreenLoading" class="formValidate mt20" :model="formValidate" label-width="100px" @submit.native.prevent> <el-form
ref="formValidate"
v-loading="fullscreenLoading"
class="formValidate mt20"
:model="formValidate"
label-width="100px"
@submit.native.prevent
>
<el-col :span="24"> <el-col :span="24">
<el-form-item> <el-form-item>
<h3 class="title">分销等级规则</h3> <h3 class="title">服务等级规则</h3>
<ueditor-from v-model="formValidate.agree" :content="formValidate.agree" style="width: 100%"/> <ueditor-from
v-model="formValidate.agree"
:content="formValidate.agree"
style="width: 100%"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-form-item style="margin-top:30px;"> <el-form-item style="margin-top: 30px">
<el-button type="primary" class="submission" size="small" @click="previewProtol">预览</el-button> <el-button
<el-button type="primary" class="submission" size="small" @click="handleSubmit('formValidate')">提交</el-button> type="primary"
class="submission"
size="small"
@click="previewProtol"
>预览</el-button
>
<el-button
type="primary"
class="submission"
size="small"
@click="handleSubmit('formValidate')"
>提交</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
@ -35,73 +58,72 @@
</template> </template>
<script> <script>
import ueditorFrom from "@/components/ueditorFrom";
import ueditorFrom from '@/components/ueditorFrom' import { getBrokerageApi, updateBrokerageApi } from "@/api/promoter";
import {
getBrokerageApi,
updateBrokerageApi
} from '@/api/promoter'
export default { export default {
name: 'Eextension', name: "Eextension",
components: { ueditorFrom }, components: { ueditorFrom },
data() { data() {
return { return {
modals: false, modals: false,
props: { props: {
emitPath: false emitPath: false,
}, },
formValidate: { formValidate: {
agree: '', agree: "",
}, },
content: '', content: "",
fullscreenLoading: false, fullscreenLoading: false,
} };
}, },
mounted() { mounted() {
this.getInfo(); this.getInfo();
}, },
methods: { methods: {
getInfo() { getInfo() {
this.fullscreenLoading = true this.fullscreenLoading = true;
getBrokerageApi('sys_brokerage').then(res => { getBrokerageApi("sys_brokerage")
const info = res.data .then((res) => {
const info = res.data;
this.formValidate = { this.formValidate = {
agree: info.sys_brokerage, agree: info.sys_brokerage,
} };
this.fullscreenLoading = false this.fullscreenLoading = false;
}).catch(res => {
this.$message.error(res.message)
this.fullscreenLoading = false
}) })
.catch((res) => {
this.$message.error(res.message);
this.fullscreenLoading = false;
});
}, },
// //
handleSubmit(name) { handleSubmit(name) {
if(this.formValidate.agree === '' || !this.formValidate.agree){ if (this.formValidate.agree === "" || !this.formValidate.agree) {
this.$message.warning("请输入协议信息!"); this.$message.warning("请输入协议信息!");
return return;
} else { } else {
updateBrokerageApi('sys_brokerage', this.formValidate).then(async res => { updateBrokerageApi("sys_brokerage", this.formValidate)
this.fullscreenLoading = false .then(async (res) => {
this.$message.success(res.message) this.fullscreenLoading = false;
}).catch(res => { this.$message.success(res.message);
this.fullscreenLoading = false
this.$message.error(res.message)
}) })
.catch((res) => {
this.fullscreenLoading = false;
this.$message.error(res.message);
});
} }
}, },
previewProtol() { previewProtol() {
this.modals = true; this.modals = true;
} },
} },
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.dialog-scustom,.addDia{ .dialog-scustom,
.addDia {
min-width: 400px; min-width: 400px;
height: 900px; height: 900px;
.el-dialog { .el-dialog {
@ -124,7 +146,7 @@ export default {
.agreement { .agreement {
width: 350px; width: 350px;
margin: 0 auto; margin: 0 auto;
box-shadow: 1px 5px 5px 2px rgba(0,0,0,.2); box-shadow: 1px 5px 5px 2px rgba(0, 0, 0, 0.2);
padding: 26px; padding: 26px;
border-radius: 15px; border-radius: 15px;
.content { .content {
@ -155,8 +177,4 @@ export default {
background-color: transparent; background-color: transparent;
border-radius: 3px; border-radius: 3px;
} }
</style> </style>

View File

@ -1,18 +1,36 @@
<template> <template>
<div class="divBox"> <div class="divBox">
<div class="selCard"> <div class="selCard">
<el-form size="small" :model="tableFrom" ref="searchForm" label-width="85px" inline @submit.native.prevent> <el-form
<el-form-item label="等级名称:" prop="brokerage_name"> size="small"
<el-input v-model="tableFrom.brokerage_name" @keyup.enter.native="getList(1)" placeholder="请输入等级名称" class="selWidth" size="small" clearable /> :model="tableFrom"
</el-form-item> ref="searchForm"
label-width="85px"
inline
@submit.native.prevent
>
<!-- <el-form-item label="等级名称:" prop="brokerage_name">
<el-input
v-model="tableFrom.brokerage_name"
@keyup.enter.native="getList(1)"
placeholder="请输入等级名称"
class="selWidth"
size="small"
clearable
/>
</el-form-item> -->
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button> <el-button type="primary" size="small" @click="getList(1)"
>搜索</el-button
>
<el-button size="small" @click="searchReset()">重置</el-button> <el-button size="small" @click="searchReset()">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<el-card class="mt14"> <el-card class="mt14">
<el-button type="primary" @click="groupAdd" class="mb20" size="small">添加分销员等级</el-button> <el-button type="primary" @click="groupAdd" class="mb20" size="small"
>添加服务员等级</el-button
>
<el-table <el-table
v-loading="listLoading" v-loading="listLoading"
:data="tableData.data" :data="tableData.data"
@ -20,15 +38,8 @@
class="table" class="table"
highlight-current-row highlight-current-row
> >
<el-table-column <el-table-column prop="user_brokerage_id" label="ID" width="60" />
prop="user_brokerage_id" <el-table-column label="图标" min-width="80">
label="ID"
width="60"
/>
<el-table-column
label="图标"
min-width="80"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="demo-image__preview"> <div class="demo-image__preview">
<el-image <el-image
@ -38,40 +49,34 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="brokerage_name" label="名称" min-width="120" />
prop="brokerage_name" <el-table-column label="等级" min-width="100">
label="名称"
min-width="120"
/>
<el-table-column
label="等级"
min-width="100"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>Lv {{ scope.row.brokerage_level }}</span> <span>Lv {{ scope.row.brokerage_level }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="任务描述" min-width="160">
label="任务描述"
min-width="160"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div v-for="(item, index) in scope.row.brokerage_rule" :key="index"> <div v-for="(item, index) in scope.row.brokerage_rule" :key="index">
<div v-if="item.num > 0"> <div v-if="item.num > 0">
<div v-if="index=='spread_user'">推广人数{{item.num}}</div> <div v-if="index == 'spread_user'">
邀请人数{{ item.num }}
</div>
<div v-if="index == 'pay_num'">自身下单{{ item.num }}</div> <div v-if="index == 'pay_num'">自身下单{{ item.num }}</div>
<div v-if="index=='spread_money'">推广订单金额{{item.num}}</div> <div v-if="index == 'spread_money'">
<div v-if="index=='pay_money'">自身消费金额{{item.num}}</div> 邀请订单金额{{ item.num }}
<div v-if="index=='spread_pay_num'">推广订单{{item.num}}</div> </div>
<div v-if="index == 'pay_money'">
自身消费金额{{ item.num }}
</div>
<div v-if="index == 'spread_pay_num'">
邀请订单{{ item.num }}
</div>
</div> </div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="服务员人数" min-width="100" prop="user_num" />
label="分销员人数"
min-width="100"
prop="user_num"
/>
<el-table-column <el-table-column
prop="extension_one" prop="extension_one"
label="一级返佣上浮比例(%)" label="一级返佣上浮比例(%)"
@ -84,9 +89,24 @@
/> />
<el-table-column label="操作" min-width="120" fixed="right"> <el-table-column label="操作" min-width="120" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="onDetail(scope.row.user_brokerage_id)">详情</el-button> <el-button
<el-button type="text" size="small" @click="onEdit(scope.row.user_brokerage_id)">编辑</el-button> type="text"
<el-button type="text" size="small" @click="onDelete(scope.row.user_brokerage_id, scope.$index)">删除</el-button> size="small"
@click="onDetail(scope.row.user_brokerage_id)"
>详情</el-button
>
<el-button
type="text"
size="small"
@click="onEdit(scope.row.user_brokerage_id)"
>编辑</el-button
>
<el-button
type="text"
size="small"
@click="onDelete(scope.row.user_brokerage_id, scope.$index)"
>删除</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -104,22 +124,36 @@
</el-card> </el-card>
<!--添加数据--> <!--添加数据-->
<el-dialog <el-dialog
:title="isEdit ? '编辑分销员等级' : '添加分销员等级'" :title="isEdit ? '编辑服务员等级' : '添加服务员等级'"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="900px" width="900px"
:before-close="handleClose" :before-close="handleClose"
> >
<el-form ref="formValidate" size="small" :model="formValidate" :rules="rules" label-width="170px" v-loading="fullscreenLoading"> <el-form
<el-form-item label="等级名称:" required> ref="formValidate"
<el-input v-model="formValidate.brokerage_name" placeholder="请输入等级名称"></el-input> size="small"
</el-form-item> :model="formValidate"
:rules="rules"
label-width="170px"
v-loading="fullscreenLoading"
>
<!-- <el-form-item label="等级名称:" required>
<el-input
v-model="formValidate.brokerage_name"
placeholder="请输入等级名称"
></el-input>
</el-form-item> -->
<el-form-item label="等级:" prop="brokerage_level"> <el-form-item label="等级:" prop="brokerage_level">
<el-input-number v-model="formValidate.brokerage_level" :min="0" placeholder="请输入任务数量"></el-input-number> <el-input-number
v-model="formValidate.brokerage_level"
:min="0"
placeholder="请输入任务数量"
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="图标:" prop="image"> <el-form-item label="图标:" prop="image">
<div class="upLoadPicBox" @click="modalPicTap('1')"> <div class="upLoadPicBox" @click="modalPicTap('1')">
<div v-if="formValidate.brokerage_icon" class="pictrue"> <div v-if="formValidate.brokerage_icon" class="pictrue">
<img :src="formValidate.brokerage_icon"> <img :src="formValidate.brokerage_icon" />
</div> </div>
<div v-else class="upLoad"> <div v-else class="upLoad">
<i class="el-icon-camera cameraIconfont" /> <i class="el-icon-camera cameraIconfont" />
@ -127,73 +161,169 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="邀请好友成为下线:"> <el-form-item label="邀请好友成为下线:">
<el-input v-model="formValidate.spread_user_name" placeholder="请输入任务名称"></el-input> <el-input
v-model="formValidate.spread_user_name"
placeholder="请输入任务名称"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input-number v-model="formValidate.spread_user_num" :min="0" placeholder="请输入任务数量"></el-input-number> 单位人数 <el-input-number
v-model="formValidate.spread_user_num"
:min="0"
placeholder="请输入任务数量"
></el-input-number>
单位人数
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input type="textarea" v-model="formValidate.spread_user_info" maxlength="150" placeholder="请输入任务描述"></el-input> <el-input
type="textarea"
v-model="formValidate.spread_user_info"
maxlength="150"
placeholder="请输入任务描述"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="自身消费金额:"> <el-form-item label="自身消费金额:">
<el-input v-model="formValidate.pay_money_name" placeholder="请输入任务名称"></el-input> <el-input
v-model="formValidate.pay_money_name"
placeholder="请输入任务名称"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input-number v-model="formValidate.pay_money_num" :min="0" placeholder="请输入任务数量"></el-input-number> 单位 <el-input-number
v-model="formValidate.pay_money_num"
:min="0"
placeholder="请输入任务数量"
></el-input-number>
单位
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input type="textarea" v-model="formValidate.pay_money_info" maxlength="150" placeholder="请输入任务描述"></el-input> <el-input
type="textarea"
v-model="formValidate.pay_money_info"
maxlength="150"
placeholder="请输入任务描述"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="自身消费订单数:"> <el-form-item label="自身消费订单数:">
<el-input v-model="formValidate.pay_num_name" placeholder="请输入任务名称"></el-input> <el-input
v-model="formValidate.pay_num_name"
placeholder="请输入任务名称"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="" prop="pay_num_num"> <el-form-item label="" prop="pay_num_num">
<el-input-number v-model="formValidate.pay_num_num" :min="0" :step="1" step-strictly placeholder="请输入任务数量"></el-input-number> 单位 <el-input-number
v-model="formValidate.pay_num_num"
:min="0"
:step="1"
step-strictly
placeholder="请输入任务数量"
></el-input-number>
单位
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input type="textarea" v-model="formValidate.pay_num_info" maxlength="150" placeholder="请输入任务描述"></el-input> <el-input
type="textarea"
v-model="formValidate.pay_num_info"
maxlength="150"
placeholder="请输入任务描述"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="下级消费金额:"> <el-form-item label="下级消费金额:">
<el-input v-model="formValidate.spread_money_name" placeholder="请输入任务名称"></el-input> <el-input
v-model="formValidate.spread_money_name"
placeholder="请输入任务名称"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input-number v-model="formValidate.spread_money_num" :min="0" placeholder="请输入任务数量"></el-input-number> 单位 <el-input-number
v-model="formValidate.spread_money_num"
:min="0"
placeholder="请输入任务数量"
></el-input-number>
单位
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input type="textarea" v-model="formValidate.spread_money_info" maxlength="150" placeholder="请输入任务描述"></el-input> <el-input
type="textarea"
v-model="formValidate.spread_money_info"
maxlength="150"
placeholder="请输入任务描述"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="下级消费订单数:" prop="spread_pay_num_name"> <el-form-item label="下级消费订单数:" prop="spread_pay_num_name">
<el-input v-model="formValidate.spread_pay_num_name" placeholder="请输入任务名称"></el-input> <el-input
v-model="formValidate.spread_pay_num_name"
placeholder="请输入任务名称"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input-number v-model="formValidate.spread_pay_num_num" :min="0" placeholder="请输入任务数量"></el-input-number> 单位 <el-input-number
v-model="formValidate.spread_pay_num_num"
:min="0"
placeholder="请输入任务数量"
></el-input-number>
单位
</el-form-item> </el-form-item>
<el-form-item label=""> <el-form-item label="">
<el-input type="textarea" v-model="formValidate.spread_pay_num_info" maxlength="150" placeholder="请输入任务描述"></el-input> <el-input
type="textarea"
v-model="formValidate.spread_pay_num_info"
maxlength="150"
placeholder="请输入任务描述"
></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="extension_one"> <el-form-item prop="extension_one">
<span slot="label"> <span slot="label">
<span>一级返佣(上浮比例)</span> <span>一级返佣(上浮比例)</span>
<el-tooltip class="item" effect="dark" content="在分销一级佣金基础上浮0-100百分比" placement="top-start"> <el-tooltip
class="item"
effect="dark"
content="在服务一级佣金基础上浮0-100百分比"
placement="top-start"
>
<i class="el-icon-warning-outline" /> <i class="el-icon-warning-outline" />
</el-tooltip> </el-tooltip>
</span> </span>
<el-input-number v-model="formValidate.extension_one" :precision="2" :step="0.1" :min="0" :max="1000" class="selWidth"></el-input-number> <el-input-number
v-model="formValidate.extension_one"
:precision="2"
:step="0.1"
:min="0"
:max="1000"
class="selWidth"
></el-input-number>
<span>%</span> <span>%</span>
</el-form-item> </el-form-item>
<el-form-item prop="extension_two"> <el-form-item prop="extension_two">
<span slot="label"> <span slot="label">
<span>二级返佣(上浮比例)</span> <span>二级返佣(上浮比例)</span>
<el-tooltip class="item" effect="dark" content="在分销二级佣金基础上浮0-1000之间整数百分比" placement="top-start"> <el-tooltip
class="item"
effect="dark"
content="在服务二级佣金基础上浮0-1000之间整数百分比"
placement="top-start"
>
<i class="el-icon-warning-outline" /> <i class="el-icon-warning-outline" />
</el-tooltip> </el-tooltip>
</span> </span>
<el-input-number v-model="formValidate.extension_two" :precision="2" :step="0.1" :min="0" :max="1000" class="selWidth"></el-input-number> <el-input-number
v-model="formValidate.extension_two"
:precision="2"
:step="0.1"
:min="0"
:max="1000"
class="selWidth"
></el-input-number>
<span>%</span> <span>%</span>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" :loading="loading" @click="submitForm('formValidate')">保存</el-button> <el-button
type="primary"
:loading="loading"
@click="submitForm('formValidate')"
>保存</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-dialog> </el-dialog>
@ -206,10 +336,13 @@
> >
<div v-loading="loading"> <div v-loading="loading">
<div class="box-container"> <div class="box-container">
<div class="acea-row"> <!-- <div class="acea-row">
<div class="list sp"><label class="name">等级名称</label>{{ formValidate.brokerage_name }}</div> <div class="list sp">
<label class="name">等级名称</label
>{{ formValidate.brokerage_name }}
</div> </div>
<div class="title" style="margin-top: 20px;">分销任务</div> </div> -->
<div class="title" style="margin-top: 20px">服务任务</div>
<div class="acea-row"> <div class="acea-row">
<table class="detail-table"> <table class="detail-table">
<tr> <tr>
@ -229,57 +362,70 @@
<tr v-if="formValidate.pay_money_num > 0"> <tr v-if="formValidate.pay_money_num > 0">
<!-- <td>2</td> --> <!-- <td>2</td> -->
<td>自身消费金额</td> <td>自身消费金额</td>
<td>分销自购</td> <td>服务自购</td>
<td>{{ formValidate.pay_money_num }}</td> <td>{{ formValidate.pay_money_num }}</td>
<td>{{ formValidate.pay_money_info }}</td> <td>{{ formValidate.pay_money_info }}</td>
</tr> </tr>
<tr v-if="formValidate.pay_num_num > 0"> <tr v-if="formValidate.pay_num_num > 0">
<!-- <td>2</td> --> <!-- <td>2</td> -->
<td>自身消费订单数</td> <td>自身消费订单数</td>
<td>分销自购</td> <td>服务自购</td>
<td>{{ formValidate.pay_num_num }}个订单</td> <td>{{ formValidate.pay_num_num }}个订单</td>
<td>{{ formValidate.pay_num_info }}</td> <td>{{ formValidate.pay_num_info }}</td>
</tr> </tr>
<tr v-if="formValidate.spread_money_num > 0"> <tr v-if="formValidate.spread_money_num > 0">
<!-- <td>2</td> --> <!-- <td>2</td> -->
<td>下级消费金额</td> <td>下级消费金额</td>
<td>推广订单金额</td> <td>邀请订单金额</td>
<td>{{ formValidate.spread_money_num }}</td> <td>{{ formValidate.spread_money_num }}</td>
<td>{{ formValidate.spread_money_info }}</td> <td>{{ formValidate.spread_money_info }}</td>
</tr> </tr>
<tr v-if="formValidate.spread_pay_num_num > 0"> <tr v-if="formValidate.spread_pay_num_num > 0">
<!-- <td>2</td> --> <!-- <td>2</td> -->
<td>下级消费订单数</td> <td>下级消费订单数</td>
<td>推广订单数</td> <td>邀请订单数</td>
<td>{{ formValidate.spread_pay_num_num }}个订单</td> <td>{{ formValidate.spread_pay_num_num }}个订单</td>
<td>{{ formValidate.spread_pay_num_info }}</td> <td>{{ formValidate.spread_pay_num_info }}</td>
</tr> </tr>
</table> </table>
</div> </div>
<div class="acea-row"> <div class="acea-row">
<div class="list sp"><label class="name">等级</label>{{ formValidate.brokerage_level }}</div> <div class="list sp">
<label class="name">等级</label
>{{ formValidate.brokerage_level }}
</div>
<div class="list sp100 image"> <div class="list sp100 image">
<label class="name">图标</label> <label class="name">图标</label>
<img <img
style="max-width: 150px; height: 80px;" style="max-width: 150px; height: 80px"
:src="formValidate.brokerage_icon" :src="formValidate.brokerage_icon"
/> />
</div> </div>
<div class="list sp100"><label class="name">一级返佣(上浮比例)</label>{{ formValidate.extension_one }}%</div> <div class="list sp100">
<div class="list sp100"><label class="name">二级返佣(上浮比例)</label>{{ formValidate.extension_two }}%</div> <label class="name">一级返佣(上浮比例)</label
>{{ formValidate.extension_one }}%
</div>
<div class="list sp100">
<label class="name">二级返佣(上浮比例)</label
>{{ formValidate.extension_two }}%
</div>
</div> </div>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import {
import { distributionLevelLst, membershipDataAddApi, distributionDetail, distributionUpdate, distributionDelete } from '@/api/promoter' distributionLevelLst,
membershipDataAddApi,
distributionDetail,
distributionUpdate,
distributionDelete,
} from "@/api/promoter";
export default { export default {
name: 'brokerageLevel', name: "brokerageLevel",
data() { data() {
return { return {
fullscreenLoading: false, fullscreenLoading: false,
@ -287,118 +433,124 @@ export default {
isEdit: false, isEdit: false,
tableData: { tableData: {
data: [], data: [],
total: 0 total: 0,
}, },
listLoading: true, listLoading: true,
loading: false, loading: false,
tableFrom: { tableFrom: {
brokerage_name: '', brokerage_name: "",
page: 1, page: 1,
limit: 20 limit: 20,
}, },
id: '', id: "",
dialogVisible: false, dialogVisible: false,
detailDialog: false, detailDialog: false,
uid: '', uid: "",
formValidate: { formValidate: {
brokerage_name: '', brokerage_name: "",
brokerage_level: '', brokerage_level: "",
spread_user_name: '', spread_user_name: "",
spread_user_num: '', spread_user_num: "",
spread_user_info: '', spread_user_info: "",
pay_money_name: '', pay_money_name: "",
pay_money_num: '', pay_money_num: "",
pay_money_info: '', pay_money_info: "",
pay_num_name: '', pay_num_name: "",
pay_num_num: '', pay_num_num: "",
pay_num_info: '', pay_num_info: "",
spread_money_name: '', spread_money_name: "",
spread_money_num: '', spread_money_num: "",
spread_money_info: '', spread_money_info: "",
spread_pay_num_name: '', spread_pay_num_name: "",
spread_pay_num_num: '', spread_pay_num_num: "",
spread_pay_num_info: '', spread_pay_num_info: "",
extension_one: 0, extension_one: 0,
extension_two: 0 extension_two: 0,
}, },
rules: { rules: {
brokerage_name: [ // brokerage_name: [
{ required: true, message: '请输入等级名称', trigger: 'blur' } // { required: true, message: "", trigger: "blur" },
], // ],
brokerage_level: [ brokerage_level: [
{ required: true, message: '请输入等级', trigger: 'change' } { required: true, message: "请输入等级", trigger: "change" },
], ],
brokerage_icon: [ brokerage_icon: [
{ required: true, message: '请上传图标', trigger: 'change' } { required: true, message: "请上传图标", trigger: "change" },
], ],
extension_one: [ extension_one: [
{ required: true, message: '请输入一级返佣比例', trigger: 'change' } { required: true, message: "请输入一级返佣比例", trigger: "change" },
], ],
extension_two: [ extension_two: [
{ required: true, message: '请输入二级返佣比例', trigger: 'change' } { required: true, message: "请输入二级返佣比例", trigger: "change" },
], ],
},
} };
}
}, },
mounted() { mounted() {
this.getList('') this.getList("");
}, },
methods: { methods: {
/**重置 */ /**重置 */
searchReset() { searchReset() {
this.$refs.searchForm.resetFields() this.$refs.searchForm.resetFields();
this.getList(1) this.getList(1);
}, },
// //
modalPicTap(tit, num, i) { modalPicTap(tit, num, i) {
const _this = this const _this = this;
this.$modalUpload(function (img) { this.$modalUpload(function (img) {
_this.formValidate.brokerage_icon = img[0] _this.formValidate.brokerage_icon = img[0];
_this.$forceUpdate() _this.$forceUpdate();
}, tit) }, tit);
}, },
// //
groupAdd() { groupAdd() {
this.dialogVisible = true; this.dialogVisible = true;
this.isEdit = false; this.isEdit = false;
this.id= '' this.id = "";
this.resetData(); this.resetData();
}, },
resetData() { resetData() {
this.formValidate = { this.formValidate = {
brokerage_name: '', brokerage_name: "",
brokerage_level: '', brokerage_level: "",
spread_user_name: '', spread_user_name: "",
spread_user_num: '', spread_user_num: "",
spread_user_info: '', spread_user_info: "",
pay_money_name: '', pay_money_name: "",
pay_money_num: '', pay_money_num: "",
pay_money_info: '', pay_money_info: "",
pay_num_name: '', pay_num_name: "",
pay_num_num: '', pay_num_num: "",
pay_num_info: '', pay_num_info: "",
spread_money_name: '', spread_money_name: "",
spread_money_num: '', spread_money_num: "",
spread_money_info: '', spread_money_info: "",
spread_pay_num_name: '', spread_pay_num_name: "",
spread_pay_num_num: '', spread_pay_num_num: "",
spread_pay_num_info: '', spread_pay_num_info: "",
extension_one: 0, extension_one: 0,
extension_two: 0 extension_two: 0,
} };
}, },
submitForm(name) { submitForm(name) {
let formData = this.formValidate let formData = this.formValidate;
this.$refs[name].validate(valid => { this.$refs[name].validate((valid) => {
if (valid) { if (valid) {
if(!formData.brokerage_name){ // if (!formData.brokerage_name) {
return this.$message.error('请输入等级名称!') // return this.$message.error("");
// }
if (
!formData.spread_user_num &&
!formData.pay_money_num &&
!formData.pay_num_num &&
!formData.spread_money_num &&
!formData.spread_pay_num_num
) {
return this.$message.error("请至少输入一个等级任务!");
} }
if(!formData.spread_user_num && !formData.pay_money_num && !formData.pay_num_num && !formData.spread_money_num && !formData.spread_pay_num_num){ if (
return this.$message.error('请至少输入一个等级任务!') (formData.spread_user_num && !formData.spread_user_name) ||
}
if((formData.spread_user_num && !formData.spread_user_name) ||
(formData.pay_money_num && !formData.pay_money_name) || (formData.pay_money_num && !formData.pay_money_name) ||
(formData.pay_num_num && !formData.pay_num_name) || (formData.pay_num_num && !formData.pay_num_name) ||
(formData.spread_money_num && !formData.spread_money_name) || (formData.spread_money_num && !formData.spread_money_name) ||
@ -407,8 +559,9 @@ export default {
(!formData.pay_money_num && formData.pay_money_name) || (!formData.pay_money_num && formData.pay_money_name) ||
(!formData.pay_num_num && formData.pay_num_name) || (!formData.pay_num_num && formData.pay_num_name) ||
(!formData.spread_money_num && formData.spread_money_name) || (!formData.spread_money_num && formData.spread_money_name) ||
(!formData.spread_pay_num_num && formData.spread_pay_num_name)){ (!formData.spread_pay_num_num && formData.spread_pay_num_name)
return this.$message.error('请输入相对应的任务或数量!') ) {
return this.$message.error("请输入相对应的任务或数量!");
} }
this.loading = true; this.loading = true;
let parmas = { let parmas = {
@ -419,65 +572,72 @@ export default {
spread_user: { spread_user: {
name: formData.spread_user_name, name: formData.spread_user_name,
num: formData.spread_user_num ? formData.spread_user_num : 0, num: formData.spread_user_num ? formData.spread_user_num : 0,
info: formData.spread_user_info info: formData.spread_user_info,
}, },
pay_money: { pay_money: {
name: formData.pay_money_name, name: formData.pay_money_name,
num: formData.pay_money_num ? formData.pay_money_num : 0, num: formData.pay_money_num ? formData.pay_money_num : 0,
info: formData.pay_money_info info: formData.pay_money_info,
}, },
pay_num: { pay_num: {
name: formData.pay_num_name, name: formData.pay_num_name,
num: formData.pay_num_num ? formData.pay_num_num : 0, num: formData.pay_num_num ? formData.pay_num_num : 0,
info: formData.pay_num_info info: formData.pay_num_info,
}, },
spread_money: { spread_money: {
name: formData.spread_money_name, name: formData.spread_money_name,
num: formData.spread_money_num ? formData.spread_money_num : 0, num: formData.spread_money_num ? formData.spread_money_num : 0,
info: formData.spread_money_info info: formData.spread_money_info,
}, },
spread_pay_num: { spread_pay_num: {
name: formData.spread_pay_num_name, name: formData.spread_pay_num_name,
num: formData.spread_pay_num_num ? formData.spread_pay_num_num : 0, num: formData.spread_pay_num_num
info: formData.spread_pay_num_info ? formData.spread_pay_num_num
} : 0,
info: formData.spread_pay_num_info,
},
}, },
extension_one: formData.extension_one, extension_one: formData.extension_one,
extension_two: formData.extension_two extension_two: formData.extension_two,
} };
this.id ? distributionUpdate(this.id, parmas).then(res => { this.id
this.loading = false ? distributionUpdate(this.id, parmas)
this.$message.success(res.message) .then((res) => {
this.loading = false;
this.$message.success(res.message);
this.dialogVisible = false; this.dialogVisible = false;
this.getList('') this.getList("");
this.resetData(); this.resetData();
}).catch((res) => { })
this.$message.error(res.message) .catch((res) => {
this.loading = false this.$message.error(res.message);
}) : this.loading = false;
membershipDataAddApi(parmas).then(res => { })
this.loading = false : membershipDataAddApi(parmas)
this.$message.success(res.message) .then((res) => {
this.loading = false;
this.$message.success(res.message);
this.dialogVisible = false; this.dialogVisible = false;
this.getList('') this.getList("");
this.resetData(); this.resetData();
}).catch((res) => {
this.$message.error(res.message)
this.loading = false
}) })
.catch((res) => {
this.$message.error(res.message);
this.loading = false;
});
} }
});
})
}, },
// //
onEdit(id) { onEdit(id) {
this.id = id; this.id = id;
this.isEdit = true; this.isEdit = true;
this.dialogVisible = true this.dialogVisible = true;
this.getDetail(id); this.getDetail(id);
}, },
getDetail(id) { getDetail(id) {
distributionDetail(id).then(res => { distributionDetail(id)
.then((res) => {
this.loading = false; this.loading = false;
let info = res.data; let info = res.data;
this.formValidate = { this.formValidate = {
@ -500,73 +660,76 @@ export default {
spread_pay_num_info: info.brokerage_rule.spread_pay_num.info, spread_pay_num_info: info.brokerage_rule.spread_pay_num.info,
spread_user_name: info.brokerage_rule.spread_user.name, spread_user_name: info.brokerage_rule.spread_user.name,
spread_user_num: info.brokerage_rule.spread_user.num, spread_user_num: info.brokerage_rule.spread_user.num,
spread_user_info: info.brokerage_rule.spread_user.info spread_user_info: info.brokerage_rule.spread_user.info,
} };
}).catch((res) => {
this.$message.error(res.message)
this.loading = false;
}) })
.catch((res) => {
this.$message.error(res.message);
this.loading = false;
});
}, },
// //
onDetail(id) { onDetail(id) {
this.loading = true; this.loading = true;
this.detailDialog = true; this.detailDialog = true;
this.getDetail(id) this.getDetail(id);
}, },
// //
onDelete(id, idx) { onDelete(id, idx) {
this.$modalSure('确定删除该等级吗').then(() => { this.$modalSure("确定删除该等级吗").then(() => {
distributionDelete(id) distributionDelete(id)
.then(({ message }) => { .then(({ message }) => {
this.$message.success(message) this.$message.success(message);
this.tableData.data.splice(idx, 1) this.tableData.data.splice(idx, 1);
}) })
.catch(({ message }) => { .catch(({ message }) => {
this.$message.error(message) this.$message.error(message);
}) });
}) });
}, },
handleClose() { handleClose() {
this.dialogVisible = false this.dialogVisible = false;
this.detailDialog = false this.detailDialog = false;
}, },
selectChange(tab) { selectChange(tab) {
this.tableFrom.date = tab this.tableFrom.date = tab;
this.timeVal = [] this.timeVal = [];
this.tableFrom.page = 1; this.tableFrom.page = 1;
this.getList('') this.getList("");
}, },
// //
onchangeTime(e) { onchangeTime(e) {
this.timeVal = e this.timeVal = e;
this.tableFrom.date = e ? this.timeVal.join('-') : '' this.tableFrom.date = e ? this.timeVal.join("-") : "";
this.tableFrom.page = 1; this.tableFrom.page = 1;
this.getList('') this.getList("");
}, },
// //
getList(num) { getList(num) {
this.listLoading = true this.listLoading = true;
this.tableFrom.page = num ? num : this.tableFrom.page this.tableFrom.page = num ? num : this.tableFrom.page;
distributionLevelLst(this.tableFrom).then(res => { distributionLevelLst(this.tableFrom)
this.tableData.data = res.data.list .then((res) => {
this.tableData.total = res.data.count this.tableData.data = res.data.list;
this.listLoading = false this.tableData.total = res.data.count;
}).catch((res) => { this.listLoading = false;
this.$message.error(res.message)
this.listLoading = false
}) })
.catch((res) => {
this.$message.error(res.message);
this.listLoading = false;
});
}, },
pageChange(page) { pageChange(page) {
this.tableFrom.page = page this.tableFrom.page = page;
this.getList('') this.getList("");
}, },
handleSizeChange(val) { handleSizeChange(val) {
this.tableFrom.limit = val this.tableFrom.limit = val;
this.getList('') this.getList("");
} },
} },
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@ -584,7 +747,8 @@ export default {
line-height: 30px; line-height: 30px;
border: 1px solid #e6ebf5; border: 1px solid #e6ebf5;
border-bottom: none; border-bottom: none;
td,th{ td,
th {
border-bottom: 1px solid #e6ebf5; border-bottom: 1px solid #e6ebf5;
border-right: 1px solid #e6ebf5; border-right: 1px solid #e6ebf5;
&:last-child { &:last-child {

View File

@ -1,31 +1,73 @@
<template> <template>
<div class="divBox"> <div class="divBox">
<div class="selCard"> <div class="selCard">
<el-form size="small" inline :model="tableFrom" ref="searchForm" label-width="85px"> <el-form
size="small"
inline
:model="tableFrom"
ref="searchForm"
label-width="85px"
>
<el-form-item label="订单状态:" class="width100" prop="status"> <el-form-item label="订单状态:" class="width100" prop="status">
<el-radio-group v-model="tableFrom.status" type="button" @change="getList(1)"> <el-radio-group
<el-radio-button label="">全部 {{ '(' +orderChartType.all?orderChartType.all:0 + ')' }}</el-radio-button> v-model="tableFrom.status"
<el-radio-button type="button"
label="1" @change="getList(1)"
>待付款 {{ '(' +orderChartType.unpaid?orderChartType.unpaid:0+ ')' }}</el-radio-button> >
<el-radio-button <el-radio-button label=""
label="2" >全部
>待发货 {{ '(' +orderChartType.unshipped?orderChartType.unshipped:0+ ')' }}</el-radio-button> {{
<el-radio-button "(" + orderChartType.all ? orderChartType.all : 0 + ")"
label="3" }}</el-radio-button
>待收货 {{ '(' +orderChartType.untake?orderChartType.untake:0+ ')' }}</el-radio-button> >
<el-radio-button <el-radio-button label="1"
label="4" >待付款
>待评价 {{ '(' +orderChartType.unevaluate?orderChartType.unevaluate:0+ ')' }}</el-radio-button> {{
<el-radio-button "(" + orderChartType.unpaid ? orderChartType.unpaid : 0 + ")"
label="5" }}</el-radio-button
>交易完成 {{ '(' +orderChartType.complete?orderChartType.complete:0+ ')' }}</el-radio-button> >
<el-radio-button <el-radio-button label="2"
label="6" >待发货
>已退款 {{ '(' +orderChartType.refund?orderChartType.refund:0+ ')' }}</el-radio-button> {{
<el-radio-button "(" + orderChartType.unshipped
label="7" ? orderChartType.unshipped
>已删除 {{ '(' +orderChartType.del?orderChartType.del:0+ ')' }}</el-radio-button> : 0 + ")"
}}</el-radio-button
>
<el-radio-button label="3"
>待收货
{{
"(" + orderChartType.untake ? orderChartType.untake : 0 + ")"
}}</el-radio-button
>
<el-radio-button label="4"
>待评价
{{
"(" + orderChartType.unevaluate
? orderChartType.unevaluate
: 0 + ")"
}}</el-radio-button
>
<el-radio-button label="5"
>交易完成
{{
"(" + orderChartType.complete
? orderChartType.complete
: 0 + ")"
}}</el-radio-button
>
<el-radio-button label="6"
>已退款
{{
"(" + orderChartType.refund ? orderChartType.refund : 0 + ")"
}}</el-radio-button
>
<el-radio-button label="7"
>已删除
{{
"(" + orderChartType.del ? orderChartType.del : 0 + ")"
}}</el-radio-button
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="时间选择:"> <el-form-item label="时间选择:">
@ -37,7 +79,7 @@
type="daterange" type="daterange"
placement="bottom-end" placement="bottom-end"
placeholder="自定义时间" placeholder="自定义时间"
style="width: 280px;" style="width: 280px"
:picker-options="pickerOptions" :picker-options="pickerOptions"
@change="onchangeTime" @change="onchangeTime"
/> />
@ -138,20 +180,20 @@
clearable clearable
/> />
</el-form-item> </el-form-item>
<el-form-item label="推广人:" prop="spread_name"> <el-form-item label="邀请人:" prop="spread_name">
<el-input <el-input
v-model="tableFrom.spread_name" v-model="tableFrom.spread_name"
@keyup.enter.native="getList(1)" @keyup.enter.native="getList(1)"
placeholder="请输入推广人信息" placeholder="请输入邀请人信息"
class="selWidth" class="selWidth"
clearable clearable
/> />
</el-form-item> </el-form-item>
<el-form-item label="上级推广" prop="top_spread_name"> <el-form-item label="上级邀请" prop="top_spread_name">
<el-input <el-input
v-model="tableFrom.top_spread_name" v-model="tableFrom.top_spread_name"
@keyup.enter.native="getList(1)" @keyup.enter.native="getList(1)"
placeholder="请输入上级推广人信息" placeholder="请输入邀请人信息"
class="selWidth" class="selWidth"
clearable clearable
/> />
@ -166,7 +208,9 @@
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button> <el-button type="primary" size="small" @click="getList(1)"
>搜索</el-button
>
<el-button size="small" @click="searchReset()">重置</el-button> <el-button size="small" @click="searchReset()">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -197,31 +241,58 @@
<span>{{ props.row.remark | filterEmpty }}</span> <span>{{ props.row.remark | filterEmpty }}</span>
</el-form-item> </el-form-item>
<el-form-item label="总单号:"> <el-form-item label="总单号:">
<span>{{ props.row.groupOrder ? props.row.groupOrder.group_order_sn : '' }}</span> <span>{{
props.row.groupOrder
? props.row.groupOrder.group_order_sn
: ""
}}</span>
</el-form-item> </el-form-item>
</el-form> </el-form>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单编号" min-width="150"> <el-table-column label="订单编号" min-width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<span style="display: block;" v-text="scope.row.order_sn" /> <span style="display: block" v-text="scope.row.order_sn" />
<span v-show="scope.row.is_del > 0" style="color: #ED4014;display: block;">用户已删除</span> <span
v-show="scope.row.is_del > 0"
style="color: #ed4014; display: block"
>用户已删除</span
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="用户信息" min-width="130"> <el-table-column label="用户信息" min-width="130">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click.native="onUserDetails(scope.row.uid)">{{scope.row.user&&scope.row.user.nickname +'/'+ scope.row.uid}}</el-button> <el-button
type="text"
size="small"
@click.native="onUserDetails(scope.row.uid)"
>{{
scope.row.user && scope.row.user.nickname + "/" + scope.row.uid
}}</el-button
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单类型" min-width="80"> <el-table-column label="订单类型" min-width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.is_virtual == 1 ? "虚拟订单" : scope.row.order_type == 0 ? "普通订单" : "核销订单" }}</span> <span>{{
scope.row.is_virtual == 1
? "虚拟订单"
: scope.row.order_type == 0
? "普通订单"
: "核销订单"
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="real_name" label="收货人/订购人" min-width="120" /> <el-table-column
prop="real_name"
label="收货人/订购人"
min-width="120"
/>
<el-table-column label="商户名称" min-width="100"> <el-table-column label="商户名称" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.merchant ? scope.row.merchant.mer_name :'' }}</span> <span>{{
scope.row.merchant ? scope.row.merchant.mer_name : ""
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="商品信息" min-width="350"> <el-table-column label="商品信息" min-width="350">
@ -237,15 +308,22 @@
:preview-src-list="[val.cart_info.product.image]" :preview-src-list="[val.cart_info.product.image]"
/> />
</div> </div>
<span <span class="tabBox_tit"
class="tabBox_tit" >{{ val.cart_info.product.store_name + " | "
>{{ val.cart_info.product.store_name + ' | ' }}{{ val.cart_info.productAttr.sku }}</span> }}{{ val.cart_info.productAttr.sku }}</span
>
<span class="tabBox_pice"> <span class="tabBox_pice">
{{ '¥'+ val.cart_info.productAttr.price + ' x '+ val.product_num }} {{
"¥" +
val.cart_info.productAttr.price +
" x " +
val.product_num
}}
<em <em
v-if="val.refund_num < val.product_num && val.refund_num > 0" v-if="val.refund_num < val.product_num && val.refund_num > 0"
style="color: red;font-style: normal;" style="color: red; font-style: normal"
>(-{{ val.product_num - val.refund_num }})</em> >(-{{ val.product_num - val.refund_num }})</em
>
</span> </span>
</div> </div>
</template> </template>
@ -253,18 +331,41 @@
<el-table-column label="实际支付" min-width="90"> <el-table-column label="实际支付" min-width="90">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.pay_price }}</span> <span>{{ scope.row.pay_price }}</span>
<p v-if="scope.row.finalOrder">尾款{{ scope.row.finalOrder.pay_price }}</p> <p v-if="scope.row.finalOrder">
尾款{{ scope.row.finalOrder.pay_price }}
</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单佣金" min-width="100"> <el-table-column label="订单佣金" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ (parseFloat(scope.row.extension_one) + parseFloat(scope.row.extension_two) + parseFloat(scope.row.refund_extension_one) + parseFloat(scope.row.refund_extension_two)).toFixed(2) }}</span> <span>{{
<em v-if="(scope.row.refund_extension_one > 0) || (scope.row.refund_extension_two > 0)" style="color: red;font-style: normal;">(-{{ (parseFloat(scope.row.refund_extension_one)+parseFloat(scope.row.refund_extension_two)).toFixed(2) }})</em> (
parseFloat(scope.row.extension_one) +
parseFloat(scope.row.extension_two) +
parseFloat(scope.row.refund_extension_one) +
parseFloat(scope.row.refund_extension_two)
).toFixed(2)
}}</span>
<em
v-if="
scope.row.refund_extension_one > 0 ||
scope.row.refund_extension_two > 0
"
style="color: red; font-style: normal"
>(-{{
(
parseFloat(scope.row.refund_extension_one) +
parseFloat(scope.row.refund_extension_two)
).toFixed(2)
}})</em
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="支付类型" min-width="80"> <el-table-column label="支付类型" min-width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.paid === 1">{{ scope.row.pay_type | orderPayType }}</span> <span v-if="scope.row.paid === 1">{{
scope.row.pay_type | orderPayType
}}</span>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
</el-table-column> </el-table-column>
@ -278,8 +379,15 @@
<span v-if="scope.row.is_del === 0"> <span v-if="scope.row.is_del === 0">
<span v-if="scope.row.paid === 0">待付款</span> <span v-if="scope.row.paid === 0">待付款</span>
<span v-else> <span v-else>
<span v-if="scope.row.order_type === 0 || scope.row.order_type === 2">{{ scope.row.status | orderStatusFilter }}</span> <span
<span v-else>{{ scope.row.status | takeOrderStatusFilter }}</span> v-if="
scope.row.order_type === 0 || scope.row.order_type === 2
"
>{{ scope.row.status | orderStatusFilter }}</span
>
<span v-else>{{
scope.row.status | takeOrderStatusFilter
}}</span>
</span> </span>
</span> </span>
<span v-else>已删除</span> <span v-else>已删除</span>
@ -290,19 +398,28 @@
<span>{{ scope.row.create_time }}</span> <span>{{ scope.row.create_time }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="推广人" min-width="100"> <el-table-column label="邀请人" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.spread && scope.row.spread.nickname || '无' }}</span> <span>{{
(scope.row.spread && scope.row.spread.nickname) || "无"
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="上级推广人" min-width="100"> <el-table-column label="邀请人" min-width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.TopSpread && scope.row.TopSpread.nickname || '无' }}</span> <span>{{
(scope.row.TopSpread && scope.row.TopSpread.nickname) || "无"
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" min-width="80" fixed="right"> <el-table-column label="操作" min-width="80" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="onOrderDetails(scope.row.order_id)">详情</el-button> <el-button
type="text"
size="small"
@click="onOrderDetails(scope.row.order_id)"
>详情</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -319,7 +436,14 @@
</div> </div>
</el-card> </el-card>
<!--用户信息--> <!--用户信息-->
<user-details :drawer="userDrawer" @closeDrawer="closeDrawer" @changeDrawer="changeDrawer" ref="userDetails" :uid="uid" :isUser="false"/> <user-details
:drawer="userDrawer"
@closeDrawer="closeDrawer"
@changeDrawer="changeDrawer"
ref="userDetails"
:uid="uid"
:isUser="false"
/>
<!--详情--> <!--详情-->
<order-detail <order-detail
ref="orderDetail" ref="orderDetail"
@ -332,14 +456,13 @@
</template> </template>
<script> <script>
import { spreadOrderLst, spreadChartApi, exportOrderApi } from "@/api/promoter"; import { spreadOrderLst, spreadChartApi, exportOrderApi } from "@/api/promoter";
import { merSelectApi } from "@/api/product"; import { merSelectApi } from "@/api/product";
import userDetails from '../../user/list/userDetails'; import userDetails from "../../user/list/userDetails";
import orderDetail from './orderDetails.vue'; import orderDetail from "./orderDetails.vue";
import createWorkBook from '@/utils/newToExcel.js'; import createWorkBook from "@/utils/newToExcel.js";
import { fromList } from "@/libs/constants.js"; import { fromList } from "@/libs/constants.js";
import timeOptions from '@/utils/timeOptions'; import timeOptions from "@/utils/timeOptions";
export default { export default {
components: { orderDetail, userDetails }, components: { orderDetail, userDetails },
data() { data() {
@ -355,12 +478,12 @@ export default {
{ name: "秒杀订单", type: 1 }, { name: "秒杀订单", type: 1 },
{ name: "预售订单", type: 2 }, { name: "预售订单", type: 2 },
{ name: "助力订单", type: 3 }, { name: "助力订单", type: 3 },
{name: "拼团订单",type: 4} { name: "拼团订单", type: 4 },
], ],
listLoading: true, listLoading: true,
tableFrom: { tableFrom: {
order_sn: this.$route.query.order_sn ? this.$route.query.order_sn : "", order_sn: this.$route.query.order_sn ? this.$route.query.order_sn : "",
group_order_sn: '', group_order_sn: "",
keywords: "", keywords: "",
username: "", username: "",
store_name: "", store_name: "",
@ -369,23 +492,23 @@ export default {
mer_id: "", mer_id: "",
page: 1, page: 1,
limit: 20, limit: 20,
is_trader: '', is_trader: "",
pay_type: "", pay_type: "",
filter_delivery: '', filter_delivery: "",
filter_product : '', filter_product: "",
activity_type: '' activity_type: "",
}, },
dliveryWayList: [ dliveryWayList: [
{ value: 1, label: '快递订单' }, { value: 1, label: "快递订单" },
{ value: 2, label: '配送订单' }, { value: 2, label: "配送订单" },
{ value: 4, label: '核销订单' }, { value: 4, label: "核销订单" },
{ value: 3, label: '虚拟发货' }, { value: 3, label: "虚拟发货" },
{ value: 6, label: '自动发货' } { value: 6, label: "自动发货" },
], // ], //
productTypeList: [ productTypeList: [
{ value: 1, label: '实物商品' }, { value: 1, label: "实物商品" },
{ value: 2, label: '虚拟商品' }, { value: 2, label: "虚拟商品" },
{ value: 3, label: '卡密商品' } { value: 3, label: "卡密商品" },
], // ], //
orderChartType: {}, orderChartType: {},
timeVal: [], timeVal: [],
@ -420,7 +543,7 @@ export default {
} }
this.headerList(); this.headerList();
this.getMerSelect(); this.getMerSelect();
this.getList(''); this.getList("");
}, },
// //
activated() { activated() {
@ -431,15 +554,15 @@ export default {
} }
this.headerList(); this.headerList();
this.getMerSelect(); this.getMerSelect();
this.getList(''); this.getList("");
}, },
methods: { methods: {
/**重置 */ /**重置 */
searchReset() { searchReset() {
this.timeVal = [] this.timeVal = [];
this.tableFrom.date = "" this.tableFrom.date = "";
this.$refs.searchForm.resetFields() this.$refs.searchForm.resetFields();
this.getList(1) this.getList(1);
}, },
// //
orderFilter(item) { orderFilter(item) {
@ -455,7 +578,11 @@ export default {
addTdClass(val) { addTdClass(val) {
if (val.row.status > 0 && val.row.paid == 1) { if (val.row.status > 0 && val.row.paid == 1) {
for (let i = 0; i < val.row.orderProduct.length; i++) { for (let i = 0; i < val.row.orderProduct.length; i++) {
if (val.row.orderProduct[i].refund_num > 0 && val.row.orderProduct[i].refund_num < val.row.orderProduct[i].product_num) { if (
val.row.orderProduct[i].refund_num > 0 &&
val.row.orderProduct[i].refund_num <
val.row.orderProduct[i].product_num
) {
return "row-bg"; return "row-bg";
} }
} }
@ -475,42 +602,49 @@ export default {
}, },
// //
onUserDetails(uid) { onUserDetails(uid) {
this.uid = uid this.uid = uid;
this.userDrawer = true this.userDrawer = true;
this.$refs.userDetails.getData(uid, false, true); this.$refs.userDetails.getData(uid, false, true);
}, },
closeDrawer() { closeDrawer() {
this.drawer = false this.drawer = false;
this.userDrawer = false this.userDrawer = false;
}, },
changeDrawer(v) { changeDrawer(v) {
this.drawer = v; this.drawer = v;
this.userDrawer = v; this.userDrawer = v;
}, },
async exports() { async exports() {
let excelData = JSON.parse(JSON.stringify(this.tableFrom)), data = [] let excelData = JSON.parse(JSON.stringify(this.tableFrom)),
excelData.page = 1 data = [];
excelData.limit = 100 excelData.page = 1;
let pageCount = 1 excelData.limit = 100;
let pageCount = 1;
let lebData = {}; let lebData = {};
for (let i = 0; i < pageCount; i++) { for (let i = 0; i < pageCount; i++) {
lebData = await this.downData(excelData) lebData = await this.downData(excelData);
pageCount = Math.ceil(lebData.count/excelData.limit) pageCount = Math.ceil(lebData.count / excelData.limit);
if (lebData.export.length) { if (lebData.export.length) {
data = data.concat(lebData.export) data = data.concat(lebData.export);
excelData.page++ excelData.page++;
} }
} }
createWorkBook(lebData.header, lebData.title, data, lebData.foot,lebData.filename); createWorkBook(
return lebData.header,
lebData.title,
data,
lebData.foot,
lebData.filename
);
return;
}, },
/**订单列表 */ /**订单列表 */
downData(excelData) { downData(excelData) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
exportOrderApi(excelData).then((res) => { exportOrderApi(excelData).then((res) => {
return resolve(res.data) return resolve(res.data);
}) });
}) });
}, },
// //
exportRecord() { exportRecord() {
@ -518,20 +652,18 @@ export default {
.then((res) => { .then((res) => {
const h = this.$createElement; const h = this.$createElement;
this.$msgbox({ this.$msgbox({
title: '提示', title: "提示",
message: h('p', null, [ message: h("p", null, [
h('span', null, '文件正在生成中,请稍后点击"'), h("span", null, '文件正在生成中,请稍后点击"'),
h('span', { style: 'color: teal' }, '导出记录'), h("span", { style: "color: teal" }, "导出记录"),
h('span', null, '"查看~ '), h("span", null, '"查看~ '),
]), ]),
confirmButtonText: '我知道了', confirmButtonText: "我知道了",
}).then(action => { }).then((action) => {});
});
}) })
.catch((res) => { .catch((res) => {
this.$message.error(res.message) this.$message.error(res.message);
}) });
}, },
// //
onOrderDetails(id) { onOrderDetails(id) {
@ -541,11 +673,11 @@ export default {
}, },
pageChangeLog(page) { pageChangeLog(page) {
this.tableFromLog.page = page; this.tableFromLog.page = page;
this.getList(''); this.getList("");
}, },
handleSizeChangeLog(val) { handleSizeChangeLog(val) {
this.tableFromLog.limit = val; this.tableFromLog.limit = val;
this.getList(''); this.getList("");
}, },
// //
selectChange(tab) { selectChange(tab) {
@ -570,7 +702,6 @@ export default {
this.tableData.data = res.data.list; this.tableData.data = res.data.list;
this.tableData.total = res.data.count; this.tableData.total = res.data.count;
this.listLoading = false; this.listLoading = false;
}) })
.catch((res) => { .catch((res) => {
this.$message.error(res.message); this.$message.error(res.message);
@ -580,11 +711,11 @@ export default {
pageChange(page) { pageChange(page) {
this.tableFrom.page = page; this.tableFrom.page = page;
this.getList(''); this.getList("");
}, },
handleSizeChange(val) { handleSizeChange(val) {
this.tableFrom.limit = val; this.tableFrom.limit = val;
this.getList(''); this.getList("");
}, },
headerList() { headerList() {
spreadChartApi() spreadChartApi()

View File

@ -121,11 +121,11 @@
<div class="value">{{ orderDetailList.pay_postage }}</div> <div class="value">{{ orderDetailList.pay_postage }}</div>
</li> </li>
<li v-if="orderDetailList.spread" class="item"> <li v-if="orderDetailList.spread" class="item">
<div>推广</div> <div>邀请</div>
<div class="value">{{ orderDetailList.spread.nickname }}</div> <div class="value">{{ orderDetailList.spread.nickname }}</div>
</li> </li>
<li v-if="orderDetailList.TopSpread" class="item"> <li v-if="orderDetailList.TopSpread" class="item">
<div>上级推广</div> <div>邀请</div>
<div class="value">{{ orderDetailList.TopSpread.nickname }}</div> <div class="value">{{ orderDetailList.TopSpread.nickname }}</div>
</li> </li>
<li class="item"> <li class="item">
@ -148,11 +148,11 @@
<div v-else class="value">{{ orderDetailList.delivery_type | sendWay }}</div> <div v-else class="value">{{ orderDetailList.delivery_type | sendWay }}</div>
</li> </li>
<li v-if="orderDetailList.spread" class="item"> <li v-if="orderDetailList.spread" class="item">
<div>推广</div> <div>邀请</div>
<div class="value">{{ orderDetailList.spread.nickname || "无" }}</div> <div class="value">{{ orderDetailList.spread.nickname || "无" }}</div>
</li> </li>
<li v-if="orderDetailList.TopSpread" class="item"> <li v-if="orderDetailList.TopSpread" class="item">
<div>上级推广</div> <div>邀请</div>
<div class="value">{{ orderDetailList.TopSpread.nickname || "无" }}</div> <div class="value">{{ orderDetailList.TopSpread.nickname || "无" }}</div>
</li> </li>
<li class="item"> <li class="item">

View File

@ -1,12 +1,36 @@
<template> <template>
<div class="divBox"> <div class="divBox">
<div class="selCard mb14"> <div class="selCard mb14">
<el-form :model="tableFrom" ref="searchForm" size="small" label-width="85px" inline> <el-form
:model="tableFrom"
ref="searchForm"
size="small"
label-width="85px"
inline
>
<el-form-item label="时间选择:"> <el-form-item label="时间选择:">
<el-date-picker v-model="timeVal" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 280px;" :picker-options="pickerOptions" @change="onchangeTime" /> <el-date-picker
v-model="timeVal"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
size="small"
type="daterange"
placement="bottom-end"
placeholder="自定义时间"
style="width: 280px"
:picker-options="pickerOptions"
@change="onchangeTime"
/>
</el-form-item> </el-form-item>
<el-form-item label="等级名称:" prop="brokerage_level"> <!-- <el-form-item label="等级名称:" prop="brokerage_level">
<el-select v-model="tableFrom.brokerage_level" clearable filterable placeholder="请选择" class="selWidth" @change="getList(1),getStatistics()"> <el-select
v-model="tableFrom.brokerage_level"
clearable
filterable
placeholder="请选择"
class="selWidth"
@change="getList(1), getStatistics()"
>
<el-option <el-option
v-for="item in levelList" v-for="item in levelList"
:key="item.value" :key="item.value"
@ -14,12 +38,20 @@
:value="item.value" :value="item.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item> -->
<el-form-item label="关键字:" prop="keyword"> <el-form-item label="关键字:" prop="keyword">
<el-input v-model="tableFrom.keyword" @keyup.enter.native="getList" placeholder="请输入姓名、电话、UID" class="selWidth" clearable /> <el-input
v-model="tableFrom.keyword"
@keyup.enter.native="getList"
placeholder="请输入姓名、电话、UID"
class="selWidth"
clearable
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="getList(1)">搜索</el-button> <el-button type="primary" size="small" @click="getList(1)"
>搜索</el-button
>
<el-button size="small" @click="searchReset()">重置</el-button> <el-button size="small" @click="searchReset()">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -34,15 +66,8 @@
class="table" class="table"
highlight-current-row highlight-current-row
> >
<el-table-column <el-table-column prop="uid" label="ID" width="80" />
prop="uid" <el-table-column label="头像" min-width="80">
label="ID"
width="60"
/>
<el-table-column
label="头像"
min-width="80"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="demo-image__preview"> <div class="demo-image__preview">
<el-image <el-image
@ -52,10 +77,7 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="用户信息" min-width="150">
label="用户信息"
min-width="150"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div>昵称{{ scope.row.nickname }}</div> <div>昵称{{ scope.row.nickname }}</div>
<div>电话{{ scope.row.phone }}</div> <div>电话{{ scope.row.phone }}</div>
@ -63,39 +85,46 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="spread_count" prop="spread_count"
label="推广用户数量" label="邀请用户数量"
min-width="100" min-width="100"
/> />
<el-table-column <!-- <el-table-column label="等级名称" min-width="90">
label="等级名称"
min-width="90"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{scope.row.brokerage ? scope.row.brokerage.brokerage_name : ''}}</span> <span>{{
scope.row.brokerage ? scope.row.brokerage.brokerage_name : ""
}}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column <el-table-column
label="推广订单数量" label="邀请人订单数量"
min-width="120" min-width="120"
prop="spread_pay_count" prop="spread_pay_count"
/> />
<el-table-column <el-table-column
label="推广订单金额" label="邀请人订单金额"
min-width="120" min-width="120"
prop="spread_pay_price" prop="spread_pay_price"
/> />
<el-table-column <el-table-column
label="佣金金额" label="奖励金额"
min-width="120" min-width="120"
sortable sortable
:sort-method="(a,b)=>{return a.total_brokerage_price - b.total_brokerage_price}" :sort-method="
(a, b) => {
return a.total_brokerage_price - b.total_brokerage_price;
}
"
prop="total_brokerage_price" prop="total_brokerage_price"
/> />
<el-table-column <el-table-column
label="已提现金额" label="已提现金额"
min-width="120" min-width="120"
sortable sortable
:sort-method="(a,b)=>{return a.total_extract_price - b.total_extract_price}" :sort-method="
(a, b) => {
return a.total_extract_price - b.total_extract_price;
}
"
prop="total_extract_price" prop="total_extract_price"
/> />
<el-table-column <el-table-column
@ -107,26 +136,43 @@
label="未提现金额" label="未提现金额"
min-width="120" min-width="120"
sortable sortable
:sort-method="(a,b)=>{return a.brokerage_price - b.brokerage_price}" :sort-method="
(a, b) => {
return a.brokerage_price - b.brokerage_price;
}
"
prop="brokerage_price" prop="brokerage_price"
/> />
<el-table-column <el-table-column
prop="spread.nickname" prop="spread.nickname"
label="上级推广人" label="邀请人"
min-width="120" min-width="120"
/> />
<el-table-column label="操作" min-width="120" fixed="right"> <el-table-column label="操作" min-width="120" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" class="mr10" @click="onSpread(scope.row.uid, 'man')">推广人</el-button> <el-button
type="text"
size="small"
class="mr10"
@click="onSpread(scope.row.uid, 'man')"
>邀请人</el-button
>
<el-dropdown> <el-dropdown>
<span class="el-dropdown-link"> <span class="el-dropdown-link">
更多<i class="el-icon-arrow-down el-icon--right" /> 更多<i class="el-icon-arrow-down el-icon--right" />
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="onSpreadOrder(scope.row.uid, 'order')">推广订单</el-dropdown-item> <el-dropdown-item
<!--<el-dropdown-item @click.native="onSpreadType(scope.row.uid)">推广方式</el-dropdown-item>--> @click.native="onSpreadOrder(scope.row.uid, 'order')"
<el-dropdown-item @click.native="clearSpread(scope.row)">清除上级推广人</el-dropdown-item> >邀请人订单</el-dropdown-item
<el-dropdown-item @click.native="setDistriLevel(scope.row)">编辑分销员等级</el-dropdown-item> >
<!--<el-dropdown-item @click.native="onSpreadType(scope.row.uid)">邀请方式</el-dropdown-item>-->
<el-dropdown-item @click.native="clearSpread(scope.row)"
>清除邀请人</el-dropdown-item
>
<el-dropdown-item @click.native="setDistriLevel(scope.row)"
>编辑服务员等级</el-dropdown-item
>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</template> </template>
@ -145,9 +191,9 @@
</div> </div>
</el-card> </el-card>
<!--推广--> <!--邀请-->
<el-dialog <el-dialog
:title="showDistributor ? '推广订单' : '推广人'" :title="showDistributor ? '邀请人订单' : '邀请人'"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="900px" width="900px"
:before-close="handleClose" :before-close="handleClose"
@ -155,7 +201,18 @@
<div class="container"> <div class="container">
<el-form size="small" label-width="85px" inline> <el-form size="small" label-width="85px" inline>
<el-form-item label="时间选择:"> <el-form-item label="时间选择:">
<el-date-picker v-model="timeValSpread" value-format="yyyy/MM/dd" format="yyyy/MM/dd" size="small" type="daterange" placement="bottom-end" placeholder="自定义时间" style="width: 280px;" :picker-options="pickerOptions" @change="onchangeTimeSpread" /> <el-date-picker
v-model="timeValSpread"
value-format="yyyy/MM/dd"
format="yyyy/MM/dd"
size="small"
type="daterange"
placement="bottom-end"
placeholder="自定义时间"
style="width: 280px"
:picker-options="pickerOptions"
@change="onchangeTimeSpread"
/>
</el-form-item> </el-form-item>
<el-form-item label="用户类型:"> <el-form-item label="用户类型:">
<el-select <el-select
@ -166,16 +223,27 @@
@change="onChanges" @change="onChanges"
> >
<el-option label="全部" value="" /> <el-option label="全部" value="" />
<el-option label="一级推广人" value="1" /> <el-option label="一级邀请人" value="1" />
<el-option label="二级推广人" value="2" /> <!-- <el-option label="二级邀请人" value="2" /> -->
<el-option v-if="showDistributor" label="分销员自购" value="-1" /> <el-option v-if="showDistributor" label="服务员自购" value="-1" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="关键字:"> <el-form-item label="关键字:">
<el-input v-model="spreadFrom.keyword" @keyup.enter.native="onChanges" :placeholder="showDistributor ? '请输入订单号' : '请输入请输入姓名、电话、UID'" class="selWidth" clearable size="small" /> <el-input
v-model="spreadFrom.keyword"
@keyup.enter.native="onChanges"
:placeholder="
showDistributor ? '请输入订单号' : '请输入请输入姓名、电话、UID'
"
class="selWidth"
clearable
size="small"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="small" @click="onChanges">查询</el-button> <el-button type="primary" size="small" @click="onChanges"
>查询</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -188,15 +256,8 @@
class="table" class="table"
highlight-current-row highlight-current-row
> >
<el-table-column <el-table-column prop="uid" label="ID" width="60" />
prop="uid" <el-table-column label="头像" min-width="80">
label="ID"
width="60"
/>
<el-table-column
label="头像"
min-width="80"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.avatar" class="demo-image__preview"> <div v-if="scope.row.avatar" class="demo-image__preview">
<el-image <el-image
@ -205,33 +266,33 @@
/> />
</div> </div>
<span v-else> <span v-else>
<img style="width: 36px; height: 36px" <img
src="../../../assets/images/f.png" alt=""> style="width: 36px; height: 36px"
src="../../../assets/images/f.png"
alt=""
/>
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="用户信息" min-width="90">
label="用户信息"
min-width="90"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div>昵称{{ scope.row.nickname }}</div> <div>昵称{{ scope.row.nickname }}</div>
<div>电话{{ scope.row.phone }}</div> <div>电话{{ scope.row.phone }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <!-- <el-table-column prop="is_promoter" label="是否邀请员" min-width="100">
prop="is_promoter"
label="是否推广员"
min-width="100"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.is_promoter | filterYesOrNo }}</span> <span>{{ scope.row.is_promoter | filterYesOrNo }}</span>
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column <el-table-column
sortable sortable
:sort-method="(a,b)=>{return a.spread_count - b.spread_count}" :sort-method="
label="推广人数" (a, b) => {
return a.spread_count - b.spread_count;
}
"
label="邀请人数"
min-width="100" min-width="100"
prop="spread_count" prop="spread_count"
/> />
@ -247,20 +308,14 @@
min-width="100" min-width="100"
prop="spread_time" prop="spread_time"
/> />
<el-table-column <el-table-column sortable label="解绑时间" min-width="100">
sortable
label="解绑时间"
min-width="100"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.spread_limit ? scope.row.spread_limit : '' }}</span> <span>{{
scope.row.spread_limit ? scope.row.spread_limit : ""
}}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="create_time" label="关注时间" min-width="100" />
prop="create_time"
label="关注时间"
min-width="100"
/>
</el-table> </el-table>
<el-table <el-table
v-if="onName === 'order'" v-if="onName === 'order'"
@ -271,20 +326,16 @@
class="table" class="table"
highlight-current-row highlight-current-row
> >
<el-table-column <el-table-column prop="order_sn" label="订单ID" min-width="100" />
prop="order_sn" <el-table-column prop="create_time" label="时间" min-width="100" />
label="订单ID"
min-width="100"
/>
<el-table-column
prop="create_time"
label="时间"
min-width="100"
/>
<el-table-column <el-table-column
sortable sortable
:sort-method="(a,b)=>{return a.brokerage - b.brokerage}" :sort-method="
label="返佣金额" (a, b) => {
return a.brokerage - b.brokerage;
}
"
label="奖励金额"
min-width="100" min-width="100"
prop="brokerage" prop="brokerage"
/> />
@ -304,13 +355,20 @@
</template> </template>
<script> <script>
import {
import { promoterListApi, spreadListApi, spreadOrderListApi, spreadClearApi, getDistributionLevel, distributionStatistics,distributionLevelUpdate } from '@/api/promoter' promoterListApi,
import { fromList } from '@/libs/constants.js' spreadListApi,
spreadOrderListApi,
spreadClearApi,
getDistributionLevel,
distributionStatistics,
distributionLevelUpdate,
} from "@/api/promoter";
import { fromList } from "@/libs/constants.js";
import cardsData from "@/components/cards/index"; import cardsData from "@/components/cards/index";
import timeOptions from '@/utils/timeOptions'; import timeOptions from "@/utils/timeOptions";
export default { export default {
name: 'AccountsUser', name: "AccountsUser",
components: { cardsData }, components: { cardsData },
data() { data() {
return { return {
@ -321,200 +379,222 @@ export default {
cardLists: [], cardLists: [],
tableData: { tableData: {
data: [], data: [],
total: 0 total: 0,
}, },
listLoading: true, listLoading: true,
tableFrom: { tableFrom: {
paid: '', paid: "",
date: '', date: "",
keyword: '', keyword: "",
brokerage_level: '', brokerage_level: "",
page: 1, page: 1,
limit: 20 limit: 20,
}, },
fromList: fromList, fromList: fromList,
dialogVisible: false, dialogVisible: false,
spreadData: { spreadData: {
data: [], data: [],
total: 0 total: 0,
}, },
spreadFrom: { spreadFrom: {
page: 1, page: 1,
limit: 10, limit: 10,
date: '', date: "",
level: '', level: "",
keyword: '' keyword: "",
}, },
timeValSpread: [], timeValSpread: [],
spreadLoading: false, spreadLoading: false,
uid: '', uid: "",
onName: '', onName: "",
showDistributor: false showDistributor: false,
} };
}, },
mounted() { mounted() {
this.getList('') this.getList("");
this.getLevelList(); this.getLevelList();
this.getStatistics(); this.getStatistics();
}, },
methods: { methods: {
/**重置 */ /**重置 */
searchReset() { searchReset() {
this.timeVal = [] this.timeVal = [];
this.tableFrom.date = "" this.tableFrom.date = "";
this.$refs.searchForm.resetFields() this.$refs.searchForm.resetFields();
this.getList(1) this.getList(1);
this.getStatistics() this.getStatistics();
}, },
// //
clearSpread(row) { clearSpread(row) {
this.$modalSure('解除【' + row.nickname + '】的上级推广人吗').then(() => { this.$modalSure("解除【" + row.nickname + "】的邀请人吗").then(() => {
spreadClearApi(row.uid).then(({ message }) => { spreadClearApi(row.uid)
this.$message.success(message) .then(({ message }) => {
this.getList('') this.$message.success(message);
}).catch(({ message }) => { this.getList("");
this.$message.error(message)
})
}) })
.catch(({ message }) => {
this.$message.error(message);
});
});
}, },
onSpread(uid, n) { onSpread(uid, n) {
this.onName = n this.onName = n;
this.uid = uid this.uid = uid;
this.showDistributor = false this.showDistributor = false;
this.dialogVisible = true this.dialogVisible = true;
this.spreadFrom = { this.spreadFrom = {
page: 1, page: 1,
limit: 10, limit: 10,
date: '', date: "",
level: '', level: "",
keyword: '' keyword: "",
} };
this.getListSpread(uid,'') this.getListSpread(uid, "");
}, },
handleClose() { handleClose() {
this.dialogVisible = false this.dialogVisible = false;
}, },
// //
getLevelList() { getLevelList() {
getDistributionLevel().then(res => { getDistributionLevel()
.then((res) => {
this.levelList = res.data; this.levelList = res.data;
}).catch((res) => {
this.$message.error(res.message)
}) })
.catch((res) => {
this.$message.error(res.message);
});
}, },
// //
getStatistics() { getStatistics() {
distributionStatistics(this.tableFrom).then(res => { distributionStatistics(this.tableFrom)
.then((res) => {
this.cardLists = res.data; this.cardLists = res.data;
}).catch((res) => {
this.$message.error(res.message)
}) })
.catch((res) => {
this.$message.error(res.message);
});
}, },
// //
setDistriLevel(row) { setDistriLevel(row) {
this.$modalForm(distributionLevelUpdate(row.uid)) this.$modalForm(distributionLevelUpdate(row.uid));
}, },
// //
selectChangeSpread(tab) { selectChangeSpread(tab) {
this.timeValSpread = [] this.timeValSpread = [];
this.spreadFrom.date = tab this.spreadFrom.date = tab;
this.onName === 'man' ? this.getListSpread(this.uid,1) : this.getSpreadOrderList(this.uid,1) this.onName === "man"
? this.getListSpread(this.uid, 1)
: this.getSpreadOrderList(this.uid, 1);
}, },
// //
onchangeTimeSpread(e) { onchangeTimeSpread(e) {
this.timeValSpread = e this.timeValSpread = e;
this.spreadFrom.date = e ? this.timeValSpread.join('-') : '' this.spreadFrom.date = e ? this.timeValSpread.join("-") : "";
this.onName === 'man' ? this.getListSpread(this.uid,'') : this.getSpreadOrderList(this.uid,'') this.onName === "man"
? this.getListSpread(this.uid, "")
: this.getSpreadOrderList(this.uid, "");
}, },
onChanges() { onChanges() {
this.onName === 'man' ? this.getListSpread(this.uid,1) : this.getSpreadOrderList(this.uid,1) this.onName === "man"
? this.getListSpread(this.uid, 1)
: this.getSpreadOrderList(this.uid, 1);
}, },
// 广 //
getListSpread(uid, num) { getListSpread(uid, num) {
this.spreadLoading = true this.spreadLoading = true;
this.spreadFrom.page = num ? num : this.spreadFrom.page this.spreadFrom.page = num ? num : this.spreadFrom.page;
spreadListApi(uid, this.spreadFrom).then(res => { spreadListApi(uid, this.spreadFrom)
this.spreadData.data = res.data.list .then((res) => {
this.spreadData.total = res.data.count this.spreadData.data = res.data.list;
this.spreadLoading = false this.spreadData.total = res.data.count;
}).catch((res) => { this.spreadLoading = false;
this.$message.error(res.message)
this.spreadLoading = false
}) })
.catch((res) => {
this.$message.error(res.message);
this.spreadLoading = false;
});
}, },
pageChangeSpread(page) { pageChangeSpread(page) {
this.spreadFrom.page = page this.spreadFrom.page = page;
this.onName === 'man' ? this.getListSpread(this.uid,'') : this.getSpreadOrderList(this.uid,'') this.onName === "man"
? this.getListSpread(this.uid, "")
: this.getSpreadOrderList(this.uid, "");
}, },
handleSizeChangeSpread(val) { handleSizeChangeSpread(val) {
this.spreadFrom.limit = val this.spreadFrom.limit = val;
this.onName === 'man' ? this.getListSpread(this.uid,'') : this.getSpreadOrderList(this.uid,'') this.onName === "man"
? this.getListSpread(this.uid, "")
: this.getSpreadOrderList(this.uid, "");
}, },
// 广 //
onSpreadOrder(uid, n) { onSpreadOrder(uid, n) {
this.uid = uid this.uid = uid;
this.onName = n this.onName = n;
this.showDistributor = true this.showDistributor = true;
this.dialogVisible = true this.dialogVisible = true;
this.spreadFrom = { this.spreadFrom = {
page: 1, page: 1,
limit: 10, limit: 10,
date: '', date: "",
level: '', level: "",
keyword: '' keyword: "",
} };
this.getSpreadOrderList(uid,1) this.getSpreadOrderList(uid, 1);
}, },
getSpreadOrderList(uid, num) { getSpreadOrderList(uid, num) {
this.spreadLoading = true this.spreadLoading = true;
this.spreadFrom.page = num ? num : this.spreadFrom.page this.spreadFrom.page = num ? num : this.spreadFrom.page;
spreadOrderListApi(uid, this.spreadFrom).then(res => { spreadOrderListApi(uid, this.spreadFrom)
this.spreadData.data = res.data.list .then((res) => {
this.spreadData.total = res.data.count this.spreadData.data = res.data.list;
this.spreadLoading = false this.spreadData.total = res.data.count;
}).catch((res) => { this.spreadLoading = false;
this.$message.error(res.message)
this.spreadLoading = false
}) })
.catch((res) => {
this.$message.error(res.message);
this.spreadLoading = false;
});
}, },
selectChange(tab) { selectChange(tab) {
this.tableFrom.date = tab this.tableFrom.date = tab;
this.timeVal = [] this.timeVal = [];
this.tableFrom.page = 1; this.tableFrom.page = 1;
this.getList('') this.getList("");
this.getStatistics() this.getStatistics();
}, },
// //
onchangeTime(e) { onchangeTime(e) {
this.timeVal = e this.timeVal = e;
this.tableFrom.date = e ? this.timeVal.join('-') : '' this.tableFrom.date = e ? this.timeVal.join("-") : "";
this.tableFrom.page = 1; this.tableFrom.page = 1;
this.getList('') this.getList("");
this.getStatistics() this.getStatistics();
}, },
// //
getList(num) { getList(num) {
this.listLoading = true this.listLoading = true;
this.tableFrom.page = num ? num : this.tableFrom.page this.tableFrom.page = num ? num : this.tableFrom.page;
promoterListApi(this.tableFrom).then(res => { promoterListApi(this.tableFrom)
this.tableData.data = res.data.list .then((res) => {
this.tableData.total = res.data.count this.tableData.data = res.data.list;
this.listLoading = false this.tableData.total = res.data.count;
}).catch((res) => { this.listLoading = false;
this.$message.error(res.message)
this.listLoading = false
}) })
.catch((res) => {
this.$message.error(res.message);
this.listLoading = false;
});
}, },
pageChange(page) { pageChange(page) {
this.tableFrom.page = page this.tableFrom.page = page;
this.getList('') this.getList("");
}, },
handleSizeChange(val) { handleSizeChange(val) {
this.tableFrom.limit = val this.tableFrom.limit = val;
this.getList('') this.getList("");
} },
} },
} };
</script> </script>
<style scoped> <style scoped>

File diff suppressed because it is too large Load Diff

View File

@ -3,10 +3,17 @@
<div class="selCard"> <div class="selCard">
<el-form size="small" label-width="85px"> <el-form size="small" label-width="85px">
<el-form-item label="模板类型:"> <el-form-item label="模板类型:">
<el-select v-model="tableFrom.temp_type" placeholder="请选择" size="small" clearable class="selWidth" @change="getList(1)"> <el-select
v-model="tableFrom.temp_type"
placeholder="请选择"
size="small"
clearable
class="selWidth"
@change="getList(1)"
>
<el-option label="验证码" :value="1" /> <el-option label="验证码" :value="1" />
<el-option label="通知" :value="2" /> <el-option label="通知" :value="2" />
<el-option label="推广" :value="3" /> <el-option label="邀请" :value="3" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -18,38 +25,24 @@
size="small" size="small"
highlight-current-row highlight-current-row
> >
<el-table-column <el-table-column prop="id" label="ID" min-width="50" />
prop="id" <el-table-column prop="title" label="模板名称" min-width="120" />
label="ID" <el-table-column prop="content" label="模板内容" min-width="150" />
min-width="50" <el-table-column prop="temp_type" label="模板类型" min-width="100">
/>
<el-table-column
prop="title"
label="模板名称"
min-width="120"
/>
<el-table-column
prop="content"
label="模板内容"
min-width="150"
/>
<el-table-column
prop="temp_type"
label="模板类型"
min-width="100"
>
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span>{{ row.temp_type | typeFilter }}</span> <span>{{ row.temp_type | typeFilter }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="mark" label="备注" min-width="150" />
prop="mark"
label="备注"
min-width="150"
/>
<el-table-column label="模板状态" min-width="100"> <el-table-column label="模板状态" min-width="100">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span>{{ row.status == 1 ? '审核通过' : row.status == 2 ? '审核未通过' : '待审核' }}</span> <span>{{
row.status == 1
? "审核通过"
: row.status == 2
? "审核未通过"
: "待审核"
}}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -65,26 +58,24 @@
/> />
</div> </div>
</el-card> </el-card>
</div> </div>
</template> </template>
<script> <script>
import { applyTempLstApi } from "@/api/sms";
import { applyTempLstApi } from '@/api/sms' import { roterPre } from "@/settings";
import { roterPre } from '@/settings' import { mapGetters } from "vuex";
import { mapGetters } from 'vuex'
export default { export default {
name: 'SmsTemplate', name: "SmsTemplate",
filters: { filters: {
typeFilter(type) { typeFilter(type) {
const typeMap = { const typeMap = {
1: '验证码', 1: "验证码",
2: '通知', 2: "通知",
3: '营销短信' 3: "营销短信",
} };
return typeMap[type] return typeMap[type];
} },
}, },
data() { data() {
return { return {
@ -93,70 +84,70 @@ export default {
dialogVisible: false, dialogVisible: false,
tableData: { tableData: {
data: [], data: [],
total: 0 total: 0,
}, },
tableFrom: { tableFrom: {
page: 1, page: 1,
limit: 20, limit: 20,
temp_type: '' temp_type: "",
} },
} };
}, },
computed: { computed: {
...mapGetters([ ...mapGetters(["isLogin"]),
'isLogin'
])
}, },
mounted() { mounted() {
console.log(this.isLogin); console.log(this.isLogin);
this.getList('') this.getList("");
}, },
methods: { methods: {
// //
onIsLogin() { onIsLogin() {
this.fullscreenLoading = true this.fullscreenLoading = true;
this.$store.dispatch('user/isLogin').then(async res => { this.$store
const data = res.data .dispatch("user/isLogin")
.then(async (res) => {
const data = res.data;
if (!data.status) { if (!data.status) {
this.$message.warning('请先登录') this.$message.warning("请先登录");
this.$router.push(roterPre + '/sms/config?url=' + this.$route.path) this.$router.push(roterPre + "/sms/config?url=" + this.$route.path);
} else { } else {
this.getList('') this.getList("");
} }
this.fullscreenLoading = false this.fullscreenLoading = false;
}).catch(res => {
this.$message.error(res.message)
this.$router.push(roterPre + '/sms/config?url=' + this.$route.path)
this.fullscreenLoading = false
}) })
.catch((res) => {
this.$message.error(res.message);
this.$router.push(roterPre + "/sms/config?url=" + this.$route.path);
this.fullscreenLoading = false;
});
}, },
// //
getList(num) { getList(num) {
this.listLoading = true this.listLoading = true;
this.tableFrom.page = num ? num : this.tableFrom.page this.tableFrom.page = num ? num : this.tableFrom.page;
applyTempLstApi(this.tableFrom).then(res => { applyTempLstApi(this.tableFrom)
this.tableData.data = res.data.data .then((res) => {
this.tableData.total = res.data.count this.tableData.data = res.data.data;
this.listLoading = false this.tableData.total = res.data.count;
}).catch(res => { this.listLoading = false;
this.listLoading = false
this.$message.error(res.message)
this.$router.push(roterPre + '/setting/sms/sms_config/index')
}) })
.catch((res) => {
this.listLoading = false;
this.$message.error(res.message);
this.$router.push(roterPre + "/setting/sms/sms_config/index");
});
}, },
pageChange(page) { pageChange(page) {
this.tableFrom.page = page this.tableFrom.page = page;
this.getList('') this.getList("");
}, },
handleSizeChange(val) { handleSizeChange(val) {
this.tableFrom.limit = val this.tableFrom.limit = val;
this.getList('') this.getList("");
}, },
}, },
};
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss"></style>
</style>

View File

@ -3,17 +3,26 @@
<div class="selCard"> <div class="selCard">
<el-form inline label-width="85px"> <el-form inline label-width="85px">
<el-form-item label="模板类型:"> <el-form-item label="模板类型:">
<el-select v-model="tableFrom.type" placeholder="请选择" size="small" clearable class="selWidth" @change="userSearchs"> <el-select
v-model="tableFrom.type"
placeholder="请选择"
size="small"
clearable
class="selWidth"
@change="userSearchs"
>
<el-option label="验证码" :value="1" /> <el-option label="验证码" :value="1" />
<el-option label="通知" :value="2" /> <el-option label="通知" :value="2" />
<el-option label="推广" :value="3" /> <el-option label="邀请" :value="3" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<el-card v-loading="fullscreenLoading" class="mt14"> <el-card v-loading="fullscreenLoading" class="mt14">
<div class="mb20"> <div class="mb20">
<el-button size="small" type="primary" @click="apply">申请短信模板</el-button> <el-button size="small" type="primary" @click="apply"
>申请短信模板</el-button
>
</div> </div>
<el-table <el-table
v-loading="listLoading" v-loading="listLoading"
@ -21,34 +30,14 @@
size="small" size="small"
highlight-current-row highlight-current-row
> >
<el-table-column <el-table-column prop="id" label="ID" min-width="50" />
prop="id" <el-table-column prop="templateid" label="模板ID" min-width="80" />
label="ID" <el-table-column prop="title" label="模板名称" min-width="120" />
min-width="50" <el-table-column prop="content" label="模板内容" min-width="500" />
/> <el-table-column prop="type" label="模板类型" min-width="100" />
<el-table-column
prop="templateid"
label="模板ID"
min-width="80"
/>
<el-table-column
prop="title"
label="模板名称"
min-width="120"
/>
<el-table-column
prop="content"
label="模板内容"
min-width="500"
/>
<el-table-column
prop="type"
label="模板类型"
min-width="100"
/>
<el-table-column label="模板状态"> <el-table-column label="模板状态">
<template slot-scope="{ row }"> <template slot-scope="{ row }">
<span>{{ row.status ? '可用' : '不可用' }}</span> <span>{{ row.status ? "可用" : "不可用" }}</span>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -65,19 +54,36 @@
</div> </div>
</el-card> </el-card>
<!--短信模板弹框--> <!--短信模板弹框-->
<el-dialog v-if="dialogVisible" title="申请短信模板" :visible.sync="dialogVisible" width="700px"> <el-dialog
v-if="dialogVisible"
title="申请短信模板"
:visible.sync="dialogVisible"
width="700px"
>
<el-form @submit.native.prevent size="small" label-width="100px"> <el-form @submit.native.prevent size="small" label-width="100px">
<el-form-item label="模板名称:" class="width100" prop="title"> <el-form-item label="模板名称:" class="width100" prop="title">
<el-input v-model="form.title" type="text" :placeholder="placeholder.title" class="selwidths" size="small" /> <el-input
v-model="form.title"
type="text"
:placeholder="placeholder.title"
class="selwidths"
size="small"
/>
</el-form-item> </el-form-item>
<el-form-item label="模板内容:" class="width100" prop="content"> <el-form-item label="模板内容:" class="width100" prop="content">
<el-input v-model="form.content" type="textarea" :placeholder="placeholder.content" class="selwidths" size="small" /> <el-input
v-model="form.content"
type="textarea"
:placeholder="placeholder.content"
class="selwidths"
size="small"
/>
</el-form-item> </el-form-item>
<el-form-item label="模板类型:"> <el-form-item label="模板类型:">
<el-radio-group v-model="form.type" @change="changeRadioText"> <el-radio-group v-model="form.type" @change="changeRadioText">
<el-radio :label="1">验证码</el-radio> <el-radio :label="1">验证码</el-radio>
<el-radio :label="2">通知</el-radio> <el-radio :label="2">通知</el-radio>
<el-radio :label="3">推广</el-radio> <el-radio :label="3">邀请</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -89,12 +95,11 @@
</template> </template>
<script> <script>
import { smsTempLstApi, tempCreateApi } from "@/api/sms";
import { smsTempLstApi, tempCreateApi } from '@/api/sms' import { roterPre } from "@/settings";
import { roterPre } from '@/settings' import { mapGetters } from "vuex";
import { mapGetters } from 'vuex'
export default { export default {
name: 'SmsTemplate', name: "SmsTemplate",
data() { data() {
return { return {
@ -103,120 +108,122 @@ export default {
dialogVisible: false, dialogVisible: false,
tableData: { tableData: {
data: [], data: [],
total: 0 total: 0,
}, },
form: { form: {
title: '', title: "",
content: '', content: "",
type: 1 type: 1,
}, },
placeholder: {}, placeholder: {},
placeholderObj: [ placeholderObj: [
{ {
title: '例如:注册验证码', title: "例如:注册验证码",
content: '例如:您的验证码是:{$code},有效期为{$time}分钟。如非本人操作,可不予理会.' content:
"例如:您的验证码是:{$code},有效期为{$time}分钟。如非本人操作,可不予理会.",
}, },
{ {
title: '例如:订单支付成功通知', title: "例如:订单支付成功通知",
content: '例如:您购买的商品已支付成功,支付金额{$pay_price}元,订单号{$order_id},感谢您的光临!' content:
"例如:您购买的商品已支付成功,支付金额{$pay_price}元,订单号{$order_id},感谢您的光临!",
}, },
{ {
title: '例如:国庆优惠活动', title: "例如:国庆优惠活动",
content: '10月1日-8日期间 全场商品满1000减200国庆欢乐购' content: "10月1日-8日期间 全场商品满1000减200国庆欢乐购",
} },
], ],
tableFrom: { tableFrom: {
page: 1, page: 1,
limit: 20, limit: 20,
type: '' type: "",
} },
} };
}, },
computed: { computed: {
...mapGetters([ ...mapGetters(["isLogin"]),
'isLogin'
])
}, },
mounted() { mounted() {
console.log(this.isLogin); console.log(this.isLogin);
this.getList('') this.getList("");
this.changeRadioText(); this.changeRadioText();
}, },
methods: { methods: {
changeRadioText() { changeRadioText() {
this.placeholder=this.placeholderObj[this.form.type-1] this.placeholder = this.placeholderObj[this.form.type - 1];
}, },
// //
onIsLogin() { onIsLogin() {
this.fullscreenLoading = true this.fullscreenLoading = true;
this.$store.dispatch('user/isLogin').then(async res => { this.$store
const data = res.data .dispatch("user/isLogin")
.then(async (res) => {
const data = res.data;
if (!data.status) { if (!data.status) {
this.$message.warning('请先登录') this.$message.warning("请先登录");
this.$router.push(roterPre + '/sms/config?url=' + this.$route.path) this.$router.push(roterPre + "/sms/config?url=" + this.$route.path);
} else { } else {
this.getList('') this.getList("");
} }
this.fullscreenLoading = false this.fullscreenLoading = false;
}).catch(res => {
this.$message.error(res.message)
this.$router.push(roterPre + '/sms/config?url=' + this.$route.path)
this.fullscreenLoading = false
}) })
.catch((res) => {
this.$message.error(res.message);
this.$router.push(roterPre + "/sms/config?url=" + this.$route.path);
this.fullscreenLoading = false;
});
}, },
// //
getList(num) { getList(num) {
this.listLoading = true this.listLoading = true;
this.tableFrom.page = num ? num : this.tableFrom.page this.tableFrom.page = num ? num : this.tableFrom.page;
smsTempLstApi(this.tableFrom).then(res => { smsTempLstApi(this.tableFrom)
this.tableData.data = res.data.data .then((res) => {
this.tableData.total = res.data.count this.tableData.data = res.data.data;
this.listLoading = false this.tableData.total = res.data.count;
}).catch(res => { this.listLoading = false;
this.listLoading = false
this.$message.error(res.message)
this.$router.push(roterPre + '/setting/sms/sms_config/index')
}) })
.catch((res) => {
this.listLoading = false;
this.$message.error(res.message);
this.$router.push(roterPre + "/setting/sms/sms_config/index");
});
}, },
pageChange(page) { pageChange(page) {
this.tableFrom.page = page this.tableFrom.page = page;
this.getList('') this.getList("");
}, },
handleSizeChange(val) { handleSizeChange(val) {
this.tableFrom.limit = val this.tableFrom.limit = val;
this.getList('') this.getList("");
}, },
// //
userSearchs() { userSearchs() {
this.getList(1) this.getList(1);
}, },
// //
apply() { apply() {
this.form={title: '',content: '',type: 1}; this.form = { title: "", content: "", type: 1 };
this.dialogVisible = true; this.dialogVisible = true;
this.changeRadioText(); this.changeRadioText();
}, },
// //
add() { add() {
if (!this.form.title || !this.form.content) { if (!this.form.title || !this.form.content) {
this.$message.error('请提前写完信息!'); this.$message.error("请提前写完信息!");
} else { } else {
tempCreateApi(this.form).then(({ message }) => { tempCreateApi(this.form)
this.$message.success('申请成功!') .then(({ message }) => {
this.dialogVisible = false this.$message.success("申请成功!");
this.$router.push(roterPre + '/sms/applyList') this.dialogVisible = false;
this.$router.push(roterPre + "/sms/applyList");
}) })
.catch(({ message }) => { .catch(({ message }) => {
this.$message.error(message) this.$message.error(message);
}) });
}
} }
}, },
},
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss"></style>
</style>

File diff suppressed because it is too large Load Diff

View File

@ -57,11 +57,9 @@
/> />
</el-form-item> </el-form-item>
<el-form-item label="头像:"> <el-form-item label="头像:">
<div <div class="upLoadPicBox">
class="upLoadPicBox"
>
<div v-if="userInfo.avatar" class="pictrue"> <div v-if="userInfo.avatar" class="pictrue">
<img :src="userInfo.avatar"> <img :src="userInfo.avatar" />
<i <i
class="el-icon-error btndel" class="el-icon-error btndel"
@click="userInfo.avatar = ''" @click="userInfo.avatar = ''"
@ -117,7 +115,7 @@
<el-radio :label="1">正常</el-radio> <el-radio :label="1">正常</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- <el-form-item label="推广员:" required> <!-- <el-form-item label="邀请员:" required>
<el-radio-group v-model="userInfo.is_promoter"> <el-radio-group v-model="userInfo.is_promoter">
<el-radio :label="0">关闭</el-radio> <el-radio :label="0">关闭</el-radio>
<el-radio :label="1">开启</el-radio> <el-radio :label="1">开启</el-radio>
@ -128,7 +126,13 @@
<el-col :span="23"> <el-col :span="23">
<div class="demo-drawer__footer"> <div class="demo-drawer__footer">
<el-button @click="handleClose" size="small"> </el-button> <el-button @click="handleClose" size="small"> </el-button>
<el-button type="primary" @click="submitForm('userField')" :loading="loading" size="small">{{ loading ? '提交中 ...' : '确 定' }}</el-button> <el-button
type="primary"
@click="submitForm('userField')"
:loading="loading"
size="small"
>{{ loading ? "提交中 ..." : "确 定" }}</el-button
>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
@ -138,11 +142,9 @@
</div> </div>
</template> </template>
<script> <script>
import { addUserApi } from "@/api/user";
import { addUserApi } from '@/api/user'
export default { export default {
name: 'UserCreate', name: "UserCreate",
props: { props: {
createDrawer: { createDrawer: {
type: Boolean, type: Boolean,
@ -152,20 +154,25 @@ export default {
data() { data() {
const validatePhone = (rule, value, callback) => { const validatePhone = (rule, value, callback) => {
if (!value) { if (!value) {
return callback(new Error('请输入手机号')) return callback(new Error("请输入手机号"));
} else if (!/^1[3456789]\d{9}$/.test(value)) { } else if (!/^1[3456789]\d{9}$/.test(value)) {
callback(new Error('格式不正确!')) callback(new Error("格式不正确!"));
} else { } else {
callback() callback();
}
} }
};
const validateCard = (rule, value, callback) => { const validateCard = (rule, value, callback) => {
if (value && !/^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[Xx\d]$/.test(value)) { if (
callback(new Error('格式不正确!')) value &&
!/^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[Xx\d]$/.test(
value
)
) {
callback(new Error("格式不正确!"));
} else { } else {
callback() callback();
}
} }
};
let validatePass2 = (rule, value, callback) => { let validatePass2 = (rule, value, callback) => {
if (value === "") { if (value === "") {
callback(new Error("请再次输入密码")); callback(new Error("请再次输入密码"));
@ -181,31 +188,33 @@ export default {
avatar: "", avatar: "",
sex: 0, sex: 0,
status: 1, status: 1,
is_promoter: 1 is_promoter: 1,
}, },
ruleValidate: { ruleValidate: {
account: [{ required: true, validator: validatePhone, trigger: 'blur' }], account: [
phone: [{ validator: validatePhone, trigger: 'blur' }], { required: true, validator: validatePhone, trigger: "blur" },
card_id: [{validator: validateCard, trigger: 'blur'}], ],
pwd: [{ required: true, message: '请输入密码', trigger: 'blur' }], phone: [{ validator: validatePhone, trigger: "blur" }],
repwd: [{ required: true, validator: validatePass2, trigger: 'blur' }], card_id: [{ validator: validateCard, trigger: "blur" }],
pwd: [{ required: true, message: "请输入密码", trigger: "blur" }],
repwd: [{ required: true, validator: validatePass2, trigger: "blur" }],
}, },
} };
}, },
mounted() {}, mounted() {},
methods: { methods: {
handleClose() { handleClose() {
this.resetData() this.resetData();
this.$emit('closeDrawer'); this.$emit("closeDrawer");
}, },
resetData() { resetData() {
this.$refs.userField.resetFields() this.$refs.userField.resetFields();
this.userInfo.avatar="" this.userInfo.avatar = "";
this.userInfo.phone="" this.userInfo.phone = "";
this.userInfo.real_name="" this.userInfo.real_name = "";
this.userInfo.card_id="" this.userInfo.card_id = "";
this.userInfo.birthday="" this.userInfo.birthday = "";
this.userInfo.sex = 0 this.userInfo.sex = 0;
}, },
// //
modalPicTap(tit, num, i) { modalPicTap(tit, num, i) {
@ -216,31 +225,32 @@ export default {
}, },
submitForm(name) { submitForm(name) {
this.loading = true; this.loading = true;
this.$refs[name].validate(valid => { this.$refs[name].validate((valid) => {
if (valid) { if (valid) {
addUserApi(this.userInfo).then(async res => { addUserApi(this.userInfo)
.then(async (res) => {
this.loading = false; this.loading = false;
this.$message.success(res.message); this.$message.success(res.message);
this.$emit('closeDrawer'); this.$emit("closeDrawer");
this.$emit('getList'); this.$emit("getList");
}) })
.catch(res => { .catch((res) => {
this.loading = false; this.loading = false;
this.$message.error(res.message); this.$message.error(res.message);
}) });
} else { } else {
this.loading = false; this.loading = false;
} }
}); });
} },
} },
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.head { .head {
padding: 15px 20px; padding: 15px 20px;
border-bottom: 1px solid #DCDFE6; border-bottom: 1px solid #dcdfe6;
.title { .title {
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;

View File

@ -65,7 +65,7 @@
<el-dropdown-item command="balance" <el-dropdown-item command="balance"
>设置余额</el-dropdown-item >设置余额</el-dropdown-item
> >
<el-dropdown-item command="group">设置分组</el-dropdown-item> <!-- <el-dropdown-item command="group">设置分组</el-dropdown-item> -->
<el-dropdown-item command="label">设置标签</el-dropdown-item> <el-dropdown-item command="label">设置标签</el-dropdown-item>
<!-- <el-dropdown-item command="reference">修改推荐人</el-dropdown-item> --> <!-- <el-dropdown-item command="reference">修改推荐人</el-dropdown-item> -->
<el-dropdown-item command="password" <el-dropdown-item command="password"
@ -148,7 +148,7 @@
<div class="title">用户概况</div> <div class="title">用户概况</div>
<ul class="list"> <ul class="list">
<!-- <li class="item"> <!-- <li class="item">
<div>推广</div> <div>邀请</div>
<div class="value">{{psInfo.is_promoter == 1 ? '是' : '否'}}</div> <div class="value">{{psInfo.is_promoter == 1 ? '是' : '否'}}</div>
</li> --> </li> -->
<li class="item"> <li class="item">
@ -179,7 +179,7 @@
</div> </div>
</li> </li>
<!-- <li class="item"> <!-- <li class="item">
<div>推广</div> <div>邀请</div>
<div class="value">{{psInfo.spread && psInfo.spread.nickname || '无'}}</div> <div class="value">{{psInfo.spread && psInfo.spread.nickname || '无'}}</div>
</li> --> </li> -->
<li class="item"> <li class="item">
@ -200,7 +200,7 @@
</ul> </ul>
</div> </div>
<div class="section" v-if="psInfo.spread"> <div class="section" v-if="psInfo.spread">
<div class="title">邀请人信息</div> <div class="title">邀请人信息</div>
<ul class="list"> <ul class="list">
<li class="item"> <li class="item">
<div>用户ID</div> <div>用户ID</div>
@ -402,7 +402,7 @@
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-row :gutter="24"> <!-- <el-row :gutter="24">
<el-form-item label="推广员:" prop="is_promoter"> <el-form-item label="邀请员:" prop="is_promoter">
<el-radio-group <el-radio-group
v-model="psInfo.is_promoter" v-model="psInfo.is_promoter"
> >
@ -774,7 +774,7 @@
:key="index" :key="index"
:prop="item.key" :prop="item.key"
:label="item.title" :label="item.title"
width="item.minWidth" :min-width="item.minWidth"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="item.key == 'activation_promoter'">{{ <span v-if="item.key == 'activation_promoter'">{{
@ -1241,12 +1241,17 @@ export default {
{ {
title: "用户ID", title: "用户ID",
key: "uid", key: "uid",
minWidth: 200, minWidth: 80,
},
{
title: "ID号",
key: "number",
minWidth: 80,
}, },
{ {
title: "用户姓名", title: "用户姓名",
key: "real_name", key: "real_name",
minWidth: 50, minWidth: 80,
}, },
{ {
title: "用户电话", title: "用户电话",
@ -1256,11 +1261,16 @@ export default {
{ {
title: "用户身份证号", title: "用户身份证号",
key: "card_id", key: "card_id",
minWidth: 100, minWidth: 160,
}, },
{ {
title: "是否绑定", title: "是否绑定",
key: "activation_promoter", key: "activation_promoter_name",
minWidth: 100,
},
{
title: "绑定时间",
key: "activation_time",
minWidth: 100, minWidth: 100,
}, },
]; ];