Skip to content

W
word_Channels
Commit 219affc8 by cmosquito
Options

更新页面

parent bf4fce74
Showing with 3034 additions and 615 deletions
config/dev.env.js
......@@ -6,7 +6,7 @@ module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
// BASE_API: '"http://localhost:8080"'
// BASE_API: '"http://192.168.10.112:8045"', //本地系统服务器地址
// BASE_API: '"https://pandaxuequ.com.cn/words/admin"' //线上系统服务器地址
BASE_API: '"https://test.pandaxuequ.com.cn/words/admin"'//线上地址
BASE_API: '"https://pandaxuequ.com.cn/words/admin"' //线上系统服务器地址
// BASE_API: '"https://test.pandaxuequ.com.cn/words/admin"'//线上地址
});
config/prod.env.js
......@@ -2,7 +2,7 @@
module.exports = {
NODE_ENV: '"production"',
// BASE_API: '"https://pandaxuequ.com.cn/words/admin"'//线上地址
// BASE_API: '"https://pandaxuequ.com.cn/words/admin"'
BASE_API: '"https://pandaxuequ.com.cn/words/admin"'
// BASE_API: '"http://192.168.10.112:8045"' //本地系统服务器地址
BASE_API: '"https://test.pandaxuequ.com.cn/words/admin"'//线上地址
// BASE_API: '"https://test.pandaxuequ.com.cn/words/admin"'//线上测试服地址
}
index.html
......@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>熊猫单词宝</title>
<title>熊猫单词宝-渠道管理系统</title>
<style type="text/css">
:root {
font-size: calc(100vw / 1920);
......
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
......@@ -11,6 +11,7 @@
},
"dependencies": {
"axios": "^0.18.0",
"clipboard": "^2.0.11",
"echarts": "^4.2.0-rc.2",
"element-ui": "^2.3.7",
"file-saver": "^2.0.5",
......
src/api/order.js → src/api/brand.js
import request from '@/utils/request'
export function fetchList(params) {
return request({
url:'/order/list',
url:'/brand/list',
method:'get',
params:params
})
}
export function closeOrder(params) {
export function createBrand(data) {
return request({
url:'/order/update/close',
url:'/brand/create',
method:'post',
params:params
data:data
})
}
export function deleteOrder(params) {
export function updateShowStatus(data) {
return request({
url:'/order/delete',
url:'/brand/update/showStatus',
method:'post',
params:params
data:data
})
}
export function deliveryOrder(data) {
export function updateFactoryStatus(data) {
return request({
url:'/order/update/delivery',
url:'/brand/update/factoryStatus',
method:'post',
data:data
});
})
}
export function getOrderDetail(id) {
export function deleteBrand(id) {
return request({
url:'/order/'+id,
method:'get'
});
url:'/brand/delete/'+id,
method:'get',
})
}
export function updateReceiverInfo(data) {
export function getBrand(id) {
return request({
url:'/order/update/receiverInfo',
method:'post',
data:data
});
url:'/brand/'+id,
method:'get',
})
}
export function updateMoneyInfo(data) {
export function updateBrand(id,data) {
return request({
url:'/order/update/moneyInfo',
url:'/brand/update/'+id,
method:'post',
data:data
});
}
export function updateOrderNote(params) {
return request({
url:'/order/update/note',
method:'post',
params:params
})
}
src/api/channels.js 0 → 100644
import request from '@/utils/request'
export function getChaInfo() {
return request({
url:'/mashup/channel/mge/info',
method:'post',
})
}
export function getUserList(data) {
return request({
url:'/mashup/channel/mge/users',
method:'post',
data
})
}
export function getUserMoney(data) {
return request({
url:'/mashup/channel/mge/user/consume',
method:'post',
data
})
}
\ No newline at end of file
src/api/companyAddress.js 0 → 100644
import request from '@/utils/request'
export function fetchList() {
return request({
url:'/companyAddress/list',
method:'get'
})
}
src/api/coupon.js 0 → 100644
import request from '@/utils/request'
export function fetchList(params) {
return request({
url:'/coupon/list',
method:'get',
params:params
})
}
export function createCoupon(data) {
return request({
url:'/coupon/create',
method:'post',
data:data
})
}
export function getCoupon(id) {
return request({
url:'/coupon/'+id,
method:'get',
})
}
export function updateCoupon(id,data) {
return request({
url:'/coupon/update/'+id,
method:'post',
data:data
})
}
export function deleteCoupon(id) {
return request({
url:'/coupon/delete/'+id,
method:'post',
})
}
src/api/oss.js → src/api/couponHistory.js
import request from '@/utils/request'
export function policy() {
export function fetchList(params) {
return request({
url:'/aliyun/oss/policy',
url:'/couponHistory/list',
method:'get',
params:params
})
}
src/api/flash.js 0 → 100644
import request from '@/utils/request'
export function fetchList(params) {
return request({
url:'/flash/list',
method:'get',
params:params
})
}
export function updateStatus(id,params) {
return request({
url:'/flash/update/status/'+id,
method:'post',
params:params
})
}
export function deleteFlash(id) {
return request({
url:'/flash/delete/'+id,
method:'post'
})
}
export function createFlash(data) {
return request({
url:'/flash/create',
method:'post',
data:data
})
}
export function updateFlash(id,data) {
return request({
url:'/flash/update/'+id,
method:'post',
data:data
})
}
src/api/login.js
......@@ -2,7 +2,8 @@ import request from '@/utils/request'
export function login(username, password) {
return request({
url: '/admin/login',
// url: '/admin/login',
url: '/mashup/channel/mge/login',
method: 'post',
data: {
username,
......
src/api/productAttr.js → src/api/newProduct.js
import request from '@/utils/request'
export function fetchList(cid,params) {
export function fetchList(params) {
return request({
url:'/productAttribute/list/'+cid,
url:'/home/newProduct/list',
method:'get',
params:params
})
}
export function deleteProductAttr(data) {
export function updateRecommendStatus(data) {
return request({
url:'/productAttribute/delete',
url:'/home/newProduct/update/recommendStatus',
method:'post',
data:data
})
}
export function createProductAttr(data) {
export function deleteNewProduct(data) {
return request({
url:'/productAttribute/create',
url:'/home/newProduct/delete',
method:'post',
data:data
})
}
export function updateProductAttr(id,data) {
export function createNewProduct(data) {
return request({
url:'/productAttribute/update/'+id,
url:'/home/newProduct/create',
method:'post',
data:data
})
}
export function getProductAttr(id) {
return request({
url:'/productAttribute/'+id,
method:'get'
})
}
export function getProductAttrInfo(productCategoryId) {
export function updateNewProductSort(params) {
return request({
url:'/productAttribute/attrInfo/'+productCategoryId,
method:'get'
url:'/home/newProduct/update/sort/'+params.id,
method:'post',
params:params
})
}
src/api/returnApply.js 0 → 100644
import request from '@/utils/request'
export function fetchList(params) {
return request({
url:'/returnApply/list',
method:'get',
params:params
})
}
export function deleteApply(params) {
return request({
url:'/returnApply/delete',
method:'post',
params:params
})
}
export function updateApplyStatus(id,data) {
return request({
url:'/returnApply/update/status/'+id,
method:'post',
data:data
})
}
export function getApplyDetail(id) {
return request({
url:'/returnApply/'+id,
method:'get'
})
}
src/permission.js
import router from './router'
import store from './store'
import NProgress from 'nprogress' // Progress 进度条
import 'nprogress/nprogress.css'// Progress 进度条样式
import { Message } from 'element-ui'
import { getToken } from '@/utils/auth' // 验权
import router from "./router";
import store from "./store";
import NProgress from "nprogress"; // Progress 进度条
import "nprogress/nprogress.css"; // Progress 进度条样式
import { Message } from "element-ui";
import { getToken } from "@/utils/auth"; // 验权
const whiteList = ['/login'] // 不重定向白名单
const whiteList = ["/login"]; // 不重定向白名单
router.beforeEach((to, from, next) => {
NProgress.start()
NProgress.start();
if (getToken()) {
if (to.path === '/login') {
next({ path: '/' })
NProgress.done() // if current page is dashboard will not trigger afterEach hook, so manually handle it
if (to.path === "/login") {
next({ path: "/homepage" });
NProgress.done(); // if current page is dashboard will not trigger afterEach hook, so manually handle it
} else {
if (store.getters.roles.length === 0) {
store.dispatch('GetInfo').then(res => { // 拉取用户信息
let menus=res.data.menus;
let username=res.data.username;
store.dispatch('GenerateRoutes', { menus,username }).then(() => { // 生成可访问的路由表
router.addRoutes(store.getters.addRouters); // 动态添加可访问路由表
next({ ...to, replace: true })
})
}).catch((err) => {
store.dispatch('FedLogOut').then(() => {
Message.error(err || 'Verification failed, please login again')
next({ path: '/' })
})
})
} else {
next()
}
next()
// if (store.getters.roles.length === 0) {
// store
// .dispatch("GetInfo")
// .then(res => {
// console.log(res,'1111111111');
// // 拉取用户信息
// // let menus=res.data.menus;
// // let username=res.data.username;
// let menus = [
// {
// "createTime": "2023-07-10T07:39:54.000+00:00",
// "hidden": 0,
// "icon": "product",
// "id": 288,
// "level": 1,
// "name": "homepage",
// "parentId": 287,
// "sort": 0,
// "title": "渠道管理首页"
// }
// ];
// let username = "superadmin";
// store.dispatch("GenerateRoutes", { menus, username }).then(() => {
// // 生成可访问的路由表
// router.addRoutes(store.getters.addRouters); // 动态添加可访问路由表
// next({ ...to, replace: true });
// });
// })
// .catch(err => {
// store.dispatch("FedLogOut").then(() => {
// Message.error(err || "Verification failed, please login again");
// next({ path: "/" });
// });
// });
// }
// else {
// next();
// }
}
} else {
if (whiteList.indexOf(to.path) !== -1) {
next()
next();
} else {
next('/login')
NProgress.done()
next("/login");
NProgress.done();
}
}
})
});
router.afterEach(() => {
NProgress.done() // 结束Progress
})
NProgress.done(); // 结束Progress
});
src/router/index.js
......@@ -26,43 +26,64 @@ export const constantRouterMap = [
},
{ path: "/404", component: () => import("@/views/404"), hidden: true },
{
path: "",
path: "/",
component: Layout,
redirect: "/home",
redirect: "/homepage",
children: [
{
path: "home",
name: "home",
component: () => import("@/views/home/index"),
path: "homepage",
name: "homepage",
component: () => import("@/views/wordchannels/homepage"),
meta: { title: "首页", icon: "home" }
},
{
path: "channelUser",
name: "channelUser",
component: () => import("@/views/wordchannels/channelUser"),
meta: { title: "渠道用户列表", icon: "product-list" }
},
{
path: "userMoney",
name: "userMoney",
component: () => import("@/views/wordchannels/userMoney"),
meta: { title: "用户消费列表", icon: "product-list" }
}
]
}
];
export const asyncRouterMap = [
//渠道管理
{
path: "/wordController",
path: "/wordchannels",
component: Layout,
redirect: "/wordController/index",
name: "wordController",
meta: { title: "单词管理", icon: "product-list" },
redirect: "/wordchannels/homepage",
name: "wordchannels",
meta: { title: "渠道管理", icon: "product-list" },
children: [
{
path: "homepage",
name: "homepage",
component: () => import("@/views/wordchannels/homepage"),
meta: { title: "渠道管理首页", icon: "product-list" }
},
{
path: "index",
name: "index",
component: () => import("@/views/wordController/index"),
meta: { title: "单词列表", icon: "product-list" }
path: "channelUser",
name: "channelUser",
component: () => import("@/views/wordchannels/channelUser"),
meta: { title: "渠道用户列表", icon: "product-list" }
},
{
path: "wordDetail",
name: "wordDetail",
component: () => import("@/views/wordController/wordDetail"),
meta: { title: "单词详情", icon: "product-list" }
path: "userMoney",
name: "userMoney",
component: () => import("@/views/wordchannels/userMoney"),
meta: { title: "用户消费聊表", icon: "product-list" }
}
]
},
{
path: "/ums",
component: Layout,
......@@ -77,59 +98,59 @@ export const asyncRouterMap = [
meta: { title: "用户列表", icon: "ums-admin" }
},
// 打包的时候注释————————————————————————————————————————————————————————
{
path: "role",
name: "role",
component: () => import("@/views/ums/role/index"),
meta: { title: "角色列表", icon: "ums-role" }
},
{
path: "allocMenu",
name: "allocMenu",
component: () => import("@/views/ums/role/allocMenu"),
meta: { title: "分配菜单" },
hidden: true
},
{
path: "allocResource",
name: "allocResource",
component: () => import("@/views/ums/role/allocResource"),
meta: { title: "分配资源" },
hidden: true
},
{
path: "menu",
name: "menu",
component: () => import("@/views/ums/menu/index"),
meta: { title: "菜单列表", icon: "ums-menu" }
},
{
path: "addMenu",
name: "addMenu",
component: () => import("@/views/ums/menu/add"),
meta: { title: "添加菜单" },
hidden: true
},
{
path: "updateMenu",
name: "updateMenu",
component: () => import("@/views/ums/menu/update"),
meta: { title: "修改菜单" },
hidden: true
},
{
path: "resource",
name: "resource",
component: () => import("@/views/ums/resource/index"),
meta: { title: "资源列表", icon: "ums-resource" }
},
{
path: "resourceCategory",
name: "resourceCategory",
component: () => import("@/views/ums/resource/categoryList"),
meta: { title: "资源分类" },
hidden: true
}
// {
// path: "role",
// name: "role",
// component: () => import("@/views/ums/role/index"),
// meta: { title: "角色列表", icon: "ums-role" }
// },
// {
// path: "allocMenu",
// name: "allocMenu",
// component: () => import("@/views/ums/role/allocMenu"),
// meta: { title: "分配菜单" },
// hidden: true
// },
// {
// path: "allocResource",
// name: "allocResource",
// component: () => import("@/views/ums/role/allocResource"),
// meta: { title: "分配资源" },
// hidden: true
// },
// {
// path: "menu",
// name: "menu",
// component: () => import("@/views/ums/menu/index"),
// meta: { title: "菜单列表", icon: "ums-menu" }
// },
// {
// path: "addMenu",
// name: "addMenu",
// component: () => import("@/views/ums/menu/add"),
// meta: { title: "添加菜单" },
// hidden: true
// },
// {
// path: "updateMenu",
// name: "updateMenu",
// component: () => import("@/views/ums/menu/update"),
// meta: { title: "修改菜单" },
// hidden: true
// },
// {
// path: "resource",
// name: "resource",
// component: () => import("@/views/ums/resource/index"),
// meta: { title: "资源列表", icon: "ums-resource" }
// },
// {
// path: "resourceCategory",
// name: "resourceCategory",
// component: () => import("@/views/ums/resource/categoryList"),
// meta: { title: "资源分类" },
// hidden: true
// }
// 打包的时候注释————————————————————————————————————————————————————————
]
},
......
src/store/modules/user.js
......@@ -31,7 +31,8 @@ const user = {
return new Promise((resolve, reject) => {
login(username, userInfo.password).then(response => {
const data = response.data
const tokenStr = data.tokenHead+data.token
const tokenStr = data.token
setToken(tokenStr)
commit('SET_TOKEN', tokenStr)
resolve()
......
src/utils/auth.js
......@@ -3,6 +3,7 @@ import Cookies from 'js-cookie'
const TokenKey = 'loginToken'
export function getToken() {
// console.log(Cookies.get(TokenKey),'token');
return Cookies.get(TokenKey)
}
......
src/utils/request.js
......@@ -12,7 +12,9 @@ const service = axios.create({
// request拦截器
service.interceptors.request.use(config => {
if (store.getters.token) {
config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
config.headers['Authorization'] = getToken()
// 让每个请求携带自定义token 请根据实际情况自行修改
}
return config
}, error => {
......
src/views/home/index.vue
<template>
<div class="container">
<h1>xxx，您好</h1>
<!-- <img src="@/assets/images/pandaxia.png" alt=""> -->
<h1>欢迎来到熊猫单词宝渠道管理系统</h1>
<img src="@/assets/images/pandaxia.png" alt="">
</div>
</template>
......
src/views/layout/components/Navbar.vue
......@@ -4,7 +4,7 @@
<breadcrumb></breadcrumb>
<el-dropdown class="avatar-container" trigger="click">
<div class="avatar-wrapper">
<img class="user-avatar" :src="avatar">
<img class="user-avatar" src="@/views/wordchannels/icon512.png">
<i class="el-icon-caret-bottom"></i>
</div>
<el-dropdown-menu class="user-dropdown" slot="dropdown">
......
src/views/layout/components/Sidebar/index.vue
<template>
<scroll-bar>
<el-menu
<div>
<scroll-bar>
<div class="menu">
<div class="jump" @click="toHome()">首页</div>
<div class="jump" @click="toUser()">渠道用户</div>
<div class="jump" @click="toMoney()">渠道详情</div>
</div>
<!-- <el-menu
mode="vertical"
:show-timeout="200"
:default-active="$route.path"
......@@ -9,9 +18,11 @@
text-color="#bfcbd9"
active-text-color="#409EFF"
>
<sidebar-item :routes="routes"></sidebar-item>
</el-menu>
</el-menu> -->
</scroll-bar>
</div>
</template>
<script>
......@@ -21,6 +32,25 @@ import ScrollBar from '@/components/ScrollBar'
export default {
components: { SidebarItem, ScrollBar },
methods:{
toHome(){
this.$router.push({
path: "/homepage",
});
},
toUser(){
this.$router.push({
path: "/channelUser",
});
},
toMoney(){
this.$router.push({
path: "/userMoney",
});
},
},
computed: {
...mapGetters([
'sidebar',
......@@ -32,7 +62,30 @@ export default {
},
isCollapse() {
return !this.sidebar.opened
}
},
}
}
</script>
<style lang='scss' scoped>
.menu{
display: flex;
flex-flow: column;
justify-content: space-evenly;
margin-top: 100px;
width: 100%;
height: 180px;
// background-color: pink;
font-size: 20px;
.jump{
height: 60px;
text-align: center;
line-height: 60px;
color: #fff;
}
.jump:hover{
background-color: #91c5f0;
cursor:pointer
}
}
</style>
src/views/login/index.vue
......@@ -14,7 +14,7 @@
style="width: 56px;height: 56px;color: #409EFF"
></svg-icon>
</div>
<h2 class="login-title color-main">熊猫单词宝</h2>
<h2 class="login-title color-main">熊猫单词宝-渠道管理系统</h2>
<el-form-item prop="username">
<el-input
name="username"
......
src/views/wordGrade/index.vue → src/views/lottery/index.vue
<template>
<div class="container">
<el-card class="filter-container" shadow="never">
<!-- <h1>lottery</h1> -->
<!-- <el-card class="filter-container" shadow="never">
<div>
<i class="el-icon-search"></i>
<span>筛选搜索</span>
......@@ -27,40 +28,25 @@
ref="listQuery"
size="small"
label-width="140px"
@submit.native.prevent
>
<el-form-item label="单词：" prop="customerName">
<el-form-item label="关键字：" prop="customerName">
<el-input
style="width: 203px"
v-model="listQuery.key"
placeholder=""
@keyup.enter.native="handleSearchList()"
></el-input>
</el-form-item>
<el-radio-group v-model="searchValue">
<el-radio-button label="1">精准搜索</el-radio-button>
<el-radio-button label="0">模糊匹配</el-radio-button>
</el-radio-group>
</el-form>
<div>
</div>
</div>
</el-card>
</el-card> -->
<el-card class="operate-container" shadow="never">
<!-- <el-card class="operate-container" shadow="never">
<i class="el-icon-tickets"></i>
<span>数据列表</span>
<el-button type="primary" style="float:right" size="mini" @click="handleWordAdd()">添加</el-button>
<el-button class="btn-add" style="float:right; margin-right:20px" @click="complex" size="mini">
简体词库释义缓存
<el-button class="btn-add" @click="handleAddProduct" size="mini">
添加
</el-button>
<!-- <el-button class="btn-add" @click="handleStuDetail()" size="mini">
stuDetail
</el-button> -->
</el-card>
</el-card> -->
<div class="table-container">
<el-table
......@@ -70,73 +56,69 @@
v-loading="listLoading"
border
>
<el-table-column label="序号" align="center" width="60">
<el-table-column label="序号" align="center" width="100">
<template slot-scope="scope">{{ scope.$index + 1 }}</template>
</el-table-column>
<el-table-column label="单词" align="center" width="100">
<el-table-column label="中奖概率" align="center">
<template slot-scope="scope">
<div
class="handleWordDetail"
@click="handleWordDetail(scope.row.id)"
>
{{ scope.row.word }}
{{ scope.row.probability }}
</div>
</template>
</el-table-column>
<el-table-column label="英式音标" align="center" width="100">
<template slot-scope="scope">{{ scope.row.ukSoundmark }}</template>
</el-table-column>
<el-table-column label="美式音标" align="center" width="100">
<template slot-scope="scope">{{ scope.row.usSoundmark }}</template>
<el-table-column label="宠物的稀有度分类id" align="center">
<template slot-scope="scope">{{ scope.row.dragonRarityId }}</template>
</el-table-column>
<!-- <el-table-column label="词性" align="center">
<template slot-scope="scope">{{ scope.row.wordClass }}</template>
</el-table-column> -->
<el-table-column label="等级" align="center" width="100">
<el-table-column label="抽奖类型" align="center">
<template slot-scope="scope">{{
scope.row.level == "0"
? "学前"
: scope.row.level == "1"
? "小学"
: scope.row.level == "2"
? "初中"
: scope.row.level == "3"
? "高中"
: scope.row.level == "4"
? "大学"
: scope.row.level == "5"
? "成人"
scope.row.type == 1
? "普通抽奖"
: scope.row.type == 2
? "高级抽奖"
: ""
}}</template>
</el-table-column>
<el-table-column label="简明释义" align="center" width="100">
<template slot-scope="scope">{{ scope.row.simpleIntro }}</template>
<el-table-column label="稀有度名称" align="center">
<template slot-scope="scope">{{ scope.row.rarityName }}</template>
</el-table-column>
<el-table-column label="释义" align="center" width="200">
<template slot-scope="scope">{{ scope.row.intro }}</template>
<el-table-column label="所需资源编号" align="center">
<template slot-scope="scope">{{ scope.row.resourceCode }}</template>
</el-table-column>
<el-table-column label="例句" align="center">
<template slot-scope="scope">
<div
class="exampleMapItem"
v-for="(item, index) in scope.row.exampleMap"
:key="index"
>
<div>{{ item.sContent }}</div>
<div>{{ item.sCn }}</div>
<el-divider></el-divider>
</div>
</template>
<el-table-column label="所需资源数量" align="center">
<template slot-scope="scope">{{ scope.row.resourceNum }}</template>
</el-table-column>
<el-table-column label="操作" align="center" width="100">
<!-- <el-table-column label="英式发音" align="center">
<template slot-scope="scope">{{ scope.row.ukPronounce }}</template>
</el-table-column> -->
<!-- <el-table-column label="英式发音" align="center">
<template slot-scope="scope">{{ scope.row.ukPronounce }}</template>
</el-table-column>
<el-table-column label="英式发音" align="center">
<template slot-scope="scope">{{ scope.row.ukPronounce }}</template>
</el-table-column> -->
<!-- <el-table-column label="词根" align="center">
<template slot-scope="scope">{{ scope.row.etyma }}</template>
</el-table-column> -->
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button @click="handleWordDetail(scope.row.id)" type="mini"
>修改</el-button
>
<!-- <el-button
@click="handleWordDelete(scope.row.id)"
size="mini"
type="danger"
>删除</el-button
> -->
</template>
</el-table-column>
</el-table>
......@@ -159,7 +141,10 @@
</template>
<script>
import { getPageGradeWord, gradeWordHansRedisData } from "@/api/pandaWords";
import {
getPageFurnitureInfoLottery,
deleteByPrimaryKeyRootAffix
} from "@/api/pandaWords";
import { formatDate } from "@/utils/date";
const defaultListQuery = {
......@@ -176,13 +161,12 @@ export default {
listLoading: true,
pageSize: null,
pageNum: null,
total: null,
searchValue: 1,
total: null
};
},
methods: {
getData() {
getPageGradeWord(this.listQuery).then(res => {
getPageFurnitureInfoLottery(this.listQuery).then(res => {
// console.log(res);
this.list = JSON.parse(JSON.stringify(res.data.list));
this.listLoading = false;
......@@ -192,12 +176,11 @@ export default {
});
},
edit(id) {
// console.log(id, "edit");
console.log(id, "edit");
},
handleSearchList() {
//搜索
this.listQuery.pageNum = 1;
this.listQuery.match = this.searchValue
this.getData();
},
handleResetSearch(formName) {
......@@ -222,35 +205,32 @@ export default {
this.getData();
},
handleWordDetail(id) {
// this.$router.push({
// path: "/wordGrade/wordGradeDetail",
// query: {
// id: id
// }
// });
// console.log(123);
const { href } = this.$router.resolve({
path: '/wordGrade/wordGradeDetail',
this.$router.push({
path: "/lottery/lotteryDetail",
query: {
id: id
id: id
}
});
window.open(href, '_blank');
},
handleWordAdd() {
this.$router.push({
path: "/wordGrade/addGradeWord",
});
// console.log(123);
},
complex() {
gradeWordHansRedisData().then(res => {
this.$message({
message: "缓存成功",
type: "success"
handleWordDelete(id) {
this.$confirm("是否确认删除?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
deleteByPrimaryKeyRootAffix(id).then(res => {
this.$message({
type: "success",
message: "删除成功!"
});
this.getData();
});
});
},
handleAddProduct() {
// 添加
this.$router.push({ path: "/affixRoot/affixRootAdd" });
}
},
filters: {
......@@ -273,9 +253,6 @@ export default {
.handleWordDetail {
cursor: pointer;
}
// .exampleMapItem {
// margin-top: 5px;
// }
.container {
padding: 30rem;
}
......
src/views/wordGrade/wordGradeDetail.vue → src/views/lottery/lotteryDetail.vue
<template>
<div class="container">
<!-- <h1>lotteryDetail</h1> -->
<el-form
:model="list"
:rules="rules"
ref="wordDetailForm"
label-width="100px"
label-width="150px"
class="demo-ruleForm"
>
<el-form-item label="单词" prop="word">
<el-form-item label="中奖概率" prop="probability">
<el-col :span="11">
<el-input disabled v-model="list.word"></el-input>
<el-slider
v-model="list.probability"
show-input
:max="1"
:step="0.01"
></el-slider>
</el-col>
</el-form-item>
<el-form-item label="英式音标" prop="intro">
<el-form-item label="宠物的稀有度分类id" prop="dragonRarityId">
<el-col :span="11">
<el-input v-model="list.ukSoundmark"></el-input>
<!-- <el-input v-model="list.dragonRarityId"></el-input> -->
<el-input
oninput="value=value.replace(/[^\d]|^[0]/g, '')"
v-model.number="list.dragonRarityId"
></el-input>
</el-col>
</el-form-item>
<el-form-item label="美式音标" prop="intro">
<el-form-item label="抽奖类型" prop="type">
<el-col :span="11">
<el-input v-model="list.usSoundmark"></el-input>
<el-select v-model="list.type" placeholder="请选择">
<el-option
v-for="item in typeList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-col>
</el-form-item>
<el-form-item label="等级" prop="level">
<el-form-item label="稀有度名称" prop="rarityName">
<el-col :span="11">
<el-select v-model="list.level" placeholder="请选择" disabled>
<el-select v-model="list.rarityName" placeholder="请选择">
<el-option
v-for="item in levelList"
v-for="item in rarityNameList"
:key="item.value"
:label="item.label"
:value="item.value"
......@@ -35,46 +56,33 @@
</el-select>
</el-col>
</el-form-item>
<el-form-item label="简明释义" prop="simpleIntro">
<!-- <el-form-item label="稀有度名称" prop="rarityName">
<el-col :span="11">
<el-input v-model="list.simpleIntro"></el-input>
<el-input v-model="list.rarityName"></el-input>
</el-col>
</el-form-item>
</el-form-item> -->
<el-form-item label="释义" prop="intro">
<el-form-item label="所需资源编号" prop="resourceCode">
<el-col :span="11">
<el-input v-model="list.intro"></el-input>
<el-input v-model="list.resourceCode"></el-input>
</el-col>
</el-form-item>
<el-form-item
v-for="(item, index) in list.exampleMap"
:key="index"
:label="'例句' + (index + 1)"
prop="exampleMap"
class="item"
>
<el-form-item label="所需资源数量" prop="resourceNum">
<el-col :span="11">
<el-input v-model="item.sContent"></el-input>
</el-col>
<el-col class="line" :span="1">-</el-col>
<el-col :span="8">
<el-input v-model="item.sCn"></el-input>
<el-input
oninput="value=value.replace(/[^\d]|^[0]/g, '')"
v-model.number="list.resourceNum"
></el-input>
</el-col>
<el-button
@click="handleDel(index)"
type="danger"
size="mini"
icon="el-icon-delete"
circle
></el-button>
</el-form-item>
<el-form-item label="" prop="">
<el-button @click="handleAdd" size="mini">添加例句</el-button>
</el-form-item>
<!-- <el-form-item label="词性" prop="wordClass">
<el-col :span="11">
<el-input v-model="list.wordClass"></el-input>
</el-col>
</el-form-item> -->
<el-form-item>
<el-button type="primary" @click="submitForm('wordDetailForm')"
......@@ -88,88 +96,96 @@
<script>
import {
getGradeWordById,
updateByPrimaryKeySelectiveGrade
getLotteryById,
updateByPrimaryKeySelectiveLottery,
allLottery
} from "@/api/pandaWords";
import { formatDate } from "@/utils/date";
export default {
name: "wordGradeDetail",
name: "lotteryDetail",
data() {
return {
id: "",
list: {},
levelList: [
typeList: [
{
value: "0",
label: "学前"
value: 1,
label: "普通抽奖"
},
{
value: "1",
label: "小学"
value: 2,
label: "高级抽奖"
}
],
rarityNameList: [
{
value: 1,
label: "常见级"
},
{
value: "2",
label: "初中"
value: 2,
label: "稀有级"
},
{
value: "3",
label: "高中"
value: 3,
label: "史诗级"
},
{
value: "4",
label: "大学"
value: 4,
label: "传说级"
},
{
value: "5",
label: "成人"
value: 5,
label: "特殊怪物"
}
],
allLotteryList: "",
rules: {
word: [{ required: true, message: "必填", trigger: "blur" }],
// intro: [{ required: true, message: "必填", trigger: "blur" }],
simpleIntro: [{ required: true, message: "必填", trigger: "blur" }],
level: [{ required: true, message: "必填", trigger: "change" }]
probability: [{ required: true, message: "必填", trigger: "blur" }],
dragonRarityId: [{ required: true, message: "必填", trigger: "blur" }],
rarityName: [{ required: true, message: "必填", trigger: "blur" }],
resourceCode: [{ required: true, message: "必填", trigger: "blur" }],
resourceNum: [{ required: true, message: "必填", trigger: "blur" }],
type: [{ required: true, message: "必填", trigger: "change" }]
}
};
},
methods: {
getData() {
getGradeWordById(this.id).then(res => {
getLotteryById(this.id).then(res => {
console.log(res);
this.list = JSON.parse(JSON.stringify(res.data));
// this.list.probability = this.list.probability * 100;
// this.listLoading = false;
// this.pageNum = res.data.pageNum;
// this.pageSize = res.data.pageSize;
// this.total = res.data.total;
});
},
handleAdd() {
this.list.exampleMap.push({
sContent: "",
sCn: ""
allLottery().then(res => {
console.log(res);
// this.list = JSON.parse(JSON.stringify(res.data));
// this.list.probability = this.list.probability * 100;
// this.listLoading = false;
// this.pageNum = res.data.pageNum;
// this.pageSize = res.data.pageSize;
// this.total = res.data.total;
});
},
handleDel(index) {
this.list.exampleMap.splice(index, 1);
},
submitForm(formName) {
for (const key in this.list) {
if (this.list[key].length == 0) {
this.list[key] = undefined;
}
// console.log(key, "---", this.list[key]);
}
this.$refs[formName].validate(valid => {
if (valid) {
for (const key in this.list) {
if (this.list[key].length == 0) {
this.list[key] = undefined;
}
}
this.$confirm("是否确认提交?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
updateByPrimaryKeySelectiveGrade(this.list).then(res => {
updateByPrimaryKeySelectiveLottery(this.list).then(res => {
this.$message({
type: "success",
message: "提交成功!"
......@@ -181,26 +197,6 @@ export default {
return false;
}
});
// this.$refs[formName].validate(valid => {
// if (valid) {
// this.$confirm("是否确认提交?", "提示", {
// confirmButtonText: "确定",
// cancelButtonText: "取消",
// type: "warning"
// }).then(() => {
// updateByPrimaryKeySelective(this.list).then(res => {
// this.$message({
// type: "success",
// message: "提交成功!"
// });
// });
// });
// } else {
// console.log("error submit!!");
// return false;
// }
// });
},
resetForm(formName) {
this.$refs[formName].resetFields();
......
src/views/sms/advertise/add.vue 0 → 100644
<template> 
<home-advertise-detail :isEdit="false"></home-advertise-detail>
</template>
<script>
import HomeAdvertiseDetail from './components/HomeAdvertiseDetail'
export default {
name: 'addHomeAdvertise',
components: { HomeAdvertiseDetail }
}
</script>
<style></style>
src/views/sms/advertise/components/HomeAdvertiseDetail.vue 0 → 100644
<template> 
<el-card class="form-container" shadow="never">
<el-form :model="homeAdvertise"
:rules="rules"
ref="homeAdvertiseFrom"
label-width="150px"
size="small">
<el-form-item label="广告名称：" prop="name">
<el-input v-model="homeAdvertise.name" class="input-width"></el-input>
</el-form-item>
<el-form-item label="广告位置：">
<el-select v-model="homeAdvertise.type">
<el-option
v-for="type in typeOptions"
:key="type.value"
:label="type.label"
:value="type.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="开始时间：" prop="startTime">
<el-date-picker
type="datetime"
placeholder="选择日期"
v-model="homeAdvertise.startTime"></el-date-picker>
</el-form-item>
<el-form-item label="到期时间：" prop="endTime">
<el-date-picker
type="datetime"
placeholder="选择日期"
v-model="homeAdvertise.endTime"></el-date-picker>
</el-form-item>
<el-form-item label="上线/下线：">
<el-radio-group v-model="homeAdvertise.status">
<el-radio :label="0">下线</el-radio>
<el-radio :label="1">上线</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="广告图片：">
<single-upload v-model="homeAdvertise.pic"></single-upload>
</el-form-item>
<el-form-item label="排序：">
<el-input v-model="homeAdvertise.sort" class="input-width"></el-input>
</el-form-item>
<el-form-item label="广告链接：" prop="url">
<el-input v-model="homeAdvertise.url" class="input-width"></el-input>
</el-form-item>
<el-form-item label="广告备注：">
<el-input
class="input-width"
type="textarea"
:rows="5"
placeholder="请输入内容"
v-model="homeAdvertise.note">
</el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit('homeAdvertiseFrom')">提交</el-button>
<el-button v-if="!isEdit" @click="resetForm('homeAdvertiseFrom')">重置</el-button>
</el-form-item>
</el-form>
</el-card>
</template>
<script>
import SingleUpload from '@/components/Upload/singleUpload'
import {createHomeAdvertise, getHomeAdvertise, updateHomeAdvertise} from '@/api/homeAdvertise'
const defaultTypeOptions = [
{
label: 'PC首页轮播',
value: 0
},
{
label: 'APP首页轮播',
value: 1
}
];
const defaultHomeAdvertise = {
name: null,
type: 1,
pic: null,
startTime: null,
endTime: null,
status: 0,
url: null,
note: null,
sort: 0
};
export default {
name: 'HomeAdvertiseDetail',
components:{SingleUpload},
props: {
isEdit: {
type: Boolean,
default: false
}
},
data() {
return {
homeAdvertise: null,
rules: {
name: [
{required: true, message: '请输入广告名称', trigger: 'blur'},
{min: 2, max: 140, message: '长度在 2 到 140 个字符', trigger: 'blur'}
],
url: [
{required: true, message: '请输入广告链接', trigger: 'blur'}
],
startTime: [
{required: true, message: '请选择开始时间', trigger: 'blur'}
],
endTime: [
{required: true, message: '请选择到期时间', trigger: 'blur'}
],
pic: [
{required: true, message: '请选择广告图片', trigger: 'blur'}
]
},
typeOptions: Object.assign({}, defaultTypeOptions)
}
},
created(){
if (this.isEdit) {
getHomeAdvertise(this.$route.query.id).then(response => {
this.homeAdvertise = response.data;
});
}else{
this.homeAdvertise = Object.assign({},defaultHomeAdvertise);
}
},
methods: {
onSubmit(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.$confirm('是否提交数据', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
if (this.isEdit) {
updateHomeAdvertise(this.$route.query.id, this.homeAdvertise).then(response => {
this.$refs[formName].resetFields();
this.$message({
message: '修改成功',
type: 'success',
duration:1000
});
this.$router.back();
});
} else {
createHomeAdvertise(this.homeAdvertise).then(response => {
this.$refs[formName].resetFields();
this.homeAdvertise = Object.assign({},defaultHomeAdvertise);
this.$message({
message: '提交成功',
type: 'success',
duration:1000
});
});
}
});
} else {
this.$message({
message: '验证失败',
type: 'error',
duration:1000
});
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
this.homeAdvertise = Object.assign({},defaultHomeAdvertise);
}
}
}
</script>
<style scoped>
.input-width {
width: 70%;
}
</style>
src/views/sms/advertise/index.vue 0 → 100644
<template> 
<div class="app-container">
<el-card class="filter-container" shadow="never">
<div>
<i class="el-icon-search"></i>
<span>筛选搜索</span>
<el-button
style="float:right"
type="primary"
@click="handleSearchList()"
size="small">
查询搜索
</el-button>
<el-button
style="float:right;margin-right: 15px"
@click="handleResetSearch()"
size="small">
重置
</el-button>
</div>
<div style="margin-top: 15px">
<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
<el-form-item label="广告名称：">
<el-input v-model="listQuery.name" class="input-width" placeholder="广告名称"></el-input>
</el-form-item>
<el-form-item label="广告位置：">
<el-select v-model="listQuery.type" placeholder="全部" clearable class="input-width">
<el-option v-for="item in typeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="到期时间：">
<el-date-picker
class="input-width"
v-model="listQuery.endTime"
value-format="yyyy-MM-dd"
type="date"
placeholder="请选择时间">
</el-date-picker>
</el-form-item>
</el-form>
</div>
</el-card>
<el-card class="operate-container" shadow="never">
<i class="el-icon-tickets"></i>
<span>数据列表</span>
<el-button size="mini" class="btn-add" @click="handleAdd()">添加广告</el-button>
</el-card>
<div class="table-container">
<el-table ref="homeAdvertiseTable"
:data="list"
style="width: 100%;"
@selection-change="handleSelectionChange"
v-loading="listLoading" border>
<el-table-column type="selection" width="60" align="center"></el-table-column>
<el-table-column label="编号" width="120" align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="广告名称" align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="广告位置" width="120" align="center">
<template slot-scope="scope">{{scope.row.type | formatType}}</template>
</el-table-column>
<el-table-column label="广告图片" width="120" align="center">
<template slot-scope="scope"><img style="height: 80px" :src="scope.row.pic"></template>
</el-table-column>
<el-table-column label="时间" width="220" align="center">
<template slot-scope="scope">
<p>开始时间：{{scope.row.startTime | formatTime}}</p>
<p>到期时间：{{scope.row.endTime | formatTime}}</p>
</template>
</el-table-column>
<el-table-column label="上线/下线" width="120" align="center">
<template slot-scope="scope">
<el-switch
@change="handleUpdateStatus(scope.$index, scope.row)"
:active-value="1"
:inactive-value="0"
v-model="scope.row.status">
</el-switch>
</template>
</el-table-column>
<el-table-column label="点击次数" width="120" align="center">
<template slot-scope="scope">{{scope.row.clickCount}}</template>
</el-table-column>
<el-table-column label="生成订单" width="120" align="center">
<template slot-scope="scope">{{scope.row.orderCount}}</template>
</el-table-column>
<el-table-column label="操作" width="120" align="center">
<template slot-scope="scope">
<el-button size="mini"
type="text"
@click="handleUpdate(scope.$index, scope.row)">编辑
</el-button>
<el-button size="mini"
type="text"
@click="handleDelete(scope.$index, scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="batch-operate-container">
<el-select
size="small"
v-model="operateType" placeholder="批量操作">
<el-option
v-for="item in operates"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-button
style="margin-left: 20px"
class="search-button"
@click="handleBatchOperate()"
type="primary"
size="small">
确定
</el-button>
</div>
<div class="pagination-container">
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes,prev, pager, next,jumper"
:page-size="listQuery.pageSize"
:page-sizes="[5,10,15]"
:current-page.sync="listQuery.pageNum"
:total="total">
</el-pagination>
</div>
</div>
</template>
<script>
import {fetchList,updateStatus,deleteHomeAdvertise} from '@/api/homeAdvertise';
import {formatDate} from '@/utils/date';
const defaultListQuery = {
pageNum: 1,
pageSize: 5,
name: null,
type: null,
endTime:null
};
const defaultTypeOptions = [
{
label: 'PC首页轮播',
value: 0
},
{
label: 'APP首页轮播',
value: 1
}
];
export default {
name: 'homeAdvertiseList',
data() {
return {
listQuery: Object.assign({}, defaultListQuery),
typeOptions: Object.assign({}, defaultTypeOptions),
list: null,
total: null,
listLoading: false,
multipleSelection: [],
operates: [
{
label: "删除",
value: 0
}
],
operateType: null
}
},
created() {
this.getList();
},
filters:{
formatType(type){
if(type===1){
return 'APP首页轮播';
}else{
return 'PC首页轮播';
}
},
formatTime(time){
if(time==null||time===''){
return 'N/A';
}
let date = new Date(time);
return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
},
},
methods: {
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery);
},
handleSearchList() {
this.listQuery.pageNum = 1;
this.getList();
},
handleSelectionChange(val){
this.multipleSelection = val;
},
handleSizeChange(val) {
this.listQuery.pageNum = 1;
this.listQuery.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.listQuery.pageNum = val;
this.getList();
},
handleUpdateStatus(index,row){
this.$confirm('是否要修改上线/下线状态?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
updateStatus(row.id,{status:row.status}).then(response=>{
this.getList();
this.$message({
type: 'success',
message: '修改成功!'
});
});
}).catch(() => {
this.$message({
type: 'success',
message: '已取消操作!'
});
this.getList();
});
},
handleDelete(index,row){
this.deleteHomeAdvertise(row.id);
},
handleBatchOperate(){
if (this.multipleSelection < 1) {
this.$message({
message: '请选择一条记录',
type: 'warning',
duration: 1000
});
return;
}
let ids = [];
for (let i = 0; i < this.multipleSelection.length; i++) {
ids.push(this.multipleSelection[i].id);
}
if(this.operateType===0){
//删除
this.deleteHomeAdvertise(ids);
}else {
this.$message({
message: '请选择批量操作类型',
type: 'warning',
duration: 1000
});
}
},
handleAdd(){
this.$router.push({path: '/sms/addAdvertise'})
},
handleUpdate(index,row){
this.$router.push({path: '/sms/updateAdvertise', query: {id: row.id}})
},
getList() {
this.listLoading = true;
fetchList(this.listQuery).then(response => {
this.listLoading = false;
this.list = response.data.list;
this.total = response.data.total;
})
},
deleteHomeAdvertise(ids){
this.$confirm('是否要删除该广告?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
let params=new URLSearchParams();
params.append("ids",ids);
deleteHomeAdvertise(params).then(response=>{
this.getList();
this.$message({
type: 'success',
message: '删除成功!'
});
});
})
}
}
}
</script>
<style scoped>
.input-width {
width: 203px;
}
</style>
src/views/sms/advertise/update.vue 0 → 100644
<template> 
<home-advertise-detail :isEdit="true"></home-advertise-detail>
</template>
<script>
import HomeAdvertiseDetail from './components/HomeAdvertiseDetail'
export default {
name: 'updateHomeAdvertise',
components: { HomeAdvertiseDetail }
}
</script>
<style></style>
src/views/sms/coupon/add.vue 0 → 100644
<template> 
<coupon-detail :isEdit="false"></coupon-detail>
</template>
<script>
import CouponDetail from './components/CouponDetail'
export default {
name: 'addCoupon',
components: { CouponDetail }
}
</script>
<style scoped>
</style>
src/views/sms/coupon/history.vue 0 → 100644
<template> 
<div class="app-container">
<div class="table-layout">
<el-row>
<el-col :span="4" class="table-cell-title">名称</el-col>
<el-col :span="4" class="table-cell-title">优惠券类型</el-col>
<el-col :span="4" class="table-cell-title">可使用商品</el-col>
<el-col :span="4" class="table-cell-title">使用门槛</el-col>
<el-col :span="4" class="table-cell-title">面值</el-col>
<el-col :span="4" class="table-cell-title">状态</el-col>
</el-row>
<el-row>
<el-col :span="4" class="table-cell">{{coupon.name}}</el-col>
<el-col :span="4" class="table-cell">{{coupon.type | formatType}}</el-col>
<el-col :span="4" class="table-cell">{{coupon.useType | formatUseType}}</el-col>
<el-col :span="4" class="table-cell">满{{coupon.minPoint}}元可用</el-col>
<el-col :span="4" class="table-cell">{{coupon.amount}}元</el-col>
<el-col :span="4" class="table-cell">{{coupon.endTime | formatStatus}}</el-col>
</el-row>
<el-row>
<el-col :span="4" class="table-cell-title">有效期</el-col>
<el-col :span="4" class="table-cell-title">总发行量</el-col>
<el-col :span="4" class="table-cell-title">已领取</el-col>
<el-col :span="4" class="table-cell-title">待领取</el-col>
<el-col :span="4" class="table-cell-title">已使用</el-col>
<el-col :span="4" class="table-cell-title">未使用</el-col>
</el-row>
<el-row>
<el-col :span="4" class="table-cell" style="font-size: 13px">
{{coupon.startTime|formatDate}}至{{coupon.endTime|formatDate}}
</el-col>
<el-col :span="4" class="table-cell">{{coupon.publishCount}}</el-col>
<el-col :span="4" class="table-cell">{{coupon.receiveCount}}</el-col>
<el-col :span="4" class="table-cell">{{coupon.publishCount-coupon.receiveCount}}</el-col>
<el-col :span="4" class="table-cell">{{coupon.useCount}}</el-col>
<el-col :span="4" class="table-cell">{{coupon.publishCount-coupon.useCount}}</el-col>
</el-row>
</div>
<el-card class="filter-container" shadow="never">
<div>
<i class="el-icon-search"></i>
<span>筛选搜索</span>
<el-button
style="float:right"
type="primary"
@click="handleSearchList()"
size="small">
查询搜索
</el-button>
<el-button
style="float:right;margin-right: 15px"
@click="handleResetSearch()"
size="small">
重置
</el-button>
</div>
<div style="margin-top: 15px">
<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
<el-form-item label="使用状态：">
<el-select v-model="listQuery.useStatus" placeholder="全部" clearable class="input-width">
<el-option v-for="item in useTypeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="订单编号：">
<el-input v-model="listQuery.orderSn" class="input-width" placeholder="订单编号"></el-input>
</el-form-item>
</el-form>
</div>
</el-card>
<div class="table-container">
<el-table ref="couponHistoryTable"
:data="list"
style="width: 100%;"
v-loading="listLoading" border>
<el-table-column label="优惠码" width="160" align="center">
<template slot-scope="scope">{{scope.row.couponCode}}</template>
</el-table-column>
<el-table-column label="领取会员" width="140" align="center">
<template slot-scope="scope">{{scope.row.memberNickname}}</template>
</el-table-column>
<el-table-column label="领取方式" width="100" align="center">
<template slot-scope="scope">{{scope.row.getType | formatGetType}}</template>
</el-table-column>
<el-table-column label="领取时间" width="160" align="center">
<template slot-scope="scope">{{scope.row.createTime | formatTime}}</template>
</el-table-column>
<el-table-column label="当前状态" width="140" align="center">
<template slot-scope="scope">{{scope.row.useStatus | formatCouponHistoryUseType}}</template>
</el-table-column>
<el-table-column label="使用时间" width="160" align="center">
<template slot-scope="scope">{{scope.row.useTime | formatTime}}</template>
</el-table-column>
<el-table-column label="订单编号" align="center">
<template slot-scope="scope">{{scope.row.orderSn===null?'N/A':scope.row.orderSn}}</template>
</el-table-column>
</el-table>
</div>
<div class="pagination-container">
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes,prev, pager, next,jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[5,10,15]"
:total="total">
</el-pagination>
</div>
</div>
</template>
<script>
import {formatDate} from '@/utils/date';
import {getCoupon} from '@/api/coupon';
import {fetchList as fetchCouponHistoryList} from '@/api/couponHistory';
const defaultTypeOptions = [
{
label: '全场赠券',
value: 0
},
{
label: '会员赠券',
value: 1
},
{
label: '购物赠券',
value: 2
},
{
label: '注册赠券',
value: 3
}
];
const defaultListQuery = {
pageNum: 1,
pageSize: 10,
useStatus: null,
orderSn: null,
couponId: null
};
const defaultUseTypeOptions= [
{
label: "未使用",
value: 0
},
{
label: "已使用",
value: 1
},
{
label: "已过期",
value: 2
}
];
export default {
name: 'couponHistoryList',
data() {
return {
coupon: {},
listQuery: Object.assign({}, defaultListQuery),
useTypeOptions:Object.assign({},defaultUseTypeOptions),
list:null,
total:null,
listLoading:false
}
},
created() {
getCoupon(this.$route.query.id).then(response => {
this.coupon = response.data;
});
this.listQuery.couponId=this.$route.query.id;
this.getList();
},
filters: {
formatType(type) {
for (let i = 0; i < defaultTypeOptions.length; i++) {
if (type === defaultTypeOptions[i].value) {
return defaultTypeOptions[i].label;
}
}
return '';
},
formatUseType(useType) {
if (useType === 0) {
return '全场通用';
} else if (useType === 1) {
return '指定分类';
} else {
return '指定商品';
}
},
formatPlatform(platform) {
if (platform === 1) {
return '移动平台';
} else if (platform === 2) {
return 'PC平台';
} else {
return '全平台';
}
},
formatDate(time) {
if (time == null || time === '') {
return 'N/A';
}
let date = new Date(time);
return formatDate(date, 'yyyy-MM-dd')
},
formatStatus(endTime) {
let now = new Date().getTime();
if (endTime > now) {
return '未过期'
} else {
return '已过期';
}
},
formatGetType(type) {
if(type===1){
return '主动获取';
}else{
return '后台赠送';
}
},
formatCouponHistoryUseType(useType) {
if (useType === 0) {
return '未使用';
} else if (useType === 1) {
return '已使用';
} else {
return '已过期';
}
},
formatTime(time) {
if (time == null || time === '') {
return 'N/A';
}
let date = new Date(time);
return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
},
},
methods: {
getList(){
this.listLoading=true;
fetchCouponHistoryList(this.listQuery).then(response=>{
this.listLoading=false;
this.list=response.data.list;
this.total=response.data.total;
});
},
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery);
this.listQuery.couponId=this.$route.query.id;
},
handleSearchList() {
this.listQuery.pageNum = 1;
this.getList();
},
handleSizeChange(val) {
this.listQuery.pageNum = 1;
this.listQuery.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.listQuery.pageNum = val;
this.getList();
}
}
}
</script>
<style scoped>
.app-container {
width: 80%;
margin: 20px auto;
}
.filter-container {
margin-top: 20px;
}
.table-layout {
margin-top: 20px;
border-left: 1px solid #DCDFE6;
border-top: 1px solid #DCDFE6;
}
.table-cell {
height: 60px;
line-height: 40px;
border-right: 1px solid #DCDFE6;
border-bottom: 1px solid #DCDFE6;
padding: 10px;
font-size: 14px;
color: #606266;
text-align: center;
overflow: hidden;
}
.table-cell-title {
border-right: 1px solid #DCDFE6;
border-bottom: 1px solid #DCDFE6;
padding: 10px;
background: #F2F6FC;
text-align: center;
font-size: 14px;
color: #303133;
}
</style>
src/views/sms/coupon/index.vue 0 → 100644
<template> 
<div class="app-container">
<el-card class="filter-container" shadow="never">
<div>
<i class="el-icon-search"></i>
<span>筛选搜索</span>
<el-button
style="float:right"
type="primary"
@click="handleSearchList()"
size="small">
查询搜索
</el-button>
<el-button
style="float:right;margin-right: 15px"
@click="handleResetSearch()"
size="small">
重置
</el-button>
</div>
<div style="margin-top: 15px">
<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
<el-form-item label="优惠券名称：">
<el-input v-model="listQuery.name" class="input-width" placeholder="优惠券名称"></el-input>
</el-form-item>
<el-form-item label="优惠券类型：">
<el-select v-model="listQuery.type" placeholder="全部" clearable class="input-width">
<el-option v-for="item in typeOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-form>
</div>
</el-card>
<el-card class="operate-container" shadow="never">
<i class="el-icon-tickets"></i>
<span>数据列表</span>
<el-button size="mini" class="btn-add" @click="handleAdd()">添加</el-button>
</el-card>
<div class="table-container">
<el-table ref="couponTable"
:data="list"
style="width: 100%;"
@selection-change="handleSelectionChange"
v-loading="listLoading" border>
<el-table-column type="selection" width="60" align="center"></el-table-column>
<el-table-column label="编号" width="100" align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="优惠劵名称" align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="优惠券类型" width="100" align="center">
<template slot-scope="scope">{{scope.row.type | formatType}}</template>
</el-table-column>
<el-table-column label="可使用商品" width="100" align="center">
<template slot-scope="scope">{{scope.row.useType | formatUseType}}</template>
</el-table-column>
<el-table-column label="使用门槛" width="140" align="center">
<template slot-scope="scope">满{{scope.row.minPoint}}元可用</template>
</el-table-column>
<el-table-column label="面值" width="100" align="center">
<template slot-scope="scope">{{scope.row.amount}}元</template>
</el-table-column>
<el-table-column label="适用平台" width="100" align="center">
<template slot-scope="scope">{{scope.row.platform | formatPlatform}}</template>
</el-table-column>
<el-table-column label="有效期" width="180" align="center">
<template slot-scope="scope">{{scope.row.startTime|formatDate}}至{{scope.row.endTime|formatDate}}</template>
</el-table-column>
<el-table-column label="状态" width="100" align="center">
<template slot-scope="scope">{{scope.row.endTime | formatStatus}}</template>
</el-table-column>
<el-table-column label="操作" width="180" align="center">
<template slot-scope="scope">
<el-button size="mini"
type="text"
@click="handleView(scope.$index, scope.row)">查看</el-button>
<el-button size="mini"
type="text"
@click="handleUpdate(scope.$index, scope.row)">
编辑</el-button>
<el-button size="mini"
type="text"
@click="handleDelete(scope.$index, scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination-container">
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes,prev, pager, next,jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[5,10,15]"
:total="total">
</el-pagination>
</div>
</div>
</template>
<script>
import {fetchList,deleteCoupon} from '@/api/coupon';
import {formatDate} from '@/utils/date';
const defaultListQuery = {
pageNum: 1,
pageSize: 10,
name: null,
type: null
};
const defaultTypeOptions=[
{
label: '全场赠券',
value: 0
},
{
label: '会员赠券',
value: 1
},
{
label: '购物赠券',
value: 2
},
{
label: '注册赠券',
value: 3
}
];
export default {
name:'couponList',
data() {
return {
listQuery:Object.assign({},defaultListQuery),
typeOptions:Object.assign({},defaultTypeOptions),
list:null,
total:null,
listLoading:false,
multipleSelection:[]
}
},
created(){
this.getList();
},
filters:{
formatType(type){
for(let i=0;i<defaultTypeOptions.length;i++){
if(type===defaultTypeOptions[i].value){
return defaultTypeOptions[i].label;
}
}
return '';
},
formatUseType(useType){
if(useType===0){
return '全场通用';
}else if(useType===1){
return '指定分类';
}else{
return '指定商品';
}
},
formatPlatform(platform){
if(platform===1){
return '移动平台';
}else if(platform===2){
return 'PC平台';
}else{
return '全平台';
}
},
formatDate(time){
if(time==null||time===''){
return 'N/A';
}
let date = new Date(time);
return formatDate(date, 'yyyy-MM-dd')
},
formatStatus(endTime){
let now = new Date().getTime();
let endDate = new Date(endTime);
if(endDate>now){
return '未过期'
}else{
return '已过期';
}
}
},
methods:{
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery);
},
handleSearchList() {
this.listQuery.pageNum = 1;
this.getList();
},
handleSelectionChange(val){
this.multipleSelection = val;
},
handleSizeChange(val) {
this.listQuery.pageNum = 1;
this.listQuery.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.listQuery.pageNum = val;
this.getList();
},
handleAdd(){
this.$router.push({path: '/sms/addCoupon'})
},
handleView(index, row) {
this.$router.push({path: '/sms/couponHistory', query: {id: row.id}})
},
handleUpdate(index, row) {
this.$router.push({path: '/sms/updateCoupon', query: {id: row.id}})
},
handleDelete(index, row) {
this.$confirm('是否进行删除操作?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteCoupon(row.id).then(response=>{
this.$message({
type: 'success',
message: '删除成功!'
});
this.getList();
});
})
},
getList(){
this.listLoading=true;
fetchList(this.listQuery).then(response=>{
this.listLoading = false;
this.list = response.data.list;
this.total = response.data.total;
});
}
}
}
</script>
<style scoped>
.input-width {
width: 203px;
}
</style>
src/views/sms/coupon/update.vue 0 → 100644
<template> 
<coupon-detail :isEdit="true"></coupon-detail>
</template>
<script>
import CouponDetail from './components/CouponDetail'
export default {
name: 'updateCoupon',
components: { CouponDetail }
}
</script>
<style scoped>
</style>
src/views/sms/flash/index.vue 0 → 100644
<template> 
<div class="app-container">
<el-card class="filter-container" shadow="never">
<div>
<i class="el-icon-search"></i>
<span>筛选搜索</span>
<el-button
style="float:right"
type="primary"
@click="handleSearchList()"
size="small">
查询搜索
</el-button>
<el-button
style="float:right;margin-right: 15px"
@click="handleResetSearch()"
size="small">
重置
</el-button>
</div>
<div style="margin-top: 15px">
<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
<el-form-item label="活动名称：">
<el-input v-model="listQuery.keyword" class="input-width" placeholder="活动名称" clearable></el-input>
</el-form-item>
</el-form>
</div>
</el-card>
<el-card class="operate-container" shadow="never">
<i class="el-icon-tickets"></i>
<span>数据列表</span>
<el-button size="mini" class="btn-add" @click="handleAdd()" style="margin-left: 20px">添加活动</el-button>
<el-button size="mini" class="btn-add" @click="handleShowSessionList()">秒杀时间段列表</el-button>
</el-card>
<div class="table-container">
<el-table ref="flashTable"
:data="list"
style="width: 100%;"
v-loading="listLoading" border>
<el-table-column type="selection" width="60" align="center"></el-table-column>
<el-table-column label="编号" width="100" align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="活动标题" align="center">
<template slot-scope="scope">{{scope.row.title}}</template>
</el-table-column>
<el-table-column label="活动状态" width="140" align="center">
<template slot-scope="scope">{{scope.row |formatActiveStatus}}</template>
</el-table-column>
<el-table-column label="开始时间" width="140" align="center">
<template slot-scope="scope">{{scope.row.startDate | formatDate}}</template>
</el-table-column>
<el-table-column label="结束时间" width="140" align="center">
<template slot-scope="scope">{{scope.row.endDate | formatDate}}</template>
</el-table-column>
<el-table-column label="上线/下线" width="200" align="center">
<template slot-scope="scope">
<el-switch
@change="handleStatusChange(scope.$index, scope.row)"
:active-value="1"
:inactive-value="0"
v-model="scope.row.status">
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作" width="180" align="center">
<template slot-scope="scope">
<el-button size="mini"
type="text"
@click="handleSelectSession(scope.$index, scope.row)">设置商品
</el-button>
<el-button size="mini"
type="text"
@click="handleUpdate(scope.$index, scope.row)">
编辑
</el-button>
<el-button size="mini"
type="text"
@click="handleDelete(scope.$index, scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination-container">
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total, sizes,prev, pager, next,jumper"
:current-page.sync="listQuery.pageNum"
:page-size="listQuery.pageSize"
:page-sizes="[5,10,15]"
:total="total">
</el-pagination>
</div>
<el-dialog
title="添加活动"
:visible.sync="dialogVisible"
width="40%">
<el-form :model="flashPromotion"
ref="flashPromotionForm"
label-width="150px" size="small">
<el-form-item label="活动标题：">
<el-input v-model="flashPromotion.title" style="width: 250px"></el-input>
</el-form-item>
<el-form-item label="开始时间：">
<el-date-picker
v-model="flashPromotion.startDate"
type="date"
placeholder="请选择时间">
</el-date-picker>
</el-form-item>
<el-form-item label="结束时间：">
<el-date-picker
v-model="flashPromotion.endDate"
type="date"
placeholder="请选择时间">
</el-date-picker>
</el-form-item>
<el-form-item label="上线/下线">
<el-radio-group v-model="flashPromotion.status">
<el-radio :label="1">上线</el-radio>
<el-radio :label="0">下线</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false" size="small">取 消</el-button>
<el-button type="primary" @click="handleDialogConfirm()" size="small">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import {fetchList, updateStatus, deleteFlash, createFlash, updateFlash} from '@/api/flash';
import {formatDate} from '@/utils/date';
const defaultListQuery = {
pageNum: 1,
pageSize: 5,
keyword: null
};
const defaultFlashPromotion = {
id: null,
title: null,
startDate: null,
endDate: null,
status: 0
};
export default {
name: 'flashPromotionList',
data() {
return {
listQuery: Object.assign({}, defaultListQuery),
list: null,
total: null,
listLoading: false,
dialogVisible: false,
flashPromotion: Object.assign({}, defaultFlashPromotion),
isEdit: false
}
},
created() {
this.getList();
},
filters: {
formatActiveStatus(row) {
let nowTime = new Date().getTime();
if (nowTime >= row.startDate && nowTime <= row.endDate) {
return '活动进行中';
} else if (nowTime > row.endDate) {
return '活动已结束';
} else {
return '活动未开始';
}
},
formatDate(time) {
if (time == null || time === '') {
return 'N/A';
}
let date = new Date(time);
return formatDate(date, 'yyyy-MM-dd')
}
},
methods: {
handleResetSearch() {
this.listQuery = Object.assign({}, defaultListQuery);
},
handleSearchList() {
this.listQuery.pageNum = 1;
this.getList();
},
handleSizeChange(val) {
this.listQuery.pageNum = 1;
this.listQuery.pageSize = val;
this.getList();
},
handleCurrentChange(val) {
this.listQuery.pageNum = val;
this.getList();
},
handleAdd() {
this.dialogVisible = true;
this.isEdit = false;
this.flashPromotion = Object.assign({},defaultFlashPromotion);
},
handleShowSessionList() {
this.$router.push({path: '/sms/flashSession'})
},
handleStatusChange(index, row) {
this.$confirm('是否要修改该状态?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
updateStatus(row.id, {status: row.status}).then(response => {
this.$message({
type: 'success',
message: '修改成功!'
});
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消修改'
});
this.getList();
});
},
handleDelete(index, row) {
this.$confirm('是否要删除该活动?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteFlash(row.id).then(response => {
this.$message({
type: 'success',
message: '删除成功!'
});
this.getList();
});
});
},
handleUpdate(index, row) {
this.dialogVisible = true;
this.isEdit = true;
this.flashPromotion = Object.assign({},row);
},
handleDialogConfirm() {
this.$confirm('是否要确认?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
if (this.isEdit) {
updateFlash(this.flashPromotion.id,this.flashPromotion).then(response => {
this.$message({
message: '修改成功！',
type: 'success'
});
this.dialogVisible =false;
this.getList();
})
} else {
createFlash(this.flashPromotion).then(response => {
this.$message({
message: '添加成功！',
type: 'success'
});
this.dialogVisible =false;
this.getList();
})
}
})
},
handleSelectSession(index,row){
this.$router.push({path:'/sms/selectSession',query:{flashPromotionId:row.id}})
},
getList() {
this.listLoading = true;
fetchList(this.listQuery).then(response => {
this.listLoading = false;
this.list = response.data.list;
this.total = response.data.total;
});
}
}
}
</script>
<style></style>
src/views/sms/flash/selectSessionList.vue 0 → 100644
<template> 
<div class="app-container">
<el-card shadow="never" class="operate-container">
<i class="el-icon-tickets"></i>
<span>数据列表</span>
</el-card>
<div class="table-container">
<el-table ref="selectSessionTable"
:data="list"
style="width: 100%;"
v-loading="listLoading" border>
<el-table-column label="编号" width="100" align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="秒杀时间段名称" align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="每日开始时间" align="center">
<template slot-scope="scope">{{scope.row.startTime | formatTime}}</template>
</el-table-column>
<el-table-column label="每日结束时间" align="center">
<template slot-scope="scope">{{scope.row.endTime | formatTime}}</template>
</el-table-column>
<el-table-column label="商品数量" align="center">
<template slot-scope="scope">{{scope.row.productCount}}</template>
</el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button size="mini"
type="text"
@click="handleShowRelation(scope.$index, scope.row)">商品列表
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</template>
<script>
import {fetchSelectList} from '@/api/flashSession';
import {formatDate} from '@/utils/date';
export default {
name: 'selectSessionList',
data() {
return {
list: null,
listLoading: false
}
},
created() {
this.getList();
},
filters:{
formatTime(time) {
if (time == null || time === '') {
return 'N/A';
}
let date = new Date(time);
return formatDate(date, 'hh:mm:ss')
}
},
methods: {
handleShowRelation(index,row){
this.$router.push({path:'/sms/flashProductRelation',query:{
flashPromotionId:this.$route.query.flashPromotionId, flashPromotionSessionId:row.id}})
},
getList() {
this.listLoading = true;
fetchSelectList({flashPromotionId:this.$route.query.flashPromotionId}).then(response => {
this.listLoading = false;
this.list = response.data;
});
}
}
}
</script>
<style scoped>
.operate-container {
margin-top: 0;
}
</style>
src/views/sms/flash/sessionList.vue 0 → 100644
<template> 
<div class="app-container">
<el-card shadow="never" class="operate-container">
<i class="el-icon-tickets"></i>
<span>数据列表</span>
<el-button size="mini" class="btn-add" @click="handleAdd()">添加</el-button>
</el-card>
<div class="table-container">
<el-table ref="flashSessionTable"
:data="list"
style="width: 100%;"
v-loading="listLoading" border>
<el-table-column label="编号" width="100" align="center">
<template slot-scope="scope">{{scope.row.id}}</template>
</el-table-column>
<el-table-column label="秒杀时间段名称" align="center">
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="每日开始时间" align="center">
<template slot-scope="scope">{{scope.row.startTime | formatTime}}</template>
</el-table-column>
<el-table-column label="每日结束时间" align="center">
<template slot-scope="scope">{{scope.row.endTime | formatTime}}</template>
</el-table-column>
<el-table-column label="启用" align="center">
<template slot-scope="scope">
<el-switch
@change="handleStatusChange(scope.$index, scope.row)"
:active-value="1"
:inactive-value="0"
v-model="scope.row.status">
</el-switch>
</template>
</el-table-column>
<el-table-column label="操作" width="180" align="center">
<template slot-scope="scope">
<el-button size="mini"
type="text"
@click="handleUpdate(scope.$index, scope.row)">编辑
</el-button>
<el-button size="mini"
type="text"
@click="handleDelete(scope.$index, scope.row)">删除
</el-button>
</template>
</el-table-column>
</el-table>
</div>
<el-dialog
title="添加时间段"
:visible.sync="dialogVisible"
width="40%">
<el-form :model="flashSession"
ref="flashSessionForm"
label-width="150px" size="small">
<el-form-item label="秒杀时间段名称：">
<el-input v-model="flashSession.name" style="width: 250px"></el-input>
</el-form-item>
<el-form-item label="每日开始时间：">
<el-time-picker
v-model="flashSession.startTime"
placeholder="请选择时间">
</el-time-picker>
</el-form-item>
<el-form-item label="每日结束时间：">
<el-time-picker
v-model="flashSession.endTime"
placeholder="请选择时间">
</el-time-picker>
</el-form-item>
<el-form-item label="是否启用">
<el-radio-group v-model="flashSession.status">
<el-radio :label="1">启用</el-radio>
<el-radio :label="0">不启用</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false" size="small">取 消</el-button>
<el-button type="primary" @click="handleDialogConfirm()" size="small">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import {fetchList,updateStatus,deleteSession,createSession,updateSession} from '@/api/flashSession';
import {formatDate} from '@/utils/date';
const defaultFlashSession={
name:null,
startTime:null,
endTime:null,
status:0
};
export default {
name: 'flashPromotionSessionList',
data() {
return {
list: null,
listLoading: false,
dialogVisible:false,
isEdit:false,
flashSession:Object.assign({},defaultFlashSession)
}
},
created() {
this.getList();
},
filters:{
formatTime(time) {
if (time == null || time === '') {
return 'N/A';
}
let date = new Date(time);
return formatDate(date, 'hh:mm:ss')
}
},
methods: {
handleAdd() {
this.dialogVisible = true;
this.isEdit = false;
this.flashSession = Object.assign({},defaultFlashSession);
},
handleStatusChange(index,row){
this.$confirm('是否要修改该状态?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
updateStatus(row.id, {status: row.status}).then(response => {
this.$message({
type: 'success',
message: '修改成功!'
});
});
}).catch(() => {
this.$message({
type: 'info',
message: '取消修改'
});
this.getList();
});
},
handleUpdate(index,row){
this.dialogVisible = true;
this.isEdit = true;
this.flashSession = Object.assign({},row);
this.flashSession.startTime=new Date(row.startTime);
this.flashSession.endTime=new Date(row.endTime);
},
handleDelete(index,row){
this.$confirm('是否要删除该时间段?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteSession(row.id).then(response => {
this.$message({
type: 'success',
message: '删除成功!'
});
this.getList();
});
});
},
handleDialogConfirm() {
this.$confirm('是否要确认?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
if (this.isEdit) {
updateSession(this.flashSession.id,this.flashSession).then(response => {
this.$message({
message: '修改成功！',
type: 'success'
});
this.dialogVisible =false;
this.getList();
})
} else {
createSession(this.flashSession).then(response => {
this.$message({
message: '添加成功！',
type: 'success'
});
this.dialogVisible =false;
this.getList();
})
}
})
},
getList() {
this.listLoading = true;
fetchList({}).then(response => {
this.listLoading = false;
this.list = response.data;
});
}
}
}
</script>
<style scoped>
.operate-container {
margin-top: 0;
}
</style>
src/views/wordGrade/addGradeWord.vue deleted 100644 → 0
<template>
<div class="container">
<el-form
:model="list"
:rules="rules"
ref="wordDetailForm"
label-width="100px"
class="demo-ruleForm"
>
<el-form-item label="单词" prop="word">
<el-col :span="11">
<el-input v-model="list.word"></el-input>
</el-col>
</el-form-item>
<el-form-item label="英式音标" prop="ukSoundmark">
<el-col :span="11">
<el-input v-model="list.ukSoundmark"></el-input>
</el-col>
</el-form-item>
<el-form-item label="美式音标" prop="usSoundmark">
<el-col :span="11">
<el-input v-model="list.usSoundmark"></el-input>
</el-col>
</el-form-item>
<el-form-item label="等级" prop="level">
<el-col :span="11">
<el-select v-model="list.level" placeholder="请选择">
<el-option
v-for="item in levelList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-col>
</el-form-item>
<el-form-item label="简明释义" prop="simpleIntro">
<el-col :span="11">
<el-input v-model="list.simpleIntro"></el-input>
</el-col>
</el-form-item>
<el-form-item label="释义" prop="intro">
<el-col :span="11">
<el-input v-model="list.intro"></el-input>
</el-col>
</el-form-item>
<el-form-item
v-for="(item, index) in list.exampleMap"
:key="index"
:label="'例句' + (index + 1)"
prop="exampleMap"
class="item"
>
<el-col :span="11">
<el-input v-model="item.sContent" placeholder="英文例句"></el-input>
</el-col>
<el-col class="line" :span="1">-</el-col>
<el-col :span="8">
<el-input v-model="item.sCn" placeholder="中文释义"></el-input>
</el-col>
<el-button
@click="handleDel(index)"
type="danger"
size="mini"
icon="el-icon-delete"
circle
></el-button>
</el-form-item>
<el-form-item label="" prop="">
<el-button @click="handleAdd" size="mini">添加例句</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('wordDetailForm')"
>提交</el-button
>
<!-- <el-button @click="resetForm('wordDetailForm')">清空</el-button> -->
</el-form-item>
</el-form>
</div>
</template>
<script>
import {
updateByPrimaryKeySelectiveGrade,
addGradeWord
} from "@/api/pandaWords";
import { formatDate } from "@/utils/date";
export default {
name: "addGradeWord",
data() {
return {
id: "",
list: {
exampleMap:[]
},
levelList: [
{
value: "0",
label: "学前"
},
{
value: "1",
label: "小学"
},
{
value: "2",
label: "初中"
},
{
value: "3",
label: "高中"
},
{
value: "4",
label: "大学"
},
{
value: "5",
label: "成人"
}
],
rules: {
word: [{ required: true, message: "必填", trigger: "blur" }],
intro: [{ required: true, message: "必填", trigger: "blur" }],
simpleIntro: [{ required: true, message: "必填", trigger: "blur" }],
level: [{ required: true, message: "必填", trigger: "change" }]
}
};
},
methods: {
// getData() {
// getGradeWordById(this.id).then(res => {
// console.log(res);
// this.list = JSON.parse(JSON.stringify(res.data));
// // this.listLoading = false;
// // this.pageNum = res.data.pageNum;
// // this.pageSize = res.data.pageSize;
// // this.total = res.data.total;
// });
// },
handleAdd() {
this.list.exampleMap.push({
sContent: "",
sCn: ""
});
},
handleDel(index) {
this.list.exampleMap.splice(index, 1);
},
submitForm(formName) {
for (const key in this.list) {
if (this.list[key].length == 0) {
this.list[key] = undefined;
}
// console.log(key, "---", this.list[key]);
}
this.$refs[formName].validate(valid => {
if (valid) {
this.$confirm("是否确认提交?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
addGradeWord(this.list).then(res => {
console.log(this.list,'addlist');
this.$message({
type: "success",
message: "提交成功!"
});
});
});
} else {
console.log("error submit!!");
return false;
}
});
// this.$refs[formName].validate(valid => {
// if (valid) {
// this.$confirm("是否确认提交?", "提示", {
// confirmButtonText: "确定",
// cancelButtonText: "取消",
// type: "warning"
// }).then(() => {
// updateByPrimaryKeySelective(this.list).then(res => {
// this.$message({
// type: "success",
// message: "提交成功!"
// });
// });
// });
// } else {
// console.log("error submit!!");
// return false;
// }
// });
},
resetForm(formName) {
this.$refs[formName].resetFields();
}
},
filters: {
formatDateTime(time) {
if (time == null || time === "") {
return "";
}
let date = new Date(time);
return formatDate(date, "yyyy-MM-dd hh:mm:ss");
// return formatDate(date, "yyyy-MM-dd");
}
},
mounted() {
// this.id = this.$route.query.id;
// this.getData();
}
};
</script>
<style lang="scss" scoped>
// .item {
// display: flex;
// flex-direction: column;
// }
.container {
padding: 30rem;
}
</style>
src/views/wordGrade/test.vue deleted 100644 → 0
<template>
<div>
<h1>test</h1>
</div>
</template>
<script>
export default {
name: "test"
};
</script>
<style lang="scss" scoped></style>
src/views/wordchannels/channelUser.vue 0 → 100644
<template>
<div class="container">
<!-- <h1>missionInfoDetail</h1> -->
<!-- <el-card class="filter-container" shadow="never">
<div>
<i class="el-icon-search"></i>
<span>筛选搜索</span>
<el-button
style="float: right"
@click="handleSearchList()"
type="primary"
size="small"
>
查询结果
</el-button>
<el-button
style="float: right; margin-right: 15px"
@click="handleResetSearch('listQuery')"
size="small"
>
重置
</el-button>
</div>
<div style="margin-top: 15px">
<el-form
:inline="true"
:model="listQuery"
ref="listQuery"
size="small"
label-width="140px"
@submit.native.prevent
>
<el-form-item label="关键字：" prop="customerName">
<el-input
style="width: 203px"
v-model="listQuery.key"
placeholder=""
@keyup.enter.native="handleSearchList()"
></el-input>
</el-form-item>
</el-form>
</div>
</el-card> -->
<div class="table-container">
<el-table
ref="productTable"
:data="list"
style="width: 100%"
v-loading="listLoading"
border
>
<el-table-column label="用户id" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.gameId }}
</div>
</template>
</el-table-column>
<el-table-column label="用户昵称" align="center">
<template slot-scope="scope">
<div>
{{ scope.row.nickname }}
</div>
</template>
</el-table-column>
<el-table-column label="渠道" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.channel }}
</div>
</template>
</el-table-column>
<el-table-column label="当前消费总金额" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.consumeAmount }}
</div>
</template>
</el-table-column>
<el-table-column label="注册时间" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.addTime }}
</div>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button @click="handleWordDetail(scope.row.userId)" type="mini"
>查看详情</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<!-- 单人信息框 -->
<el-dialog
title="单个用户消费情况"
:visible.sync="userMoney"
width="90%"
:before-close="handleClose"
>
<el-table
ref="productTable"
:data="oneList"
style="width: 100%"
v-loading="listLoading"
border
>
<el-table-column label="序号" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.id }}
</div>
</template>
</el-table-column>
<el-table-column label="用户id" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.gameId }}
</div>
</template>
</el-table-column>
<el-table-column label="用户昵称" align="center">
<template slot-scope="scope">
<div>
{{ scope.row.nickname }}
</div>
</template>
</el-table-column>
<el-table-column label="渠道名称" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.channel }}
</div>
</template>
</el-table-column>
<el-table-column label="人民币礼包" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.orderName }}
</div>
</template>
</el-table-column>
<el-table-column label="购买金额" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.orderAmount }}
</div>
</template>
</el-table-column>
<el-table-column label="购买时间" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.orderTime }}
</div>
</template>
</el-table-column>
</el-table>
<span slot="footer" class="dialog-footer">
<!-- <el-button @click="userMoney = false">取 消</el-button> -->
<el-button type="primary" @click="userMoney = false">确 定</el-button>
</span>
</el-dialog>
<div class="pagination-container">
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total,sizes,prev, pager, next,jumper"
:page-size="pageSize"
:page-sizes="[5, 10, 15]"
:current-page.sync="pageNum"
:total="total"
>
</el-pagination>
</div>
</div>
</template>
<script>
import { getUserList,getUserMoney } from "@/api/channels";
import { formatDate } from "@/utils/date";
const defaultListQuery = {
pageNum: 1,
pageSize: 10
};
export default {
name:'channelUser',
data() {
return {
listQuery: Object.assign({}, defaultListQuery),
test: "errorWords",
list: [],
oneList:[],
listLoading: true,
pageSize: null,
pageNum: null,
total: null,
userMoney:false
};
},
methods: {
getData() {
getUserList(this.listQuery).then(res => {
// console.log(res);
this.list = res.data.list
this.listLoading = false;
this.pageNum = res.data.pageNum;
this.pageSize = res.data.pageSize;
this.total = res.data.total;
});
},
edit(id) {
console.log(id, "edit");
},
handleClose(done) {
this.$confirm("确认关闭？")
.then(_ => {
done();
})
.catch(_ => {});
},
handleSearchList() {
//搜索
this.listQuery.pageNum = 1;
this.getData();
},
handleResetSearch(formName) {
this.$refs[formName].resetFields();
// 重置
// this.selectProductCateValue = [];
// this.chatTime = undefined;
// this.paymentTime = undefined;
this.listQuery = Object.assign({}, defaultListQuery);
this.getData();
},
handleCurrentChange(val) {
// 翻页
this.listQuery.pageNum = val;
this.listLoading = true;
this.getData();
},
handleSizeChange(val) {
//切换展示条数
this.listQuery.pageSize = val;
this.getData();
},
handleWordDetail(userId) {
getUserMoney({pageNum: 1,pageSize: 10,userId:userId}).then(res => {
// console.log(res,'getUserMoney');
this.oneList = res.data.list
// this.listLoading = false;
// this.pageNum = res.data.pageNum;
// this.pageSize = res.data.pageSize;
// this.total = res.data.total;
});
this.userMoney = true
}
},
mounted() {
this.getData();
}
};
</script>
<style lang="scss" scoped>
.handleWordDetail {
cursor: pointer;
}
.container {
padding: 30rem;
}
</style>
src/views/wordchannels/homepage.vue 0 → 100644
<template>
<div class="container">
<el-main><router-view></router-view></el-main>
<h1>{{channelName}}，欢迎您</h1>
<el-card class="box-card">
<div class="channelLink">
渠道链接为
<p id="chaLink">{{link}}</p>
<el-button
data-clipboard-target="#chaLink"
data-clipboard-action="copy"
type="primary"
class="btn"
@click="copy"
>一键复制</el-button
>
<el-button type="primary" @click="makeQrcode()"
>预览二维码</el-button
>
</div>
<div class="channelMember">
您当前共计邀请：
<p>{{invUserNum}}人</p>
<el-button type="primary" @click="toUser()">查看详情</el-button>
</div>
<div class="channelEarn">
您当前邀请共计消费
<p>{{invUserAmount}}元</p>
<el-button type="primary" @click="toMoney()">查看详情</el-button>
</div>
</el-card>
<!-- 二维码下载框 -->
<el-dialog
title="渠道链接二维码"
:visible.sync="qrcodeBox"
width="30%"
:before-close="handleClose"
>
<img :src="img" alt="" style="width:100%">
<span slot="footer" class="dialog-footer">
<el-button @click="qrcodeBox = false">取 消</el-button>
<el-button type="primary"> <a class="down" :href="picData" download="二维码.png">下载</a></el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import axios from "axios";
import { getChaInfo } from "@/api/channels";
import Clipboard from "clipboard";
export default {
name: "homepage",
data() {
return {
qrcodeBox: false,
link:'https://pandaxuequ.com.cn/#/',
img:'',
channelName:'',
invUserAmount:'',
invUserNum:'',
picData:'',
};
},
methods: {
handleClose(done) {
this.$confirm("确认关闭？")
.then(_ => {
done();
})
.catch(_ => {});
},
urlToBase64(url) {
return new Promise((resolve, reject) => {
let image = new Image();
image.onload = function () {
let canvas = document.createElement('canvas');
canvas.width = this.naturalWidth;
canvas.height = this.naturalHeight;
// 将图片插入画布并开始绘制
canvas.getContext('2d').drawImage(image, 0, 0);
// result
let result = canvas.toDataURL('image/png')
resolve(result);
};
// CORS 策略，会存在跨域问题https://stackoverflow.com/questions/20424279/canvas-todataurl-securityerror
image.setAttribute("crossOrigin", 'Anonymous');
image.src = url;
// 图片加载失败的错误处理
image.onerror = () => {
reject(new Error('urlToBase64 error'));
};
})
},
makeQrcode(){
axios.get('https://api.pwmqr.com/qrcode/create/', {
// 传递的参数
params: {
// 账号
url:encodeURI(this.link),
down:1
},
responseType: 'blob'
// 回调函数,一定要使用箭头函数,不然this的指向不是vue示例
}).then(res =>{
// console.log(res,'qrcode');
let blob = new Blob([res.data]); // 返回的文件流数据
let url = window.URL.createObjectURL(blob); // 将他转化为路径
this.img = url;
this.urlToBase64(url).then(res=> {
// 转化后的base64图片地址
this.picData = res
// console.log('base64', res)
});
this.qrcodeBox = true
// console.log(this.img,'this.img');
}).catch(error =>{
console.log(error)
})
},
getData(){
// console.log('ok');
getChaInfo().then(res => {
// console.log(res,'getData');
this.channelName = res.data.channelName
this.invUserAmount = res.data.invUserAmount
this.invUserNum = res.data.invUserNum
if(res.data.channelLink){
this.link = res.data.channelLink
}
});
},
toUser(){
this.$router.push({
path: "/channelUser",
});
},
toMoney(){
this.$router.push({
path: "/userMoney",
});
},
copy() {
let clipboard = new Clipboard(".btn");
clipboard.on("success", function(e) {
e.clearSelection();
});
clipboard.on("error", function(e) {
console.error("Action:", e.action);
console.error("Trigger:", e.trigger);
});
this.$message({
type: "success",
message: "复制成功",
duration: 1000
});
// this.pdfInfo = false;
},
},
mounted(){
this.getData()
}
};
</script>
<style lang="scss" scoped>
.container {
padding: 30rem;
h1 {
font-size: 32rem;
}
.box-card {
font-size: 20px;
p {
display: inline-block;
color: blue;
// width: 100px;
}
.down{
display: inline-block;
width: 20px;
height: 20px;
background-color: skyblue;
}
}
}
</style>
src/views/wordchannels/userMoney.vue 0 → 100644
<template>
<div class="container">
<!-- <h1>missionInfoDetail</h1> -->
<!-- <el-card class="filter-container" shadow="never">
<div>
<i class="el-icon-search"></i>
<span>筛选搜索</span>
<el-button
style="float: right"
@click="handleSearchList()"
type="primary"
size="small"
>
查询结果
</el-button>
<el-button
style="float: right; margin-right: 15px"
@click="handleResetSearch('listQuery')"
size="small"
>
重置
</el-button>
</div>
<div style="margin-top: 15px">
<el-form
:inline="true"
:model="listQuery"
ref="listQuery"
size="small"
label-width="140px"
@submit.native.prevent
>
<el-form-item label="关键字：" prop="customerName">
<el-input
style="width: 203px"
v-model="listQuery.key"
placeholder=""
@keyup.enter.native="handleSearchList()"
></el-input>
</el-form-item>
</el-form>
</div>
</el-card> -->
<div class="table-container">
<el-table
ref="productTable"
:data="oneList"
style="width: 100%"
v-loading="listLoading"
@selection-change="handleSelectionChange"
border
>
<el-table-column
type="selection"
width="60"
align="center"
></el-table-column>
<!-- <el-table-column label="序号" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.id }}
</div>
</template>
</el-table-column> -->
<el-table-column label="用户id" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.gameId }}
</div>
</template>
</el-table-column>
<el-table-column label="用户昵称" align="center">
<template slot-scope="scope">
<div>
{{ scope.row.nickname }}
</div>
</template>
</el-table-column>
<el-table-column label="渠道名称" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.channel }}
</div>
</template>
</el-table-column>
<el-table-column label="人民币礼包" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.orderName }}
</div>
</template>
</el-table-column>
<el-table-column label="购买金额" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.orderAmount }}
</div>
</template>
</el-table-column>
<el-table-column label="购买时间" align="center">
<template slot-scope="scope">
<div
>
{{ scope.row.orderTime }}
</div>
</template>
</el-table-column>
</el-table>
</div>
<div style="font-size:20px">共计数据 {{ multipleSelection.length }} 条，共: {{ money }} 元</div>
<div class="pagination-container">
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
layout="total,sizes,prev, pager, next,jumper"
:page-size="pageSize"
:page-sizes="[5, 10, 15]"
:current-page.sync="pageNum"
:total="total"
>
</el-pagination>
</div>
</div>
</template>
<script>
import { getUserList,getUserMoney } from "@/api/channels";
import { formatDate } from "@/utils/date";
const defaultListQuery = {
pageNum: 1,
pageSize: 10
};
export default {
name:'userMoney',
data() {
return {
listQuery: Object.assign({}, defaultListQuery),
test: "errorWords",
list: [],
oneList:[],
multipleSelection: [],
money: 0,
listLoading: true,
pageSize: null,
pageNum: null,
total: null,
userMoney:false
};
},
methods: {
getData() {
getUserMoney(this.listQuery).then(res => {
// console.log(res,'getUserMoney');
this.oneList = res.data.list
this.listLoading = false;
this.pageNum = res.data.pageNum;
this.pageSize = res.data.pageSize;
this.total = res.data.total;
});
},
edit(id) {
console.log(id, "edit");
},
handleClose(done) {
this.$confirm("确认关闭？")
.then(_ => {
done();
})
.catch(_ => {});
},
handleSearchList() {
//搜索
this.listQuery.pageNum = 1;
this.getData();
},
handleResetSearch(formName) {
this.$refs[formName].resetFields();
// 重置
// this.selectProductCateValue = [];
// this.chatTime = undefined;
// this.paymentTime = undefined;
this.listQuery = Object.assign({}, defaultListQuery);
this.getData();
},
handleCurrentChange(val) {
// 翻页
this.listQuery.pageNum = val;
this.listLoading = true;
this.getData();
},
handleSizeChange(val) {
//切换展示条数
this.listQuery.pageSize = val;
this.getData();
},
handleSelectionChange(val) {
this.multipleSelection = val;
let arr = [];
this.multipleSelection.forEach(item => {
arr.push(item.orderAmount);
});
if (arr.length > 0) {
this.money = arr.reduce((a, b) => {
return a + b;
});
} else {
this.money = 0;
}
}
},
mounted() {
this.getData();
}
};
</script>
<style lang="scss" scoped>
.handleWordDetail {
cursor: pointer;
}
.container {
padding: 30rem;
}
</style>
yarn.lock
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment