czg_team
/
management
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: czg_team:wwz
Branches Tags
czg_team:master
czg_team:dev
czg_team:test
czg_team:wwz
czg_team:ymf
czg_team:gyq
czg_team:gh
czg_team:dwb
czg_team:dev_dwb
czg_team:gaohao2.0.0
czg_team:gyj
czg_team:wl
..
compare: czg_team:master
Branches Tags
czg_team:dev
czg_team:test
czg_team:wwz
czg_team:ymf
czg_team:gyq
czg_team:gh
czg_team:dwb
czg_team:dev_dwb
czg_team:gaohao2.0.0
czg_team:gyj
czg_team:master
czg_team:wl

No commits in common. "wwz" and "master" have entirely different histories.
wwz ... master

246 changed files with 2992 additions and 59850 deletions
Show Stats Expand all files Collapse all files

4
.env.development
View File

@ -6,9 +6,6 @@ ENV = 'development'
# VUE_APP_BASE_API = 'http://192.168.2.133:8000'
# 测试
VUE_APP_BASE_API = 'https://admintestpapi.sxczgkj.cn'
#预发布
# VUE_APP_BASE_API = 'https://pre-cashieradmin.sxczgkj.cn'
# 生产
# VUE_APP_BASE_API = 'https://cashieradmin.sxczgkj.cn'
# VUE_APP_BASE_API = 'http://192.168.2.96:8000'
@ -16,5 +13,4 @@ VUE_APP_BASE_API = 'https://admintestpapi.sxczgkj.cn'
# VUE_APP_BASE_API = 'http://192.168.2.147:8000/'
VUE_APP_WS_API = 'ws://192.168.2.128:8000'
VUE_APP_PHP_API = 'https://kysh.sxczgkj.cn'
# 是否启用 babel-plugin-dynamic-import-node插

9
.env.production
View File

@ -4,15 +4,8 @@ ENV = 'production'
# 接口地址，注意协议，如果你没有配置 ssl，需要将 https 改为 http
# 测试
VUE_APP_BASE_API = 'https://admintestpapi.sxczgkj.cn'
# 生产
# VUE_APP_BASE_API = 'https://cashieradmin.sxczgkj.cn'
# 预发布接口
# VUE_APP_BASE_API = 'https://pre-cashieradmin.sxczgkj.cn'
# VUE_APP_BASE_API = 'http://192.168.2.98:8000'
# 如果接口是 http 形式， wss 需要改为 ws
VUE_APP_WS_API = 'wss://123.56.110.252'
VUE_APP_PHP_API = 'https://kysh.sxczgkj.cn/source'
VUE_APP_WS_API = 'wss://123.56.110.252

2
package.json
View File

@ -24,7 +24,6 @@
},
"dependencies": {
"@riophae/vue-treeselect": "^0.4.0",
"ali-oss": "^6.21.0",
"axios": "^0.21.1",
"clipboard": "2.0.4",
"codemirror": "^5.49.2",
@ -40,7 +39,6 @@
"js-md5": "^0.8.3",
"jsencrypt": "^3.0.0-rc.1",
"jszip": "^3.7.1",
"lodash": "^4.17.21",
"material-components-vue": "^1.2.0",
"mavon-editor": "^2.9.1",
"normalize.css": "7.0.0",

10
src/App.vue
View File

@ -131,14 +131,4 @@ export default {
}
}
}
.image-slot {
width: 100%;
height: 100%;
background-color: #efefef;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
</style>

83
src/api/Instead.js
View File

@ -1,83 +0,0 @@
// 代客下单
import request from "@/utils/request";
//就餐形式，默认堂食后付费
const useType = 'dine-in-after'
function getUseType() {
const type = localStorage.getItem("useType")
return type ? type : useType
}
// 购物车-临时菜添加
export function $temporaryDishes(data) {
return request({
url: '/api/place/temporaryDishes',
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...data
}
});
}
// 购物车-单品改价
export function $updatePrice(data) {
return request({
url: '/api/place/updatePrice',
method: "put",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
/**
* 购物车-转桌/并桌
*/
export function placeswitch(data) {
return request({
url: `/api/place/switch`,
method: "put",
data: {
shopId: localStorage.getItem("shopId"),
useType: localStorage.getItem("useType"),
...data
}
});
}
// 团购券-获取可使用团购券列表
export function $thirdPartyCoupon(data) {
return request({
url: '/api/thirdPartyCoupon/list',
method: "get",
params: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//核销团购券商品
export function $checkCoupon(data) {
return request({
url: '/api/place/checkCoupon',
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//整体等叫/取消等叫
export function $waitCall(data) {
return request({
url: '/api/place/waitCall',
method: "put",
data: {
useType: getUseType(),
shopId: localStorage.getItem("shopId"),
...data
}
});
}

110
src/api/application.js
View File

@ -15,73 +15,14 @@ export function tbPrintMachine(data, method = "post") {
});
}
// 开票
export function getbinding(data) {
return request({
url: "/api/invoice/binding",
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 提交开票
export function getsubInvoicing(data) {
return request({
url: "/api/invoice/subInvoicing",
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 获取数电发票类型
export function getdigitalInvoice(data) {
return request({
url: "/api/invoice/digitalInvoice",
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 获取项目分类
export function getindustry(data) {
return request({
url: "/api/invoice/industry",
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 计算税额
export function getstoreSe(data) {
return request({
url: "/api/invoice/storeSe",
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
is_tax:1,
...data
}
});
}
/**
* 获取应用中心列表
* @returns
*/
export function appCenterGet(params) {
export function appCenterGet() {
return request({
url: "/api/appCenter",
method: "get",
params
method: "get"
});
}
@ -183,50 +124,3 @@ export function countRecord(data) {
}
});
}
/**
* 广告列表
* @returns
*/
export function adget(params) {
return request({
url: "/api/ad",
method: "get",
params
});
}
/**
* 广告新增单位
* @returns
*/
export function adpost(data) {
return request({
url: `/api/ad`,
method: "post",
data
});
}
/**
* 广告编辑详情
* @returns
*/
export function adput(data) {
return request({
url: '/api/ad',
method: 'put',
data
})
}
/**
* 广告删除商品
* @returns
*/
export function addelete(params) {
return request({
url: "/api/ad/" + params,
method: "DELETE",
});
}

33
src/api/bwc.js
View File

@ -1,33 +0,0 @@
import request from '@/utils/request'
export function get(params) {
return request({
url: '/freeDine',
method: 'get',
params
})
}
export function add(data) {
return request({
url: 'api/botUser',
method: 'post',
data
})
}
export function del(ids) {
return request({
url: 'api/botUser/',
method: 'delete',
data: ids
})
}
export function edit(data) {
return request({
url: '/freeDine',
method: 'put',
data
})
}
export default { add, edit, del, get }

32
src/api/class-api.js
View File

@ -1,32 +0,0 @@
import request from '@/utils/request'
class API {
constructor(url, req) {
const map = {
add: 'POST',
del: 'DELETE',
update: 'PUT',
get: 'GET'
}
this.url = url
for (let key in map) {
this[key] = function (data) {
data = Array.isArray(data) ? data : {
...data, shopId: localStorage.getItem("shopId"),
}
if (key === 'del') {
delete data.shopId
}
const par={ url, method: map[key] }
if(key==='get'){
par.params=data
}else{
par.data=data
}
return request(par)
}
}
}
}
export default API

212
src/api/consumable.js
View File

@ -5,11 +5,11 @@ import request from "@/utils/request";
* @returns
*/
export function gettbConsType(params) {
return request({
url: "/api/tbConsType",
method: "get",
params
});
return request({
url: '/api/tbConsType',
method: "get",
params
});
}
/**
@ -17,67 +17,66 @@ export function gettbConsType(params) {
* @returns
*/
export function posttbConsType(data) {
return request({
url: "/api/tbConsType",
method: "post",
data
});
return request({
url: '/api/tbConsType',
method: "post",
data
});
}
/**
* 修改耗材类型
* @returns
*/
export function puttbConsType(data) {
return request({
url: "/api/tbConsType",
method: "put",
data
});
return request({
url: '/api/tbConsType',
method: "put",
data
});
}
/**
* 查询耗材信息
* @returns
*/
export function gettbConsInfo(data) {
return request({
url: "/api/tbConsInfo/allAndPro",
method: "post",
data
});
export function gettbConsInfo(params) {
return request({
url: '/api/tbConsInfo',
method: "get",
params
});
}
/**
* 耗材入库
* @returns
*/
export function posttbConsInfostockIn(data) {
return request({
url: "/api/tbConsInfo/stockIn",
method: "post",
data
});
return request({
url: '/api/tbConsInfo/stockIn',
method: "post",
data
});
}
/**
* 修改单位耗材值耗材
* @returns
*/
export function postapitbConsInfo(data) {
return request({
url: "/api/tbConsInfo",
method: "put",
data
});
return request({
url: '/api/tbConsInfo',
method: "put",
data
});
}
/**
* 新增耗材信息
* @returns
*/
export function posttbConsInfo(data) {
return request({
url: "/api/tbConsInfo",
method: "post",
data
});
return request({
url: '/api/tbConsInfo',
method: "post",
data
});
}
/**
@ -85,55 +84,55 @@ export function posttbConsInfo(data) {
* @returns
*/
export function getviewConSku(params) {
return request({
url: "/api/viewConSku",
method: "get",
params
});
return request({
url: '/api/viewConSku',
method: "get",
params
});
}
/**
* 查询查询商品规格
* @returns
*/
export function gettbProductSpec(params) {
return request({
url: "/api/viewProductSkuShop",
method: "get",
params
});
return request({
url: '/api/viewProductSkuShop',
method: "get",
params
});
}
/**
* 新增商品规格耗材信息
* @returns
*/
export function posttbProskuCon(data) {
return request({
url: "/api/tbProskuCon",
method: "post",
data
});
return request({
url: '/api/tbProskuCon',
method: "post",
data
});
}
/**
* 新增商品规格耗材信息-修改后
* @returns
*/
export function posttbProskuCons(data) {
return request({
url: "/api/tbProskuCon",
method: "post",
data
});
return request({
url: '/api/tbProskuCon',
method: "post",
data
});
}
/**
* 修改商品规格耗材信息状态
* @returns
*/
export function puttbProskuCon(data) {
return request({
url: "/api/tbProskuCon",
method: "put",
data
});
return request({
url: '/api/tbProskuCon',
method: "put",
data
});
}
// 编辑单位耗材值
// export function puttbProskuCon(data) {
@ -148,83 +147,20 @@ export function puttbProskuCon(data) {
* @returns
*/
export function deletetbProskuCon(data) {
return request({
url: "/api/tbProskuCon",
method: "delete",
data
});
}
/**
* 查询耗材单位列表
*/
export function queryTbConUnitInfo(data) {
return request({
url: "/api/tbConUnit/queryTbConUnitInfo",
method: "get",
params: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
/**
* 新增耗材单位
*/
export function addtbConUnit(data) {
return request({
url: "/api/tbConUnit",
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
/**
* 修改耗材单位
*/
export function edittbConUnit(data) {
return request({
url: "/api/tbConUnit",
method: "put",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
/**
* 绑定关系
*/
export function tbProskuConV2(data) {
return request({
url: "/api/tbProskuCon/V2",
method: "post",
data
});
return request({
url: '/api/tbProskuCon',
method: "delete",
data
});
}
/**
* 耗材库存统计
* 查询耗材流水信息
* @returns
*/
export function tbConsInfoFlowcount(data) {
return request({
url: "/api/tbConsInfoFlow/count",
method: "post",
data
});
}
/**
* 耗材库存记录列表
*/
export function tbConsInfoFlowstock(data) {
return request({
url: "/api/tbConsInfoFlow/stock",
method: "post",
data
});
export function gettbConsInfoFlow(params) {
return request({
url: '/api/tbConsInfoFlow',
method: "get",
params
});
}

205
src/api/coup/index.js
View File

@ -1,205 +0,0 @@
// 代客下单
import request from "@/utils/request-php";
import { getToken } from '@/utils/auth'
function getLoginName() {
const obj = localStorage.getItem("userInfo") || '';
const { username } = obj ? JSON.parse(obj) : {};
return username
}
// 抖音团购核销准备
export function $douyin_fulfilmentcertificateprepare(data) {
return request({
url: 'douyin/fulfilmentcertificateprepare',
method: "post",
data: {
...data
}
});
}
// 抖音团购核销
export function $douyin_certificateprepare(data) {
return request({
url: 'douyin/certificateprepare',
method: "post",
data: {
...data
}
});
}
// 抖音团购核销撤销
export function $douyin_fulfilmentcertificatecancel(data) {
return request({
url: 'douyin/fulfilmentcertificatecancel',
method: "post",
data: {
...data
}
});
}
// 抖音团购核销记录
export function $douyin_orderlist(data) {
return request({
url: 'douyin/orderlist',
method: "post",
data: {
...data
}
});
}
// 抖音门店列表
export function $douyin_storelist(data) {
return request({
url: 'douyin/storelist',
method: "post",
data: {
...data
}
});
}
// 抖音绑定门店
export function $douyin_bindstore(data) {
return request({
url: 'douyin/bindstore',
method: "post",
data: {
...data
}
});
}
// 抖音订单查询
export function $douyin_orderquery(data) {
return request({
url: 'douyin/orderquery',
method: "post",
data: {
...data
}
});
}
//会员签入
export function $douyin_checkIn(data) {
return request({
url: 'douyin/checkIn',
method: "post",
data: {
clientType: 'ADMIN',
token: getToken(),
loginName: getLoginName(),
...data
}
});
}
//美团
// 美团获取uisdk 绑定 链接
export function $meituan_getuisdkurl(data) {
return request({
url: 'meituan/getuisdkurl',
method: "post",
data: {
...data
}
});
}
// 美团获取uisdk 解绑 链接
export function $meituan_getuisdkuniurl(data) {
return request({
url: 'meituan/getuisdkuniurl',
method: "post",
data: {
...data
}
});
}
// 美团团购核销准备
export function $meituan_fulfilmentcertificateprepare(data) {
return request({
url: 'meituan/fulfilmentcertificateprepare',
method: "post",
data: {
...data
}
});
}
// 美团执行核销
export function $meituan_certificateprepare(data) {
return request({
url: 'meituan/certificateprepare',
method: "post",
data: {
...data
}
});
}
// 美团团购核销记录
export function $meituan_orderlist(data) {
return request({
url: 'meituan/orderlist',
method: "post",
data: {
...data
}
});
}
// 美团团购撤销
export function $meituan_fulfilmentcertificatecancel(data) {
return request({
url: 'meituan/fulfilmentcertificatecancel',
method: "post",
data: {
...data
}
});
}
// 美团查询绑定状态
export function $meituan_searchstorestatus(data) {
return request({
url: 'meituan/searchstorestatus',
method: "post",
data: {
...data
}
});
}
// 登出
export function $logout(data) {
return request({
url: 'user/logout',
method: "post",
data: {
...data
}
});
}

79
src/api/coupon.js
View File

@ -1,79 +0,0 @@
import request from '@/utils/request'
/**
* 获取优惠券列表
* @returns
*/
export function getTbShopCoupon(params) {
return request({
url: '/api/tbShopCoupon',
method: 'get',
params: {
...params
}
})
}
/**
* 获取优惠券详情
* @returns
*/
export function getTbShopCouponInfo(id) {
return request({
url: '/api/tbShopCoupon/' + id,
method: 'get',
params: {}
})
}
/**
* 增加优惠券
* @returns
*/
export function addTbShopCoupon(params) {
return request({
url: '/api/tbShopCoupon',
method: 'post',
data: {
...params
}
})
}
/**
* 删除优惠券
* @returns
*/
export function delTbShopCoupon(params) {
return request({
url: '/api/tbShopCoupon',
method: 'delete',
data: params
})
}
/**
* 获取领取列表
* @returns
*/
export function queryReceive(params) {
return request({
url: '/api/tbShopCoupon/queryReceive',
method: 'post',
data: {
...params
}
})
}
/**
* 获取领取列表
* @returns
*/
export function delReceive(params) {
return request({
url: '/api/tbShopCoupon/receive',
method: 'delete',
data: params
})
}

122
src/api/credit.js
View File

@ -1,122 +0,0 @@
import request from '@/utils/request'
/**
* 获取挂账人列表
* @returns
*/
export function getCreditBuyerList(params) {
return request({
url: '/api/credit/buyer/page',
method: 'get',
params: {
...params
}
})
}
/**
* 获取挂账人详情
* @returns
*/
export function getCreditBuyerInfo(id) {
return request({
url: '/api/credit/buyer/' + id,
method: 'get',
params: {}
})
}
/**
* 增加挂账人
* @returns
*/
export function addCreditBuyer(data) {
return request({
url: '/api/credit/buyer',
method: 'post',
data
})
}
/**
* 编辑挂账人
* @returns
*/
export function editCreditBuyer(data) {
return request({
url: '/api/credit/buyer',
method: 'put',
data
})
}
/**
* 还款
* @returns
*/
export function creditRePayment(data) {
return request({
url: '/api/credit/buyer/repayment',
method: 'post',
data
})
}
/**
* 获取还款记录
* @returns
*/
export function creditRePaymentRecord(params) {
return request({
url: '/api/credit/payment-record/page',
method: 'get',
params
})
}
/**
* 删除挂账人
* @returns
*/
export function delCreditBuyer(id) {
return request({
url: `/api/credit/buyer/${id}`,
method: 'delete'
})
}
/**
* 挂账人-查看明细
* @returns
*/
export function creditBuyerOrderList(params) {
return request({
url: '/api/credit/buyer-order/page',
method: 'get',
params
})
}
/**
* 挂账人-查看明细-统计
* @returns
*/
export function creditBuyerOrderSummary(params) {
return request({
url: '/api/credit/buyer-order/summary',
method: 'get',
params
})
}
/**
* 挂账人-查看明细-付款
* @returns
*/
export function creditPayment(data) {
return request({
url: '/api/credit/buyer-order/pay',
method: 'post',
data
})
}

51
src/api/devices.js
View File

@ -1,7 +1,7 @@
import request from '@/utils/request'
/**
* 增加打印机
* @returns
*/
export function tbPrintMachine(data, method = 'post') {
@ -14,58 +14,19 @@ export function tbPrintMachine(data, method = 'post') {
}
})
}
// 打印机切换
export function switchtbPrintMachine(data, method = 'post') {
return request({
url: '/api/shop-config/printer/update-status',
method: method,
data: {
shopId: localStorage.getItem('shopId'),
...data
}
})
}
// 打印机部分
export function tbShopCategory(params) {
return request({
url: '/api/tbShopCategory',
method: 'get',
params
})
}
/**
* 打印机列表
* @returns
*/
export function tbPrintMachineGet(params) {
return request({
url: '/api/shop-config/printer/list',
url: '/api/tbPrintMachine',
method: 'get',
params: {
shopId: localStorage.getItem('shopId'),
sort: '',
...params
}
})
}
// 删除
export function delTableHandle(id) {
return request({
url: '/api/shop-config/printer/' + id,
method: 'DELETE',
})
}
// * 打印机详情
export function printerd(id) {
return request({
url: '/api/shop-config/printer/' + id,
method: 'get',
})
}
// 编辑 新增打印机
export function configprinter(data, method = "post") {
return request({
url: `/api/shop-config/printer`,
method: method,
data
});
}
}

58
src/api/extend.js
View File

@ -1,58 +0,0 @@
import request from "@/utils/request";
import editor from "mavon-editor";
/**
* 列表
* @returns
*/
export function tbShopExtend(params) {
return request({
url: "/tbShopExtend",
method: "get",
params
});
}
/**
* 新增单位
* @returns
*/
export function addtbShopExtend(data) {
return request({
url: `/tbShopExtend`,
method: "post",
data
});
}
/**
* 编辑详情
* @returns
*/
export function edittbShopExtend(data) {
return request({
url: '/tbShopExtend',
method: 'put',
data
})
}
/**
* 查询详情
* @returns
*/
export function querytbShopExtend(params) {
return request({
url: `/tbShopExtend/` + params,
method: "get",
});
}
/**
* 删除商品
* @returns
*/
export function deletetbShopExtend(params) {
return request({
url: "/tbShopExtend",
method: "delete",
params
});
}

47
src/api/goxcx.js
View File

@ -1,47 +0,0 @@
import request from "@/utils/request";
/**
* 列表
* @returns
*/
export function miniAppPagesget(params) {
return request({
url: "/api/miniAppPages",
method: "get",
params
});
}
/**
* 新增单位
* @returns
*/
export function miniAppPagespost(data) {
return request({
url: `/api/miniAppPages`,
method: "post",
data
});
}
/**
* 编辑详情
* @returns
*/
export function miniAppPagesput(data) {
return request({
url: '/api/miniAppPages',
method: 'put',
data
})
}
/**
* 删除商品
* @returns
*/
export function miniAppPagesdelete(params) {
return request({
url: "/api/miniAppPages/" + params,
method: "delete",
});
}

163
src/api/home.js
View File

@ -1,17 +1,17 @@
import request from "@/utils/request";
import request from '@/utils/request'
/**
* 汇总数据
* @returns
*/
export function summaryGet() {
return request({
url: "/api/summary",
method: "get",
params: {
shopId: localStorage.getItem("shopId")
}
});
return request({
url: '/api/summary',
method: 'get',
params: {
shopId: localStorage.getItem('shopId')
}
})
}
/**
@ -19,13 +19,13 @@ export function summaryGet() {
* @returns
*/
export function summaryTodayGet() {
return request({
url: "/api/summary/today",
method: "get",
params: {
shopId: localStorage.getItem("shopId")
}
});
return request({
url: '/api/summary/today',
method: 'get',
params: {
shopId: localStorage.getItem('shopId')
}
})
}
/**
@ -33,14 +33,14 @@ export function summaryTodayGet() {
* @returns
*/
export function summaryDateGet(day) {
return request({
url: "/api/summary/date",
method: "get",
params: {
shopId: localStorage.getItem("shopId"),
day: day
}
});
return request({
url: '/api/summary/date',
method: 'get',
params: {
shopId: localStorage.getItem('shopId'),
day: day
}
})
}
/**
@ -48,14 +48,14 @@ export function summaryDateGet(day) {
* @returns
*/
export function dateAmount(day) {
return request({
url: "/api/summary/dateAmount",
method: "get",
params: {
shopId: localStorage.getItem("shopId"),
day: day
}
});
return request({
url: '/api/summary/dateAmount',
method: 'get',
params: {
shopId: localStorage.getItem('shopId'),
day: day
}
})
}
/**
@ -63,17 +63,16 @@ export function dateAmount(day) {
* @returns
*/
export function dateProduct(day, page, size) {
return request({
// url: "/api/summary/dateProduct",
url: "/api/summary/productSaleDate",
method: "get",
params: {
shopId: localStorage.getItem("shopId"),
day: day,
page: page,
size: size
}
});
return request({
url: '/api/summary/dateProduct',
method: 'get',
params: {
shopId: localStorage.getItem('shopId'),
day: day,
page: page,
size: size
}
})
}
/**
@ -81,14 +80,14 @@ export function dateProduct(day, page, size) {
* @returns
*/
export function datePayType(day) {
return request({
url: "/api/summary/datePayType",
method: "get",
params: {
shopId: localStorage.getItem("shopId"),
day: day
}
});
return request({
url: '/api/summary/datePayType',
method: 'get',
params: {
shopId: localStorage.getItem('shopId'),
day: day
}
})
}
/**
@ -96,15 +95,15 @@ export function datePayType(day) {
* @returns
*/
export function daydownload(data) {
return request({
url: "/api/summary/day/download",
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
...data
},
responseType: "blob"
});
return request({
url: '/api/summary/day/download',
method: 'post',
data: {
shopId: localStorage.getItem('shopId'),
...data
},
responseType: 'blob'
})
}
/**
@ -112,14 +111,14 @@ export function daydownload(data) {
* @returns
*/
export function daycount(params) {
return request({
url: "/api/summary/day/count",
method: "get",
params: {
shopId: localStorage.getItem("shopId"),
...params
}
});
return request({
url: '/api/summary/day/count',
method: 'get',
params: {
shopId: localStorage.getItem('shopId'),
...params
}
})
}
/**
@ -127,27 +126,13 @@ export function daycount(params) {
* @returns
*/
export function summaryday(params) {
return request({
url: "/api/summary/day",
method: "get",
params: {
shopId: localStorage.getItem("shopId"),
...params
}
});
return request({
url: '/api/summary/day',
method: 'get',
params: {
shopId: localStorage.getItem('shopId'),
...params
}
})
}
/**
* 营业板块
* @returns
*/
export function summarytrade(data) {
return request({
url: "/api/summary/trade",
method: "post",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}

14
src/api/homes/record.js
View File

@ -1,14 +0,0 @@
import request from '@/utils/request'
/**
* 查询交班记录
* @returns
*/
export function tbHandoverGet(leng) {
return request({
url: leng,
method: 'get'
})
}

57
src/api/imagesPhp.js
View File

@ -1,57 +0,0 @@
import request from "@/utils/requestPhp";
// 获取图片分类
export function getcommonCategor(data) {
return request({
url: `/sourcematerial/getcommon-category`,
method: 'post',
data: data
})
}
// 获取图片
export function getcommonpicture(data) {
return request({
url: "/sourcematerial/getcommon-picture",
method: 'post',
data: data
});
}
export function storeAddcategory(data) {
return request({
url: '/sourcematerial/store-addcategory',
method: 'post',
data: {
...data
},
})
}
export function addImg(data) {
return request({
url: '/sourcematerial/add-img',
method: 'post',
data: {
...data
},
})
}
// 删除图片
export function delimg(data) {
return request({
url: '/sourcematerial/delimg',
method: 'post',
data: {
...data
},
})
}
// 删除类型
export function delcate(data) {
return request({
url: '/sourcematerial/delcate',
method: 'post',
data: {
...data
},
})
}

44
src/api/inviteFirend.js
View File

@ -1,44 +0,0 @@
import request from "@/utils/request";
/**
* 获取店铺设置
* @returns
*/
export function byShopId() {
let shopId = localStorage.getItem("shopId");
return request({
url: `/tbShopShare/byShopId`,
method: "get",
params: {
shopId: shopId
}
});
}
/**
* 分享-新增/编辑
* @returns
*/
export function tbShopShare(data) {
return request({
url: "/tbShopShare",
method: data.id ? "put" : "post",
data
});
}
/**
* 邀请记录
* @returns
*/
export function byShare(data) {
let shopId = localStorage.getItem("shopId");
return request({
url: `/tbShopShare/byShare`,
method: "post",
data: {
shopId: shopId,
...data
}
});
}

33
src/api/invoicing.js
View File

@ -71,7 +71,7 @@ export function tbProductStockDetailSum(params) {
*/
export function tbShopPurveyorGet(params) {
return request({
url: `/api/tbShopPurveyorTransact`,
url: `/api/tbShopPurveyor`,
method: "get",
params
});
@ -173,14 +173,7 @@ export function tbProductStockOperateOutAndOn(data) {
data
});
}
// 副单位
export function unittbConsInfo(params) {
return request({
url: `/api/tbConsInfo`,
method: "put",
data: params
});
}
/**
* 库存列表
* @returns
@ -248,16 +241,6 @@ export function stockStateChange(params) {
}
});
}
// 下架
export function stockStateChangess(params) {
return request({
url: `/api/stock/grounding`,
method: "put",
params: {
...params
}
});
}
// 警戒设置
export function stockStatewarnLine(params) {
return request({
@ -411,15 +394,3 @@ export function tbConsInfoinputStock(file) {
}
});
}
/**
* 供应商出入库记录
* @returns
*/
export function tbProductStockOperatepage(data) {
return request({
url: `/api/tbProductStockOperate/page`,
method: "post",
data
});
}

63
src/api/login.js
View File

@ -1,58 +1,35 @@
import request from "@/utils/request";
import request from '@/utils/request'
export function login(data) {
export function login(username, password, code, uuid) {
return request({
url: "auth/login",
method: "post",
data
});
url: 'auth/login',
method: 'post',
data: {
username,
password,
code,
uuid
}
})
}
export function getInfo() {
return request({
url: "auth/info",
method: "get"
});
}
export function changChildShop(data) {
return request({
url: "/api/tbShopInfo/changChildShop",
method: "post",
data
});
url: 'auth/info',
method: 'get'
})
}
export function getCodeImg(header) {
return request({
url: "auth/code",
method: "get"
});
}
export function getqueryChildShop(params) {
return request({
url: "api/tbShopInfo/queryChildShop",
method: "get",
params
});
url: 'auth/code',
method: 'get'
})
}
export function logout() {
return request({
url: "auth/logout",
method: "delete"
});
}
/**
* 个人中心 修改密码
* @param {*} data
* @returns
*/
export function updatePass(data) {
return request({
url: "/api/users/updatePass",
method: "post",
data
});
url: 'auth/logout',
method: 'delete'
})
}

51
src/api/notifications.js
View File

@ -1,51 +0,0 @@
import request from "@/utils/request";
// 推送店铺消息开关
export function shopState(data) {
return request({
url: "/api/msg/shopState",
method: "put",
data
});
}
export function msgall(params) {
return request({
url: "/api/msg/all",
method: "get",
params
});
}
export function msginfo(data) {
return request({
url: '/api/msg/info',
method: 'put',
data
})
}
export function state(params) {
return request({
url: "/api/msg/state",
method: "get",
params
});
}
export function delmsg(ids) {
return request({
url: '/api/msg',
method: 'delete',
data: ids
})
}
//获取订阅二维码
export function subQrCode(params) {
return request({
url: '/api/msg/subQrCode',
method: 'get',
params
})
}

83
src/api/pad.js
View File

@ -1,83 +0,0 @@
import request from "@/utils/request";
/**
* Pad商品版式布局列表
* @returns
*/
export function layoutlist(params) {
return request({
url: "/api/pad/layout/list",
method: "get",
params
});
}
/**
* 新建
* @returns
*/
export function productGroup(data) {
return request({
url: "/api/pad/productCategory",
method: "post",
data
});
}
/**
* Pad点餐列表
* @returns
*/
export function productGrouppage(params) {
return request({
url: "/api/pad/productCategory/page",
method: "get",
params
});
}
/**
* 获取详情
* @returns
*/
export function productCategoryDetail(id) {
return request({
url: `/api/pad/productCategory/${id}`,
method: "get"
});
}
/**
* 删除
* @returns
*/
export function productCategoryDelete(id) {
return request({
url: `/api/pad/productCategory/${id}`,
method: "DELETE"
});
}
/**
* 修改
* @returns
*/
export function productGroupPut(data) {
return request({
url: "/api/pad/productCategory",
method: "put",
data
});
}
/**
* 拖动排序
* @returns
*/
export function productCategorySort(data) {
return request({
url: "/api/pad/productCategory/sort",
method: "post",
data
});
}

109
src/api/points.js
View File

@ -1,109 +0,0 @@
import request from "@/utils/request";
// 会员积分
/**
* 基本设置-获取店铺设置
* @returns
*/
export function basicSettingGet() {
let shopId = localStorage.getItem("shopId");
return request({
url: `/api/points/basic-setting/${shopId}`,
method: "get"
});
}
/**
* 基本设置-保存
* @returns
*/
export function basicSettingPost(data) {
return request({
url: "/api/points/basic-setting",
method: "post",
data
});
}
/**
* 商品设置-新增/编辑
* @returns
*/
export function goodsSettingAdd(data) {
return request({
url: "/api/points/goods-setting",
method: data.id ? "put" : "post",
data
});
}
/**
* 商品设置-删除
* @returns
*/
export function goodsDelete(id) {
return request({
url: `/api/points/goods-setting/${id}`,
method: "DELETE"
});
}
/**
* 商品设置-列表
* @returns
*/
export function goodsSettingPage(params) {
let shopId = localStorage.getItem("shopId");
return request({
url: `/api/points/goods-setting/page`,
method: "get",
params: {
...params,
shopId: shopId
}
});
}
/**
* 兑换记录-列表
* @returns
*/
export function exchangeRecordPage(params) {
let shopId = localStorage.getItem("shopId");
return request({
url: `/api/points/exchange-record/page`,
method: "get",
params: {
...params,
shopId: shopId
}
});
}
/**
* 兑换记录-统计
* @returns
*/
export function exchangeRecordTotal(params) {
let shopId = localStorage.getItem("shopId");
return request({
url: `/api/points/exchange-record/total`,
method: "get",
params: {
...params,
shopId: shopId
}
});
}
/**
* 兑换记录-核销
* @returns
*/
export function recordCheckout(data) {
return request({
url: "/api/points/exchange-record/checkout",
method: "post",
data
});
}

8
src/api/securitySetting.js
View File

@ -18,11 +18,3 @@ export function modfiyUserInfo(data) {
data,
});
}
// 校验安全密码
export function tbShopInfoPUT(data) {
return request({
url: "/api/tbShopInfo",
method: 'put',
data
})
}

25
src/api/setting.js
View File

@ -11,31 +11,6 @@ export function tbShopPayTypeGet(params) {
params
});
}
// 同步数据提交
export function getsync(data) {
return request({
url: "/api/tbShopSyncInfo/sync",
method: "post",
data,
});
}
// 撤销同步
export function setclear(data) {
return request({
url: "/api/tbShopSyncInfo/clear",
method: "post",
data,
});
}
// 同步数据列表
export function gettbShopSyncInfo(params) {
return request({
url: "/api/tbShopSyncInfo",
method: "get",
params
});
}
/**
* 更改/增加支付方式

282
src/api/shop.js
View File

@ -6,7 +6,7 @@ import request from "@/utils/request";
*/
export function tbProduct(params) {
return request({
url: "/api/tbProduct/list",
url: "/api/tbProduct",
method: "get",
params
});
@ -417,17 +417,6 @@ export function modityActivate(data) {
});
}
/**
* 新增、修改活动 新的！
* @returns
*/
export function storageupActivate(data) {
return request({
url: `/shop/storage/upActivate`,
method: "post",
data
});
}
/**
* 活动列表
* @returns
@ -439,14 +428,7 @@ export function findActivate(params) {
params
});
}
// 获取店铺会员二维码
export function getwxacode(data) {
return request({
url: `/shop/storage/getwxacode`,
method: "post",
data
});
}
/**
* 商家用户列表
* @returns
@ -476,6 +458,7 @@ export function queryAllShopInfo(params) {
});
}
/**
* 修改商品排序
* @returns
@ -512,6 +495,7 @@ export function upCategorySort(data) {
});
}
/**
* 查询店铺充值记录
* @returns
@ -535,266 +519,10 @@ export function downloadTableRecharge(data) {
return request({
url: `/api/tbShopUser/recharge/download`,
method: "post",
data: {
data:{
shopId: localStorage.getItem("shopId"),
...data
},
responseType: "blob"
});
}
/**
* 员工列表
* @returns
*/
export function tbPlussShopStaffGet(params) {
return request({
url: `/api/tbPlussShopStaff`,
method: "get",
params: {
shopId: localStorage.getItem("shopId"),
...params
}
});
}
/**
* 角色列表
* @returns
*/
export function rolesGet() {
return request({
url: `/api/roles`,
method: "get"
});
}
/**
* 增加员工
* @returns
*/
export function tbPlussShopStaff(data) {
return request({
url: `/api/tbPlussShopStaff`,
method: data.id ? "put" : "post",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
export function tbShopPermissionlist(params) {
return request({
url: `/api/tbShopPermission/list`,
method: "get",
params
});
}
export function getHasPermission(params) {
return request({
url: `/api/tbShopPermission/hasPermission`,
method: "get",
params
});
}
/**
* 通过id获取员工信息
* @returns
*/
export function tbPlussShopStaffDetail(id) {
return request({
url: `/api/tbPlussShopStaff/${id}`,
method: "get"
});
}
/**
* 更改员工状态
* @returns
*/
export function updateStatus(data) {
return request({
url: `/api/tbPlussShopStaff/updateStatus`,
method: "put",
data
});
}
// 叫号记录
export function callRecord(params) {
return request({
url: `/callTable/callRecord`,
method: "get",
params
});
}
export function callTablecall(data) {
return request({
url: `/callTable/call`,
method: "post",
data
});
}
// 删除桌型
export function callTabledelete(data) {
return request({
url: `/callTable`,
method: "delete",
data
});
}
export function callTablepost(data) {
return request({
url: "/callTable",
method: "post",
data
});
}
// 桌型列表
export function callTable(params) {
return request({
url: `/callTable`,
method: "get",
params
});
}
// 修改桌号
export function callTabledataput(data) {
return request({
url: `/callTable`,
method: "put",
data
});
}
// 叫号列表
export function callTablequeue(params) {
return request({
url: "/callTable/queue",
method: "get",
params
});
}
// 取消叫号
export function callTableput(data) {
return request({
url: `/callTable/updateState`,
method: "put",
data
});
}
export function callTabletakeNumber(data) {
return request({
url: "/callTable/takeNumber",
method: "post",
data: {
...data
}
});
}
// 叫号配置获取
export function callTableconfig(params) {
return request({
url: "/callTable/config",
method: "get",
params
});
}
// 叫号配置修改
export function callTableconfigput(data) {
return request({
url: `/callTable/config`,
method: "put",
data
});
}
/**
* 员工删除
* @returns
*/
export function shopStaffDelete(data) {
return request({
url: `/api/tbPlussShopStaff`,
method: "delete",
data
});
}
//增减余额
export function midfiyAccount(data) {
return request({
url: `/api/tbShopUser/midfiyAccount`,
method: "post",
data
});
}
// 编辑用户
export function tbShopUseredit(data) {
return request({
url: `/api/tbShopUser`,
method: "put",
data
});
}
// 通过活动id获取赠送商品列表
export function activate(id) {
return request({
url: `shop/storage/activate/${id}`,
method: "get"
});
}
// 通过活动id获取赠送商品列表
export function queryShopUserFlow(params) {
return request({
url: `/api/tbShopUser/queryShopUserFlow`,
method: "get",
params
});
}
// 商品列表 V2
export function tbProductListV2(data) {
return request({
url: `/api/tbProduct/list/v2`,
method: "post",
data
});
}
// 修改商品相关(快捷接口）
export function updateProductData(data) {
return request({
url: `/api/stock/updateProductData`,
method: "post",
data
});
}
// 商品库存统计列表 统计
export function tbProductStockDetailStockCount(data) {
return request({
url: `/api/tbProductStockDetail/stock/count`,
method: "post",
data
});
}
// 商品库存记录列表
export function tbProductStockDetailStock(data) {
return request({
url: `/api/tbProductStockDetail/stock`,
method: "post",
data
});
}
// 商品库存记录列表
export function stockWarnLine(data) {
return request({
url: `/api/stock/warnLine`,
method: "PUT",
data
});
}

451
src/api/table.js
View File

@ -1,11 +1,6 @@
// 桌台管理
import request from '@/utils/request'
// 就餐形式，默认堂食后付费
const useType = 'dine-in-after'
function getUseType() {
const type = localStorage.getItem('useType')
return type || useType
}
import request from "@/utils/request";
/**
* 台桌列表
* @returns
@ -13,51 +8,9 @@ function getUseType() {
export function tbShopTableGet(params) {
return request({
url: `/api/tbShopTable`,
method: 'get',
params: {
shopId: localStorage.getItem('shopId'),
...params
}
})
}
/**
* 获取预约台桌列表
* @returns
*/
export function getShopTableList(params) {
return request({
url: `/api/booking/shop-table/list`,
method: 'get',
params: {
shopId: localStorage.getItem('shopId'),
...params
}
})
}
/**
* 预约
* @returns
*/
export function makeShopTable(data) {
return request({
url: `/api/booking/shop-table`,
method: 'post',
data
})
}
/**
* 标记预约状态
* @returns
*/
export function markStatus(data) {
return request({
url: `/api/booking/shop-table/mark-status`,
method: 'post',
data
})
method: "get",
params
});
}
/**
@ -67,7 +20,7 @@ export function markStatus(data) {
export function tbShopAreaGet(params) {
return request({
url: `/api/tbShopArea`,
method: 'get',
method: "get",
params
});
}
@ -165,395 +118,3 @@ export function summaryTableDownload(data) {
});
}
/**
* 获取当前台桌订单信息
* @returns
*/
export function getCart(params) {
return request({
url: `/api/place/cart`,
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...params
}
});
}
/**
* 已上架商品列表
* @returns
*/
export function getGoodsLists(params) {
return request({
url: `/api/place/activate`,
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
...params
}
});
}
/**
* 点单
* @returns
*/
export function addCart(data) {
return request({
url: `/api/place/addCart`,
method: "post",
data:{
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...data
}
});
}
/**
* 清空购物车/支付订单
* @returns
*/
export function $clearCart(data) {
return request({
url: `/api/place/clearCart`,
method: "delete",
data:{
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...data
}
});
}
/**
* 删除购物车某个商品
* @returns
*/
export function $removeCart(data) {
return request({
url: `/api/place/removeCart`,
method: "delete",
data:{
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...data
}
});
}
/**
* 更新规格
* @returns
*/
export function $updateCart(data) {
return request({
url: `/api/place/updateCart`,
method: "put",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
/**
* 批量打包
* @returns
*/
export function $allPack(data) {
return request({
url: `/api/place/pack`,
method: "put",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
/**
* 获取取餐号
* @returns
*/
export function $getMasterId(data) {
return request({
url: `/api/place/masterId`,
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...data
}
});
}
/**
* 支付方式获取
* @returns
*/
export function $getPayType(data) {
return request({
url: `/api/place/payType`,
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
/**
* 创建订单
* @returns
*/
export function $createOrder(data) {
return request({
url: `/api/place/order`,
method: "post",
data:{
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...data
}
});
}
/**
* 挂起订单
* @returns
*/
export function $cacheOrder(data) {
return request({
url: `/api/place/pending`,
method: "post",
data:{
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...data
}
});
}
/**
* 获取已挂起订单
* @returns
*/
export function $getCacheOrder(data) {
return request({
url: `/api/place/pending/cart`,
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...data
}
});
}
// 会员点单/取消会员点单
export function $setUser(data) {
return request({
url: `/api/place/updateVip`,
method: "put",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 删除订单
export function $delOrder(data) {
return request({
url: `/api/place/order`,
method: "delete",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 支付订单
export function $payOrder(data) {
return request({
url: '/api/place/pay',
method: "put",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//退单
export function $returnCart(data) {
return request({
url: '/api/place/returnCart',
method: "put",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 选择台桌
export function $choseTable(data) {
return request({
url: '/api/place/choseTable',
method: "put",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 用餐人数
export function $choseCount(data) {
return request({
url: '/api/place/choseCount',
method: "put",
data:{
shopId: localStorage.getItem("shopId"),
useType: getUseType(),
...data
}
});
}
// 批量生成台桌
export function $fastCreateTable(data) {
return request({
url: '/api/tbShopTable/generate',
method: "post",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//打印当前台桌订单
export function $printOrder(data) {
return request({
url: '/api/place/printOrder',
method: "post",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//打印当前台桌菜品
export function $printDishes(data) {
return request({
url: '/api/place/printDishes',
method: "post",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 就餐模式切换
export function $changeUseType(data) {
return request({
url: '/api/place/choseModel',
method: "put",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//店铺订单支付获取链接
export function $getOrderPayUrl(data) {
return request({
url: '/api/shopPayApi/getOrderPayUrl',
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//退款
export function $returnOrder(data) {
return request({
url: '/api/place/returnOrder',
method: "post",
data:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//获取台桌详情状态
export function $returnTableDetail(data) {
return request({
url: '/api/tbShopTable/state',
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//获取订单可用优惠券
export function $activateByOrderId(data) {
return request({
url: '/api/tbShopCoupon/activateByOrderId',
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//会员积分列表
export function $returnMemberPointsList(data) {
return request({
url: '/api/points/member-points/page',
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 会员积分账户信息
export function $returnMemberPoints(memberId) {
return request({
url: '/api/points/member-points/'+memberId,
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
//002-获取订单可用积分及抵扣金额（支付页面使用）
export function $calcUsablePoints(data) {
return request({
url: '/api/points/member-points/calc-usable-points',
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}
// 003-根据积分计算可抵扣金额
export function $calcDeDuctionPoints(data) {
return request({
url: '/api/points/member-points/calc-deduction-amount',
method: "get",
params:{
shopId: localStorage.getItem("shopId"),
...data
}
});
}

52
src/api/version.js
View File

@ -1,52 +0,0 @@
import $api from './class-api'
import request from '@/utils/request'
export const $version = new $api('/api/tbVersion')
/**
* 修改当前选中 版本
* @returns
*/
export function $upSel(data) {
return request({
url: 'api/tbVersion/upSel',
method: "put",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}
/**
* 上传版本文件
* @returns
*/
export function $uploadVersionFile(file, par) {
var data = new FormData()
data.append('file', file)
for(let i in par){
if(i!=='file'){
data.append(i, par[i])
}
}
return request({
url: 'api/qiNiuContent/uploadVersionFile',
method: "post",
data
});
}
/**
* 修改当前选中 版本
* @returns
*/
export function $getCredentials(data) {
return request({
url: 'api/qiNiuContent/getCredentials',
method: "get",
data: {
shopId: localStorage.getItem("shopId"),
...data
}
});
}

BIN
src/assets/images/1024.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
src/assets/images/data_home_bg1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 29 KiB

BIN
src/assets/images/data_home_item1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

BIN
src/assets/images/data_home_item1_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/assets/images/data_home_item2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

BIN
src/assets/images/data_home_item2_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 919 B

BIN
src/assets/images/data_home_item3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

BIN
src/assets/images/data_home_item3_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/assets/images/data_home_item4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/assets/images/data_home_item4_icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/assets/images/default_logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.0 KiB

BIN
src/assets/images/home/data_forms1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 38 KiB

BIN
src/assets/images/home/data_forms2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 38 KiB

BIN
src/assets/images/home/data_forms3.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 39 KiB

BIN
src/assets/images/home/data_forms4.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 29 KiB

BIN
src/assets/images/img_download_error.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
src/assets/images/perpole.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 877 B

BIN
src/assets/images/scan.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

BIN
src/assets/images/shalou.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 412 B

BIN
src/assets/images/shop_editor_bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 99 KiB

6
src/assets/styles/element-variables.scss
View File

@ -6,7 +6,7 @@
/* theme color */
$--color-primary: #1890ff;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-warning: #FFBA00;
$--color-danger: #ff4949;
// $--color-info: #1E1E1E;
@ -17,10 +17,10 @@ $--button-font-weight: 400;
$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;
$--table-border: 1px solid#dfe6ec;
$--table-border:1px solid#dfe6ec;
/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "../../../node_modules/element-ui/packages/theme-chalk/src/index";

4
src/assets/styles/index.css
View File

@ -139,7 +139,7 @@
height: 100%;
position: fixed;
font-size: 0;
top: 60px;
top: 0;
bottom: 0;
left: 0;
z-index: 1001;
@ -159,7 +159,7 @@
height: 100%;
}
#app .sidebar-container.has-logo .el-scrollbar {
height: calc(100% - 110px);
height: calc(100% - 50px);
}
#app .sidebar-container .is-horizontal {
display: none;

4
src/assets/styles/sidebar.scss
View File

@ -14,7 +14,7 @@
height: 100%;
position: fixed;
font-size: 0;
top: 60px;
top: 0;
bottom: 0;
left: 0;
z-index: 1001;
@ -39,7 +39,7 @@
&.has-logo {
.el-scrollbar {
height: calc(100% - 110px);
height: calc(100% - 50px);
}
}

384
src/assets/styles/util.scss
View File

@ -1,384 +0,0 @@
.u-relative,
.u-rela,
.relative {
position: relative;
}
.u-absolute,
.u-abso,
.absolute {
position: absolute;
}
.u-fixed,
.u-fix {
position: fixed;
}
// nvue不能用标签命名样式，不能放在微信组件中，否则微信开发工具会报警告，无法使用标签名当做选择器
/* #ifndef APP-NVUE */
image {
display: inline-block;
}
// 在weex，也即nvue中，所有元素默认为border-box
view,
text {
box-sizing: border-box;
}
/* #endif */
.u-font-xs {
font-size: 11px;
}
.u-font-sm {
font-size: 13px;
}
.u-font-md {
font-size: 14px;
}
.u-font-lg {
font-size: 15px;
}
.u-font-xl {
font-size: 17px;
}
.flex {
display: flex;
flex-direction: row;
align-items: center;
}
.u-flex {
display: flex;
flex-direction: row;
align-items: center;
}
.u-flex-wrap {
flex-wrap: wrap;
}
.u-flex-nowrap {
flex-wrap: nowrap;
}
.free-price {
text-decoration: line-through;
color: #999;
}
.cur-pointer{
cursor: pointer;
}
.u-col-center {
align-items: center;
}
.u-col-top {
align-items: flex-start;
}
.u-col-bottom {
align-items: flex-end;
}
.u-row-center {
justify-content: center;
}
.u-row-left {
justify-content: flex-start;
}
.u-row-right {
justify-content: flex-end;
}
.u-row-between {
justify-content: space-between;
}
.u-row-around {
justify-content: space-around;
}
.u-text-left {
text-align: left;
}
.u-text-center {
text-align: center;
}
.u-text-right {
text-align: right;
}
.u-flex-col {
display: flex;
flex-direction: column;
}
// 定义flex等分
@for $i from 0 through 12 {
.u-flex-#{$i} {
flex: $i;
}
}
// 定义字体(px)单位，小于20都为px单位字体
@for $i from 9 to 20 {
.u-font-#{$i} {
font-size: $i + px;
}
}
// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
@for $i from 20 through 40 {
.u-font-#{$i} {
font-size: $i + px;
}
}
// 定义内外边距，历遍1-80
@for $i from 0 through 80 {
// 只要双数和能被5除尽的数
@if $i % 2==0 or $i % 5==0 {
// 得出：u-margin-30或者u-m-30
.u-margin-#{$i},
.u-m-#{$i} {
margin: $i + px !important;
}
// 得出：u-padding-30或者u-p-30
.u-padding-#{$i},
.u-p-#{$i} {
padding: $i + px !important;
}
@each $short, $long in l left, t top, r right, b bottom {
// 缩写版，结果如： u-m-l-30
// 定义外边距
.u-m-#{$short}-#{$i} {
margin-#{$long}: $i + px !important;
}
// 定义内边距
.u-p-#{$short}-#{$i} {
padding-#{$long}: $i + px !important;
}
// 完整版，结果如：u-margin-left-30
// 定义外边距
.u-margin-#{$long}-#{$i} {
margin-#{$long}: $i + px !important;
}
// 定义内边距
.u-padding-#{$long}-#{$i} {
padding-#{$long}: $i + px !important;
}
}
}
}
// 重置nvue的默认关于flex的样式
.u-reset-nvue {
flex-direction: row;
align-items: center;
}
/* start--文本行数限制--start */
.u-line-1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.u-line-2 {
-webkit-line-clamp: 2;
}
.u-line-3 {
-webkit-line-clamp: 3;
}
.u-line-4 {
-webkit-line-clamp: 4;
}
.u-line-5 {
-webkit-line-clamp: 5;
}
.u-line-2,
.u-line-3,
.u-line-4,
.u-line-5 {
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; // 弹性伸缩盒
-webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}
/* end--文本行数限制--end */
/* start--不同颜色文字--start */
.color-333 {
color: #333;
}
.color-666 {
color: #666;
}
.color-999 {
color: #999;
}
.color-red {
color: rgb(250, 85, 85);
}
/* end--不同颜色文字--end */
.tranistion {
transition: all .3s ease-in-out;
}
.tranistion-1 {
transition: all .1s ease-in-out;
}
.tranistion-2 {
transition: all .2s ease-in-out;
}
.font-bold {
font-weight: 700;
}
.font-600 {
font-weight: 600;
}
.bg-gray {
background-color: #F9F9F9;
}
.w-full {
width: 100%;
}
.gap-10 {
gap: 10px;
}
.gap-20 {
gap: 20px;
}
.color-aaa {
color: #aaa;
}
.color-000 {
color: #000;
}
.color-fff {
color: #fff;
}
.bg-fff {
background-color: #fff;
}
.bg-gray {
background-color: #F9F9F9;
}
.overflow-hide {
overflow: hidden;
}
.no-wrap {
white-space: nowrap;
}
.border-r-12 {
border-radius: 12px;
}
.border-r-18 {
border-radius: 18px;
}
.border-top {
border-top: 1px solid #E5E5E5;
}
.border-bottom {
border-bottom: 1px solid #E5E5E5;
}
.scale7 {
transform: scale(0.7);
}
.position-all {
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lh16 {
line-height: 16px;
}
.default-box-padding {
padding: 16px 14px;
}
.zIndex-999 {
z-index: 999;
}
.icon-default-size {
width: 14px;
height: 14px;
}
.filter-gray {
filter: grayscale(1);
}
.youhui-tips.el-tooltip__popper {
background: #fff;
min-width: 150px;
border-radius: 4px;
border: 1px solid #ebeef5 !important;
padding: 12px;
color: #606266;
line-height: 1.4;
text-align: justify;
font-size: 14px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
word-break: break-all;
}
.youhui-tips.el-tooltip__popper[x-placement^="top"] .popper__arrow:after,
.youhui-tips.el-tooltip__popper[x-placement^="top"] .popper__arrow {
border-top-color: #fff;
}

12
src/assets/styles/variables.scss
View File

@ -9,15 +9,15 @@ $yellow: #fec171;
$panGreen: #30b08f;
// sidebar
$menuText: #999;
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$subMenuActiveText: #555; // https://github.com/ElemeFE/element/issues/12951
$subMenuActiveText: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951
$menuBg: #fff;
$menuHover: rgba(121, 145, 188, 0.18);
$menuBg: #333;
$menuHover: #444;
$subMenuBg: #fff;
$subMenuHover: rgba(121, 145, 188, 0.18);
$subMenuBg: #444;
$subMenuHover: #555;
$sideBarWidth: 205px;

9
src/components/Breadcrumb/index.vue
View File

@ -1,10 +1,8 @@
<template>
<el-breadcrumb class="app-breadcrumb" separator="/">
<transition-group name="breadcrumb">
<el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
<span v-if="item.redirect === 'noredirect' || index == levelList.length - 1" class="no-redirect">{{
item.meta.title
}}</span>
<el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
<span v-if="item.redirect==='noredirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
<a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
</el-breadcrumb-item>
</transition-group>
@ -39,7 +37,7 @@ export default {
const first = matched[0]
if (!this.isDashboard(first)) {
matched = [{ path: '/', meta: { title: '首页' } }].concat(matched)
matched = [{ path: '/dashboard', meta: { title: '首页' }}].concat(matched)
}
this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
@ -75,7 +73,6 @@ export default {
font-size: 14px;
line-height: 50px;
margin-left: 8px;
.no-redirect {
color: #97a8be;
cursor: text;

175
src/components/coupon/index.vue
View File

@ -1,175 +0,0 @@
<template>
<el-dialog title="选择优惠劵" top="5vh" :visible.sync="dialogVisible">
<div class="head-container">
<el-table ref="table" :data="tableData.list" height="500" v-loading="tableData.loading">
<!-- <el-table-column type="selection" width="55" align="center" v-if="!radio"></el-table-column> -->
<el-table-column label="名称" prop="title" />
<el-table-column label="使用门槛">
<template v-slot="scope">
{{ `满${scope.row.fullAmount}${scope.row.discountAmount ? '减' + scope.row.discountAmount + '元' :
''}` }}
</template>
</el-table-column>
<el-table-column label="总发放数量" prop="number" />
<el-table-column label="已使用" prop="useNumber" />
<el-table-column label="剩余" prop="leftNumber" />
<el-table-column label="操作">
<template v-slot="scope">
<el-button type="primary" @click="selectHandle(scope.row)">选择</el-button>
</template>
</el-table-column>
</el-table>
</div>
<el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
@current-change="paginationChange" @size-change="sizeChange"
layout="total, sizes, prev, pager, next, jumper"></el-pagination>
<span slot="footer" class="dialog-footer" v-if="!radio">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="confirmHandle">确 定</el-button>
</span>
</el-dialog>
</template>
<script>
import { getTbShopCoupon, delTbShopCoupon } from '@/api/coupon'
export default {
props: {
// 是否为单选
radio: {
type: Boolean,
default: false
}
},
data() {
return {
dialogVisible: false,
searhForm: {
name: '',
category: ''
},
categoryList: [],
tableData: {
page: 0,
size: 10,
total: 0,
loading: false,
list: []
},
goods: []
}
},
methods: {
// 单选商品
selectHandle(row) {
this.$emit('success', [{ ...row }])
this.close()
},
// 确定选商品
confirmHandle() {
let res = this.$refs.table.selection
this.$emit('success', res)
this.close()
},
// 重置查询
resetHandle() {
this.searhForm.name = ''
this.searhForm.category = ''
this.tableData.page = 0
this.tableData.size = 10
this.tableData.list = []
this.getTableData()
},
// 分页大小改变
sizeChange(e) {
this.tableData.size = e
this.getTableData()
},
// 分页回调
paginationChange(e) {
this.tableData.page = e - 1
this.getTableData()
},
// 商品列表
async getTableData() {
this.tableData.loading = true
try {
const res = await getTbShopCoupon({
page: this.tableData.page,
size: this.tableData.size,
name: this.searhForm.name,
categoryId: this.searhForm.category,
shopId: localStorage.getItem('shopId'),
sort: 'id',
})
this.tableData.list = res.content
this.tableData.total = res.totalElements
if (this.goods.length) {
this.$nextTick(() => {
this.selection()
})
}
setTimeout(() => {
this.tableData.loading = false
}, 500);
} catch (error) {
console.log(error)
}
},
// 商品分类
async tbShopCategoryGet() {
try {
const res = await getTbShopCoupon({
page: 0,
size: 100,
sort: 'id',
shopId: localStorage.getItem('shopId')
})
this.categoryList = res.content
} catch (error) {
console.log(error)
}
},
async show(goods, categoryId) {
this.dialogVisible = true
if (goods && goods.length) {
this.goods = goods
} else {
this.goods = []
}
this.resetHandle()
console.log(categoryId);
if (categoryId) {
this.searhForm.category = categoryId
}
console.log(this.searhForm);
},
close() {
this.dialogVisible = false
},
selection() {
this.goods.forEach(row => {
this.tableData.list.forEach((item, index) => {
if (row.id == item.id) {
this.$refs.table.toggleRowSelection(this.tableData.list[index]);
}
})
});
}
}
}
</script>
<style scoped lang="scss">
.shop_info {
display: flex;
align-items: center;
span {
margin-left: 10px;
}
}
</style>

54
src/components/shopList/index.vue
View File

@ -1,11 +1,11 @@
<template>
<el-dialog title="选择商品" top="5vh" :visible.sync="dialogVisible">
<el-dialog title="选择商品" :visible.sync="dialogVisible" @open="resetHandle()">
<el-form :model="searhForm" inline>
<el-form-item>
<el-input v-model="searhForm.name" placeholder="商品名称"></el-input>
</el-form-item>
<el-form-item>
<el-select v-model="searhForm.category" placeholder="商品分类" :disabled="disableCategory">
<el-select v-model="searhForm.category" placeholder="商品分类">
<el-option :label="item.name" :value="item.id" v-for="item in categoryList"
:key="item.id"></el-option>
</el-select>
@ -16,8 +16,8 @@
</el-form-item>
</el-form>
<div class="head-container">
<el-table ref="table" :data="tableData.list" height="500" v-loading="tableData.loading">
<el-table-column type="selection" width="55" align="center" v-if="!radio"></el-table-column>
<el-table ref="table" :data="tableData.list" v-loading="tableData.loading">
<el-table-column type="selection" width="55" align="center"></el-table-column>
<el-table-column label="商品信息">
<template v-slot="scope">
<div class="shop_info">
@ -36,11 +36,11 @@
</template>
</el-table-column> <el-table-column label="是否售罄">
<template v-slot="scope">
{{ scope.row.isPauseSale == 1 ? '是' : '否' }}
{{ scope.row.isPauseSale == 1?'是':'否' }}
</template>
</el-table-column> <el-table-column label="是否分销">
<template v-slot="scope">
{{ scope.row.isDistribute == 1 ? '是' : '否' }}
{{ scope.row.isDistribute == 1?'是':'否' }}
</template>
</el-table-column>
<el-table-column label="售价">
@ -54,17 +54,12 @@
</template>
</el-table-column>
<el-table-column label="分类名称" prop="categoryName"></el-table-column>
<el-table-column label="操作" v-if="radio">
<template v-slot="scope">
<el-button type="primary" @click="selectHandle(scope.row)">选择</el-button>
</template>
</el-table-column>
</el-table>
</div>
<el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
@current-change="paginationChange" @size-change="sizeChange"
layout="total, sizes, prev, pager, next, jumper"></el-pagination>
<span slot="footer" class="dialog-footer" v-if="!radio">
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="confirmHandle">确 定</el-button>
</span>
@ -74,18 +69,6 @@
<script>
import { tbShopCategoryGet, tbProduct } from "@/api/shop";
export default {
props: {
// 是否禁用分类
disableCategory: {
type: Boolean,
default: false
},
// 是否为单选
radio: {
type: Boolean,
default: false
}
},
data() {
return {
dialogVisible: false,
@ -105,11 +88,6 @@ export default {
}
},
methods: {
// 单选商品
selectHandle(row) {
this.$emit('success', [{ ...row }])
this.close()
},
// 确定选商品
confirmHandle() {
let res = this.$refs.table.selection
@ -146,8 +124,6 @@ export default {
categoryId: this.searhForm.category,
shopId: localStorage.getItem('shopId'),
sort: 'id',
createdAt: [],
sort: 'createdAt,desc'
})
this.tableData.list = res.content
this.tableData.total = res.totalElements
@ -178,7 +154,7 @@ export default {
console.log(error)
}
},
async show(goods, categoryId) {
show(goods) {
this.dialogVisible = true
if (goods && goods.length) {
this.goods = goods
@ -186,18 +162,8 @@ export default {
this.goods = []
}
this.resetHandle()
console.log(categoryId);
if (categoryId) {
this.searhForm.category = categoryId
}
console.log(this.searhForm);
await this.tbShopCategoryGet()
await this.getTableData()
this.tbShopCategoryGet()
this.getTableData()
},
close() {
this.dialogVisible = false

22
src/components/uploadImg/index.vue
View File

@ -36,7 +36,7 @@ export default {
dialogImageUrl: '',
dialogVisible: false,
fileList: [],
// files: [],
files: [],
headers: {
'Authorization': getToken()
}
@ -45,13 +45,7 @@ export default {
methods: {
handleSuccess(response, file, fileList) {
// console.log('上传成功', response)
setTimeout(() => {
this.fileList.push({
url: response.data[0],
id: response.data.id
})
}, 100);
// this.files = response.data
this.files = response.data
this.$emit('success', response.data)
},
// 监听上传失败
@ -75,9 +69,6 @@ export default {
},
handleRemove(file, fileList) {
let arr = fileList.map(item => item.url)
// 删除数据
let index = this.fileList.findIndex(ele => ele.url == file.url)
this.fileList.splice(index, 1);
this.$emit('remove', arr)
},
clearFiles() {
@ -85,11 +76,4 @@ export default {
}
}
}
</script>
<style>
.el-upload-list__item {
transition: none;
}
</style>
</script>

4
src/layout/components/AppMain.vue
View File

@ -38,7 +38,7 @@ export default {
}
.fixed-header+.app-main {
padding-top: 140px;
padding-top: 50px;
}
.hasTagsView {
@ -48,7 +48,7 @@ export default {
}
.fixed-header+.app-main {
padding-top: 140px;
padding-top: 84px;
}
}
</style>

125
src/layout/components/Navbar.vue
View File

@ -16,62 +16,31 @@
<size-select id="size-select" class="right-menu-item hover-effect" />
</el-tooltip>
</template> -->
<!-- <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">
<div class="avatar-wrapper">
<img :src="logo || Avatar" class="user-avatar">
<i class="el-icon-caret-bottom" />
<!-- <i class="el-icon-caret-bottom" /> -->
<span class="shop_name">{{ shopName }}</span>
</div>
<el-dropdown-menu slot="dropdown">
<span style="display:block;" @click="show = true">
<!-- <span style="display:block;" @click="show = true">
<el-dropdown-item>
布局设置
</el-dropdown-item>
</span>
</span> -->
<router-link to="/shop/shop/shop_configuration">
<el-dropdown-item>
个人中心
</el-dropdown-item>
</router-link>
<span @click="dialogVisible = true">
<el-dropdown-item>
修改密码
</el-dropdown-item>
</span>
<span style="display:block;" @click="open">
<el-dropdown-item divided>
退出登录
</el-dropdown-item>
</span>
</el-dropdown-menu>
</el-dropdown> -->
</el-dropdown>
</div>
<el-dialog title="修改密码" modal-append-to-body append-to-body :visible.sync="dialogVisible" width="400px">
<el-form ref="form" :model="form" :rules="rules">
<el-form-item label="旧密码" prop="oldPass">
<el-input :type="ip1Type" v-model="form.oldPass" placeholder="请输入旧密码">
<i slot="suffix" :class="`el-input__icon ${ip1Type == 'text' ? 'el-icon-view' : 'el-icon-remove-outline'}`"
@click.stop="changeInputType('ip1Type')"></i>
</el-input>
</el-form-item>
<el-form-item label="新密码" prop="newPass">
<el-input :type="ip2Type" v-model="form.newPass" placeholder="请输入新密码">
<i slot="suffix" :class="`el-input__icon ${ip2Type == 'text' ? 'el-icon-view' : 'el-icon-remove-outline'}`"
@click.stop="changeInputType('ip2Type')"></i>
</el-input>
</el-form-item>
<el-form-item label="确认新密码" prop="rnewPass">
<el-input :type="ip3Type" v-model="form.rnewPass" placeholder="请再次输入新密码">
<i slot="suffix" :class="`el-input__icon ${ip3Type == 'text' ? 'el-icon-view' : 'el-icon-remove-outline'}`"
@click.stop="changeInputType('ip3Type')"></i>
</el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" :loading="formLoading" @click="submitHandle">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
@ -84,8 +53,6 @@ import Screenfull from '@/components/Screenfull'
import SizeSelect from '@/components/SizeSelect'
import Search from '@/components/HeaderSearch'
import Avatar from '@/assets/images/avatar.png'
import { updatePass } from '@/api/login.js'
import { encrypt } from '@/utils/rsaEncrypt'
export default {
components: {
@ -97,61 +64,11 @@ export default {
Doc
},
data() {
const validateNewPass = (rule, value, callback) => {
if (!this.form.newPass) {
callback(new Error(' '))
} else if (this.form.newPass === this.form.oldPass) {
callback(new Error('请输入与旧密码不同的新密码'))
} else {
callback()
}
}
const validateRnewPass = (rule, value, callback) => {
if (!this.form.rnewPass) {
callback(new Error(' '))
} else if (this.form.rnewPass !== this.form.newPass) {
callback(new Error('两次密码输入不一致'))
} else {
callback()
}
}
return {
Avatar: Avatar,
dialogVisible: false,
logo: localStorage.getItem('logo'),
shopName: localStorage.getItem('shopName'),
ip1Type: 'password',
ip2Type: 'password',
ip3Type: 'password',
formLoading: false,
form: {
oldPass: '',
newPass: '',
rnewPass: ''
},
rules: {
oldPass: [
{
required: true,
message: ' ',
trigger: 'blur'
}
],
newPass: [
{
required: true,
validator: validateNewPass,
trigger: 'blur'
}
],
rnewPass: [
{
required: true,
validator: validateRnewPass,
trigger: 'blur'
}
]
}
shopName: localStorage.getItem('shopName')
}
},
computed: {
@ -174,36 +91,6 @@ export default {
}
},
methods: {
// 修改密码框类型
changeInputType(key) {
if (this[key] == 'text') {
this[key] = 'password'
} else {
this[key] = 'text'
}
},
// 提交修改密码
submitHandle() {
this.$refs.form.validate(async vaild => {
if (vaild) {
try {
this.formLoading = true
const res = await updatePass({
loginType: localStorage.getItem('loginType'),
oldPass: encrypt(this.form.oldPass),
newPass: this.form.newPass
})
this.$notify.success('修改成功，请重新登陆')
setTimeout(() => {
this.logout()
}, 1000)
} catch (error) {
this.formLoading = false
console.log(error);
}
}
})
},
toggleSideBar() {
this.$store.dispatch('app/toggleSideBar')
},

148
src/layout/components/Sidebar/Logo.vue
View File

@ -1,55 +1,20 @@
<template>
<div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
<div class="sidebar-logo-container" :class="{'collapse':collapse}">
<transition name="sidebarLogoFade">
<div v-if="collapse" key="collapse" class="sidebar-logo-link">
<img v-if="logo" :src="logo || Avatar" class="sidebar-logo">
<h1 v-else class="sidebar-title">{{ shopName }} </h1>
<i class="el-icon-arrow-down icon"></i>
</div>
<div v-else key="expand" class="sidebar-logo-link">
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
<div class="avatar-wrapper">
<img :src="logo || Avatar" class="sidebar-logo">
<span class="shop_name">{{ shopName.length>8?shopName.substring(0,7)+'...' :shopName.substring(0,7) }}</span>
<i class="el-icon-arrow-down icon"></i>
</div>
<el-dropdown-menu slot="dropdown">
<!-- <span style="display:block;" @click="show = true">
<el-dropdown-item>
布局设置
</el-dropdown-item>
</span>
<router-link to="/shop/shop/shop_configuration">
<el-dropdown-item>
店铺配置
</el-dropdown-item>
</router-link>-->
<span v-for="(item, index) in list" :key="index">
<el-dropdown-item :disabled="item.tubeType==0">
<div style="display: flex;align-items: center;" @click="switchshopName(item.id)">
<i class="el-icon-check" style="color: #46a6ff;" v-if="item.id == shopId"></i>
<div v-if="mainId == item.id" style="line-height: 20px;text-align: center;">(主)</div>
{{ item.shopName }}
</div>
</el-dropdown-item>
</span>
</el-dropdown-menu>
</el-dropdown>
<!-- <img v-if="logo" :src="logo || Avatar" class="sidebar-logo">
<h1 class="sidebar-title">{{ shopName }} </h1>
<i class="el-icon-arrow-down icon"></i> -->
</div>
<router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo">
<h1 v-else class="sidebar-title">{{ title }} </h1>
</router-link>
<router-link v-else key="expand" class="sidebar-logo-link" to="/">
<img v-if="logo" :src="logo" class="sidebar-logo">
<h1 class="sidebar-title">{{ title }} </h1>
</router-link>
</transition>
</div>
</template>
<script>
import Avatar from '@/assets/images/avatar.png'
import { getqueryChildShop, changChildShop } from '@/api/login.js'
import { setToken } from "@/utils/auth";
import Logo from '@/assets/images/logo.png'
export default {
name: 'SidebarLogo',
props: {
@ -60,35 +25,8 @@ export default {
},
data() {
return {
shopName: localStorage.getItem('shopName'),
Avatar,
logo: localStorage.getItem('logo'),
list: [],
mainId: localStorage.getItem("mainId"),
shopId: localStorage.getItem("shopId"),
}
},
mounted() {
this.getlist()
},
methods: {
async getlist() {
const res = await getqueryChildShop({
id: this.mainId
})
this.list = res
},
async switchshopName(id) {
const res = await changChildShop({
id
})
localStorage.setItem("shopId", res.shopId);
localStorage.setItem("logo", res.logo);
localStorage.setItem("loginType", res.loginType);
localStorage.setItem("mainId", res.mainId);
localStorage.setItem("shopName", res.shopName);
setToken(res.token);
location.reload();
title: '收银机管理端',
logo: Logo
}
}
}
@ -104,13 +42,6 @@ export default {
opacity: 0;
}
h1 {
width: 100px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.sidebar-logo-container {
position: relative;
width: 100%;
@ -122,25 +53,23 @@ h1 {
& .sidebar-logo-link {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
.icon {
font-size: 14px;
margin-left: 6px;
}
& .sidebar-logo {
width: 36px;
height: 36px;
border-radius: 50%;
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 6px;
}
& .sidebar-title {
color: #333;
display: inline-block;
margin: 0;
color: #fff;
font-weight: 600;
line-height: 50px;
font-size: 14px;
font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
vertical-align: middle;
}
}
@ -148,39 +77,6 @@ h1 {
.sidebar-logo {
margin-right: 0px;
}
.sidebar-logo {
width: 24px;
height: 24px;
}
}
}
.avatar-container {
display: flex;
align-items: center;
.avatar-wrapper {
position: relative;
display: flex;
align-items: center;
.user-avatar {
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 50%;
}
.el-icon-caret-bottom {
font-size: 12px;
margin-left: 6px;
}
.shop_name {
font-size: 16px;
// margin-left: 10px;
}
}
}
</style>

57
src/layout/components/TagsView/index.vue
View File

@ -1,17 +1,24 @@
<template>
<div id="tags-view-container" class="tags-view-container">
<scroll-pane ref="scrollPane" class="tags-view-wrapper">
<router-link v-for="tag in visitedViews" ref="tag" :key="tag.path" :class="isActive(tag) ? 'active' : ''"
:to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }" tag="span" class="tags-view-item"
@click.middle.native="!isAffix(tag) ? closeSelectedTag(tag) : ''"
@contextmenu.prevent.native="openMenu(tag, $event)">
<router-link
v-for="tag in visitedViews"
ref="tag"
:key="tag.path"
:class="isActive(tag)?'active':''"
:to="{ path: tag.path, query: tag.query, fullPath: tag.fullPath }"
tag="span"
class="tags-view-item"
@click.middle.native="closeSelectedTag(tag)"
@contextmenu.prevent.native="openMenu(tag,$event)"
>
{{ tag.title }}
<span v-if="!isAffix(tag)" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
<span v-if="!tag.meta.affix" class="el-icon-close" @click.prevent.stop="closeSelectedTag(tag)" />
</router-link>
</scroll-pane>
<ul v-show="visible" :style="{ left: left + 'px', top: top + 'px' }" class="contextmenu">
<ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu">
<li @click="refreshSelectedTag(selectedTag)">刷新</li>
<li v-if="!(selectedTag.meta && selectedTag.meta.affix)" @click="closeSelectedTag(selectedTag)">关闭</li>
<li v-if="!(selectedTag.meta&&selectedTag.meta.affix)" @click="closeSelectedTag(selectedTag)">关闭</li>
<li @click="closeOthersTags">关闭其他</li>
<li @click="closeAllTags(selectedTag)">关闭全部</li>
</ul>
@ -59,9 +66,6 @@ export default {
this.addTags()
},
methods: {
isAffix(tag) {
return tag.meta && tag.meta.affix
},
isActive(route) {
return route.path === this.$route.path
},
@ -164,7 +168,6 @@ export default {
}
},
openMenu(tag, e) {
console.log(11111)
const menuMinWidth = 105
const offsetLeft = this.$el.getBoundingClientRect().left // container margin left
const offsetWidth = this.$el.offsetWidth // container width
@ -195,7 +198,6 @@ export default {
background: #fff;
border-bottom: 1px solid #d8dce5;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 0 3px 0 rgba(0, 0, 0, .04);
.tags-view-wrapper {
.tags-view-item {
display: inline-block;
@ -210,34 +212,29 @@ export default {
font-size: 12px;
margin-left: 5px;
margin-top: 4px;
&:first-of-type {
margin-left: 15px;
}
&:last-of-type {
margin-right: 15px;
}
&.active {
background: #7991BC;
background-color: #42b983;
color: #fff;
border-color: #42b983;
// &::before {
// content: '';
// background: #fff;
// display: inline-block;
// width: 8px;
// height: 8px;
// border-radius: 50%;
// position: relative;
// margin-right: 2px;
// }
&::before {
content: '';
background: #fff;
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
position: relative;
margin-right: 2px;
}
}
}
}
.contextmenu {
margin: 0;
background: #fff;
@ -250,12 +247,10 @@ export default {
font-weight: 400;
color: #333;
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3);
li {
margin: 0;
padding: 7px 16px;
cursor: pointer;
&:hover {
background: #eee;
}
@ -276,13 +271,11 @@ export default {
text-align: center;
transition: all .3s cubic-bezier(.645, .045, .355, 1);
transform-origin: 100% 50%;
&:before {
transform: scale(.6);
display: inline-block;
vertical-align: -3px;
}
&:hover {
background-color: #b4bccc;
color: #fff;

388
src/layout/index.vue
View File

@ -1,109 +1,19 @@
<template>
<div :class="classObj" class="app-wrapper">
<div class="top_container">
<div class="content">
<div class="logo">
<img class="img" src="@/assets/images/default_logo.png" />
</div>
<div class="right-menu">
<template v-if="device !== 'mobile'">
<!-- <search id="header-search" class="right-menu-item" />
<el-tooltip content="项目文档" effect="dark" placement="bottom">
<Doc class="right-menu-item hover-effect" />
</el-tooltip>
<el-tooltip content="全屏缩放" effect="dark" placement="bottom">
<screenfull id="screenfull" class="right-menu-item hover-effect" />
</el-tooltip>
<el-tooltip content="布局设置" effect="dark" placement="bottom">
<size-select id="size-select" class="right-menu-item hover-effect" />
</el-tooltip> -->
<i class="left_icon el-icon-search" />
<i class="left_icon el-icon-warning-outline" />
<i class="left_icon el-icon-bell" />
</template>
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">
<div class="avatar-wrapper">
<img :src="logo || Avatar" class="user-avatar">
<span class="shop_name">{{ shopName }}</span>
<i class="el-icon-caret-bottom" />
</div>
<el-dropdown-menu slot="dropdown">
<!-- <span style="display:block;" @click="show = true">
<el-dropdown-item>
布局设置
</el-dropdown-item>
</span> -->
<router-link to="/shop/shop/shop_configuration">
<el-dropdown-item>
店铺配置
</el-dropdown-item>
</router-link>
<span @click="dialogVisible = true">
<el-dropdown-item>
修改密码
</el-dropdown-item>
</span>
<span style="display:block;" @click="open">
<el-dropdown-item divided>
退出登录
</el-dropdown-item>
</span>
<!-- <span style="display:block;" @click="goFullScreen">
<el-dropdown-item divided>
全屏
</el-dropdown-item>
</span> -->
</el-dropdown-menu>
</el-dropdown>
</div>
<div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
<sidebar class="sidebar-container" />
<div :class="{hasTagsView:needTagsView}" class="main-container">
<div :class="{'fixed-header':fixedHeader}">
<navbar />
<tags-view v-if="needTagsView" />
</div>
<el-dialog title="修改密码" modal-append-to-body append-to-body :visible.sync="dialogVisible" width="400px">
<el-form ref="form" :model="form" :rules="rules">
<el-form-item label="旧密码" prop="oldPass">
<el-input :type="ip1Type" v-model="form.oldPass" placeholder="请输入旧密码">
<i slot="suffix"
:class="`el-input__icon ${ip1Type == 'text' ? 'el-icon-view' : 'el-icon-remove-outline'}`"
@click.stop="changeInputType('ip1Type')"></i>
</el-input>
</el-form-item>
<el-form-item label="新密码" prop="newPass">
<el-input :type="ip2Type" v-model="form.newPass" placeholder="请输入新密码">
<i slot="suffix"
:class="`el-input__icon ${ip2Type == 'text' ? 'el-icon-view' : 'el-icon-remove-outline'}`"
@click.stop="changeInputType('ip2Type')"></i>
</el-input>
</el-form-item>
<el-form-item label="确认新密码" prop="rnewPass">
<el-input :type="ip3Type" v-model="form.rnewPass" placeholder="请再次输入新密码">
<i slot="suffix"
:class="`el-input__icon ${ip3Type == 'text' ? 'el-icon-view' : 'el-icon-remove-outline'}`"
@click.stop="changeInputType('ip3Type')"></i>
</el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" :loading="formLoading" @click="submitHandle">确 定</el-button>
</span>
</el-dialog>
</div>
<div>
<div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
<sidebar class="sidebar-container" />
<div :class="{ hasTagsView: needTagsView }" class="main-container">
<div :class="{ 'fixed-header': fixedHeader }">
<navbar />
<tags-view v-if="needTagsView" />
</div>
<app-main />
<right-panel v-if="showSettings">
<settings />
</right-panel>
</div>
<!-- 防止刷新后主题丢失 -->
<Theme v-show="false" ref="theme" />
<app-main />
<right-panel v-if="showSettings">
<settings />
</right-panel>
</div>
<!-- 防止刷新后主题丢失 -->
<Theme v-show="false" ref="theme" />
</div>
</template>
@ -111,12 +21,9 @@
import RightPanel from '@/components/RightPanel'
import { AppMain, Navbar, Settings, Sidebar, TagsView } from './components'
import ResizeMixin from './mixin/ResizeHandler'
import { mapState, mapGetters } from 'vuex'
import { mapState } from 'vuex'
import Theme from '@/components/ThemePicker'
import Cookies from 'js-cookie'
import Avatar from '@/assets/images/avatar.png'
import { updatePass } from '@/api/login.js'
import { encrypt } from '@/utils/rsaEncrypt'
export default {
name: 'Layout',
components: {
@ -129,64 +36,6 @@ export default {
Theme
},
mixins: [ResizeMixin],
data() {
const validateNewPass = (rule, value, callback) => {
if (!this.form.newPass) {
callback(new Error(' '))
} else if (this.form.newPass === this.form.oldPass) {
callback(new Error('请输入与旧密码不同的新密码'))
} else {
callback()
}
}
const validateRnewPass = (rule, value, callback) => {
if (!this.form.rnewPass) {
callback(new Error(' '))
} else if (this.form.rnewPass !== this.form.newPass) {
callback(new Error('两次密码输入不一致'))
} else {
callback()
}
}
return {
dialogVisible: false,
Avatar: Avatar,
logo: localStorage.getItem('logo'),
shopName: localStorage.getItem('shopName'),
ip1Type: 'password',
ip2Type: 'password',
ip3Type: 'password',
formLoading: false,
form: {
oldPass: '',
newPass: '',
rnewPass: ''
},
rules: {
oldPass: [
{
required: true,
message: ' ',
trigger: 'blur'
}
],
newPass: [
{
required: true,
validator: validateNewPass,
trigger: 'blur'
}
],
rnewPass: [
{
required: true,
validator: validateRnewPass,
trigger: 'blur'
}
]
}
}
},
computed: {
...mapState({
sidebar: state => state.app.sidebar,
@ -195,12 +44,6 @@ export default {
needTagsView: state => state.settings.tagsView,
fixedHeader: state => state.settings.fixedHeader
}),
...mapGetters([
'sidebar',
'device',
'user',
'baseApi'
]),
classObj() {
return {
hideSidebar: !this.sidebar.opened,
@ -220,199 +63,54 @@ export default {
}
},
methods: {
// 修改密码框类型
changeInputType(key) {
if (this[key] == 'text') {
this[key] = 'password'
} else {
this[key] = 'text'
}
},
handleClickOutside() {
this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
},
// 提交修改密码
submitHandle() {
this.$refs.form.validate(async vaild => {
if (vaild) {
try {
this.formLoading = true
const res = await updatePass({
loginType: localStorage.getItem('loginType'),
oldPass: encrypt(this.form.oldPass),
newPass: this.form.newPass
})
this.$notify.success('修改成功，请重新登陆')
setTimeout(() => {
this.logout()
}, 1000)
} catch (error) {
this.formLoading = false
console.log(error);
}
}
})
},
goFullScreen() {
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) { /* Firefox */
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
document.documentElement.webkitRequestFullscreen();
} else if (document.documentElement.msRequestFullscreen) { /* IE/Edge */
document.documentElement.msRequestFullscreen();
}
},
open() {
this.$confirm('确定注销并退出系统吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
localStorage.setItem('logoutHandle', true)
this.logout()
})
},
logout() {
this.$store.dispatch('LogOut').then(() => {
location.reload()
})
}
}
}
</script>
<style lang="scss" scoped>
@import "~@/assets/styles/mixin.scss";
@import "~@/assets/styles/variables.scss";
$top-c-h: 60px;
@import "~@/assets/styles/mixin.scss";
@import "~@/assets/styles/variables.scss";
.top_container {
height: $top-c-h;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10;
background-color: #F5F5F5;
.content {
display: flex;
align-items: center;
justify-content: space-between;
.app-wrapper {
@include clearfix;
position: relative;
height: 100%;
width: 100%;
height: $top-c-h - 10px;
background-color: #fff;
padding: 0 20px;
.logo {
.img {
display: block;
width: 123px;
height: auto
}
}
.right-menu {
display: flex;
align-items: center;
.left_icon {
font-size: 18px;
margin-right: 30px;
}
&:focus {
outline: none;
}
.right-menu-item {
display: inline-block;
padding: 0 8px;
height: 100%;
font-size: 18px;
color: #5a5e66;
vertical-align: text-bottom;
&.hover-effect {
cursor: pointer;
transition: background .3s;
&:hover {
background: rgba(0, 0, 0, .025)
}
}
}
.avatar-container {
display: flex;
align-items: center;
.avatar-wrapper {
position: relative;
display: flex;
align-items: center;
.user-avatar {
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 50%;
}
.el-icon-caret-bottom {
font-size: 12px;
margin-left: 6px;
}
.shop_name {
font-size: 16px;
margin-left: 10px;
}
}
}
&.mobile.openSidebar {
position: fixed;
top: 0;
}
}
}
.app-wrapper {
@include clearfix;
position: relative;
height: 100%;
width: 100%;
.drawer-bg {
background: #000;
opacity: 0.3;
width: 100%;
top: 0;
height: 100%;
position: absolute;
z-index: 999;
}
&.mobile.openSidebar {
.fixed-header {
position: fixed;
top: 0;
right: 0;
z-index: 9;
width: calc(100% - #{$sideBarWidth});
transition: width 0.28s;
padding: 0;
}
}
.drawer-bg {
background: #000;
opacity: 0.3;
width: 100%;
top: 0;
height: 100%;
position: absolute;
z-index: 999;
}
.hideSidebar .fixed-header {
width: calc(100% - 54px)
}
.fixed-header {
position: fixed;
top: $top-c-h;
right: 0;
z-index: 9;
width: calc(100% - #{$sideBarWidth});
transition: width 0.28s;
padding: 0;
}
.hideSidebar .fixed-header {
width: calc(100% - 54px)
}
.mobile .fixed-header {
width: 100%;
}
.mobile .fixed-header {
width: 100%;
}
</style>

6
src/main.js
View File

@ -6,11 +6,6 @@ import "normalize.css/normalize.css";
import Element from "element-ui";
// 图片选择器
// import VueSelectImage from 'vue-select-image'
// import "vue-select-image/dist/vue-select-image.css";
// Vue.use(VueSelectImage)
// 数据字典
import dict from "./components/Dict";
import Editor from "@/components/Editor";
@ -22,7 +17,6 @@ import "./assets/styles/element-variables.scss";
// global css
import "./assets/styles/index.scss";
import "./assets/styles/util.scss";
import App from "./App";
import store from "./store";

21
src/router/routers.js
View File

@ -51,32 +51,13 @@ export const constantRouterMap = [
path: 'data_forms',
component: (resolve) => require(['@/views/home/data_forms'], resolve),
name: 'data_forms',
meta: { title: '销量统计' }
meta: { title: '数据报表' }
},
{
path: 'data_tables',
component: (resolve) => require(['@/views/home/data_tables'], resolve),
name: 'data_tables',
meta: { title: '桌台统计' }
},
{
path: 'data_credit',
component: (resolve) => require(['@/views/home/data_credit'], resolve),
name: 'data_credit',
meta: { title: '挂账管理' }
},
{
path: 'data_creditDetail',
component: (resolve) => require(['@/views/home/data_creditDetail'], resolve),
name: 'data_creditDetail',
hidden: true,
meta: { title: '挂账明细' }
},
{
path: 'data_record',
component: (resolve) => require(['@/views/home/data_record'], resolve),
name: 'data_record',
meta: { title: '交班记录' }
}
]
},

53
src/settings.js
View File

@ -2,7 +2,7 @@ module.exports = {
/**
* @description 网站标题
*/
title: "管理后台",
title: '管理后台',
/**
* @description 是否显示 tagsView
*/
@ -22,7 +22,7 @@ module.exports = {
/**
* @description token key
*/
TokenKey: "ELADMIN-TOEKN",
TokenKey: 'ELADMIN-TOEKN',
/**
* @description 请求超时时间，毫秒（默认2分钟）
*/
@ -38,37 +38,36 @@ module.exports = {
/**
* 底部文字，支持html语法
*/
footerTxt:
'© 2018-2024 超掌柜科技 <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License 2.0</a>',
footerTxt: '© 2018-2024 超掌柜科技 <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License 2.0</a>',
/**
* 备案号
*/
caseNumber: "陕ICP备2022008069号",
caseNumber: '陕ICP备2022008069号',
typeEnum: [
{
label: "单规格",
intro: "单价购买",
typeEnum: "normal"
label: '计量商品',
intro: '单价购买',
typeEnum: 'normal'
},
{
label: "多规格",
intro: "多种不同规格",
typeEnum: "sku"
label: '多规格',
intro: '多种不同规格',
typeEnum: 'sku'
},
{
label: '套餐商品',
intro: '选职多种组合',
typeEnum: 'group'
},
{
label: '称重商品',
intro: '按重量售卖',
typeEnum: 'weight'
},
{
label: '时价商品',
intro: '收银端可更改价格',
typeEnum: 'currentPrice'
}
// {
// label: '套餐商品',
// intro: '选职多种组合',
// typeEnum: 'group'
// },
// {
// label: '称重商品',
// intro: '按重量售卖',
// typeEnum: 'weight'
// },
// {
// label: '时价商品',
// intro: '收银端可更改价格',
// typeEnum: 'currentPrice'
// }
]
};
}

1
src/store/getters.js
View File

@ -17,7 +17,6 @@ const getters = {
fileUploadApi: state => state.api.fileUploadApi,
updateAvatarApi: state => state.api.updateAvatarApi,
qiNiuUploadApi: state => state.api.qiNiuUploadApi,
versionUploadApi: state => state.api.versonUploadApi,
sqlApi: state => state.api.sqlApi,
swaggerApi: state => state.api.swaggerApi,
sidebarRouters: state => state.permission.sidebarRouters

2
src/store/modules/api.js
View File

@ -18,8 +18,6 @@ const api = {
swaggerApi: baseUrl + '/doc.html',
// 文件上传
fileUploadApi: baseUrl + '/api/localStorage',
// 上传版本文件
versonUploadApi: baseUrl + '/api/qiNiuContent/uploadVersionFile',
// baseUrl，
baseApi: baseUrl
}

114
src/store/modules/user.js
View File

@ -1,5 +1,5 @@
import { login, getInfo, logout } from "@/api/login";
import { getToken, setToken, removeToken } from "@/utils/auth";
import { login, getInfo, logout } from '@/api/login'
import { getToken, setToken, removeToken } from '@/utils/auth'
const user = {
state: {
@ -13,101 +13,91 @@ const user = {
mutations: {
// 是否为手动退出登录
SD_LOGOUT: (state, f) => {
state.sdLogout = f;
state.sdLogout = f
},
SET_TOKEN: (state, token) => {
state.token = token;
state.token = token
},
SET_USER: (state, user) => {
state.user = user;
state.user = user
},
SET_ROLES: (state, roles) => {
state.roles = roles;
state.roles = roles
},
SET_LOAD_MENUS: (state, loadMenus) => {
state.loadMenus = loadMenus;
state.loadMenus = loadMenus
}
},
actions: {
// 登录
Login({ commit }, userInfo) {
const rememberMe = userInfo.rememberMe;
const rememberMe = userInfo.rememberMe
return new Promise((resolve, reject) => {
login(userInfo)
.then(res => {
// console.log('登录成功后返回===', res)
localStorage.setItem("logoutHandle", false);
localStorage.setItem("shopId", res.shopId);
localStorage.setItem("shopName", res.shopName);
localStorage.setItem("logo", res.logo);
localStorage.setItem("loginType", res.loginType);
localStorage.setItem("userInfo", JSON.stringify(res.user.user));
localStorage.setItem("mainId", res.mainId);
localStorage.setItem("expireDate", res.expireDate);
setToken(res.token, rememberMe);
commit("SET_TOKEN", res.token);
setUserInfo(res.user, commit);
// 第一次加载菜单时用到， 具体见 src 目录下的 permission.js
commit("SET_LOAD_MENUS", true);
resolve();
})
.catch(error => {
reject(error);
});
});
login(userInfo.username, userInfo.password, userInfo.code, userInfo.uuid).then(res => {
// console.log('登录成功后返回===', res)
localStorage.setItem('logoutHandle', false)
localStorage.setItem('shopId', res.shopId)
localStorage.setItem('shopName', res.shopName)
localStorage.setItem('logo', res.logo)
setToken(res.token, rememberMe)
commit('SET_TOKEN', res.token)
setUserInfo(res.user, commit)
// 第一次加载菜单时用到， 具体见 src 目录下的 permission.js
commit('SET_LOAD_MENUS', true)
resolve()
}).catch(error => {
reject(error)
})
})
},
// 获取用户信息
GetInfo({ commit }) {
return new Promise((resolve, reject) => {
getInfo()
.then(res => {
setUserInfo(res, commit);
resolve(res);
})
.catch(error => {
reject(error);
});
});
getInfo().then(res => {
setUserInfo(res, commit)
resolve(res)
}).catch(error => {
reject(error)
})
})
},
// 登出
LogOut({ commit }) {
return new Promise((resolve, reject) => {
logout()
.then(res => {
logOut(commit);
resolve();
})
.catch(error => {
logOut(commit);
reject(error);
});
});
logout().then(res => {
logOut(commit)
resolve()
}).catch(error => {
logOut(commit)
reject(error)
})
})
},
updateLoadMenus({ commit }) {
return new Promise((resolve, reject) => {
commit("SET_LOAD_MENUS", false);
});
commit('SET_LOAD_MENUS', false)
})
}
}
};
}
export const logOut = commit => {
commit("SET_TOKEN", "");
commit("SET_ROLES", []);
removeToken();
};
export const logOut = (commit) => {
commit('SET_TOKEN', '')
commit('SET_ROLES', [])
removeToken()
}
export const setUserInfo = (res, commit) => {
// 如果没有任何权限，则赋予一个默认的权限，避免请求死循环
if (res.roles.length === 0) {
commit("SET_ROLES", ["ROLE_SYSTEM_DEFAULT"]);
commit('SET_ROLES', ['ROLE_SYSTEM_DEFAULT'])
} else {
commit("SET_ROLES", res.roles);
commit('SET_ROLES', res.roles)
}
commit("SET_USER", res.user);
};
commit('SET_USER', res.user)
}
export default user;
export default user

30
src/utils/format.js
View File

@ -1,30 +0,0 @@
/**
* 格式化价格函数，将价格限定在指定的最小值和最大值范围内，并保留两位小数。
*
* @param {number} price - 需要格式化的价格。
* @param {number} min - 价格的最小值。
* @param {number} max - 价格的最大值，默认为100000000。
* @param {Boolean} returnIsArea - 是否返回值符合范围区间，默认为false。
* @returns {number} - 返回格式化后的价格，如果超出范围则返回最小值或最大值。
*/
export const formatPrice = (price,min=-Infinity, max = 100000000,returnIsArea=false ) => {
if(price === undefined || price === null||price===''){
return 0
}
// 将价格转换为浮点数并保留两位小数
const newval = parseFloat((Math.floor(price * 100) / 100).toFixed(2))
// 如果价格大于最大值，返回最大值
if (newval > max) {
return returnIsArea?{value:max,error:true}:max
}
// 如果价格小于最小值，返回最小值
if (newval < min) {
return returnIsArea?{value:min,error:true}:min
}
// 如果价格小于最小值，返回最小值
if (newval < min) {
return min
}
// 返回格式化后的价格
return newval
}

29
src/utils/globalCancelToken.js
View File

@ -1,29 +0,0 @@
// 最新的一个请求
let cancel = null
// 所有请求
let cancelTokenList = []
function setToken(cancelToken) {
cancel = cancelToken
cancelTokenList.push(cancelToken)
}
function cancelToken() {
cancel && cancel()
cancelTokenList.pop()
}
function clearAllToken() {
while (cancelTokenList.length > 0) {
let cancel = cancelTokenList.pop()
console.log(cancel, 'cancel')
cancel && cancel()
}
}
export {
setToken,
cancelToken,
clearAllToken,
}

14
src/utils/index.js
View File

@ -423,7 +423,7 @@ export function isPcBowser() {
* decimal你保留的几位,默认保留小数后两位
* isInt 是否保留0
*/
export function formatDecimal(num = 0, decimal = 2, isInt = false) {
export function formatDecimal(num, decimal = 2, isInt = false) {
num = num.toFixed(3).toString();
const index = num.indexOf(".");
if (index !== -1) {
@ -438,15 +438,3 @@ export function formatDecimal(num = 0, decimal = 2, isInt = false) {
return parseFloat(num).toFixed(decimal);
}
}
/**
* 传入数组，以及要交换位置的2个元素的下标
* @param {*} arr
* @param {*} i1
* @param {*} i2
* @returns
*/
export function swapArrayEle(arr, i1, i2) {
arr[i1] = arr.splice(i2, 1, arr[i1])[0];
return arr;
}

153
src/utils/limits.js
View File

@ -1,153 +0,0 @@
import { getHasPermission } from "@/api/shop";
import { Notification } from 'element-ui'
const userInfo = JSON.parse(localStorage.getItem("userInfo"));
const $PermissionObj = {
data: [{
key: 'yun_xu_cha_kan_jing_ying_shu_ju',
text: '允许查看经营数据'
},
{
key: 'yun_xu_cha_kan_suo_you_jiao_ban_ji_lu',
text: '允许查看所有交班记录'
}
],
default: [{
key: 'yun_xu_xia_dan',
text: '允许下单'
},
{
key: 'yun_xu_shou_kuan',
text: '允许收款'
},
{
key: 'yun_xu_tui_kuan',
text: '允许退款'
},
{
key: 'yun_xu_jiao_ban',
text: '允许交班'
}
],
goods: [{
key: 'yun_xu_xiu_gai_shang_pin',
text: '允许修改商品'
},
{
key: 'yun_xu_shang_xia_jia_shang_pin',
text: '允许上下架商品'
},
{
key: 'yun_xu_xiu_gai_fen_lei',
text: '允许修改分类'
},
{
key: 'yun_xu_xiu_gai_fen_zu',
text: '允许修改分组'
}
],
discount:[
{
key: 'yun_xu_da_zhe',
text: '允许打折'
}
],
vip:[
{
key: 'yun_xu_guan_li_hui_yuan_xin_xi',
text: '允许管理会员信息'
},
{
key: 'yun_xu_xiu_gai_hui_yuan_yu_e',
text: '允许修改会员余额'
}
],
stock:[
{
text: '允许提交报损',
key: 'yun_xu_ti_jiao_bao_sun'
},
{
text: '允许沽清',
key: 'yun_xu_gu_qing'
},
{
text: '允许售罄商品',
key: 'yun_xu_shou_qing_shang_pin'
},
{
text:'允许修改商品库存',
key:'yun_xu_xiu_gai_shang_pin_ku_cun'
},
{
text: '允许耗材入库',
key: 'yun_xu_hao_cai_ru_ku'
},
{
text: '允许耗材出库',
key: 'yun_xu_hao_cai_chu_ku'
},
{
text: '允许耗材盘点',
key: 'yun_xu_hao_cai_pan_dian'
}
]
}
export async function hasPermission (params) {
//如果是商户默认拥有全部权限
const loginType = localStorage.getItem('loginType')
if(loginType=='merchant'){
return true
}
params = returnFormatParams(params)
if (!params) {
return Notification.error('未找到相关权限，请检查代码或在权限配置文件commons/utils/hasPermission.js文件进行修改或增加')
}
const option = Object.assign({
tips: true,
key: '',
text: ''
}, params)
const res = await getHasPermission({
userId : userInfo.id,
code: params.key
})
if (!res && option.tips) {
Notification.error({
title: '您没有' + params.text + '权限！',
duration: 5000
})
}
return res
}
export function isObjectButNotArray(value) {
return typeof value === 'object' && Array.isArray(value) === false;
}
export function findPermissionObj(str) {
for (let i in $PermissionObj) {
const obj = $PermissionObj[i].find(v => v.key == str || v.text == str)
if (obj) {
return obj
break
}
}
console.error('未找到相关权限配置，请检查权限配置文件commons/utils/hasPermission.js文件进行修改或增加')
return false
}
export function returnFormatParams(params) {
if (typeof params === 'string') {
return findPermissionObj(params)
} else {
if (isObjectButNotArray(params)) {
const obj=findPermissionObj(params.key || params.text)
return {...params,...obj}
} else {
console.error('参数只能是字符串或者对象，不能是数组')
}
}
}

128
src/utils/oss-upload.js
View File

@ -1,128 +0,0 @@
import OSS from "ali-oss";
import { $getCredentials } from "@/api/version";
const $headers = {
"Access-Control-Allow-Origin": "*"
};
const $config = {
region: "oss-cn-beijing",
accessKeyId: "",
accessKeySecret: "",
bucket: "cashier-oss"
}
import { Notification } from 'element-ui'
function urlConversion(path) {
let reg = /^(https?:\/\/)([0-9a-z.]+)(:[0-9]+)?([/0-9a-z.]+)?(\?[0-9a-z&=]+)?(#[0-9-a-z]+)?/i
path = path.replace(reg, "https://$2$3$4$5$6");
return path
}
async function uploadAndDownloadFile(name, file, headers) {
return new Promise((resolve, reject) => {
try {
ossClient.put(name, file, { ...$headers, ...headers }).then((res) => {
console.log(res);
resolve(res);
});
} catch (error) {
console.error(error)
reject(error);
}
});
}
class ossClient {
constructor(config) {
this.ossClient = new OSS({
...$config, ...config, refreshSTSToken: async () => {
// 向您搭建的STS服务获取临时访问凭证。
const res = await $getCredentials()
return {
accessKeyId: res.accessKeyId, // 自己账户的accessKeyId或临时秘钥
accessKeySecret: res.accessKeySecret, // 自己账户的accessKeySecret或临时秘钥
stsToken: res.securityToken, // 从STS服务获取的安全令牌（SecurityToken）。
}
},
// 刷新临时访问凭证的时间间隔，单位为毫秒。
refreshSTSTokenInterval: 3600 * 1000
});
}
async upload(name, file, progressCallback) {
try {
let options = {
// 获取分片上传进度、断点和返回值。
progress: progressCallback,
headers: $headers
}
const {
res: resp
} = await this.ossClient.put(name, file, options).catch(error => {
reject(error);
})
return resp.requestUrls
} catch (error) {
console.log(error)
reject(error);
}
}
/**
* 分片上传
* @param {Object} client oss客户端
* @param {Object} file 上传的文件
* @param {Object} dir 上传oss的文件夹
* @param {Object} progressCallback 分片进度回调
*/
async partUpload(name, file, progressCallback) {
try {
let options = {
// 获取分片上传进度、断点和返回值。
progress: progressCallback,
// 设置并发上传的分片数量。
parallel: 8,
// 设置分片大小。默认值为1 MB，最小值为100 KB。
partSize: 100 * 1024,
mime: file.type
}
const {
res: resp
} = await this.ossClient.multipartUpload(name ? name : file.name, file, options)
// return resp.requestUrls
console.log('------resp---');
console.log(resp)
return urlConversion( `${resp.requestUrls[0]}`.split('?')[0])
} catch (e) {
console.log('------e---');
console.log(e);
if (e.name == 'cancel') {
Notification.error({
title: '上传已取消',
duration: 3000
})
return e
}
}
}
/**
* 结束上传并删除碎片
* @param {Object} client
* @param {Object} uploadId
* @param {Object} name
*/
async abortUpload(uploadId, name) {
try {
const res=await this.ossClient.abortMultipartUpload(name, uploadId)
return res
} catch (error) {
console.log(error)
return error
}
}
}
export default ossClient;

133
src/utils/request-php.js
View File

@ -1,133 +0,0 @@
import axios from 'axios'
import router from '@/router/routers'
import { Notification } from 'element-ui'
import store from '../store'
import Config from '@/settings'
import Cookies from 'js-cookie'
import { setToken } from '@/utils/globalCancelToken.js'
function getToken() {
return localStorage.getItem('bausertoken')
}
// 创建axios实例
const service = axios.create({
// baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_API : '/',
baseURL: 'https://czgdoumei.sxczgkj.com/index.php/api/', // api 的 base_url
timeout: Config.timeout // 请求超时时间
})
// request拦截器
service.interceptors.request.use(
config => {
if (getToken()) {
config.headers['bausertoken'] = getToken()
}
config.headers['Content-Type'] = 'application/json'
// 添加可取消请求配置
config.cancelToken = new axios.CancelToken(c => setToken(c))
return config
},
error => {
Promise.reject(error)
}
)
// response 拦截器
service.interceptors.response.use(
response => {
const data = response.data
console.log(data)
if (data.code == 0) {
Notification.error({
title: data.msg,
duration: 5000
})
return
}
if (data.code == 439) {
Notification.error({
title: '请登录',
duration: 5000
})
return
}
if (data.code == 4399) {
Notification.error({
title: data.msg,
duration: 5000
})
return data
}
if (data.code == 1&&!data.data) {
// Notification.success({
// title: data.msg,
// duration: 5000
// })
return true
}
return data.data
},
error => {
console.log(error);
if (axios.isCancel(error)) {
console.log('请求已取消')
Notification.error({
title: '请求已取消',
duration: 5000
})
return Promise.reject('请求已取消')
}
// 兼容blob下载出错json提示
if (error.response.data instanceof Blob && error.response.data.type.toLowerCase().indexOf('json') !== -1) {
const reader = new FileReader()
reader.readAsText(error.response.data, 'utf-8')
reader.onload = function (e) {
const errorMsg = JSON.parse(reader.result).message
Notification.error({
title: errorMsg,
duration: 5000
})
}
} else {
let code = 0
try {
code = error.response.data.status
} catch (e) {
if (error.toString().indexOf('Error: timeout') !== -1) {
Notification.error({
title: '网络请求超时',
duration: 5000
})
return Promise.reject(error)
}
}
console.log(code)
if (code) {
if (code === 401) {
store.dispatch('LogOut').then(() => {
// 用户登录界面提示
Cookies.set('point', 401)
location.reload()
})
} else if (code === 403) {
router.push({ path: '/401' })
} else {
const errorMsg = error.response.data.message
if (errorMsg !== undefined) {
Notification.error({
title: errorMsg,
duration: 5000
})
}
}
} else {
Notification.error({
title: '接口请求失败',
duration: 5000
})
}
}
return Promise.reject(error)
}
)
export default service

13
src/utils/request.js
View File

@ -5,7 +5,7 @@ import store from '../store'
import { getToken } from '@/utils/auth'
import Config from '@/settings'
import Cookies from 'js-cookie'
import { setToken } from '@/utils/globalCancelToken.js'
// 创建axios实例
const service = axios.create({
// baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_BASE_API : '/',
@ -23,8 +23,6 @@ service.interceptors.request.use(
config.headers['loginName'] = 'admin'
config.headers['token'] = 'eyJhbGciOiJIUzI1NiJ9.eyJ1c2VyVHlwZSI6Ik1HIiwiZXhwIjoxNjkwMTgwNzE2LCJ1c2VySWQiOiIyNDQiLCJpYXQiOjE2ODg3MDk0ODcsImxvZ2luTmFtZSI6ImFkbWluIn0.lqxxvv2-FcecQngMBorz4MpkB3mIJQDG-IUULQyV-KQ'
config.headers["userId"] = '244'
// 添加可取消请求配置
config.cancelToken = new axios.CancelToken(c => setToken(c))
return config
},
error => {
@ -39,15 +37,6 @@ service.interceptors.response.use(
},
error => {
console.log(error);
if (axios.isCancel(error)) {
console.log('请求已取消')
Notification.error({
title: '请求已取消',
duration: 5000
})
return Promise.reject('请求已取消')
}
// 兼容blob下载出错json提示
if (error.response.data instanceof Blob && error.response.data.type.toLowerCase().indexOf('json') !== -1) {
const reader = new FileReader()

93
src/utils/requestPhp.js
View File

@ -1,93 +0,0 @@
import axios from 'axios'
import router from '@/router/routers'
import { Notification } from 'element-ui'
import store from '../store'
import { getToken } from '@/utils/auth'
import Config from '@/settings'
import Cookies from 'js-cookie'
// 创建axios实例
const service = axios.create({
baseURL: process.env.NODE_ENV === 'production' ? process.env.VUE_APP_PHP_API: '/source',
// baseURL: process.env.VUE_APP_PHP_API, // api 的 base_url
timeout: Config.timeout // 请求超时时间
})
// request拦截器
service.interceptors.request.use(
config => {
// if (getToken()) {
// config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
// }
config.headers['Content-Type'] = 'text/html; charset=UTF-8'
// config.headers['loginName'] = 'admin'
// config.headers['token'] = 'eyJhbGciOiJIUzI1NiJ9.eyJ1c2VyVHlwZSI6Ik1HIiwiZXhwIjoxNjkwMTgwNzE2LCJ1c2VySWQiOiIyNDQiLCJpYXQiOjE2ODg3MDk0ODcsImxvZ2luTmFtZSI6ImFkbWluIn0.lqxxvv2-FcecQngMBorz4MpkB3mIJQDG-IUULQyV-KQ'
// config.headers["userId"] = '244'
return config
},
error => {
Promise.reject(error)
}
)
// response 拦截器
service.interceptors.response.use(
response => {
return response.data
},
error => {
console.log(error);
// 兼容blob下载出错json提示
if (error.response.data instanceof Blob && error.response.data.type.toLowerCase().indexOf('json') !== -1) {
const reader = new FileReader()
reader.readAsText(error.response.data, 'utf-8')
reader.onload = function (e) {
const errorMsg = JSON.parse(reader.result).message
Notification.error({
title: errorMsg,
duration: 5000
})
}
} else {
let code = 0
try {
code = error.response.data.status
} catch (e) {
if (error.toString().indexOf('Error: timeout') !== -1) {
Notification.error({
title: '网络请求超时',
duration: 5000
})
return Promise.reject(error)
}
}
console.log(code)
if (code) {
if (code === 401) {
store.dispatch('LogOut').then(() => {
// 用户登录界面提示
Cookies.set('point', 401)
location.reload()
})
} else if (code === 403) {
router.push({ path: '/401' })
} else {
const errorMsg = error.response.data.message
if (errorMsg !== undefined) {
Notification.error({
title: errorMsg,
duration: 5000
})
}
}
} else {
Notification.error({
title: '接口请求失败',
duration: 5000
})
}
}
return Promise.reject(error)
}
)
export default service

38
src/utils/table.js
View File

@ -1,38 +0,0 @@
export const $status= {
pending: {
label: "挂单中",
type: "#E6A23C",
},
using: {
label: "开台中",
type: "#fa5555",
},
paying: {
label: "结算中",
type: "#E6A23C",
},
idle: {
label: "空闲",
type: "#3F9EFF",
},
subscribe: {
label: "预定",
type: "rgb(34, 191, 100)",
},
closed: {
label: "关台",
type: "rgb(221,221,221)",
},
// opening: {
// label: "开台中",
// type: "#67C23A",
// },
cleaning: {
label: "待清台",
type: "#FAAD14",
},
unbind:{
label: "未绑定",
type: "rgb(221,221,221)",
}
}

257
src/views/application/advertisement.vue
View File

@ -1,257 +0,0 @@
<template>
<div style="padding: 20px;">
<el-form ref="query" style="display: flex;" :model="query" label-width="80px">
<el-form-item label="展示位置">
<el-select clearable v-model="query.showPosition" placeholder="请选择">
<el-option label="首页" value="home" />
<el-option label="点餐页" value="make_order" />
</el-select>
</el-form-item>
<el-form-item label="状态">
<el-select clearable v-model="query.status" placeholder="请选择">
<el-option label="可见" value="1" />
<el-option label="不可见" value="2" />
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getList">查询</el-button>
<el-button type="primary" @click="dialogVisible = true; title = '新增'">新增</el-button>
</el-form-item>
</el-form>
<!--表格渲染-->
<el-table ref="table" :data="tableData" style="width: 100%;">
<el-table-column label="弹窗广告">
<template v-slot="scope">
<img :src="scope.row.imgUrl" style="width: 100px;height: 100px;">
</template>
</el-table-column>
<el-table-column prop="showPosition" label="弹窗位置">
<template v-slot="scope">
{{ scope.row.showPosition == 'home' ? '首页' : "点餐页" }}
</template>
</el-table-column>
<el-table-column prop="showPosition" label="是否可见">
<template v-slot="scope">
<el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0"
@change="showChange(scope.row)"></el-switch>
</template>
</el-table-column>
<el-table-column prop="" label="弹窗频率">
<template v-slot="scope">
{{ scope.row.frequency | frequencyFilter }}
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建日期" />
<el-table-column label="操作" width="200">
<template v-slot="scope">
<el-button type="text" @click="edit(scope.row)">编辑</el-button>
<el-popconfirm title="确定删除吗？" @confirm="delHandle(scope.row.id)">
<el-button type="text" round slot="reference">
删除
</el-button>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<!-- <div class="">
<el-pagination :total="tableData.length" layout="total, prev, pager, next, jumper"></el-pagination>
</div> -->
<!-- 增减余额弹窗 -->
<el-dialog :title="title + '广告'" :visible.sync="dialogVisible" width="60%">
<el-form ref="form" :model="form" label-width="120px">
<el-form-item label="上传弹窗广告">
<!-- <el-upload
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove">
<i class="el-icon-plus"></i>
</el-upload> -->
<el-upload class="upload-demo" :action="qiNiuUploadApi" list-type="picture-card" :headers="headers"
:limit="1" :on-remove="removeEvent" :on-success="successEvent" :file-list="fileList">
<i class="el-icon-plus"></i>
</el-upload>
<div slot="tip" class="el-upload__tip">建议尺寸：520px*680px</div>
</el-form-item>
<el-form-item label="圆角设置">
<el-slider v-model="form.borderRadius" :max="20"></el-slider>
</el-form-item>
<el-form-item label="弹窗位置">
<el-radio-group v-model="form.showPosition">
<el-radio label="home">首页</el-radio>
<el-radio label="make_order">点餐页</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="弹窗频率">
<el-radio-group v-model="form.frequency">
<el-radio label="only_one">仅首次打开显示</el-radio>
<el-radio label="every_show">每次打开显示一次</el-radio>
<el-radio label="thirty_day">每30天显示一次</el-radio>
<el-radio label="seven_day">每7天显示一次</el-radio>
<el-radio label="three_day">每3天显示一次</el-radio>
<el-radio label="every_day">每1天显示一次</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="跳转页面">
<el-select clearable v-model="form.linkPath" placeholder="请选择">
<el-option v-for="item in tourl" :key="item.id" :label="item.name" :value="item.path">
</el-option>
</el-select>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="sumbit">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { miniAppPagesget } from '@/api/goxcx'
import { getToken } from '@/utils/auth'
import { adget, adpost, adput, addelete } from '@/api/application'
import { mapGetters } from 'vuex'
export default {
computed: {
...mapGetters(['qiNiuUploadApi'])
},
data() {
return {
headers: {
Authorization: getToken()
},
tourl: [],
query: {
showPosition: "", status: ""
},
form: {
sort: "",
path: "",
shopId: localStorage.getItem("shopId"),
showPosition: 'home',
frequency: "only_one"
},
title: '新增',
dialogVisible: false,
tableData: [],
fileList: [],
}
},
mounted() {
this.getList()
// 获取跳转页面
this.getto()
},
filters: {
frequencyFilter(key) {
let str = ""
switch (key) {
case 'only_one':
str = '仅首次展示'
break;
case 'every_show':
str = '每次打开都展示'
break;
case 'every_day':
str = '每天展示一次'
break;
case 'three_day':
str = '每三天展示一次'
break;
case 'seven_day':
str = '每七天展示一次'
break;
case 'thirty_day':
str = '每30天展示一次'
break;
}
return str
},
},
methods: {
successEvent(file) {
this.fileList = [{ url: file.data[0], name: '图片' }]
},
removeEvent(file) {
// 删除数据
let index = this.fileList.findIndex(ele => ele.url == file.response.data[0])
this.fileList.splice(index, 1);
},
async showChange(d) {
if (!d.imgUrl) {
this.form.imgUrl = this.fileList
}
await adput({
imgUrl:d.imgUrl,
id: d.id,
shopId: this.form.shopId,
status: d.status,
})
this.$message({
message: '成功',
type: 'success'
})
this.getList()
},
async getto() {
let res = await miniAppPagesget()
this.tourl = res
},
async sumbit() {
this.form.imgUrl = this.fileList[0].url
this.dialogVisible = false
if (this.title == '新增') {
await adpost(this.form)
this.$message({
message: '添加成功',
type: 'success'
})
} else {
await adput(this.form)
this.$message({
message: '编辑成功',
type: 'success'
})
}
this.form = {
sort: "",
path: "",
status: 1,
shopId: localStorage.getItem("shopId"),
showPosition: 'home',
frequency: "only_one"
}
this.fileList = []
this.getList()
},
// 编辑
async edit(item) {
this.title = '编辑'
this.dialogVisible = true
this.form = item
console.log(item.imgUrl, '调试1')
this.fileList = [{ url: item.imgUrl, name: '图片' }]
},
// 删除
async delHandle(adId) {
let res = await addelete(adId)
this.$message({
message: '删除成功',
type: 'success'
})
this.getList()
},
async getList() {
let res = await adget({
shopId: localStorage.getItem("shopId"),
...this.query
})
this.tableData = res
},
}
}
</script>
<style></style>

128
src/views/application/bwc.vue
View File

@ -1,128 +0,0 @@
<template>
<div class="app-container">
<div class="container">
<el-form ref="form" :model="form" label-width="140px" label-position="left">
<el-form-item label="功能启用">
<el-switch v-model="form.enable"></el-switch>
</el-form-item>
<el-form-item label="充值设置">
<template>
<div class="labelbox">
用户消费结账时，成功充值消费
<el-input style="width: 80px;margin: 0 15px;" v-model="form.rechargeTimes"></el-input>
倍的金额，本单即可享受免单
</div>
</template>
</el-form-item>
<el-form-item label="充值门槛">
<template>
<div class="labelbox">
订单支付金额需满
<el-input style="width: 80px;margin: 0 15px;" v-model="form.rechargeThreshold"></el-input>
元才能使用
</div>
</template>
</el-form-item>
<!-- <el-form-item label="适用门店">
<el-radio-group v-model="form.resource">
<el-radio label="全部门店"></el-radio>
<el-radio label="指定门店"></el-radio>
<el-radio label="仅本店使用"></el-radio>
</el-radio-group>
</el-form-item> -->
<!-- <el-form-item label="使用方式">
<el-checkbox-group v-model="form.useTypeList">
<el-checkbox label="堂食" name="dine-in" value="dine-in"></el-checkbox>
<el-checkbox label="自取" name="takeout" value="takeout"></el-checkbox>
<el-checkbox label="配送" name="takeaway" value="takeaway"></el-checkbox>
<el-checkbox label="快递" name="post" value="post"></el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="是否与优惠券共享">
<el-switch v-model="form.withCoupon"></el-switch>
</el-form-item>
<el-form-item label="是否与积分共享">
<el-switch v-model="form.withPoints"></el-switch>
</el-form-item>
<el-form-item label="不参与集章">
<el-switch v-model="form.childShopIdList"></el-switch>
</el-form-item> -->
<el-form-item label="充值说明">
<el-input type="textarea" v-model="form.rechargeDesc"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="editlist">保存</el-button>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
import { get, edit } from "@/api/bwc";
export default {
name: 'bwc',
data() {
return {
form: {
id: '',
enable: '',
rechargeTimes: '',
rechargeThreshold: '',
withCoupon: '',
withPoints: '',
rechargeDesc: '',
useTypeList: [],
childShopIdList: '',
}
}
},
created() {
this.getlist()
},
methods: {
async getlist() {
let res = await get({
shopId: localStorage.getItem("shopId")
})
this.form = res
},
async editlist() {
this.form.shopId = localStorage.getItem("shopId")
let res = await edit(this.form)
this.$message({
message: '保存成功',
type: 'success'
});
this.form = res
},
}
}
</script>
<style scoped lang="scss">
.app-container {
padding: 12px 20px;
height: auto;
background-color: #f4f9ff;
.container {
padding: 30px;
width: 100%;
height: 100%;
background: #FFFFFF;
.labelbox {
display: flex;
justify-content: flex-start;
align-items: center;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 16px;
color: #666666;
}
}
}
</style>

97
src/views/application/components/invite_friend/addCoupon.vue
View File

@ -1,97 +0,0 @@
<!-- 添加优惠券 -->
<template>
<el-dialog :title="type == 1 ? '编辑优惠券' : '添加优惠券'" :visible.sync="dialogVisible" @close="reset">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
<el-form-item label="券名称" prop="couponId">
<el-select v-model="form.couponId" placeholder="请选择优惠券">
<el-option :label="item.title" :value="item.id" v-for="item in coupons" :key="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="数量">
<el-input-number v-model="form.couponNum" :min="1"></el-input-number>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" :loading="loading" @click="onSubmitHandle">确 定</el-button>
</span>
</el-dialog>
</template>
<script>
import { getTbShopCoupon } from '@/api/coupon.js'
export default {
data() {
return {
dialogVisible: false,
loading: false,
coupons: [],
type: 1,
form: {
couponId: '',
couponName: '',
couponNum: ''
},
resetForm: {},
rules: {
couponId: [
{
required: true,
message: '请选择优惠券',
trigger: 'blur'
}
],
}
}
},
mounted() {
this.resetForm = { ...this.form }
this.getTbShopCoupon()
},
methods: {
// 提交
onSubmitHandle() {
this.$refs.form.validate(async valid => {
if (valid) {
try {
this.form.couponName = this.coupons.find(item => item.id == this.form.couponId).title
this.$emit('success', { ...this.form })
this.close()
} catch (error) {
console.log(error)
}
}
})
},
// 获取优惠券列表
async getTbShopCoupon() {
try {
const res = await getTbShopCoupon({
shopId: localStorage.getItem('shopId'),
type: 1,
page: 1,
size: 100
})
this.coupons = res.content
} catch (error) {
console.log(error);
}
},
reset() {
this.form = { ...this.resetForm }
},
close() {
this.dialogVisible = false
},
show(row) {
if (row && row.couponId) {
this.type = 1
this.form = { ...row }
} else {
this.type = 2
}
this.dialogVisible = true
}
}
}
</script>

263
src/views/application/components/invite_friend/record.vue
View File

@ -1,263 +0,0 @@
<template>
<div>
<div>
<el-form :model="query" inline label-position="left">
<el-form-item>
<el-input placeholder="邀请人名称/被邀请人/昵称/手机号" v-model="query.search" style="width: 240px;" />
</el-form-item>
<el-form-item>
<el-select v-model="query.status" placeholder="状态" style="width: 140px;">
<el-option :label="item.label" :value="item.value" v-for="item in statusList"
:key="item.value"></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item>
<el-date-picker v-model="query.createdAt" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="queryHandle">查询</el-button>
<el-button @click="resetHandle">重置</el-button>
</el-form-item>
</el-form>
</div>
<div class="head-container">
<el-table :data="tableData.list" v-loading="tableData.loading">
<el-table-column label="邀请人" prop="invitedName">
<template v-slot="scope">
<div class="goods_info">
<el-image :src="scope.row.invitedHeadImg" style="width:40px;height:40px;flex-shrink: 0;"
:preview-src-list="avatarUrlList1">
<div slot="error" class="image-slot">
<i class="el-icon-folder-delete"></i>
</div>
</el-image>
<span>{{ scope.row.invitedName }}</span>
</div>
</template>
</el-table-column>
<el-table-column label="被邀请人" prop="beInvitedName">
<template v-slot="scope">
<div class="goods_info">
<el-image :src="scope.row.beInvitedHeadImg" style="width:40px;height:40px;flex-shrink: 0;"
:preview-src-list="avatarUrlList2">
<div slot="error" class="image-slot">
<i class="el-icon-folder-delete"></i>
</div>
</el-image>
<span>{{ scope.row.beInvitedName }}</span>
</div>
</template>
</el-table-column>
<el-table-column label="邀请状态" prop="status">
<template v-slot="scope">
<template v-if="scope.row.method == 'get' && scope.row.status == 2">
<el-tag type="success" disable-transitions>已邀请成功</el-tag>
</template>
<template v-else-if="scope.row.method == 'use' && scope.row.status == 3">
<el-tag type="success" disable-transitions>已邀请成功</el-tag>
</template>
<template v-else>
<el-tag type="danger" disable-transitions>未邀请成功</el-tag>
</template>
</template>
</el-table-column>
<el-table-column label="邀请时间" prop="createTime"></el-table-column>
<el-table-column label="生效时间" prop="updateTime">
<template v-slot="scope">
<template v-if="scope.row.method == 'get'">{{ scope.row.updateTime }}</template>
<template v-if="scope.row.method == 'use'">{{ scope.row.rewardTime }}</template>
</template>
</el-table-column>
</el-table>
</div>
<div class="head-container">
<el-pagination :total="tableData.total" @size-change="handleSizeChange" :current-page="tableData.page"
:page-size="tableData.size" @current-change="paginationChange"
layout="total, sizes, prev, pager, next, jumper"></el-pagination>
</div>
</div>
</template>
<script>
import { byShare, byShopId } from '@/api/inviteFirend.js'
const statusList = [
{
value: 0,
label: '非新用户'
},
{
value: 1,
label: '未领取'
},
{
value: 2,
label: '已领取'
},
{
value: 3,
label: '已使用'
},
]
export default {
data() {
return {
statusList,
avatarUrlList1: [],
avatarUrlList2: [],
shareId: '',
query: {
search: '',
status: ''
},
resetQuery: '',
tableData: {
list: [],
page: 1,
size: 30,
loading: false,
total: 0
},
}
},
filters: {
statusFilter(t) {
return statusList.find(item => item.value == t).label
}
},
mounted() {
this.resetQuery = { ...this.query }
this.byShopId()
},
methods: {
// 查询
queryHandle() {
this.getTableData()
},
// 重置查询
resetHandle() {
this.query = { ...this.resetQuery }
this.page = 1
this.size = 30
this.getTableData()
},
// 分页大小改变
handleSizeChange(val) {
this.tableData.size = val
this.getTableData()
},
// 分页回调
paginationChange(e) {
this.tableData.page = e
this.getTableData()
},
// 获取邀请设置
async byShopId() {
try {
const res = await byShopId()
this.shareId = res.id
this.getTableData()
} catch (error) {
console.log(error);
}
},
// 获取表格数据
async getTableData() {
try {
this.tableData.loading = true
const res = await byShare({
page: this.tableData.page,
size: this.tableData.size,
search: this.query.search,
status: this.query.status,
shareId: this.shareId
})
this.tableData.loading = false
this.tableData.list = res.content
this.tableData.total = res.totalElements
// 头像预览图集合
this.avatarUrlList1 = res.content.map(item => item.invitedHeadImg)
this.avatarUrlList2 = res.content.map(item => item.beInvitedHeadImg)
} catch (error) {
console.log(error);
}
}
}
}
</script>
<style scoped lang="scss">
.goods_info {
display: flex;
align-items: center;
gap: 10px;
}
.collect_wrap {
display: flex;
gap: 14px;
.item {
width: 200px;
display: flex;
align-items: center;
background-color: #f5f5f5;
padding: 20px;
.icon_wrap {
$size: 34px;
$border: 6px;
width: $size;
height: $size;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--bg-color);
border-radius: 50%;
position: relative;
&::after {
content: "";
width: $size + $border;
height: $size + $border;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--bg-color);
opacity: 0.3;
}
.icon {
font-size: 16px;
color: #fff;
}
.img {
width: 20px;
height: 20px;
}
}
.info {
flex: 1;
display: flex;
flex-direction: column;
padding-left: 10px;
.m {
font-weight: bold;
}
.t {
font-size: 12px;
color: #999;
padding-top: 4px;
}
}
}
}
</style>

377
src/views/application/components/invite_friend/setting.vue
View File

@ -1,377 +0,0 @@
<template>
<div>
<el-form ref="form" :model="form" :rules="rules" label-width="140px" label-position="left">
<el-form-item label="开启">
<el-switch v-model.trim="form.status" :active-value="1" :inactive-value="0"></el-switch>
</el-form-item>
<template v-if="form.status">
<el-form-item label="标题" prop="title">
<el-input v-model="form.title" style="width: 500px;" placeholder="例如：邀请1人可得，双方各得10元优惠券"></el-input>
</el-form-item>
<el-form-item label="分享封面图" prop="shareImg">
<div class="img_list">
<div class="item" v-if="form.shareImg">
<el-image :src="form.shareImg" style="width: 100%;height: 100%"
:preview-src-list="urlList" />
<div class="del" @click.stop="form.shareImg = ''">删除</div>
</div>
<div class="item upload" @click="formImgKey = 'shareImg'; $refs.addImg.show()" v-else>
<i class="icon el-icon-plus"></i>
</div>
</div>
<div class="tips">建议尺寸：750*622</div>
</el-form-item>
<el-form-item label="邀请顶部图" prop="invitedImg">
<div class="img_list">
<div class="item" v-if="form.invitedImg">
<el-image :src="form.invitedImg" style="width: 100%;height: 100%"
:preview-src-list="urlList" />
<div class="del" @click.stop="form.invitedImg = ''">删除</div>
</div>
<div class="item upload" @click="formImgKey = 'invitedImg'; $refs.addImg.show()" v-else>
<i class="icon el-icon-plus"></i>
</div>
</div>
<div class="tips">建议尺寸：750*622</div>
</el-form-item>
<el-form-item label="被邀顶部图" prop="beInvitedImg">
<div class="img_list">
<div class="item" v-if="form.beInvitedImg">
<el-image :src="form.beInvitedImg" style="width: 100%;height: 100%"
:preview-src-list="urlList" />
<div class="del" @click.stop="form.beInvitedImg = ''">删除</div>
</div>
<div class="item upload" @click="formImgKey = 'beInvitedImg'; $refs.addImg.show()" v-else>
<i class="icon el-icon-plus"></i>
</div>
</div>
<div class="tips">建议尺寸：750*622</div>
</el-form-item>
<el-form-item label="活动日期" prop="startTime">
<el-date-picker v-model="createdAt" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss" @change="timeChange">
</el-date-picker>
</el-form-item>
<el-form-item label="新用户获得券" prop="newCoupons">
<div>
<el-button type="primary" @click="addRewardHandle('newCoupons')">添加券</el-button>
<div class="tips">新用户的定义：没领过该活动券的都属于新用户，不管有没有下过单和是否第一次登录小程序。</div>
</div>
<el-table :data="form.newCoupons" border style="width: 600px;">
<el-table-column label="券ID" prop="couponId"></el-table-column>
<el-table-column label="名称" prop="couponName"></el-table-column>
<el-table-column label="数量" prop="couponNum"></el-table-column>
<el-table-column label="操作">
<template v-slot="scope">
<el-button type="text"
@click="addRewardHandle('newCoupons', 2, scope.row, scope.$index)">编辑</el-button>
<el-button type="text" @click="form.newCoupons.splice(scope.$index, 1)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-form-item>
<el-form-item label="奖励券" prop="invitedNum">
<el-input v-model="form.invitedNum" style="width: 350px;"
@input="inputFilterInt($event, 'invitedNum')">
<template slot="prepend">用户每邀请</template>
<template slot="append">人，可获得奖励券</template>
</el-input>
<el-button type="primary" @click="addRewardHandle('rewardCoupons')">添加券</el-button>
</el-form-item>
<el-form-item prop="rewardCoupons">
<div>
<div class="tips">奖励券不受优惠券发放数量影响</div>
</div>
<el-table :data="form.rewardCoupons" border style="width: 600px;">
<el-table-column label="券ID" prop="couponId"></el-table-column>
<el-table-column label="名称" prop="couponName"></el-table-column>
<el-table-column label="数量" prop="couponNum"></el-table-column>
<el-table-column label="操作">
<template v-slot="scope">
<el-button type="text"
@click="addRewardHandle('rewardCoupons', 2, scope.row, scope.$index)">编辑</el-button>
<el-button type="text"
@click="form.rewardCoupons.splice(scope.$index, 1)">删除</el-button>
</template>
</el-table-column>
</el-table>
</el-form-item>
<el-form-item label="奖励获得方法">
<el-radio-group v-model="form.getMethod">
<el-radio label="get">新用户领取获得</el-radio>
<el-radio label="use">仅新用户使用获得会员</el-radio>
</el-radio-group>
</el-form-item>
</template>
<el-form-item>
<el-button type="primary" :loading="loading" @click="onSubmitHandle">保存</el-button>
</el-form-item>
</el-form>
<addImg ref="addImg" @successEvent="e => form[formImgKey] = e[0].url" />
<AddCoupon ref="AddCoupon" @success="addCouponSuccess" />
</div>
</template>
<script>
import { byShopId, tbShopShare } from '@/api/inviteFirend.js'
import addImg from "@/views/product/components/addImages.vue";
import AddCoupon from './addCoupon.vue'
export default {
components: { addImg, AddCoupon },
data() {
const imgValidate1 = (rule, value, callback) => {
if (!this.form.shareImg) {
callback(new Error("请上传分享封面图"));
} else {
callback()
}
}
const imgValidate2 = (rule, value, callback) => {
if (!this.form.invitedImg) {
callback(new Error("请上传邀请顶部图"));
} else {
callback()
}
}
const imgValidate3 = (rule, value, callback) => {
if (!this.form.beInvitedImg) {
callback(new Error("请上传被邀顶部图"));
} else {
callback()
}
}
const startTimeValidate = (rule, value, callback) => {
if (!this.form.startTime) {
callback(new Error("请选择活动日期"));
} else {
callback()
}
}
const newCouponsValidate = (rule, value, callback) => {
if (!this.form.newCoupons.length) {
callback(new Error("请添加新用户获得券"));
} else {
callback()
}
}
const rewardCouponsValidate = (rule, value, callback) => {
if (!this.form.rewardCoupons.length) {
callback(new Error("请添加奖励券"));
} else {
callback()
}
}
return {
loading: false,
createdAt: [],
formImgKey: '',
couponKey: '',
tableType: '1', // 1添加 2编辑
tableEditorIndex: 0, // 编辑时的index
form: {
status: 1,
title: '',
shareImg: '',
invitedImg: '',
beInvitedImg: '',
startTime: '',
endTime: '',
newCoupons: [],
invitedNum: '1',
rewardCoupons: [],
getMethod: 'get'
},
rules: {
title: [
{
required: true,
message: '请输入标题',
trigger: 'blur'
}
],
shareImg: [
{
required: true,
validator: imgValidate1,
trigger: 'change'
}
],
invitedImg: [
{
required: true,
validator: imgValidate2,
trigger: 'change'
}
],
beInvitedImg: [
{
required: true,
validator: imgValidate3,
trigger: 'change'
}
],
startTime: [
{
required: true,
validator: startTimeValidate,
trigger: 'change'
}
],
newCoupons: [
{
required: true,
validator: newCouponsValidate,
trigger: 'change'
}
],
invitedNum: [
{
required: true,
message: '请输入邀请人数',
trigger: 'blur'
}
],
rewardCoupons: [
{
required: true,
validator: rewardCouponsValidate,
trigger: 'change'
}
],
},
urlList: []
}
},
mounted() {
this.byShopId()
},
methods: {
// 添加完成优惠券
addCouponSuccess(e) {
if (this.tableType == 1) {
this.form[this.couponKey].push({ ...e })
} else {
// this.form[this.couponKey][this.tableEditorIndex] = { ...e }
this.$set(this.form[this.couponKey], this.tableEditorIndex, { ...e })
}
},
// 添加奖励券
addRewardHandle(key, type = 1, row = {}, index = 0) {
this.tableEditorIndex = index
this.tableType = type
this.couponKey = key
if (key == 'rewardCoupons' && !this.form.invitedNum) {
this.$refs.form.validateField('invitedNum')
return
}
this.$refs.AddCoupon.show(row)
},
// 日期回调
timeChange(e) {
this.form.startTime = e[0]
this.form.endTime = e[1]
},
// 过滤input只能输入整数
inputFilterInt(e, key) {
if (!e) return
setTimeout(() => {
this.form[key] = e.replace(/[^\d]/g, '')
}, 50)
},
// 提交
onSubmitHandle() {
this.$refs.form.validate(async valid => {
if (valid) {
try {
this.loading = true
this.form.shopId = localStorage.getItem('shopId')
await tbShopShare(this.form)
this.loading = false
this.$notify({
title: '成功',
message: `保存成功`,
type: 'success'
});
} catch (error) {
this.loading = false
console.log(error)
}
}
})
},
// 获取店铺设置
async byShopId() {
try {
const res = await byShopId()
if (res.id) {
this.form = res
this.createdAt = [res.startTime, res.endTime]
this.urlList = [res.shareImg, res.invitedImg, res.beInvitedImg]
}
} catch (error) {
console.log(error);
}
}
}
}
</script>
<style scoped lang="scss">
.img_list {
display: flex;
flex-wrap: wrap;
gap: 10px;
.item {
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
background-color: #F5F7FA;
position: relative;
overflow: hidden;
&.upload {
border: 1px dashed #ddd;
}
&:hover {
cursor: pointer;
.del {
transform: translateY(0);
}
}
.del {
width: 100%;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(255, 0, 0, 0.6);
backdrop-filter: blur(3px);
color: #fff;
font-size: 12px;
transform: translateY(100%);
transition: all .2s ease-in-out;
}
.img {
width: 100%;
height: 100%;
display: block;
}
.icon {
font-size: 20px;
color: #ddd;
}
}
}
</style>

447
src/views/application/components/invite_friend/share.vue
View File

@ -1,447 +0,0 @@
<template>
<div>
<el-form ref="form" :model="form" :rules="rules" label-width="140px" label-position="left">
<el-form-item label="分享标题" prop="title">
<el-input v-model="form.title" style="width: 500px;" placeholder="例如：邀请1人可得，双方各得10元优惠券"></el-input>
</el-form-item>
<el-form-item label="分享封面" prop="shareImg">
<div class="img_list">
<div class="item" v-if="form.shareImg">
<el-image :src="form.shareImg" style="width: 100%;height: 100%" :preview-src-list="urlList" />
<div class="del" @click.stop="form.shareImg = ''">删除</div>
</div>
<div class="item upload" @click="formImgKey = 'shareImg'; $refs.addImg.show()" v-else>
<i class="icon el-icon-plus"></i>
</div>
</div>
<div class="tips">建议尺寸：630*504</div>
</el-form-item>
<el-form-item label="演示">
<div class="preview_wrap">
<div class="message_wrap">
<div class="msg">
<div class="content">
<div class="name">
<img class="logo" :src="shopInfo.logo">
<span class="t">{{ shopInfo.name }}</span>
</div>
<div class="title">{{ form.title }}</div>
<el-image :src="form.shareImg" style="width: 100%;height: 110px;" fit="cover">
<div slot="error" class="image-slot">
<i class="el-icon-folder-delete"></i>
</div>
</el-image>
<div class="btm">
<i class="icon el-icon-link"></i>
小程序
</div>
</div>
<img class="avatar" src="@/assets/images/avatar.png">
</div>
</div>
<div class="footer">
<i class="icon el-icon-microphone"></i>
<div class="ipt"></div>
<i class="icon el-icon-picture-outline-round"></i>
<i class="icon el-icon-circle-plus-outline"></i>
</div>
</div>
</el-form-item>
<el-form-item>
<el-button type="primary" :loading="loading" @click="onSubmitHandle">保存</el-button>
</el-form-item>
</el-form>
<addImg ref="addImg" @successEvent="e => form[formImgKey] = e[0].url" />
<AddCoupon ref="AddCoupon" @success="addCouponSuccess" />
</div>
</template>
<script>
import { byShopId, tbShopShare } from '@/api/inviteFirend.js'
import addImg from "@/views/product/components/addImages.vue";
import AddCoupon from './addCoupon.vue'
export default {
components: { addImg, AddCoupon },
data() {
const imgValidate1 = (rule, value, callback) => {
if (!this.form.shareImg) {
callback(new Error("请上传分享封面图"));
} else {
callback()
}
}
const imgValidate2 = (rule, value, callback) => {
if (!this.form.invitedImg) {
callback(new Error("请上传邀请顶部图"));
} else {
callback()
}
}
const imgValidate3 = (rule, value, callback) => {
if (!this.form.beInvitedImg) {
callback(new Error("请上传被邀顶部图"));
} else {
callback()
}
}
const startTimeValidate = (rule, value, callback) => {
if (!this.form.startTime) {
callback(new Error("请选择活动日期"));
} else {
callback()
}
}
const newCouponsValidate = (rule, value, callback) => {
if (!this.form.newCoupons.length) {
callback(new Error("请添加新用户获得券"));
} else {
callback()
}
}
const rewardCouponsValidate = (rule, value, callback) => {
if (!this.form.rewardCoupons.length) {
callback(new Error("请添加奖励券"));
} else {
callback()
}
}
return {
loading: false,
createdAt: [],
formImgKey: '',
couponKey: '',
tableType: '1', // 1添加 2编辑
tableEditorIndex: 0, // 编辑时的index
shopInfo: {
name: localStorage.getItem('shopName'),
logo: localStorage.getItem('logo')
},
form: {
status: 1,
title: '',
shareImg: '',
invitedImg: '',
beInvitedImg: '',
startTime: '',
endTime: '',
newCoupons: [],
invitedNum: '1',
rewardCoupons: [],
getMethod: 'get'
},
rules: {
title: [
{
required: true,
message: '请输入标题',
trigger: 'blur'
}
],
shareImg: [
{
required: true,
validator: imgValidate1,
trigger: 'change'
}
],
invitedImg: [
{
required: true,
validator: imgValidate2,
trigger: 'change'
}
],
beInvitedImg: [
{
required: true,
validator: imgValidate3,
trigger: 'change'
}
],
startTime: [
{
required: true,
validator: startTimeValidate,
trigger: 'change'
}
],
newCoupons: [
{
required: true,
validator: newCouponsValidate,
trigger: 'change'
}
],
invitedNum: [
{
required: true,
message: '请输入邀请人数',
trigger: 'blur'
}
],
rewardCoupons: [
{
required: true,
validator: rewardCouponsValidate,
trigger: 'change'
}
],
},
urlList: []
}
},
mounted() {
this.byShopId()
},
methods: {
// 添加完成优惠券
addCouponSuccess(e) {
if (this.tableType == 1) {
this.form[this.couponKey].push({ ...e })
} else {
// this.form[this.couponKey][this.tableEditorIndex] = { ...e }
this.$set(this.form[this.couponKey], this.tableEditorIndex, { ...e })
}
},
// 添加奖励券
addRewardHandle(key, type = 1, row = {}, index = 0) {
this.tableEditorIndex = index
this.tableType = type
this.couponKey = key
if (key == 'rewardCoupons' && !this.form.invitedNum) {
this.$refs.form.validateField('invitedNum')
return
}
this.$refs.AddCoupon.show(row)
},
// 日期回调
timeChange(e) {
this.form.startTime = e[0]
this.form.endTime = e[1]
},
// 过滤input只能输入整数
inputFilterInt(e, key) {
if (!e) return
setTimeout(() => {
this.form[key] = e.replace(/[^\d]/g, '')
}, 50)
},
// 提交
onSubmitHandle() {
this.$refs.form.validate(async valid => {
if (valid) {
try {
this.loading = true
this.form.shopId = localStorage.getItem('shopId')
await tbShopShare(this.form)
this.loading = false
this.$notify({
title: '成功',
message: `保存成功`,
type: 'success'
});
} catch (error) {
this.loading = false
console.log(error)
}
}
})
},
// 获取店铺设置
async byShopId() {
try {
const res = await byShopId()
if (res.id) {
this.form = res
this.createdAt = [res.startTime, res.endTime]
this.urlList = [res.shareImg, res.invitedImg, res.beInvitedImg]
}
} catch (error) {
console.log(error);
}
}
}
}
</script>
<style scoped lang="scss">
.img_list {
display: flex;
flex-wrap: wrap;
gap: 10px;
.item {
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
background-color: #F5F7FA;
position: relative;
overflow: hidden;
&.upload {
border: 1px dashed #ddd;
}
&:hover {
cursor: pointer;
.del {
transform: translateY(0);
}
}
.del {
width: 100%;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(255, 0, 0, 0.6);
backdrop-filter: blur(3px);
color: #fff;
font-size: 12px;
transform: translateY(100%);
transition: all .2s ease-in-out;
}
.img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.icon {
font-size: 20px;
color: #ddd;
}
}
}
.preview_wrap {
width: 300px;
height: 368px;
background-color: #EDEDED;
position: relative;
padding: 20px 10px;
.message_wrap {
display: flex;
justify-content: flex-end;
.msg {
display: flex;
.content {
width: 180px;
background-color: #fff;
border-radius: 4px;
padding: 10px 10px 6px;
position: relative;
&::before {
$size: 8px;
content: "";
width: $size;
height: $size;
border-radius: 1px;
background-color: #fff;
position: absolute;
top: 10px;
right: $size / 2 * -1;
transform: rotate(-45deg);
}
.name {
display: flex;
align-items: center;
line-height: 10px;
.logo {
width: 20px;
height: 20px;
border-radius: 50%;
}
.t {
font-size: 10px;
color: #999;
margin-left: 6px;
}
}
.title {
font-size: 12px;
line-height: 16px;
padding: 6px 0;
}
.btm {
font-size: 10px;
color: #999;
line-height: 10px;
display: flex;
align-items: center;
border-top: 1px solid #ececec;
padding-top: 6px;
.icon {
font-size: 14px;
color: rgb(87, 87, 253);
margin-right: 6px;
}
}
}
.avatar {
width: 30px;
height: 30px;
margin-left: 10px;
}
}
}
.footer {
background-color: #F6F6F6;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
display: flex;
align-items: center;
padding: 0 10px;
gap: 10px;
padding-top: 10px;
padding-bottom: 40px;
&::after {
content: "";
width: 100px;
height: 4px;
border-radius: 4px;
position: absolute;
bottom: 10px;
left: 50%;
margin-left: -50px;
background-color: #333;
}
.ipt {
flex: 1;
height: 30px;
background-color: #fff;
border-radius: 4px;
}
.icon {
font-size: 22px;
color: #333;
}
}
}
</style>

349
src/views/application/components/member_points/record.vue
View File

@ -1,349 +0,0 @@
<!-- 兑换记录 -->
<template>
<div>
<div>
<el-form :model="query" inline label-position="left">
<el-form-item>
<el-input placeholder="订单编号/核销码" v-model="query.keywords" />
</el-form-item>
<el-form-item>
<el-select v-model="query.pickupMethod" placeholder="领取方式" style="width: 140px;">
<el-option label="自取" value="self"></el-option>
<el-option label="邮寄" value="post"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="query.status" placeholder="状态" style="width: 140px;">
<el-option :label="item.label" :value="item.value" v-for="item in statusList"
:key="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-date-picker v-model="query.createdAt" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="queryHandle">查询</el-button>
<el-button @click="resetHandle">重置</el-button>
</el-form-item>
</el-form>
</div>
<div class="head-container">
<div class="collect_wrap">
<div class="item">
<div class="icon_wrap" style="--bg-color:#ADDBBC">
<i class="icon el-icon-s-goods"></i>
</div>
<div class="info">
<div class="m">{{ countData.count }}</div>
<div class="t">总订单数</div>
</div>
</div>
<div class="item">
<div class="icon_wrap" style="--bg-color:#8CC4FC">
<i class="icon el-icon-s-goods"></i>
</div>
<div class="info">
<div class="m">￥{{ countData.totalAmount }}</div>
<div class="t">已支付金额</div>
</div>
</div>
</div>
</div>
<div class="head-container">
<el-table :data="tableData.list" v-loading="tableData.loading">
<el-table-column label="订单编号" prop="orderNo" width="200"></el-table-column>
<el-table-column label="用户名" prop="memberName" width="200">
<template v-slot="scope">
<div class="goods_info">
<el-image :src="scope.row.avatarUrl" style="width:40px;height:40px;flex-shrink: 0;"
:preview-src-list="avatarUrlList">
<div slot="error" class="image-slot">
<i class="el-icon-folder-delete"></i>
</div>
</el-image>
<span>{{ scope.row.memberName }}</span>
</div>
</template>
</el-table-column>
<el-table-column label="商品" prop="pointsGoodsName" width="200">
<template v-slot="scope">
<div class="goods_info">
<el-image :src="scope.row.goodsImageUrl" style="width:40px;height:40px;flex-shrink: 0;"
:preview-src-list="srcList">
<div slot="error" class="image-slot">
<i class="el-icon-folder-delete"></i>
</div>
</el-image>
<span>{{ scope.row.pointsGoodsName }}</span>
</div>
</template>
</el-table-column>
<el-table-column label="使用积分" prop="spendPoints"></el-table-column>
<el-table-column label="支付金额" prop="extraPaymentAmount"></el-table-column>
<el-table-column label="支付方式" prop="payMethod"></el-table-column>
<el-table-column label="实际支付时间" prop="payTime" width="200"></el-table-column>
<el-table-column label="下单时间" prop="createTime" width="200"></el-table-column>
<el-table-column label="领取方式" prop="pickupMethod">
<template v-slot="scope">
<el-tag type="success" effect="plain" disable-transitions
v-if="scope.row.pickupMethod == 'self'">自取</el-tag>
<el-tag type="info" effect="plain" disable-transitions
v-if="scope.row.pickupMethod == 'post'">邮寄
</el-tag>
</template>
</el-table-column>
<el-table-column label="状态" prop="status">
<template v-slot="scope">
<el-tag type="warning" disable-transitions v-if="scope.row.status == 'waiting'">待自取</el-tag>
<el-tag type="success" disable-transitions v-if="scope.row.status == 'done'">已完成</el-tag>
<el-tag type="warning" disable-transitions v-if="scope.row.status == 'unpaid'">待支付</el-tag>
<el-tag type="info" disable-transitions v-if="scope.row.status == 'cancel'">已取消</el-tag>
</template>
</el-table-column>
<el-table-column label="取消/退款" prop="cancelOrRefundTime" width="200">
<template v-slot="scope">
<template v-if="scope.row.status == 'cancel'">
<div>{{ scope.row.cancelOrRefundTime }}</div>
<div>{{ scope.row.cancelOrRefundReason }}</div>
</template>
</template>
</el-table-column>
<el-table-column label="操作" width="120" fixed="right">
<template v-slot="scope">
<template v-if="scope.row.status == 'waiting'">
<el-popconfirm title="确定核销吗？" @confirm="confirmOrder(scope.row.couponCode)">
<el-button type="text" icon="el-icon-finished" slot="reference">待核销</el-button>
</el-popconfirm>
</template>
<el-button type="text" icon="el-icon-finished" disabled v-else>{{
scope.row.status | statusFilter }}</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="head-container">
<el-pagination :total="tableData.total" @size-change="handleSizeChange" :current-page="tableData.page"
:page-size="tableData.size" @current-change="paginationChange"
layout="total, sizes, prev, pager, next, jumper"></el-pagination>
</div>
</div>
</template>
<script>
import { exchangeRecordPage, exchangeRecordTotal, recordCheckout } from '@/api/points.js'
const statusList = [
{
value: 'unpaid',
label: '待支付'
},
{
value: 'waiting',
label: '待自取'
},
{
value: 'done',
label: '已完成'
},
{
value: 'cancel',
label: '已取消'
},
]
export default {
data() {
return {
statusList,
srcList: [],
avatarUrlList: [],
countData: {
count: 0,
totalAmount: 0
},
query: {
keywords: '',
beginDate: '',
endDate: '',
status: '',
pickupMethod: '',
createdAt: []
},
resetQuery: '',
tableData: {
list: [],
page: 1,
size: 30,
loading: false,
total: 0
},
}
},
filters: {
statusFilter(t) {
return statusList.find(item => item.value == t).label
}
},
mounted() {
this.resetQuery = { ...this.query }
this.getTableData()
this.exchangeRecordTotal()
},
methods: {
// 核销
async confirmOrder(couponCode) {
try {
this.tableData.loading = true
await recordCheckout({ couponCode: couponCode })
this.$notify({
title: '成功',
message: '核销成功',
type: 'success'
})
this.getTableData()
} catch (error) {
this.tableData.loading = false
console.log(error);
}
},
// 统计
async exchangeRecordTotal() {
try {
const { count, totalAmount } = await exchangeRecordTotal({
keywords: this.query.keywords,
beginDate: this.query.createdAt[0] || '',
endDate: this.query.createdAt[1] || '',
status: this.query.status,
pickupMethod: this.query.pickupMethod
})
this.countData.count = count
this.countData.totalAmount = totalAmount
} catch (error) {
console.log(error);
}
},
// 查询
queryHandle() {
this.getTableData()
this.exchangeRecordTotal()
},
// 重置查询
resetHandle() {
this.query = { ...this.resetQuery }
this.page = 1
this.size = 30
this.getTableData()
this.exchangeRecordTotal()
},
// 分页大小改变
handleSizeChange(val) {
this.tableData.size = val
this.getTableData()
},
// 分页回调
paginationChange(e) {
this.tableData.page = e
this.getTableData()
},
// 获取表格数据
async getTableData() {
try {
this.tableData.loading = true
const res = await exchangeRecordPage({
page: this.tableData.page,
size: this.tableData.size,
keywords: this.query.keywords,
beginDate: this.query.createdAt[0] || '',
endDate: this.query.createdAt[1] || '',
status: this.query.status,
pickupMethod: this.query.pickupMethod
})
this.tableData.loading = false
this.tableData.list = res.content
this.tableData.total = res.totalElements
// 预览图集合
this.srcList = res.content.map(item => item.goodsImageUrl)
// 头像预览图集合
this.avatarUrlList = res.content.map(item => item.avatarUrl)
} catch (error) {
console.log(error);
}
}
}
}
</script>
<style scoped lang="scss">
.goods_info {
display: flex;
align-items: center;
gap: 10px;
}
.collect_wrap {
display: flex;
gap: 14px;
.item {
width: 200px;
display: flex;
align-items: center;
background-color: #f5f5f5;
padding: 20px;
.icon_wrap {
$size: 34px;
$border: 6px;
width: $size;
height: $size;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--bg-color);
border-radius: 50%;
position: relative;
&::after {
content: "";
width: $size + $border;
height: $size + $border;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--bg-color);
opacity: 0.3;
}
.icon {
font-size: 16px;
color: #fff;
}
.img {
width: 20px;
height: 20px;
}
}
.info {
flex: 1;
display: flex;
flex-direction: column;
padding-left: 10px;
.m {
font-weight: bold;
}
.t {
font-size: 12px;
color: #999;
padding-top: 4px;
}
}
}
}
</style>

306
src/views/application/components/member_points/setting.vue
View File

@ -1,306 +0,0 @@
<template>
<div>
<el-form ref="form" :model="form" :rules="rules" label-width="140px" label-position="left">
<el-form-item label="是否消费赠送积分">
<el-switch v-model.trim="form.enableRewards" :active-value="1" :inactive-value="0"></el-switch>
</el-form-item>
<template v-if="form.enableRewards">
<el-form-item label="适用群体">
<el-radio-group v-model="form.rewardsGroup">
<el-radio label="all">全部</el-radio>
<el-radio label="vip">仅会员</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="消费赠送积分" prop="consumeAmount">
<el-input v-model="form.consumeAmount" style="width: 250px;"
@input="inputFilterInt($event, 'consumeAmount')">
<template slot="prepend">每消费</template>
<template slot="append">元赠送1积分</template>
</el-input>
</el-form-item>
</template>
<el-form-item label="开启下单积分抵扣" style="margin-top: 50px;">
<el-switch v-model.trim="form.enableDeduction" :active-value="1" :inactive-value="0"></el-switch>
</el-form-item>
<template v-if="form.enableDeduction">
<el-form-item label="适用群体">
<el-radio-group v-model="form.deductionGroup">
<el-radio label="all">全部</el-radio>
<el-radio label="vip">仅会员</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="下单实付抵扣门槛" prop="minPaymentAmount">
<el-input v-model="form.minPaymentAmount" style="width: 150px;"
@input="inputFilterInt($event, 'minPaymentAmount')">
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="下单最高抵扣比例" prop="maxDeductionRatio">
<el-input v-model="form.maxDeductionRatio" style="width: 150px;"
@input="inputFilterInt($event, 'maxDeductionRatio')">
<template slot="append">%</template>
</el-input>
</el-form-item>
<el-form-item label="下单抵扣积分比例" prop="equivalentPoints">
<el-input v-model="form.equivalentPoints" style="width: 220px;"
@input="inputFilterInt($event, 'equivalentPoints')">
<template slot="prepend">1元等于</template>
<template slot="append">积分</template>
</el-input>
</el-form-item>
</template>
<el-form-item label="开启积分商城" style="margin-top: 50px;">
<el-switch v-model.trim="form.enablePointsMall" :active-value="1" :inactive-value="0"></el-switch>
</el-form-item>
<el-form-item label="显示样式" v-if="form.enablePointsMall">
<div class="style_wrap">
<div class="item style1" :class="{ active: form.browseMode == 'list' }"
@click="form.browseMode = 'list'">
<div class="row">
<div class="cover"></div>
<div class="info">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
<div class="row">
<div class="cover"></div>
<div class="info">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</div>
</div>
<div class="item style2" :class="{ active: form.browseMode == 'grid' }"
@click="form.browseMode = 'grid'">
<div class="row">
<div class="cover"></div>
<div class="line"></div>
</div>
<div class="row">
<div class="cover"></div>
<div class="line"></div>
</div>
<div class="row">
<div class="cover"></div>
<div class="line"></div>
</div>
<div class="row">
<div class="cover"></div>
<div class="line"></div>
</div>
</div>
</div>
</el-form-item>
<el-form-item>
<el-button type="primary" :loading="loading" @click="onSubmitHandle">保存</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { basicSettingGet, basicSettingPost } from '@/api/points.js'
export default {
data() {
return {
loading: false,
form: {
id: '',
rewardsGroup: 'all',
deductionGroup: 'all',
enableRewards: 1,
consumeAmount: "",
enableDeduction: 1,
minPaymentAmount: "",
maxDeductionRatio: "",
equivalentPoints: "",
enablePointsMall: 1,
browseMode: 'list'
},
rules: {
consumeAmount: [
{
required: true,
message: ' ',
trigger: 'blur'
}
],
minPaymentAmount: [
{
required: true,
message: ' ',
trigger: 'blur'
}
],
maxDeductionRatio: [
{
required: true,
message: ' ',
trigger: 'blur'
}
],
equivalentPoints: [
{
required: true,
message: ' ',
trigger: 'blur'
}
]
}
}
},
mounted() {
this.basicSettingGet()
},
methods: {
// 过滤input只能输入整数
inputFilterInt(e, key) {
if (!e) return
setTimeout(() => {
this.form[key] = e.replace(/[^\d]/g, '')
}, 50)
},
// 提交
onSubmitHandle() {
this.$refs.form.validate(async valid => {
if (valid) {
try {
this.loading = true
this.form.shopId = localStorage.getItem('shopId')
await basicSettingPost(this.form)
this.loading = false
this.$notify({
title: '成功',
message: `保存成功`,
type: 'success'
});
} catch (error) {
this.loading = false
console.log(error)
}
}
})
},
// 获取店铺设置
async basicSettingGet() {
try {
const res = await basicSettingGet()
if (res.id) {
this.form = res
}
} catch (error) {
console.log(error);
}
}
}
}
</script>
<style scoped lang="scss">
.style_wrap {
display: flex;
width: 350px;
gap: 50px;
.item {
flex: 1;
padding: 10px;
border: 1px solid #ddd;
$color: #3F9EFF;
&:hover {
cursor: pointer;
}
&.active {
border-color: $color;
}
.cover {
background-color: $color;
}
.line {
background-color: #D9D9D9;
}
&.style1 {
display: flex;
flex-direction: column;
gap: 20px;
.row {
flex: 1;
display: flex;
.cover {
width: 40px;
height: 40px;
}
.info {
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
padding-left: 10px;
.line {
flex: 1;
&:nth-child(1) {
width: 80%;
flex: 2;
}
&:nth-child(3) {
width: 50%;
}
}
}
}
}
&.style2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
.row:nth-child(1) {
grid-area: 1 / 1 / 2 / 2;
}
.row:nth-child(2) {
grid-area: 1 / 2 / 2 / 3;
}
.row:nth-child(3) {
grid-area: 2 / 1 / 3 / 2;
}
.row:nth-child(4) {
grid-area: 2 / 2 / 3 / 3;
}
.row {
display: flex;
flex-direction: column;
.cover {
flex: 1;
}
.line {
height: 4px;
margin-top: 4px;
}
}
}
}
}
</style>

247
src/views/application/components/member_points/shop_add.vue
View File

@ -1,247 +0,0 @@
<!-- 添加积分商品/优惠券 -->
<template>
<div>
<el-dialog :title="form.id ? '编辑商品' : '添加商品'" :visible.sync="dialogVisible" @close="reset">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
<el-form-item label="奖品类型">
<el-radio-group v-model="form.goodsCategory">
<el-radio label="physical">实物商品</el-radio>
<!-- <el-radio label="coupon">优惠券</el-radio> -->
</el-radio-group>
</el-form-item>
<el-form-item label="商品图片" prop="goodsImageUrl">
<div class="img_list">
<div class="item" v-if="form.goodsImageUrl" @click="form.goodsImageUrl = ''">
<el-image :src="form.goodsImageUrl" style="width: 100%;height: 100%" />
<div class="del">删除</div>
</div>
<div class="item upload" @click="$refs.addImg.show()" v-else>
<i class="icon el-icon-plus"></i>
</div>
</div>
</el-form-item>
<el-form-item label="商品名称" prop="goodsName">
<el-input v-model="form.goodsName" placeholder="请输入商品名称" style="width: 300px;"></el-input>
</el-form-item>
<el-form-item label="所需积分" prop="requiredPoints">
<el-input v-model="form.requiredPoints" style="width: 130px;"
@input="inputFilterInt($event, 'requiredPoints')">
<template slot="append">积分</template>
</el-input>
</el-form-item>
<el-form-item label="额外价格" prop="extraPrice">
<el-input v-model="form.extraPrice" style="width: 130px;"
@input="inputFilterFloat($event, 'extraPrice')">
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="数量">
<el-input-number v-model="form.quantity" :min="1"></el-input-number>
</el-form-item>
<el-form-item label="排序">
<el-input-number v-model="form.sort" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="是否上架">
<el-switch v-model.trim="form.status" :active-value="1" :inactive-value="0"></el-switch>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" :loading="loading" @click="onSubmitHandle">确 定</el-button>
</span>
</el-dialog>
<addImg ref="addImg" @successEvent="e => form.goodsImageUrl = e[0].url" />
</div>
</template>
<script>
import { goodsSettingAdd } from '@/api/points.js'
import addImg from "@/views/product/components/addImages.vue";
export default {
components: {
addImg
},
data() {
const validateCoverImg = (rule, value, callback) => {
if (!this.form.goodsImageUrl) {
callback(new Error("请上传商品图片"));
} else {
callback()
}
}
return {
dialogVisible: false,
loading: false,
form: {
goodsCategory: 'physical',
goodsName: '',
goodsImageUrl: '',
requiredPoints: '',
extraPrice: 0,
quantity: '',
status: 1,
sort: 0,
goodsDescription: ''
},
resetForm: '',
rules: {
goodsName: [
{
required: true,
message: ' ',
trigger: 'blur'
}
],
goodsImageUrl: [
{
required: true,
validator: validateCoverImg,
trigger: 'change'
}
],
requiredPoints: [
{
required: true,
message: ' ',
trigger: 'blur'
}
],
extraPrice: [
{
required: true,
message: ' ',
trigger: 'blur'
}
]
}
}
},
mounted() {
this.resetForm = { ...this.form }
},
methods: {
// 过滤input只能输入整数
inputFilterInt(e, key) {
if (!e) return
setTimeout(() => {
this.form[key] = e.replace(/[^\d]/g, '')
}, 50)
},
// 过滤input只能输入数字，并且最多输入两位小数
inputFilterFloat(value, key) {
if (!value) return
// 去除首位小数点
if (value.startsWith('.')) {
value = value.slice(1);
}
// 清除非数字和小数点（除了第一个小数点）
value = value.replace(/[^\d.]/g, '');
// 确保最多只有一个小数点
if (value.split('.').length > 2) {
value = value.split('.').slice(0, 2).join('.');
}
// 限制小数位数为两位
if (value.split('.')[1] && value.split('.')[1].length > 2) {
value = value.split('.')[0] + '.' + value.split('.')[1].slice(0, 2);
}
setTimeout(() => {
this.form[key] = value
}, 50)
},
// 提交
onSubmitHandle() {
this.$refs.form.validate(async valid => {
if (valid) {
try {
this.loading = true
this.form.shopId = localStorage.getItem('shopId')
await goodsSettingAdd(this.form)
this.loading = false
this.$notify({
title: '成功',
message: `${this.form.id ? '编辑' : '添加'}成功`,
type: 'success'
});
this.$emit('success')
this.close()
} catch (error) {
this.loading = false
console.log(error)
}
}
})
},
reset() {
this.form = { ...this.resetForm }
},
close() {
this.dialogVisible = false
},
show(row) {
if (row && row.id) {
this.form = { ...row }
}
this.dialogVisible = true
}
}
}
</script>
<style scoped lang="scss">
.img_list {
display: flex;
flex-wrap: wrap;
gap: 10px;
.item {
width: 100px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
background-color: #F5F7FA;
position: relative;
overflow: hidden;
&.upload {
border: 1px dashed #ddd;
}
&:hover {
cursor: pointer;
.del {
transform: translateY(0);
}
}
.del {
width: 100%;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(3px);
color: #fff;
font-size: 12px;
transform: translateY(100%);
transition: all .2s ease-in-out;
}
.img {
width: 100%;
height: 100%;
display: block;
}
.icon {
font-size: 20px;
color: #ddd;
}
}
}
</style>

129
src/views/application/components/member_points/shop_list.vue
View File

@ -1,129 +0,0 @@
<template>
<div>
<div><el-button type="primary" @click="$refs.ShopAdd.show()">添加商品</el-button></div>
<div class="head-container">
<el-table :data="tableData.list" v-loading="tableData.loading">
<el-table-column label="商品" prop="goodsName">
<template v-slot="scope">
<div class="goods_info">
<el-image :src="scope.row.goodsImageUrl" style="width:40px;height:40px;flex-shrink: 0;"
:preview-src-list="srcList" />
<span>{{ scope.row.goodsName }}</span>
</div>
</template>
</el-table-column>
<el-table-column label="所需积分" prop="requiredPoints"></el-table-column>
<el-table-column label="额外价格「元」" prop="extraPrice"></el-table-column>
<el-table-column label="累计兑换次数" prop="totalExchangeCount"></el-table-column>
<el-table-column label="库存" prop="quantity"></el-table-column>
<el-table-column label="状态" prop="status">
<template v-slot="scope">
<el-tag type="success" disable-transitions v-if="scope.row.status == 1">上架</el-tag>
<el-tag type="danger" disable-transitions v-if="scope.row.status == 0">下架</el-tag>
</template>
</el-table-column>
<el-table-column label="操作">
<template v-slot="scope">
<el-button type="text" icon="el-icon-edit" @click="editorHandle(scope.row)">编辑</el-button>
<el-popconfirm title="确定删除吗？" @confirm="delTableHandle(scope.row.id)">
<el-button type="text" icon="el-icon-delete" slot="reference">删除</el-button>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
</div>
<div class="head-container">
<el-pagination :total="tableData.total" @size-change="handleSizeChange" :current-page="tableData.page"
:page-size="tableData.size" @current-change="paginationChange"
layout="total, sizes, prev, pager, next, jumper"></el-pagination>
</div>
<!-- 添加积分商品/积分 -->
<ShopAdd ref="ShopAdd" @success="resetTable" />
</div>
</template>
<script>
import ShopAdd from './shop_add.vue'
import { goodsSettingPage, goodsDelete } from '@/api/points.js'
export default {
components: { ShopAdd },
data() {
return {
srcList: [],
tableData: {
sort: 'createdAt,desc',
list: [],
page: 1,
size: 30,
loading: false,
total: 0
},
}
},
mounted() {
this.getTableData()
},
methods: {
// 编辑 预览
editorHandle(row) {
this.$refs.ShopAdd.show(row)
},
// 删除
async delTableHandle(id) {
try {
await goodsDelete(id)
this.$message.success('已删除')
this.getTableData()
} catch (error) {
console.log(error);
}
},
resetTable() {
this.tableData.page = 1
this.tableData.size = 30
this.getTableData()
},
handleSizeChange(val) {
this.tableData.size = val
this.getTableData()
},
// 分页回调
paginationChange(e) {
this.tableData.page = e
this.getTableData()
},
// 获取积分商品列表
async getTableData() {
try {
this.tableData.loading = true
const res = await goodsSettingPage({
page: this.tableData.page,
size: this.tableData.size,
goodsName: '',
goodsCategory: 'physical',
status: ''
})
this.tableData.loading = false
this.tableData.list = res.content
this.tableData.total = res.totalElements
// 预览图集合
this.srcList = res.content.map(item => item.goodsImageUrl)
} catch (error) {
console.log(error);
}
}
}
}
</script>
<style scoped lang="scss">
.head-container {
margin-top: 20px;
}
.goods_info {
display: flex;
align-items: center;
gap: 10px;
}
</style>

101
src/views/application/index.vue
View File

@ -12,97 +12,27 @@
</div>
</div>
</div>
<!-- 弹窗 -->
<el-dialog :title="title" :visible.sync="dialogVisible" width="30%">
<el-form :model="forms">
<el-form-item label="账号：" label-width="100px">
<el-input v-model="forms.account" :disabled="title != '绑定数点票账号'" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="项目分类：" label-width="100px">
<el-select v-model="forms.article" :disabled="title != '绑定数点票账号'" :filter-method="getindustry"
filterable style="width: 100%;" placeholder="餐饮">
<el-option :label="item.name" :value="item.name" v-for="(item, index) in getindustryList"
:key="index"></el-option>
</el-select>
</el-form-item>
<el-form-item label="数电发票：" label-width="100px">
<el-select v-model="forms.sdType" :disabled="title != '绑定数点票账号'"
style="width: 100%;" placeholder="">
<el-option :label="item" :value="item" v-for="(item, index) in digitalInvoiceList[0]"
:key="index"></el-option>
</el-select>
</el-form-item>
<el-form-item label="税率：" label-width="100px">
<el-select :disabled="title != '绑定数点票账号'" v-model="forms.taxAmount" style="width: 100%;"
placeholder="">
<el-option :label="item" :value="item" v-for="(item, index) in digitalInvoiceList[1]"
:key="index"></el-option>
</el-select>
</el-form-item>
<div style="text-align: right;" v-if="title == '绑定数点票账号'">联系区域经理开通</div>
<div style="text-align: center;cursor: pointer;" v-else @click="title = '绑定数点票账号'">更换绑定</div>
</el-form>
<span slot="footer" class="dialog-footer" v-if="title == '绑定数点票账号'">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="sumbitEvent">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { appCenterGet, getbinding, getindustry, getdigitalInvoice } from "@/api/application";
import { appCenterGet } from "@/api/application";
export default {
data() {
return {
list: [],
dialogVisible: false,
forms: {
article: '餐饮',
sdType: ""
},
title: '绑定数点票账号',
digitalInvoiceList: [],
getindustryList: [],
list: []
}
},
mounted() {
this.appCenterGet()
this.getbinding()
this.getdigitalInvoice()
this.getindustry()
},
methods: {
upPop() {
this.dialogVisible = true
},
sumbitEvent() {
if (this.forms.account) {
this.getbinding(this.forms)
}
},
// 获取数电发票类型
async getdigitalInvoice() {
const res = await getdigitalInvoice()
this.digitalInvoiceList = res
},
// 获取项目分类
async getindustry(d = '餐饮') {
const res = await getindustry({ article: d })
this.getindustryList = res.list
},
// 跳转
to(item) {
localStorage.setItem('applocation', JSON.stringify(item))
if (item.absUrl) {
this.$router.push({
name: item.absUrl
})
} else {
this.upPop()
}
this.$router.push({
name: item.absUrl
})
},
// 获取应用列表
async appCenterGet() {
@ -112,28 +42,7 @@ export default {
} catch (error) {
console.log(error);
}
},
// 开票
async getbinding(d = "") {
try {
const res = await getbinding(d)
if (res) {
this.forms = res.store
this.$set(this.forms, 'article', res.article)
this.$set(this.forms, 'sdType', res.sdType)
this.$set(this.forms, 'taxAmount', res.taxAmount)
this.title = '数电票账号已绑定'
this.dialogVisible = false
} else {
this.title = '绑定数点票账号'
this.forms = {}
}
} catch (error) {
console.log(error);
}
}
}
}
</script>

38
src/views/application/invite_friend.vue
View File

@ -1,38 +0,0 @@
<template>
<div class="app-container">
<el-tabs v-model="activeName" type="card">
<el-tab-pane label="基本设置" name="1"></el-tab-pane>
<el-tab-pane label="分享设置" name="2"></el-tab-pane>
<el-tab-pane label="邀请记录" name="3"></el-tab-pane>
</el-tabs>
<Setting v-if="activeName == 1" />
<Share v-if="activeName == 2" />
<Record v-if="activeName == 3" />
</div>
</template>
<script>
import Setting from './components/invite_friend/setting.vue'
import Share from './components/invite_friend/share.vue'
import Record from './components/invite_friend/record.vue'
export default {
name: 'invite_friend',
components: {
Setting,
Share,
Record
},
data() {
return {
activeName: '1'
}
},
methods: {}
}
</script>
<style scoped lang="scss">
:deep(.el-tabs) {
margin-bottom: 0;
}
</style>

BIN
src/views/application/kp.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 746 B

37
src/views/application/member_points.vue
View File

@ -1,37 +0,0 @@
<template>
<div class="app-container">
<el-tabs v-model="activeName" type="card">
<el-tab-pane label="基本设置" name="1"></el-tab-pane>
<el-tab-pane label="商品设置" name="2"></el-tab-pane>
<el-tab-pane label="兑换记录" name="3"></el-tab-pane>
</el-tabs>
<Setting v-if="activeName == 1" />
<ShopList v-if="activeName == 2" />
<Record v-if="activeName == 3" />
</div>
</template>
<script>
import Setting from './components/member_points/setting.vue'
import ShopList from './components/member_points/shop_list.vue'
import Record from './components/member_points/record.vue'
export default {
name: "member_points",
components: {
Setting,
ShopList,
Record
},
data() {
return {
activeName: '1'
}
}
}
</script>
<style scoped lang="scss">
:deep(.el-tabs) {
margin-bottom: 0;
}
</style>

500
src/views/coupon_manage/add_coupon.vue
View File

@ -1,500 +0,0 @@
<!-- eslint-disable vue/no-use-v-if-with-v-for -->
<template>
<div class="app-container">
<div class="tab">
<div v-for="(item,index) in tabList" v-if="(form.id&&form.type == item.type)||!form.id" :key="index" class="tab_item" :class="{active: form.type == item.type}" @click="tabClick(item)"> {{ item.name }} <span class="bor" /></div>
</div>
<!-- 优惠券 -->
<div v-if="form.type == 1" class="content">
<el-form ref="form" :inline="true" :model="form" :rules="rules" label-width="120px" label-position="left">
<el-form-item label="优惠券券名" prop="title" style="width: 100%;">
<el-input v-model="form.title" placeholder="" style="width: 289px;" />
</el-form-item>
<el-form-item v-if="form.type == 1" label="使用门槛" prop="fullAmount">
<el-input v-model="form.fullAmount" oninput="value= value.replace(/[^\d|\.]/g, '')" placeholder="" style="width: 180px;margin-right: 66px;">
<template slot="prepend">满</template>
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item v-if="form.type == 1" label="" prop="discountAmount">
<el-input v-model="form.discountAmount" oninput="value= value.replace(/[^\d|\.]/g, '')" placeholder="" style="width: 180px;">
<template slot="prepend">减</template>
<template slot="append">元</template>
</el-input>
</el-form-item>
<el-form-item label="有效期类型" style="width: 100%;">
<el-radio-group v-model="form.validityType">
<el-radio v-for="item in couponEnum.validityType" :key="item.value" :label="item.value">
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="form.validityType == 'fixed'" label="有效期（天）" prop="validDays" style="width: 100%;">
<el-input v-model="form.validDays" placeholder="" style="width: 200px;">
<template slot="append">天</template>
</el-input>
</el-form-item>
<el-form-item v-if="form.validityType == 'custom'" label="有效时间" prop="validEndTime" style="width: 100%;">
<el-date-picker
v-model="validityTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['06:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss"
@change="validityChange"
/>
</el-form-item>
<!-- <el-form-item label="使用门槛" prop="daysToTakeEffect" style="width: 100%;">
<el-input v-model="form.daysToTakeEffect" placeholder="" style="width: 200px;">
<template slot="prepend">隔</template>
<template slot="append">天生效</template>
</el-input>
<el-tooltip class="item" effect="dark" content="领取后0天后0点0分" placement="top-start">
<i class="el-icon-question" />
</el-tooltip>
</el-form-item> -->
<el-form-item label="可用周期" prop="userDays" style="width: 100%;">
<el-checkbox-group v-model="form.userDays">
<el-checkbox v-for="(city,index) in couponEnum.cycle" :key="index" :label="city.label" @change="userDayChagne">{{ city.label }}</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="指定时间段" style="width: 100%;">
<el-radio-group v-model="form.useTimeType">
<el-radio v-for="item in couponEnum.useTimeType" :key="item.value" :label="item.value">
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="form.useTimeType == 'custom'" label="指定时间段" prop="useEndTime" style="width: 100%;">
<el-time-picker
v-model="useTime"
is-range
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
value-format="HH:mm"
@change="useTimeChange"
/>
</el-form-item>
<el-form-item label="发放数量" prop="number" style="width: 100%;">
<el-input v-model="form.number" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="" style="width: 200px;" />
<!-- <el-tooltip class="item" effect="dark" content="限用户自行领取，（当库存为 0时，集草等活动仍会赠送）" placement="top-start">
<i class="el-icon-question" />
</el-tooltip> -->
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<!-- <el-button @click="dialogVisible = false">取 消</el-button> -->
<el-button type="primary" :loading="loading" @click="onSubmitHandle">确 定</el-button>
</span>
</div>
<div v-if="form.type == 2">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
<el-form-item label="优惠券券名" prop="title" style="width: 100%;">
<el-input v-model="form.title" placeholder="" style="width: 289px;" />
</el-form-item>
<el-form-item label="使用门槛" prop="fullAmount">
金额满<el-input v-model="form.fullAmount" oninput="value= value.replace(/[^\d|\.]/g, '')" placeholder="" style="width: 100px;margin: 0 23px;"><template slot="suffix">元</template></el-input>可用
</el-form-item>
<el-form-item label="有效期类型" style="width: 100%;">
<el-radio-group v-model="form.validityType">
<el-radio v-for="item in couponEnum.validityType" :key="item.value" :label="item.value">
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="form.validityType == 'fixed'" label="有效期（天）" prop="validDays" style="width: 100%;">
<el-input v-model="form.validDays" placeholder="" style="width: 200px;">
<template slot="append">天</template>
</el-input>
</el-form-item>
<el-form-item v-if="form.validityType == 'custom'" label="有效时间" prop="validEndTime" style="width: 100%;">
<el-date-picker
v-model="validityTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['06:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss"
@change="validityChange"
/>
</el-form-item>
<!-- <el-form-item label="使用门槛" prop="daysToTakeEffect" style="width: 100%;">
<el-input v-model="form.daysToTakeEffect" placeholder="" style="width: 200px;">
<template slot="prepend">隔</template>
<template slot="append">天生效</template>
</el-input>
<el-tooltip class="item" effect="dark" content="领取后0天后0点0分" placement="top-start">
<i class="el-icon-question" />
</el-tooltip>
</el-form-item> -->
<el-form-item label="可用周期" prop="userDays" style="width: 100%;">
<el-checkbox-group v-model="form.userDays">
<el-checkbox v-for="(city,index) in couponEnum.cycle" :key="index" :label="city.label" @change="userDayChagne">{{ city.label }}</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="指定时间段" style="width: 100%;">
<el-radio-group v-model="form.useTimeType">
<el-radio v-for="item in couponEnum.useTimeType" :key="item.value" :label="item.value">
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="form.useTimeType == 'custom'" label="指定时间段" prop="useEndTime" style="width: 100%;">
<el-time-picker
v-model="useTime"
is-range
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
value-format="HH:mm"
@change="useTimeChange"
/>
</el-form-item>
<el-form-item label="发放数量" prop="number" style="width: 100%;">
<el-input v-model="form.number" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')" placeholder="" style="width: 200px;" />
<!-- <el-tooltip class="item" effect="dark" content="限用户自行领取，（当库存为 0时，集草等活动仍会赠送）" placement="top-start">
<i class="el-icon-question" />
</el-tooltip> -->
</el-form-item>
<el-form-item label="赠送商品" prop="products">
<div>
<el-button type="primary" icon="el-icon-plus" @click="$refs.shopListRef.show([...form.products])">
添加 </el-button>
</div>
<div class="shop_list">
<div
v-for="(item, index) in form.products"
:key="item.id"
class="item_wrap"
>
<div class="name">{{ item.name }}</div>
<el-input v-model="item.num" placeholder="请填写数量" style="width: 100px;" />
<div class="del" @click="form.products.splice(index, 1)">删除</div>
</div>
</div>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<!-- <el-button @click="dialogVisible = false">取 消</el-button> -->
<el-button type="primary" :loading="loading" @click="onSubmitHandle">确 定</el-button>
</span>
</div>
<shopList ref="shopListRef" @success="slectShop" />
</div>
</template>
<script>
import couponEnum from './couponEnum'
import shopList from '@/components/shopList'
import { addTbShopCoupon, getTbShopCouponInfo } from '@/api/coupon'
export default {
components: { shopList },
data() {
const validateProduct = (rule, value, callback) => {
if (!this.form.products.length) {
callback(new Error('请选择商品'))
} else {
callback()
}
}
return {
tabList: [
{ name: '新增优惠券', type: 1 },
{ name: '新增商品券', type: 2 }
],
tabActive: 1,
couponEnum,
dialogVisible: false,
loading: false,
validityTime: [],
useTime: ['06:00:00', '23:59:59'],
form: {
id: '',
shopId: '',
type: '1',
title: '',
fullAmount: null,
discountAmount: null,
validityType: 'fixed',
validStartTime: '',
validEndTime: '',
userDays: [],
validDays: '',
useTimeType: 'all',
useStartTime: '',
useEndTime: '',
products: [],
number: ''
},
rules: {
title: [
{
required: true,
message: '填写券名',
trigger: 'blur'
}
],
fullAmount: [
{
required: true,
message: '填写满减金额',
trigger: 'blur'
}
],
discountAmount: [
{
required: true,
message: '填写满减金额',
trigger: 'blur'
}
],
number: [
{
required: true,
message: '填写发放数量',
trigger: 'blur'
}
],
validDays: [
{
required: true,
message: '填写有效天数',
trigger: 'blur'
}
],
daysToTakeEffect: [
{
required: true,
message: '填写生效天数',
trigger: 'blur'
}
],
userDays: [
{
required: true,
message: '选择可用周期',
trigger: 'change'
}
],
validEndTime: [
{
required: true,
message: '选择有效时间段',
trigger: 'change'
}
],
useEndTime: [
{
required: true,
message: '选择指定时间段',
trigger: 'change'
}
],
products: [
{
required: true,
validator: validateProduct,
trigger: 'change'
}
]
},
resetForm: ''
}
},
mounted() {
this.resetForm = { ...this.form }
this.form.type = this.$route.query.type
this.form.useStartTime = this.useTime[0]
this.form.useEndTime = this.useTime[1]
if (this.$route.query.id) { this.form.id = this.$route.query.id; this.getCouponInfo(this.$route.query.id) }
},
methods: {
/**
* 切换类型
* @param item
*/
tabClick(item) {
this.form = this.resetForm
this.form.number = ''
this.form.type = item.type
this.$refs.form.resetFields()
},
/**
* 获取优惠券详情
*/
async getCouponInfo(id) {
const resInfo = await getTbShopCouponInfo(id)
this.form = resInfo
if (resInfo.validityType === 'custom') {
this.validityTime = [resInfo.validStartTime, resInfo.validEndTime]
}
if (resInfo.useTimeType === 'custom') {
this.useTime = [resInfo.useStartTime, resInfo.useEndTime]
}
this.form.userDays = this.form.userDays.split(',')
},
/**
* 选择可用周期
*/
userDayChagne(e) {
console.log(this.form.userDays)
},
/**
* 有效期选择
* @param e
*/
validityChange(e) {
this.form.validStartTime = e[0]
this.form.validEndTime = e[1]
},
/**
* 指定时间段选择
* @param e
*/
useTimeChange(e) {
this.form.useStartTime = e[0]
this.form.useEndTime = e[1]
},
/**
* 选择商品
* @param res
*/
slectShop(res) {
if (res.length <= 0) {
return
}
this.form.products = []
if (this.form.products.length) {
res.map(async item => {
if (!await this.checkShop(item.id)) {
this.form.products.push({
productId: item.id,
name: item.name,
num: null
})
}
})
} else {
this.form.products.push({
productId: res[0].id,
name: res[0].name,
num: null
})
}
},
/**
* 判断是否存在重复商品
* @param id
*/
checkShop(id) {
let falg = false
this.form.products.map(item => {
// eslint-disable-next-line eqeqeq
if (item.id == id) {
falg = true
}
})
return falg
},
/**
* 提交
*/
onSubmitHandle() {
console.log(this.form)
this.$refs.form.validate(async valid => {
if (valid) {
try {
this.loading = true
if (!this.form.shopId) { this.form.shopId = localStorage.getItem('shopId') }
this.form.userDays = this.form.userDays.toString()
// eslint-disable-next-line no-unused-vars
const res = await addTbShopCoupon(this.form)
this.$store.dispatch('tagsView/delView', this.$route) // 关闭当前页
this.$router.replace({ name: 'coupon_list' }) // 要打开的页面
this.$notify({
title: '成功',
message: `${this.form.id ? '编辑' : '添加'}成功`,
type: 'success'
})
this.loading = false
} catch (error) {
this.loading = false
console.log(error)
}
}
})
}
}
}
</script>
<style scoped lang="scss">
.tab{
display: flex;
margin-bottom: 30px;
padding-top: 40px;
padding-left: 10px;
.tab_item{
margin-right: 64px;
font-weight: 400;
font-size: 16px;
color: #666666;
cursor: pointer;
.bor{
display: block;
width: 56px;
height: 6px;
background-color: transparent;
border-radius: 3px 3px 3px 3px;
margin: 5px auto 0;
}
}
.active{
color: #3F9EFF;
.bor{
background-color: #3F9EFF;
}
}
}
.content{
font-weight: 400;
font-size: 16px;
color: #666666;
}
.shop_list {
display: flex;
flex-wrap: wrap;
margin-top: 15px;
.item_wrap {
$size: 80px;
display: flex;
align-items: center;
.name {
width: $size;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.del{
font-weight: 400;
font-size: 14px;
color: #3F9EFF;
margin-left: 11px;
}
}
}
</style>

277
src/views/coupon_manage/components/addCoupon.vue Normal file
View File

@ -0,0 +1,277 @@
<template>
<div>
<el-dialog title="添加优惠券" :visible.sync="dialogVisible" @close="reset">
<el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="left">
<el-form-item label="优惠卷名称" prop="title">
<el-input v-model="form.title" placeholder="请输入优惠卷名称" style="width: 200px;"></el-input>
</el-form-item>
<el-form-item label="类型">
<el-radio-group v-model="form.classType">
<el-radio :label="item.value" v-for="item in couponEnum.classType" :key="item.value">
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="选择商品" v-if="form.classType == 'product'" prop="classType">
<div>
<el-button type="primary" icon="el-icon-plus" @click="$refs.shopListRef.show([...productIds])">
添加商品
</el-button>
</div>
<div class="shop_list">
<div class="item_wrap" v-for="(item, index) in productIds" :key="item.id"
@click="productIds.splice(index, 1)">
<div class="item" :data-index="index + 1">
<el-image :src="item.coverImg" style="width: 100%;height: 100%;"></el-image>
</div>
<div class="name">{{ item.name }}</div>
</div>
</div>
</el-form-item>
<el-form-item label="优惠类型">
<el-radio-group v-model="form.type">
<el-radio :label="item.value" v-for="item in couponEnum.type" :key="item.value">
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="满减限制" v-if="form.type == '0'">
<el-input-number v-model="form.limitAmount" controls-position="right" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="折扣" v-if="form.type == '1'">
<el-input-number v-model="form.ratio" controls-position="right" :min="1"></el-input-number>
</el-form-item>
<el-form-item label="优惠券面额">
<el-input-number v-model="form.amount" controls-position="right" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="发放数量">
<el-input-number v-model="form.number" controls-position="right" :min="1"></el-input-number>
</el-form-item>
<el-form-item label="限领数量">
<el-input-number v-model="form.limitNumber" controls-position="right" :min="1"></el-input-number>
</el-form-item>
<el-form-item label="有效期">
<el-radio-group v-model="form.effectType">
<el-radio :label="item.value" v-for="item in couponEnum.effectType" :key="item.value">
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="有效时间" v-if="form.effectType == 1">
<el-date-picker v-model="selectTime" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
</el-form-item>
<el-form-item label="状态">
<el-switch v-model="form.status" :active-value="1" :inactive-value="0"></el-switch>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" :loading="loading" @click="onSubmitHandle">确 定</el-button>
</span>
</el-dialog>
<shopList ref="shopListRef" @success="slectShop" />
</div>
</template>
<script>
import couponEnum from './../couponEnum'
import shopList from '@/components/shopList'
import { tbMerchantCoupon } from '@/api/shop'
export default {
components: { shopList },
data() {
const validateProduct = (rule, value, callback) => {
if (!this.productIds.length) {
callback(new Error('请选择商品'))
} else {
callback()
}
}
return {
couponEnum,
dialogVisible: false,
loading: false,
selectTime: [],
form: {
id: '',
title: '',
classType: 'product',
type: '0',
limitAmount: '',
ratio: '1',
amount: '',
number: '1',
limitNumber: '1',
effectType: '0',
fromTime: '',
toTime: '',
relationIds: '',
status: 1
},
rules: {
title: [
{
required: true,
message: ' ',
trigger: 'blur'
}
],
classType: [
{
required: true,
validator: validateProduct,
trigger: 'change'
}
]
},
resetForm: '',
productIds: []
}
},
mounted() {
this.resetForm = { ...this.form }
},
methods: {
// 选择商品
slectShop(res) {
if (this.productIds.length) {
res.map(async item => {
if (!await this.checkShop(item.id)) {
this.productIds.push({ ...item })
}
})
} else {
this.productIds = res
}
},
// 判断是否存在重复商品
checkShop(id) {
let falg = false
this.productIds.map(item => {
if (item.id == id) {
falg = true
}
})
return falg
},
// 提交
onSubmitHandle() {
console.log(this.form)
this.$refs.form.validate(async valid => {
if (valid) {
try {
this.loading = true
this.form.shopId = localStorage.getItem('shopId')
this.form.fromTime = this.selectTime[0] || ''
this.form.toTime = this.selectTime[1] || ''
let arr = []
if (this.form.classType == 'product') {
arr = this.productIds.map(item => item.id)
}
this.form.relationIds = arr.join(',')
let res = await tbMerchantCoupon(this.form, this.form.id ? 'put' : 'post')
this.$emit('success', res)
this.close()
this.$notify({
title: '成功',
message: `${this.form.id ? '编辑' : '添加'}成功`,
type: 'success'
});
this.loading = false
} catch (error) {
this.loading = false
console.log(error)
}
}
})
},
show(obj) {
this.dialogVisible = true
if (obj && obj.id) {
this.form = { ...obj }
}
},
close() {
this.dialogVisible = false
},
reset() {
this.form = { ...this.resetForm }
}
}
}
</script>
<style scoped lang="scss">
.shop_list {
display: flex;
flex-wrap: wrap;
.item_wrap {
$size: 80px;
.item {
$radius: 4px;
width: $size;
height: $size;
border-radius: $radius;
overflow: hidden;
position: relative;
margin-right: 10px;
margin-top: 10px;
&:hover {
cursor: pointer;
}
&::after {
content: attr(data-index);
font-size: 12px;
height: 20px;
display: flex;
padding: 0 10px;
border-radius: 0 0 $radius 0;
align-items: center;
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px);
color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
&::before {
content: '删除';
font-size: 12px;
width: 100%;
height: 20px;
display: flex;
padding: 0 10px;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px);
color: #fff;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
transition: all .1s ease-in-out;
}
}
.name {
width: $size;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
</style>

312
src/views/coupon_manage/components/coupon_details.vue
View File

@ -1,312 +0,0 @@
<template>
<div>
<el-dialog title="领取详情" :visible.sync="dialogVisible" width="70%" @close="reset">
<div class="search">
<el-form :model="query" inline label-position="left">
<el-form-item>
<el-input v-model="query.value" placeholder="用户ID/用户昵称/用户手机" style="width: 180px;" />
</el-form-item>
<el-form-item>
<el-select v-model="query.status" placeholder="选择状态" style="width: 154px;">
<el-option
v-for="item in stateList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item />
<el-form-item label="领取时间">
<el-date-picker
v-model="queryTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss"
@change="queryTimeChange"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getTableData">查询</el-button>
<!-- <el-button v-loading="downloadLoading" icon="el-icon-download" @click="downloadHandle">
<span v-if="!downloadLoading">导出</span>
<span v-else>下载中...</span>
</el-button> -->
</el-form-item>
</el-form>
</div>
<div class="head-container">
<el-table v-loading="loading" :data="tableData.data">
<el-table-column label="用户ID" prop="id" />
<el-table-column label="用户名" prpo="name">
<template v-slot="scope">
<div>{{ scope.row.name ? scope.row.name : '-' }}</div>
</template>
</el-table-column>
<el-table-column label="领取时间" prop="receiveTime" />
<el-table-column label="使用时间" prpo="useTime">
<template v-slot="scope">
<div>{{ scope.row.useTime ? scope.row.useTime : '-' }}</div>
</template>
</el-table-column>
<el-table-column label="获得来源" prpo="source">
<template v-slot="scope">
<div>{{ scope.row.source == 'activate' ? '充值活动' :
scope.row.source == 'invited' ? '好友分享' : '' }}</div>
</template>
</el-table-column>
<el-table-column label="状态" align="status">
<template v-slot="scope">
<div style="display: flex;align-items: center;">
<div v-if="scope.row.overNum == scope.row.num" style="color: #FAAD14;">未使用</div>
<div v-if="scope.row.num!=0&&scope.row.overNum != scope.row.num">{{ scope.row.overNum }}/{{ scope.row.num }}</div>
<div v-if="scope.row.overNum == 0" style="color: #52C41A;">已使用</div>
</div>
</template>
</el-table-column>
<el-table-column label="使用门店" prpo="useTime">
<template v-slot="scope">
<div>{{ scope.row.tableName ? scope.row.tableName : '-' }}</div>
</template>
</el-table-column>
<el-table-column label="操作" width="150">
<template v-slot="scope">
<el-popconfirm title="确定删除吗？" @confirm="delTableHandle([scope.row.id])">
<el-button
slot="reference"
type="text"
icon="el-icon-delete"
style="color: #FF4D4F;"
>删除</el-button>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
</div>
<div class="head-container">
<el-pagination
:total="tableData.total"
:current-page="tableData.page"
:page-size="tableData.size"
layout="total, sizes, prev, pager, next, jumper"
@current-change="paginationChange"
@size-change="sizeChange"
/>
</div>
</el-dialog>
</div>
</template>
<script>
import { queryReceive, delReceive } from '@/api/coupon'
export default {
// eslint-disable-next-line vue/require-prop-types
props: ['couponId'],
data() {
return {
dialogVisible: false,
downloadLoading: false,
loading: false,
stateList: [
{ label: '未使用', value: 0 },
{ label: '已使用', value: 1 }
],
queryTime: [],
query: {
couponId: '',
value: '',
status: 0,
startTime: '',
endTime: '',
page: 1,
size: 10
},
resetQuery: null,
tableData: {
data: [],
page: 1,
size: 10,
loading: false,
total: 0
}
}
},
mounted() {
this.resetQuery = { ...this.query }
},
methods: {
/**
* 查询
*/
async getTableData() {
// eslint-disable-next-line no-unused-vars, prefer-const
// console.log(this.couponId)
// eslint-disable-next-line no-unused-vars, prefer-const
let res = await queryReceive({
shopId: localStorage.getItem('shopId'),
couponId: this.query.couponId,
value: this.query.value,
status: this.query.status,
startTime: this.query.startTime,
endTime: this.query.endTime,
page: this.query.page,
size: this.query.size
})
this.tableData.loading = false
this.tableData.data = res.content
this.tableData.total = res.totalElements
},
/**
* 时间选择监听
*/
queryTimeChange(e) {
if (e) {
this.query.startTime = e[0]
this.query.endTime = e[1]
} else {
this.query.startTime = ''
this.query.endTime = ''
}
},
/**
* 删除优惠券
* @param id
*/
async delTableHandle(id) {
// eslint-disable-next-line no-undef
const delRes = await delReceive(id)
console.log(delRes)
this.getTableData()
},
/**
* 打开详情
* @param obj
*/
show(obj) {
console.log(obj)
this.dialogVisible = true
this.query.couponId = obj.id
this.getTableData()
},
// 分页大小改变
sizeChange(e) {
this.tableData.size = e
this.getTableData()
},
// 分页回调
paginationChange(e) {
this.tableData.page = e
this.query.page = e
this.getTableData()
},
/**
* 关闭详情
*/
close() {
this.dialogVisible = false
},
/**
* 导出Excel
*/
async downloadHandle() {
try {
this.downloadLoading = true
// eslint-disable-next-line no-undef
const file = await summaryTableDownload({
startTime: this.query.createdAt[0],
endTime: this.query.createdAt[1]
})
// eslint-disable-next-line no-undef
downloadFile(file, '数据', 'xlsx')
this.downloadLoading = false
} catch (error) {
this.downloadLoading = false
console.log(error)
}
},
reset() {
this.query = { ...this.resetQuery }
}
}
}
</script>
<style scoped lang="scss">
.shop_list {
display: flex;
flex-wrap: wrap;
.item_wrap {
$size: 80px;
.item {
$radius: 4px;
width: $size;
height: $size;
border-radius: $radius;
overflow: hidden;
position: relative;
margin-right: 10px;
margin-top: 10px;
&:hover {
cursor: pointer;
}
&::after {
content: attr(data-index);
font-size: 12px;
height: 20px;
display: flex;
padding: 0 10px;
border-radius: 0 0 $radius 0;
align-items: center;
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px);
color: #fff;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
&::before {
content: '删除';
font-size: 12px;
width: 100%;
height: 20px;
display: flex;
padding: 0 10px;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px);
color: #fff;
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
transition: all .1s ease-in-out;
}
}
.name {
width: $size;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
</style>

81
src/views/coupon_manage/couponEnum.js
View File

@ -1,51 +1,32 @@
export default {
classType: [
{
value: "product",
label: "商品券"
},
{
value: "common",
label: "通用券"
}
],
type: [
{
value: "0",
label: "满减"
},
{
value: "1",
label: "折扣"
}
],
cycle: [
{ label: "周一", value: "Monday" },
{ label: "周二", value: "Tuesday" },
{ label: "周三", value: "Wednesday" },
{ label: "周四", value: "Thursday" },
{ label: "周五", value: "Friday" },
{ label: "周六", value: "Saturday" },
{ label: "周七", value: "Sunday" }
],
validityType: [
{
value: "fixed",
label: "领券后有效期内可用"
},
{
value: "custom",
label: "固定有效期范围内可用"
}
],
useTimeType: [
{
value: "all",
label: "全时段可用"
},
{
value: "custom",
label: "指定时间段"
}
]
};
classType: [
{
value: 'product',
label: '商品券'
},
{
value: 'common',
label: '通用券'
}
],
type: [
{
value: '0',
label: '满减'
},
{
value: '1',
label: '折扣'
}
],
effectType: [
{
value: '0',
label: '一直有效'
},
{
value: '1',
label: '时限有效'
}
]
}

261
src/views/coupon_manage/coupon_list.vue
View File

@ -1,163 +1,118 @@
<template>
<div class="app-container">
<div class="head-container">
<!-- <el-button type="primary" icon="el-icon-plus" @click="$refs.addCoupon.show()">
添加优惠券
</el-button> -->
<el-button type="primary" icon="el-icon-plus" @click="$router.push({name: 'add_coupon', query: {type:1}})">
添加优惠券
</el-button>
<div class="app-container">
<div class="head-container">
<el-button type="primary" icon="el-icon-plus" @click="$refs.addCoupon.show()">
添加优惠券
</el-button>
</div>
<div class="head-container">
<el-table :data="tableData.data" v-loading="tableData.loading">
<el-table-column label="优惠券名称" prop="title"></el-table-column>
<el-table-column label="类型" prop="classType">
<template v-slot="scope">
{{ scope.row.classType | classTypeFilter }}
</template>
</el-table-column>
<el-table-column label="优惠类型" prop="type">
<template v-slot="scope">
{{ scope.row.type | typeFilter }}
</template>
</el-table-column>
<el-table-column label="折扣" prop="ratio"></el-table-column>
<el-table-column label="面额" prop="amount"></el-table-column>
<el-table-column label="满减限制" prop="limitAmount"></el-table-column>
<el-table-column label="发放数量" prop="number"></el-table-column>
<el-table-column label="限领数量" prop="limitNumber"></el-table-column>
<el-table-column label="剩余数量" prop="leftNumber"></el-table-column>
<el-table-column label="有效期" prop="effectType">
<template v-slot="scope">
{{ scope.row.effectType | effectTypeFilter }}
</template>
</el-table-column>
<el-table-column label="开始时间" prop="fromTime"></el-table-column>
<el-table-column label="到期时间" prop="toTime"></el-table-column>
<el-table-column label="商品列表" prop="relationIds" width="200">
<template v-slot="scope">
<div style="display: flex;" v-if="scope.row.classType == 'product'">
<el-image :src="scope.row.coverImg" style="width: 30px;height: 30px;"></el-image>
<span style="margin-left: 10px;">{{ scope.row.name }}</span>
</div>
</template>
</el-table-column>
</el-table>
</div>
<div class="head-container">
<el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
@current-change="paginationChange" @size-change="sizeChange"
layout="total, sizes, prev, pager, next, jumper"></el-pagination>
</div>
<addCoupon ref="addCoupon" @success="resetHandle" />
</div>
<div class="head-container">
<el-table v-loading="tableData.loading" :data="tableData.data">
<el-table-column label="ID" prop="id" />
<el-table-column label="名称" prop="title" />
<el-table-column label="使用门槛">
<template v-slot="scope">
{{ `满${scope.row.fullAmount}${scope.row.discountAmount?'减'+scope.row.discountAmount+'元':''}` }}
</template>
</el-table-column>
<!-- <el-table-column label="有效期">
<template v-slot="scope">
{{ `领券后${scope.row.validDays}天过期` }}
</template>
</el-table-column> -->
<!-- <el-table-column label="用户领取方式" prpo="source">
<template v-slot="scope">
<div>{{ scope.row.source == 'activate' ? '充值活动' :
scope.row.source == 'invited' ? '好友分享' : '' }}</div>
</template>
</el-table-column> -->
<el-table-column label="总发放数量" prop="number" />
<el-table-column label="已领取" align="center">
<template v-slot="scope">
<div style="display: flex;align-items: center;justify-content: center;">
<div style="width: 30px;">{{ scope.row.number-scope.row.leftNumber }}</div>
<div style="margin: 0 10px;">|</div>
<div style="color: #3F9EFF;cursor: pointer;flex-shrink: 0;" @click="couponDetailsOpen(scope.row)">详情</div>
</div>
</template>
</el-table-column>
<el-table-column label="已使用" prop="useNumber" />
<el-table-column label="剩余" prop="leftNumber" />
<el-table-column label="操作" width="150">
<template v-slot="scope">
<el-button type="text" icon="el-icon-edit" @click="$router.push({name: 'add_coupon', query: {type:scope.row.type ,id: scope.row.id}} )">编辑</el-button>
<el-popconfirm title="确定删除吗？" @confirm="delTableHandle([scope.row.id])">
<el-button
slot="reference"
type="text"
icon="el-icon-delete"
style="margin-left: 20px !important;"
>删除</el-button>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
</div>
<div class="head-container">
<el-pagination
:total="tableData.total"
:current-page="tableData.page"
:page-size="tableData.size"
layout="total, sizes, prev, pager, next, jumper"
@current-change="paginationChange"
@size-change="sizeChange"
/>
</div>
<couponDetails ref="couponDetails" @success="resetHandle" />
</div>
</template>
<script>
import couponEnum from './couponEnum'
import couponDetails from './components/coupon_details.vue'
import { getTbShopCoupon, delTbShopCoupon } from '@/api/coupon'
import addCoupon from './components/addCoupon.vue'
import { tbMerchantCouponGet } from '@/api/shop'
export default {
// eslint-disable-next-line vue/no-unused-components
components: { couponDetails },
filters: {
typeFilter(value) {
// eslint-disable-next-line eqeqeq
return couponEnum.type.find(item => item.value == value).label
components: { addCoupon },
data() {
return {
tableData: {
data: [],
page: 0,
size: 10,
loading: false,
total: 0
}
}
},
effectTypeFilter(value) {
// eslint-disable-next-line eqeqeq
return couponEnum.effectType.find(item => item.value == value).label
filters: {
classTypeFilter(value) {
return couponEnum.classType.find(item => item.value == value).label
},
typeFilter(value) {
return couponEnum.type.find(item => item.value == value).label
},
effectTypeFilter(value) {
return couponEnum.effectType.find(item => item.value == value).label
}
},
mounted() {
this.getTableData()
},
methods: {
// 重置查询
resetHandle() {
this.page = 0
this.getTableData()
},
// 分页大小改变
sizeChange(e) {
this.tableData.size = e
this.getTableData()
},
// 分页回调
paginationChange(e) {
this.tableData.page = e - 1
this.getTableData()
},
// 获取商品列表
async getTableData() {
this.tableData.loading = true
try {
const res = await tbMerchantCouponGet({
page: this.tableData.page,
size: this.tableData.size,
shopId: localStorage.getItem('shopId')
})
this.tableData.loading = false
this.tableData.data = res.content
this.tableData.total = res.totalElements
} catch (error) {
console.log(error)
}
}
}
},
data() {
return {
tableData: {
data: [],
page: 1,
size: 10,
loading: false,
total: 0
},
couponId: null
}
},
mounted() {
this.getTableData()
},
methods: {
// 是否允许修改商品
toPath(path, row) {
this.$router.push({ path: path, query: row })
},
// 重置查询
resetHandle() {
this.page = 1
this.getTableData()
},
// 分页大小改变
sizeChange(e) {
this.tableData.size = e
this.getTableData()
},
// 分页回调
paginationChange(e) {
console.log(e)
this.tableData.page = e
this.getTableData()
},
// 获取优惠券列表
async getTableData() {
this.tableData.loading = true
try {
const res = await getTbShopCoupon({
page: this.tableData.page,
size: this.tableData.size,
shopId: localStorage.getItem('shopId')
})
this.tableData.loading = false
this.tableData.data = res.content
this.tableData.total = res.totalElements
console.log(this.tableData)
} catch (error) {
console.log(error)
}
},
/**
* 查看领取详情
*/
couponDetailsOpen(row) {
this.$refs.couponDetails.show(row)
this.couponId = row.id
},
/**
* 删除优惠券
* @param id
*/
async delTableHandle(id) {
const delRes = await delTbShopCoupon(id)
console.log(delRes)
this.getTableData()
}
}
}
</script>
</script>

189
src/views/devices/details.vue
View File

@ -1,189 +0,0 @@
<template>
<div class="app-container">
<el-form :model="forms">
<el-form-item label="打印机品牌">
<el-select v-model="forms.contentType" placeholder="请选择打印机品牌">
<el-option label="云想印" value="yxyPrinter"></el-option>
<el-option label="飞鹅" value="fePrinter"></el-option>
</el-select>
</el-form-item>
<el-form-item label="小票打印">
<el-select v-model="forms.subType" placeholder="请选择小票打印">
<el-option label="标签" value="label"></el-option>
<el-option label="出品" value="kitchen"></el-option>
<el-option label="小票" value="cash"></el-option>
</el-select>
</el-form-item>
<el-form-item label="打印机名称">
<el-input v-model="forms.name" style="width: 280px;" placeholder="请输入打印机名称"></el-input>
</el-form-item>
<el-form-item label="打印机编号">
<el-input v-model="forms.address" style="width: 280px;" placeholder="请输入打印机编号"></el-input>
</el-form-item>
<el-form-item label="打印机秘钥">
<el-input v-model="forms.port" style="width: 280px;" placeholder="请输入打印机秘钥"></el-input><br />
<div style="margin-left: 80px;color: #FF4D4F;">* 可在打印机设备底部查看打印机编号和秘钥(key)</div>
</el-form-item>
<el-form-item label="小票尺寸">
<el-radio-group v-model="forms.receiptSize">
<el-radio label="58mm"></el-radio>
<el-radio label="80mm"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="分类打印">
<el-radio-group v-model="forms.classifyPrint" @change="classifyPrintchange(forms.classifyPrint)">
<el-radio label="0">打印所有</el-radio>
<el-radio label="1">部分分类(仅打印制作单[厨房])</el-radio>
</el-radio-group>
<div v-if="forms.classifyPrint == 1" style="margin-left:70px">
<el-checkbox-group v-model="forms.selectcheckbox">
<el-checkbox v-for="item in partList" :key="item.id" :label="item.name"></el-checkbox>
</el-checkbox-group>
</div>
</el-form-item>
<el-form-item label="打印数量">
<el-radio-group v-model="forms.printQty">
<el-radio label="c1m1^2">顾客联+商家联「2张」</el-radio>
<el-radio label="m1^1">只打印商家联「1张」</el-radio>
<el-radio label="c1^1">只打印顾客联「1张」</el-radio>
<el-radio label="c2m1^3">2张顾客联+1张商家联「3张」</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="打印方式">
<el-radio-group v-model="forms.printMethod">
<el-radio label="all">打印全部</el-radio>
<el-radio label="normal">仅打印结账单[前台]</el-radio>
<el-radio label="one">仅打印制作单[厨房]</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="打印类型">
<el-checkbox-group v-model="forms.printType">
<el-checkbox label="refund">确认退款单</el-checkbox>
<el-checkbox label="handover">交班单</el-checkbox>
<el-checkbox label="queue">排队取号</el-checkbox>
</el-checkbox-group>
</el-form-item>
<el-form-item label="打印机状态">
<el-switch v-model="forms.status" :active-value="1" :inactive-value="0"></el-switch>
</el-form-item>
<el-form-item label-width="80px">
<el-button type="primary" @click="$router.go(-1)">返回</el-button>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { configprinter, printerd, tbShopCategory } from '@/api/devices'
export default {
components: {
},
data() {
return {
forms: {
sort: "0",
status: 1,
connectionType: "network",
selectcheckbox: [],
receiptSize: '58mm',
classifyPrint: '0',
printQty: 'm1^1',
printType: ["refund", 'handover', 'queue'],
printMethod: "all",
},
partList: []
}
},
filters: {
},
mounted() {
this.getpartList()
},
methods: {
classifyPrintchange(d) {
if (d == 0) {
this.forms.selectcheckbox = []
}
},
async onSubmit() {
// 删除时间字段
if (this.$route.query.id) {
delete this.forms.createdAt
delete this.forms.updatedAt
}
// 处理打印部分分类
if (this.forms.classifyPrint == 1) {
let idstr = ''
let arr = []
this.forms.selectcheckbox.forEach(element => {
let prts = this.partList.filter(ele => ele.name == element)[0]
idstr = idstr + prts.id + ','
arr.push(prts)
})
this.forms.categoryIds = idstr.substring(0, idstr.length - 1)
this.forms.categoryList = JSON.stringify(arr)
}
const res = await configprinter({
shopId: localStorage.getItem('shopId'),
...this.forms,
},
this.$route.query.id ? 'put' : 'post'
)
this.$router.go(-1)
},
async getpartList() {
const res = await tbShopCategory({
shopId: localStorage.getItem('shopId'),
sort: "sort,desc",
page: 0,
size: 500
})
let arr = []
res.content.forEach(ele => {
arr.push({
id: ele.id,
name: ele.name
})
if (ele.childrenList.length > 0) {
ele.childrenList.forEach(element => {
arr.push({
id: element.id,
name: element.name
})
})
}
})
this.partList = arr
if (this.$route.query.id) {
this.getList(this.$route.query.id)
}
},
async getList(id) {
const res = await printerd(id)
this.forms = res
if (res.categoryIds) {
let ids = res.categoryIds.split(',')
let arr = []
ids.forEach(element => {
let prts = this.partList.filter(ele => ele.id == element)[0]
arr.push(prts.name)
})
this.$set(this.forms, 'selectcheckbox', arr)
} else {
this.$set(this.forms, 'selectcheckbox', [])
}
if (res.printType) {
this.forms.printType = JSON.parse(res.printType)
} else {
this.forms.printType = []
}
}
}
}
</script>

8
src/views/devices/devices.js
View File

@ -1,15 +1,15 @@
export const devices = [
{
value: 'local',
value: 'printer',
name: '本地'
},
{
value: 'network',
value: 'yxyPrinter',
name: '云想印'
},
{
value: 'USB',
name: 'USB打印机'
value: 'fePrinter',
name: '飞鹅'
}
]

46
src/views/devices/devices_list.vue
View File

@ -17,7 +17,7 @@
</el-form>
</div>
<div class="head-container">
<el-button type="primary" icon="el-icon-plus" @click="toUrl">
<el-button type="primary" icon="el-icon-plus" @click="$refs.addDevice.show()">
添加云打印机
</el-button>
</div>
@ -30,11 +30,11 @@
{{ scope.row.contentType | devicesName }}
</template>
</el-table-column>
<!-- <el-table-column label="出品模式" prop="config.model">
<el-table-column label="出品模式" prop="config.model">
<template v-slot="scope">
{{ scope.row.config.model | modelsName }}
</template>
</el-table-column> -->
</el-table-column>
<el-table-column label="打印类型" prop="subType">
<template v-slot="scope">
{{ scope.row.subType | subTypesName }}
@ -45,7 +45,7 @@
{{ scope.row.createdAt | timeFilter }}
</template>
</el-table-column>
<!-- <el-table-column label="排序" sortable prop="sort"></el-table-column> -->
<el-table-column label="排序" sortable prop="sort"></el-table-column>
<el-table-column label="状态" prop="status">
<template v-slot="scope">
<el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0"
@ -54,8 +54,9 @@
</el-table-column>
<el-table-column label="操作" width="200">
<template v-slot="scope">
<el-button v-if="scope.row.connectionType == 'network'" type="text" icon="el-icon-edit" @click="toUrl(scope.row)">编辑</el-button>
<el-popconfirm v-if="scope.row.connectionType == 'network'" title="确定删除吗？" @confirm="delTableHandle([scope.row.id])">
<el-button type="text" icon="el-icon-edit"
@click="$refs.addDevice.show(scope.row)">编辑</el-button>
<el-popconfirm title="确定删除吗？" @confirm="delTableHandle([scope.row.id])">
<el-button type="text" icon="el-icon-delete" style="margin-left: 20px !important;"
slot="reference">删除</el-button>
</el-popconfirm>
@ -74,7 +75,7 @@
<script>
import { devices, models, subTypes } from './devices'
import addDevice from './components/addDevice'
import { tbPrintMachineGet, switchtbPrintMachine, delTableHandle } from '@/api/devices'
import { tbPrintMachineGet, tbPrintMachine } from '@/api/devices'
import dayjs from 'dayjs'
export default {
components: {
@ -98,20 +99,13 @@ export default {
},
filters: {
devicesName(value) {
if (value == 'yxyPrinter') {
return '云想印'
} else if (value == 'fePrinter') '飞鹅'
// const item=devices.find(item => item.value == value)
// return item?item.name:''
return devices.find(item => item.value == value).name
},
modelsName(value) {
const item = models.find(item => item.value == value)
return item ? item.name : ''
return models.find(item => item.value == value).name
},
subTypesName(value) {
if (value == "label") return '标签'
else if (value == 'kitchen') return '出品'
else if (value == 'cash') return '小票'
return subTypes.find(item => item.value == value).name
},
timeFilter(s) {
return dayjs(s).format('YYYY-MM-DD HH:mm:ss')
@ -121,20 +115,13 @@ export default {
this.getTableData()
},
methods: {
toUrl(item) {
this.$router.push({ path: '/devices/details', query: { id: item.id } })
},
// 切换状态
async statusChange(e, row) {
try {
this.tableData.loading = true
const data = { ...row }
data.status = e
if (data.id) {
delete data.createdAt
delete data.updatedAt
}
await switchtbPrintMachine(data)
await tbPrintMachine(data, 'put')
this.getTableData()
} catch (error) {
console.log(error)
@ -152,20 +139,13 @@ export default {
this.tableData.page = e - 1
this.getTableData()
},
// 删除
async delTableHandle(item) {
const res = await delTableHandle(item)
this.getTableData()
},
// 获取商品列表
async getTableData() {
this.tableData.loading = true
try {
const res = await tbPrintMachineGet({
name: this.query.name,
shopId: localStorage.getItem('shopId'),
contentType: this.query.type,
sort: '',
contentType: this.query.type
})
this.tableData.loading = false
this.tableData.data = res

Some files were not shown because too many files have changed in this diff Show More