First commit
This commit is contained in:
21
web/src/App.vue
Executable file
21
web/src/App.vue
Executable file
@@ -0,0 +1,21 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<router-view/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'App'
|
||||
// created () {
|
||||
// this.$api.getTest().then(res => {
|
||||
// console.log(res)
|
||||
// })
|
||||
// }
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang='scss'>
|
||||
@import url('./style/reset.css');
|
||||
@import url('./style/icon.css');
|
||||
</style>
|
||||
127
web/src/api/index.js
Executable file
127
web/src/api/index.js
Executable file
@@ -0,0 +1,127 @@
|
||||
import axios from 'axios'
|
||||
import qs from 'qs'
|
||||
// import router from '../router'
|
||||
// api 模块化
|
||||
import apis from './modules'
|
||||
|
||||
axios.defaults.timeout = 10000
|
||||
axios.defaults.baseURL = process.env.NODE_ENV === 'development' ? 'http://47.100.26.121:85' : ''
|
||||
axios.interceptors.request.use(config => {
|
||||
if (localStorage.getItem('token')) {
|
||||
config.headers = {
|
||||
'Authorization': localStorage.getItem('token'),
|
||||
'Content-Type': 'application/x-www-form-urlencoded'
|
||||
}
|
||||
}
|
||||
return config
|
||||
}, error => {
|
||||
return Promise.reject(error)
|
||||
})
|
||||
axios.interceptors.response.use(res => {
|
||||
// if (res.data.code === '401') { // token验证不合法或者没有
|
||||
// localStorage.removeItem('token') // 删除token
|
||||
// localStorage.removeItem('ms_username') // 删除用户名
|
||||
// router.push('/login')
|
||||
// }
|
||||
return res
|
||||
}, err => {
|
||||
return Promise.resolve(err.response)
|
||||
})
|
||||
|
||||
/**
|
||||
* 封装get方法
|
||||
* @param url
|
||||
* @param data
|
||||
* @returns {Promise}
|
||||
*/
|
||||
|
||||
export function get (url, params = {}) {
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.get(url, {
|
||||
params: params
|
||||
})
|
||||
.then(response => {
|
||||
resolve(response.data)
|
||||
})
|
||||
.catch(err => {
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 封装post请求
|
||||
* @param url
|
||||
* @param data
|
||||
* @returns {Promise}
|
||||
*/
|
||||
|
||||
export function post (url, data = {}) {
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.post(url, qs.stringify(data))
|
||||
.then(response => {
|
||||
resolve(response.data)
|
||||
}, err => {
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 封装patch请求
|
||||
* @param url
|
||||
* @param data
|
||||
* @returns {Promise}
|
||||
*/
|
||||
|
||||
export function patch (url, data = {}) {
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.patch(url, data)
|
||||
.then(response => {
|
||||
resolve(response.data)
|
||||
}, err => {
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 封装put请求
|
||||
* @param url
|
||||
* @param data
|
||||
* @returns {Promise}
|
||||
*/
|
||||
|
||||
export function put (url, data = {}) {
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.put(url, data)
|
||||
.then(response => {
|
||||
resolve(response.data)
|
||||
}, err => {
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
}
|
||||
/**
|
||||
* @method 获取七牛token
|
||||
* @param url
|
||||
* @param data
|
||||
* @returns {Promise}
|
||||
*/
|
||||
export function getQiniuToken (url, data = {}) {
|
||||
return new Promise((resolve, reject) => {
|
||||
axios.get(url, data)
|
||||
.then(response => {
|
||||
resolve(response.data)
|
||||
}, err => {
|
||||
reject(err)
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取数据的接口
|
||||
*/
|
||||
export const api = {
|
||||
...apis
|
||||
}
|
||||
1
web/src/api/modules/businessCard.js
Executable file
1
web/src/api/modules/businessCard.js
Executable file
@@ -0,0 +1 @@
|
||||
// import {get, post} from '../index'
|
||||
5
web/src/api/modules/index.js
Executable file
5
web/src/api/modules/index.js
Executable file
@@ -0,0 +1,5 @@
|
||||
import survey from './survey'
|
||||
|
||||
export default {
|
||||
...survey
|
||||
}
|
||||
7
web/src/api/modules/survey.js
Executable file
7
web/src/api/modules/survey.js
Executable file
@@ -0,0 +1,7 @@
|
||||
import { get } from '../index'
|
||||
|
||||
export default {
|
||||
getRoutes () {
|
||||
return get('/admin/test')
|
||||
}
|
||||
}
|
||||
BIN
web/src/assets/logo.png
Executable file
BIN
web/src/assets/logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
65
web/src/components/ad.vue
Executable file
65
web/src/components/ad.vue
Executable file
@@ -0,0 +1,65 @@
|
||||
<!-- 左侧边栏广告 -->
|
||||
<template>
|
||||
<div class="lb-ad" :class="!switchs ? 'ad-collapse' : ''">
|
||||
<div class="ad-main"></div>
|
||||
<div class="flod" @click="handleFold">{{switchs ? '折叠' : '展开'}}</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
key: '广告',
|
||||
switchs: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleFold () {
|
||||
let {switchs} = this
|
||||
this.switchs = !switchs
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-ad{
|
||||
width: 220px;
|
||||
position: relative;
|
||||
transition: width 0.2s linear;
|
||||
margin-top: 20px;
|
||||
.ad-main{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 220px;
|
||||
background: #fff;
|
||||
height: 100%;
|
||||
font-size: 14px;
|
||||
padding: 10px;
|
||||
}
|
||||
.flod{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: -20px;
|
||||
margin: auto;
|
||||
width: 20px;
|
||||
height: 80px;
|
||||
background: #BFBFBF;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
.ad-collapse{
|
||||
width: 0px;
|
||||
}
|
||||
</style>
|
||||
12
web/src/components/basics/index.js
Executable file
12
web/src/components/basics/index.js
Executable file
@@ -0,0 +1,12 @@
|
||||
import Vue from 'vue'
|
||||
import TopNav from './topNav.vue'
|
||||
import LbButton from './lbButton.vue'
|
||||
import LbSwitch from './lbSwitch.vue'
|
||||
import LbTips from './lbTips.vue'
|
||||
import LbPage from './lbPage.vue'
|
||||
|
||||
Vue.component('top-nav', TopNav)
|
||||
Vue.component('lb-button', LbButton)
|
||||
Vue.component('lb-switch', LbSwitch)
|
||||
Vue.component('lb-tips', LbTips)
|
||||
Vue.component('lb-page', LbPage)
|
||||
71
web/src/components/basics/lbButton.vue
Executable file
71
web/src/components/basics/lbButton.vue
Executable file
@@ -0,0 +1,71 @@
|
||||
<template>
|
||||
<el-button
|
||||
:disabled="isDisabled"
|
||||
:type="type"
|
||||
:plain="plain"
|
||||
:round="round"
|
||||
:icon="icon"
|
||||
:size="size"
|
||||
@click="handleClick"
|
||||
>
|
||||
<slot></slot>
|
||||
</el-button>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
plain: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
round: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
icon: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
size: {
|
||||
type: String,
|
||||
default: 'medium'
|
||||
},
|
||||
opType: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
isDisabled: this.disabled,
|
||||
currentIndex: this.$store.state.operate.currentIndex
|
||||
}
|
||||
},
|
||||
created () {
|
||||
let {isOnly, auth, pagePermission} = this.$route.meta
|
||||
if (this.opType) {
|
||||
if (isOnly) {
|
||||
this.isDisabled = auth.indexOf(this.opType) === -1
|
||||
} else {
|
||||
this.isDisabled = pagePermission[this.currentIndex].auth.indexOf(this.opType) === -1
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleClick () {
|
||||
this.$emit('click')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
96
web/src/components/basics/lbPage.vue
Executable file
96
web/src/components/basics/lbPage.vue
Executable file
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div class="lb-page">
|
||||
<div v-if="batch">
|
||||
<div>已选{{selected}}条</div>
|
||||
<div>
|
||||
<span>批量</span>
|
||||
<slot></slot>
|
||||
<!-- <lb-button>批量下架</lb-button>
|
||||
<lb-button>批量上架</lb-button>
|
||||
<lb-button>批量删除</lb-button> -->
|
||||
</div>
|
||||
</div>
|
||||
<span v-else></span>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[5,10,20]"
|
||||
:page-size="currentPageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
batch: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
page: {
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
pageSize: {
|
||||
type: Number,
|
||||
default: 10
|
||||
},
|
||||
total: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
selected: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
currentPage: this.page,
|
||||
currentPageSize: this.pageSize
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleSizeChange (val) {
|
||||
this.currentPageSize = val
|
||||
this.$emit('handleSizeChange', val)
|
||||
},
|
||||
handleCurrentChange (val) {
|
||||
this.currentPage = val
|
||||
this.$emit('handleCurrentChange', val)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-page{
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
color: #101010;
|
||||
>div{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
>div{
|
||||
&:first-child{
|
||||
height: 40px;
|
||||
padding-right: 30px;
|
||||
margin-right: 30px;
|
||||
border-right: 1px solid #E8E8E8;
|
||||
line-height: 40px;
|
||||
}
|
||||
.el-button{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
109
web/src/components/basics/lbSwitch.vue
Executable file
109
web/src/components/basics/lbSwitch.vue
Executable file
@@ -0,0 +1,109 @@
|
||||
<template>
|
||||
<el-switch
|
||||
v-model="val"
|
||||
:disabled='isDisabled'
|
||||
:width='coreWidth'
|
||||
:active-icon-class='activeIconClass'
|
||||
:inactive-icon-class='inactiveIconClass'
|
||||
:active-text='activeText'
|
||||
:inactive-text='inactiveText'
|
||||
:active-value='activeValue'
|
||||
:inactive-value='inactiveValue'
|
||||
:active-color='activeColor'
|
||||
:inactive-color='inactiveColor'
|
||||
:name='name'
|
||||
@change="handleSwitchValue"
|
||||
>
|
||||
</el-switch>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props:
|
||||
{
|
||||
opType: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
value: {
|
||||
type: [Boolean, String, Number],
|
||||
default: false
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
width: {
|
||||
type: Number,
|
||||
default: 40
|
||||
},
|
||||
activeIconClass: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
inactiveIconClass: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
activeText: String,
|
||||
inactiveText: String,
|
||||
activeColor: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
inactiveColor: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
activeValue: {
|
||||
type: [Boolean, String, Number],
|
||||
default: true
|
||||
},
|
||||
inactiveValue: {
|
||||
type: [Boolean, String, Number],
|
||||
default: false
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
validateEvent: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
id: String
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
val: this.value,
|
||||
coreWidth: this.width,
|
||||
isDisabled: this.disabled,
|
||||
currentIndex: this.$store.state.operate.currentIndex
|
||||
}
|
||||
},
|
||||
created () {
|
||||
let {isOnly, auth, pagePermission} = this.$route.meta
|
||||
if (this.opType) {
|
||||
if (isOnly) {
|
||||
this.isDisabled = auth.indexOf(this.opType) === -1
|
||||
} else {
|
||||
this.isDisabled = pagePermission[this.currentIndex].auth.indexOf(this.opType) === -1
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
checked () {
|
||||
return this.value === this.activeValue
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleSwitchValue (val) {
|
||||
this.$emit('change', val)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
30
web/src/components/basics/lbTips.vue
Executable file
30
web/src/components/basics/lbTips.vue
Executable file
@@ -0,0 +1,30 @@
|
||||
<template>
|
||||
<div class="lb-tips">
|
||||
<i class="iconfont icon-warn"></i>
|
||||
<span>{{title}}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
title: {
|
||||
type: String,
|
||||
default: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-tips{
|
||||
width: 100%;
|
||||
background: #F4F4F4;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
padding: 0 0 0 30px;
|
||||
i{
|
||||
color: $themeColor;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
85
web/src/components/basics/topNav.vue
Executable file
85
web/src/components/basics/topNav.vue
Executable file
@@ -0,0 +1,85 @@
|
||||
<template>
|
||||
<div class="lb-top-nav" v-if="nav.length">
|
||||
<div class="nav-item" v-if='nav.length === 1'>{{$t('menu.' + nav[0].title)}}</div>
|
||||
<div
|
||||
v-else-if="nav.length > 1"
|
||||
v-for="(item) in nav"
|
||||
class="nav-item"
|
||||
:class="activeNav === item.index && 'nav-item-active'"
|
||||
:key='item.index'
|
||||
@click="handleNav(item.index)"
|
||||
>{{$t('menu.' + item.title)}}</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
active: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
activeNav: this.active,
|
||||
nav: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleNav (index) {
|
||||
if (this.activeNav === index) return
|
||||
this.activeNav = index
|
||||
this.$store.commit('setCurrentIndex', index)
|
||||
this.$emit('changNav', index)
|
||||
}
|
||||
},
|
||||
created () {
|
||||
let {pagePermission} = this.$route.meta
|
||||
if (pagePermission) {
|
||||
this.nav = pagePermission
|
||||
this.activeNav = this.nav[0].index
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-top-nav{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
border-bottom: 1px solid #E1E1E1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 10px;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
.nav-item{
|
||||
height: 60px;
|
||||
padding: 0 20px;
|
||||
line-height: 60px;
|
||||
cursor: pointer;
|
||||
&::after{
|
||||
position: absolute;
|
||||
content: '';
|
||||
width: 0%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
height: 0px;
|
||||
background: $themeColor;
|
||||
transform: all 0.3 linear;
|
||||
}
|
||||
}
|
||||
.nav-item-active{
|
||||
color: $themeColor;
|
||||
position: relative;
|
||||
&::after{
|
||||
width: 90%;
|
||||
height: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
52
web/src/components/container.vue
Executable file
52
web/src/components/container.vue
Executable file
@@ -0,0 +1,52 @@
|
||||
<template>
|
||||
<div class="lb-container">
|
||||
<top-nav :nav='nav' @changNav='handleNav'></top-nav>
|
||||
<transition name="slide-fade">
|
||||
<router-view></router-view>
|
||||
</transition>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
nav: []
|
||||
}
|
||||
},
|
||||
created () {
|
||||
console.log(this.$route)
|
||||
this.nav = this.$route.meta.topMenu || []
|
||||
},
|
||||
methods: {
|
||||
handleNav (index) {}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
deep: true,
|
||||
handler (val) {
|
||||
this.nav = val.meta.topMenu || []
|
||||
console.log(val)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-container{
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background: #f60;
|
||||
.slide-fade-enter-active {
|
||||
transition: all 1s ease;
|
||||
}
|
||||
.slide-fade-leave-active {
|
||||
transition: all 0s ease;
|
||||
}
|
||||
.slide-fade-enter, .slide-fade-leave-to {
|
||||
transform: translateX(20px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
29
web/src/components/footer.vue
Executable file
29
web/src/components/footer.vue
Executable file
@@ -0,0 +1,29 @@
|
||||
<!-- 页面底部 -->
|
||||
<template>
|
||||
<div class="lb-footer">
|
||||
{{key}}
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
key: '技术支持'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-footer{
|
||||
width: 100%;
|
||||
height: 49px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-top: 1px solid #ccc;
|
||||
color: #ccc;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
127
web/src/components/header.vue
Executable file
127
web/src/components/header.vue
Executable file
@@ -0,0 +1,127 @@
|
||||
<!-- 页面头部 -->
|
||||
<template>
|
||||
<div class="lb-header">
|
||||
<div class="lb-left">
|
||||
<div class="logo">
|
||||
<img src="" alt="">
|
||||
</div>
|
||||
<div v-if="isIndex" class="admin-title">
|
||||
<span>龙兵科技有限公司</span>
|
||||
<el-tag type="danger" effect="dark" :disable-transitions='true' size="small">体验版</el-tag>
|
||||
</div>
|
||||
<div v-else class="menu-title">{{$t('menu.' + title)}}</div>
|
||||
</div>
|
||||
<div class="lb-right">
|
||||
<el-avatar shape="square" size="small" :src="avatar"></el-avatar>
|
||||
<!-- 用户名下拉菜单 -->
|
||||
<el-dropdown class="user-name" trigger="hover" @command="handleCommand">
|
||||
<span class="el-dropdown-link">
|
||||
<span>龙兵科技有限公司</span>
|
||||
<i class="el-icon-caret-bottom"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item command="loginout">退出登录</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
avatar: require('../assets/logo.png'),
|
||||
isIndex: true,
|
||||
title: ''
|
||||
}
|
||||
},
|
||||
created () {
|
||||
this.handleTitle(this.$route.meta.title)
|
||||
},
|
||||
methods: {
|
||||
handleTitle (title) {
|
||||
this.isIndex = !title
|
||||
this.title = title
|
||||
},
|
||||
handleCommand () {
|
||||
console.log('用户退出')
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler (val, oldVal) {
|
||||
this.handleTitle(val.meta.title)
|
||||
},
|
||||
// 深度观察监听
|
||||
deep: true
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-header{
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
background: #FFFFFF;
|
||||
display:flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.lb-left{
|
||||
display: flex;
|
||||
height: 70px;
|
||||
.logo{
|
||||
width: 120px;
|
||||
height: 70px;
|
||||
background: #273543;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 50%;
|
||||
background: #fff;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
}
|
||||
.admin-title{
|
||||
padding: 0 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span{
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.menu-title {
|
||||
height: 70px;
|
||||
width: 160px;
|
||||
border-right: 1px solid #eeeeee;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
color: #101010;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.lb-right{
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0 30px;
|
||||
cursor: pointer;
|
||||
.el-dropdown-link{
|
||||
cursor: pointer;
|
||||
}
|
||||
.el-dropdown-menu__item{
|
||||
text-align: center;
|
||||
}
|
||||
span{
|
||||
margin: 0 5px 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
67
web/src/components/layout.vue
Executable file
67
web/src/components/layout.vue
Executable file
@@ -0,0 +1,67 @@
|
||||
<!-- 公共组件 -->
|
||||
<template>
|
||||
<div class="home">
|
||||
<lb-header></lb-header>
|
||||
<div class="container">
|
||||
<sidebar></sidebar>
|
||||
<!-- 内容区域 -->
|
||||
<div class="main">
|
||||
<transition name="slide-fade">
|
||||
<router-view></router-view>
|
||||
</transition>
|
||||
</div>
|
||||
<ad></ad>
|
||||
</div>
|
||||
<lb-footer></lb-footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import lbHeader from './header'
|
||||
import lbFooter from './footer'
|
||||
import sidebar from './sidebar'
|
||||
import ad from './ad'
|
||||
export default {
|
||||
name: 'Home',
|
||||
data () {
|
||||
return {
|
||||
}
|
||||
},
|
||||
components: {
|
||||
lbHeader,
|
||||
lbFooter,
|
||||
sidebar,
|
||||
ad
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.home{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
.container{
|
||||
width: 100%;
|
||||
height: calc(100vh - 70px - 50px);
|
||||
display: flex;
|
||||
background: #F0F0F0;
|
||||
.main{
|
||||
flex: 1;
|
||||
overflow-x: hidden;
|
||||
margin: 20px 20px 0 20px;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
.slide-fade-enter-active {
|
||||
transition: all 1s ease;
|
||||
}
|
||||
.slide-fade-leave-active {
|
||||
transition: all 0s ease;
|
||||
}
|
||||
.slide-fade-enter, .slide-fade-leave-to {
|
||||
transform: translateX(20px);
|
||||
opacity: 0;
|
||||
}
|
||||
</style>
|
||||
181
web/src/components/sidebar.vue
Executable file
181
web/src/components/sidebar.vue
Executable file
@@ -0,0 +1,181 @@
|
||||
<!-- 右侧边栏 -->
|
||||
<template>
|
||||
<div class="lb-sidebar">
|
||||
<div class="menu">
|
||||
<ul class="menu-top">
|
||||
<router-link
|
||||
v-for="(item,index) in routes"
|
||||
tag='li'
|
||||
:key='index'
|
||||
active-class="menu-active"
|
||||
:to="item.path"
|
||||
>
|
||||
<i class="iconfont" :class="item.meta.icon"></i>
|
||||
{{$t('menu.' + item.meta.menuName)}}
|
||||
</router-link>
|
||||
</ul>
|
||||
<!-- <ul>
|
||||
<router-link
|
||||
v-for="(item,index) in routes"
|
||||
tag='li'
|
||||
:key='index'
|
||||
active-class="menu-active"
|
||||
:to="item.path"
|
||||
>{{item.meta.menuName}}</router-link>
|
||||
</ul> -->
|
||||
</div>
|
||||
<div v-if="subnav.length > 0" class="submenu">
|
||||
<el-collapse
|
||||
v-for="(item, index) in subnav"
|
||||
:key="index"
|
||||
v-model="activeNames"
|
||||
>
|
||||
<el-collapse-item :title="$t('menu.' + item.name)" :name='index'>
|
||||
<div
|
||||
class="item"
|
||||
v-for="(items, indexs) in item.url"
|
||||
:key="indexs">
|
||||
<router-link
|
||||
tag='span'
|
||||
active-class="el-collapse-item-active"
|
||||
:to="items.url">{{$t('menu.' + items.name)}}</router-link>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
routes: [], // 路由表
|
||||
subnav: [], // 二级菜单表
|
||||
activeNames: [] // 二级菜单展开的配置
|
||||
}
|
||||
},
|
||||
created () {
|
||||
this.handleRoute()
|
||||
this.handleSubnav(this.$route.name)
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* @method 处理路由表，渲染到侧边栏
|
||||
*/
|
||||
handleRoute () {
|
||||
let {routes} = this.$store.getters // JSON.parse(localStorage.getItem('routes'))
|
||||
this.routes = routes.filter(item => {
|
||||
if (!item.hidden) {
|
||||
return item
|
||||
}
|
||||
})
|
||||
},
|
||||
/**
|
||||
* @method 处理二级菜单导航
|
||||
*/
|
||||
handleSubnav (name) {
|
||||
let {routes} = this
|
||||
for (let i = 0, len = routes.length; i < len; i++) {
|
||||
let children = routes[i].children
|
||||
for (let j = 0, l = children.length; j < l; j++) {
|
||||
if (children[j].name === name) {
|
||||
this.subnav = routes[i].meta.subNavName || []
|
||||
this.openSubnav()
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
/**
|
||||
* @method 展开二级菜单
|
||||
*/
|
||||
openSubnav () {
|
||||
let arr = []
|
||||
this.subnav.forEach((item, index) => {
|
||||
arr.push(index)
|
||||
})
|
||||
this.activeNames = arr
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler (val, oldVal) {
|
||||
this.handleSubnav(val.name)
|
||||
},
|
||||
// 深度观察监听
|
||||
deep: true
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-sidebar{
|
||||
display: flex;
|
||||
.menu{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
width: 120px;
|
||||
height: calc(100vh - 70px - 50px);
|
||||
background: #273543;
|
||||
.menu-top{
|
||||
width: 100%;
|
||||
color:#cccccc;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
li{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
border-top: 1px solid #cccccc;;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
i{
|
||||
margin-right: 10px;
|
||||
}
|
||||
&:hover{
|
||||
color: #09f;
|
||||
}
|
||||
}
|
||||
.menu-active{
|
||||
background: #fff;
|
||||
color: #273543;
|
||||
&:hover{
|
||||
color: #273543;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.submenu{
|
||||
width: 159px;
|
||||
background: #fff;
|
||||
padding: 0 15px;
|
||||
.el-collapse{
|
||||
border-top: 1px;
|
||||
.item{
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
&:hover{
|
||||
span{
|
||||
color: #09f;
|
||||
}
|
||||
.el-collapse-item-active{
|
||||
color: #273543;
|
||||
}
|
||||
}
|
||||
.el-collapse-item-active{
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
background: #F0F0F0;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
15
web/src/i18n/index.js
Executable file
15
web/src/i18n/index.js
Executable file
@@ -0,0 +1,15 @@
|
||||
import Vue from 'vue'
|
||||
import VueI18n from 'vue-i18n'
|
||||
|
||||
Vue.use(VueI18n)
|
||||
|
||||
// 注册i18n实例并引入语言文件，文件格式等下解析
|
||||
const i18n = new VueI18n({
|
||||
locale: 'zh',
|
||||
messages: {
|
||||
'zh': require('./langs/zh.json'),
|
||||
'en': require('./langs/en.json')
|
||||
}
|
||||
})
|
||||
|
||||
export default i18n
|
||||
26
web/src/i18n/langs/en.json
Executable file
26
web/src/i18n/langs/en.json
Executable file
@@ -0,0 +1,26 @@
|
||||
{
|
||||
"common":{
|
||||
"login":"Login",
|
||||
"logout":"Logout",
|
||||
"exit":"Exit"
|
||||
},
|
||||
"action":{
|
||||
"operation": "Operation",
|
||||
"view":"View",
|
||||
"add": "Add",
|
||||
"edit": "Edit",
|
||||
"delete": "Delete",
|
||||
"batchDelete": "Batch Delete",
|
||||
"search": "Search",
|
||||
"loading": "loading",
|
||||
"submit": "Submit",
|
||||
"comfirm": "Comfirm",
|
||||
"cancel": "Cancel",
|
||||
"reset": "Reset",
|
||||
"save": "Save"
|
||||
},
|
||||
"menu":{
|
||||
"set":"Business Card Set",
|
||||
"businessCard": "Business Card"
|
||||
}
|
||||
}
|
||||
63
web/src/i18n/langs/zh.json
Executable file
63
web/src/i18n/langs/zh.json
Executable file
@@ -0,0 +1,63 @@
|
||||
{
|
||||
"common":{
|
||||
"login":"登录",
|
||||
"logout":"退出登录",
|
||||
"exit":"退出"
|
||||
},
|
||||
"action":{
|
||||
"operation":"操作",
|
||||
"view":"查看",
|
||||
"add":"添加",
|
||||
"edit":"编辑",
|
||||
"delete":"删除",
|
||||
"batchDelete":"批量删除",
|
||||
"search":"搜索",
|
||||
"loading":"加载中...",
|
||||
"submit":"提交",
|
||||
"comfirm":"确定",
|
||||
"cancel":"取消",
|
||||
"reset":"重置",
|
||||
"save": "保存"
|
||||
},
|
||||
"menu":{
|
||||
"Survey":"概况",
|
||||
"Cardset":"名片设置",
|
||||
"BusinessCard":"名片",
|
||||
"CardManage":"名片管理",
|
||||
"ImpressionLabel":"印象标签",
|
||||
"MobileSet":"手机端创建设置",
|
||||
"ClientSet":"获客功能设置",
|
||||
"DefaultContent":"默认内容",
|
||||
"Authorisation":"强制授权",
|
||||
"Malls":"商城",
|
||||
"MallsManage":"商城管理",
|
||||
"OrderManage":"订单管理",
|
||||
"MallsSet":"商城设置",
|
||||
"GoodsList":"商品列表",
|
||||
"GoodsClassify":"商品分类",
|
||||
"RefundManage":"退款管理",
|
||||
"DealSet":"交易设置",
|
||||
"OrderOvertime":"订单超时",
|
||||
"VirtualPaymentSet":"虚拟支付设置",
|
||||
"StaffChoiceGoods":"员工选择商品",
|
||||
"PickUpSet":"自提设置",
|
||||
"Dynamic":"动态",
|
||||
"DynamicSet":"动态设置",
|
||||
"DynamicManage":"动态管理",
|
||||
"CommentManage":"评论管理",
|
||||
"Website":"官网",
|
||||
"WebsiteManage":"官网管理",
|
||||
"ProductManage":"产品管理",
|
||||
"NewsList":"新闻列表",
|
||||
"CaseManage":"案例管理",
|
||||
"OtherFunctions":"其他功能",
|
||||
"ProClassfiyManage":"分类管理",
|
||||
"NewsClassfiyManage":"分类管理",
|
||||
"CaseClassfiyManage":"分类管理",
|
||||
"ProductList":"产品列表",
|
||||
"About":"关于我们",
|
||||
"DevHistory":"发展历程",
|
||||
"BusinessScope":"业务范围",
|
||||
"Recruit":"人才招聘"
|
||||
}
|
||||
}
|
||||
35
web/src/main.js
Executable file
35
web/src/main.js
Executable file
@@ -0,0 +1,35 @@
|
||||
// The Vue build version to load with the `import` command
|
||||
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
|
||||
import Vue from 'vue'
|
||||
import App from './App'
|
||||
import ElementUI from 'element-ui'
|
||||
import router from './router'
|
||||
import 'element-ui/lib/theme-chalk/index.css'
|
||||
import store from './store'
|
||||
import {api} from './api' // 接口
|
||||
import i18n from './i18n' // 语言包
|
||||
import routes from './permission'
|
||||
import './components/basics'
|
||||
import reg from './utils/reg'
|
||||
|
||||
Vue.config.productionTip = false
|
||||
Vue.use(ElementUI, { size: 'small', zIndex: 3000 })
|
||||
Vue.prototype.$api = api
|
||||
Vue.prototype.$reg = reg
|
||||
router.beforeEach((to, from, next) => {
|
||||
if (!store.getters.isAuth) {
|
||||
store.dispatch('getUserPromission', {to, next, routes})
|
||||
} else {
|
||||
next()
|
||||
}
|
||||
})
|
||||
|
||||
/* eslint-disable no-new */
|
||||
new Vue({
|
||||
el: '#app',
|
||||
router,
|
||||
i18n,
|
||||
store,
|
||||
components: { App },
|
||||
template: '<App/>'
|
||||
})
|
||||
645
web/src/permission.js
Executable file
645
web/src/permission.js
Executable file
@@ -0,0 +1,645 @@
|
||||
export default [
|
||||
{
|
||||
path: '/',
|
||||
redirect: '/survey',
|
||||
hidden: true // 是否展示在侧边栏的菜单里
|
||||
},
|
||||
// 概览
|
||||
{
|
||||
path: '/survey',
|
||||
component: 'Layout',
|
||||
redirect: '/survey/index',
|
||||
meta: {
|
||||
menuName: 'Survey', // 一级菜单标题
|
||||
icon: 'icon-gaikuang' // 一级菜单的图标
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'Survey',
|
||||
component: '/survey/index',
|
||||
meta: {
|
||||
title: '', // 页面头部的标题
|
||||
isOnly: true, // 单独页面
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'], // 单独页面按钮操作权限
|
||||
pagePermission: []
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
// 名片
|
||||
{
|
||||
path: '/businessCard',
|
||||
component: 'Layout',
|
||||
redirect: '/businessCard/manage',
|
||||
meta: { // 所有要展示在菜单里的路由都添加在这边
|
||||
menuName: 'BusinessCard', // 一级菜单标题
|
||||
icon: 'icon-mingpian', // 一级菜单的图标
|
||||
subNavName: [
|
||||
{
|
||||
name: 'CardManage', // 二级菜单的下拉的标题
|
||||
url: [
|
||||
{
|
||||
name: 'CardManage', // 三级菜单的标题
|
||||
url: '/businessCard/manage' // 三级菜单的路由
|
||||
},
|
||||
{
|
||||
name: 'ImpressionLabel', // 三级菜单的标题
|
||||
url: '/businessCard/tag' // 三级菜单的路由
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'Cardset',
|
||||
url: [
|
||||
{
|
||||
name: 'MobileSet',
|
||||
url: '/businessCard/mobileSet'
|
||||
},
|
||||
{
|
||||
name: 'ClientSet',
|
||||
url: '/businessCard/clientSet'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
children: [ // 子菜单路由表
|
||||
// 名片管理
|
||||
{
|
||||
path: 'manage',
|
||||
name: 'CardManage',
|
||||
component: '/businessCard/manage/index',
|
||||
meta: {
|
||||
title: 'Cardset', // 页面头部的标题
|
||||
isOnly: false, // 多页面
|
||||
auth: [],
|
||||
pagePermission: [ // 页面权限
|
||||
{
|
||||
title: 'Cardset',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
},
|
||||
{
|
||||
title: 'DefaultContent',
|
||||
index: 1,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
// 印象标签
|
||||
{
|
||||
path: 'tag',
|
||||
name: 'ImpressionLabel',
|
||||
component: '/businessCard/manage/tag',
|
||||
meta: {
|
||||
title: 'Cardset',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'ImpressionLabel',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
// 手机端创建设置
|
||||
{
|
||||
path: 'mobileSet',
|
||||
name: 'MobileSet',
|
||||
component: '/businessCard/set/mobileSet',
|
||||
meta: {
|
||||
title: 'Cardset',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'MobileSet',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
// 获客功能设置
|
||||
{
|
||||
path: 'clientSet',
|
||||
name: 'ClientSet',
|
||||
component: '/businessCard/set/clientSet',
|
||||
meta: {
|
||||
title: 'Cardset',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'Authorisation',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
// 商城
|
||||
{
|
||||
path: '/malls',
|
||||
component: 'Layout',
|
||||
redirect: '/malls/list',
|
||||
meta: { // 所有要展示在菜单里的路由都添加在这边
|
||||
menuName: 'Malls', // 一级菜单标题
|
||||
icon: 'icon-gouwudai', // 一级菜单的图标
|
||||
subNavName: [
|
||||
{
|
||||
name: 'MallsManage', // 二级菜单的下拉的标题
|
||||
url: [
|
||||
{
|
||||
name: 'GoodsList', // 三级菜单的标题
|
||||
url: '/malls/list' // 三级菜单的路由
|
||||
},
|
||||
{
|
||||
name: 'GoodsClassify', // 三级菜单的标题
|
||||
url: '/malls/classify' // 三级菜单的路由
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'OrderManage',
|
||||
url: [
|
||||
{
|
||||
name: 'OrderManage',
|
||||
url: '/malls/orderManage'
|
||||
},
|
||||
{
|
||||
name: 'RefundManage',
|
||||
url: '/malls/refundManage'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'MallsSet',
|
||||
url: [
|
||||
{
|
||||
name: 'DealSet',
|
||||
url: '/malls/dealSet'
|
||||
},
|
||||
{
|
||||
name: 'VirtualPaymentSet',
|
||||
url: '/malls/virtualPayment'
|
||||
},
|
||||
{
|
||||
name: 'StaffChoiceGoods',
|
||||
url: '/malls/staffGoods'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
children: [ // 子菜单路由表
|
||||
// 商品列表
|
||||
{
|
||||
path: 'list',
|
||||
name: 'GoodsList',
|
||||
component: '/malls/goods/list',
|
||||
meta: {
|
||||
title: 'MallsSet', // 页面头部的标题
|
||||
isOnly: false, // 多页面
|
||||
auth: [],
|
||||
pagePermission: [ // 页面权限
|
||||
{
|
||||
title: 'GoodsList',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
// 商品分类
|
||||
{
|
||||
path: 'classify',
|
||||
name: 'GoodsClassify',
|
||||
component: '/malls/goods/classify',
|
||||
meta: {
|
||||
title: 'MallsSet',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'GoodsClassify',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
// 订单管理
|
||||
{
|
||||
path: 'orderManage',
|
||||
name: 'OrderManage',
|
||||
component: '/malls/order/manage',
|
||||
meta: {
|
||||
title: 'MallsSet',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'OrderManage',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
// 退款管理
|
||||
{
|
||||
path: 'refundManage',
|
||||
name: 'RefundManage',
|
||||
component: '/malls/order/refund',
|
||||
meta: {
|
||||
title: 'MallsSet',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'RefundManage',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
// 交易设置
|
||||
{
|
||||
path: 'dealSet',
|
||||
name: 'DealSet',
|
||||
component: '/malls/set/deal',
|
||||
meta: {
|
||||
title: 'MallsSet',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'OrderOvertime',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
},
|
||||
{
|
||||
title: 'PickUpSet',
|
||||
index: 1,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
// 虚拟支付设置
|
||||
{
|
||||
path: 'virtualPayment',
|
||||
name: 'VirtualPaymentSet',
|
||||
component: '/malls/set/payment',
|
||||
meta: {
|
||||
title: 'MallsSet',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'VirtualPaymentSet',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
// 员工选择商品
|
||||
{
|
||||
path: 'staffGoods',
|
||||
name: 'StaffChoiceGoods',
|
||||
component: '/malls/set/staffGoods',
|
||||
meta: {
|
||||
title: 'MallsSet',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'StaffChoiceGoods',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
// 动态
|
||||
{
|
||||
path: '/dynamic',
|
||||
component: 'Layout',
|
||||
redirect: '/dynamic/manage',
|
||||
meta: {
|
||||
menuName: 'Dynamic',
|
||||
icon: 'icon-dongtai',
|
||||
subNavName: [
|
||||
{
|
||||
name: 'DynamicManage', // 二级菜单的下拉的标题
|
||||
url: [
|
||||
{
|
||||
name: 'DynamicManage', // 三级菜单的标题
|
||||
url: '/dynamic/manage' // 三级菜单的路由
|
||||
},
|
||||
{
|
||||
name: 'CommentManage', // 三级菜单的标题
|
||||
url: '/dynamic/comment' // 三级菜单的路由
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'manage',
|
||||
name: 'DynamicManage',
|
||||
component: '/dynamic/manage',
|
||||
meta: {
|
||||
title: 'DynamicSet',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'DynamicManage',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'comment',
|
||||
name: 'CommentManage',
|
||||
component: '/dynamic/comment',
|
||||
meta: {
|
||||
title: 'DynamicSet',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'CommentManage',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport'] // 按钮操作权限
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
// 官网
|
||||
{
|
||||
path: '/website',
|
||||
component: 'Layout',
|
||||
redirect: '/website/proManage',
|
||||
meta: {
|
||||
menuName: 'Website',
|
||||
icon: 'icon-guanwang',
|
||||
subNavName: [
|
||||
{
|
||||
name: 'ProductManage', // 产品管理
|
||||
url: [
|
||||
{
|
||||
name: 'ProClassfiyManage',
|
||||
url: '/website/proManage'
|
||||
},
|
||||
{
|
||||
name: 'ProductList',
|
||||
url: '/website/proList'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'NewsList', // 新闻列表
|
||||
url: [
|
||||
{
|
||||
name: 'NewsClassfiyManage',
|
||||
url: '/website/newsManage'
|
||||
},
|
||||
{
|
||||
name: 'NewsList',
|
||||
url: '/website/newsList'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'CaseManage', // 案列管理
|
||||
url: [
|
||||
{
|
||||
name: 'CaseClassfiyManage',
|
||||
url: '/website/caseManage'
|
||||
},
|
||||
{
|
||||
name: 'CaseManage',
|
||||
url: '/website/case'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'OtherFunctions', // 其他功能
|
||||
url: [
|
||||
{
|
||||
name: 'About',
|
||||
url: '/website/about'
|
||||
},
|
||||
{
|
||||
name: 'DevHistory',
|
||||
url: '/website/history'
|
||||
},
|
||||
{
|
||||
name: 'BusinessScope',
|
||||
url: '/website/business'
|
||||
},
|
||||
{
|
||||
name: 'Recruit',
|
||||
url: '/website/recruit'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'proManage',
|
||||
name: 'ProClassfiyManage', // 产品分类管理
|
||||
component: '/website/product/manage',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'ProClassfiyManage',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'proList',
|
||||
name: 'ProductList', // 产品列表
|
||||
component: '/website/product/list',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'ProductList',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'newsManage',
|
||||
name: 'NewsClassfiyManage', // 新闻分类管理
|
||||
component: '/website/news/manage',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'NewsClassfiyManage',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'newsList',
|
||||
name: 'NewsList', // 新闻列表
|
||||
component: '/website/news/list',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'NewsList',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'caseManage',
|
||||
name: 'CaseClassfiyManage', // 案列分类管理
|
||||
component: '/website/case/manage',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'CaseClassfiyManage',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'case',
|
||||
name: 'CaseManage', // 案列管理
|
||||
component: '/website/case/case',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'CaseManage',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'about',
|
||||
name: 'About', // 其他关于我们
|
||||
component: '/website/other/about',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'About',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'history',
|
||||
name: 'DevHistory', // 其他发展历程
|
||||
component: '/website/other/history',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'DevHistory',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'business',
|
||||
name: 'BusinessScope', // 其他业务范围
|
||||
component: '/website/other/business',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'BusinessScope',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'recruit',
|
||||
name: 'Recruit', // 其他人才招聘
|
||||
component: '/website/other/recruit',
|
||||
meta: {
|
||||
title: 'WebsiteManage',
|
||||
isOnly: false,
|
||||
auth: [],
|
||||
pagePermission: [
|
||||
{
|
||||
title: 'Recruit',
|
||||
index: 0,
|
||||
auth: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '*',
|
||||
redirect: '/404',
|
||||
hidden: true
|
||||
}
|
||||
]
|
||||
1
web/src/router/_import_development.js
Executable file
1
web/src/router/_import_development.js
Executable file
@@ -0,0 +1 @@
|
||||
module.exports = file => require('@/view' + file + '.vue').default
|
||||
1
web/src/router/_import_production.js
Executable file
1
web/src/router/_import_production.js
Executable file
@@ -0,0 +1 @@
|
||||
module.exports = file => () => import('@/views/' + file + '.vue')
|
||||
143
web/src/router/index.js
Executable file
143
web/src/router/index.js
Executable file
@@ -0,0 +1,143 @@
|
||||
import Vue from 'vue'
|
||||
import Router from 'vue-router'
|
||||
// import Layout from '@/components/layout'
|
||||
|
||||
Vue.use(Router)
|
||||
|
||||
const constantRoutes = [
|
||||
// 无权限路由
|
||||
{
|
||||
path: '/login',
|
||||
name: 'Login',
|
||||
component: () => import('@/view/login'),
|
||||
hidden: true
|
||||
},
|
||||
// 404
|
||||
{
|
||||
path: '/404',
|
||||
name: '404',
|
||||
component: () => import('@/view/404'),
|
||||
hidden: true
|
||||
}
|
||||
// 权限路由
|
||||
// {
|
||||
// path: '/',
|
||||
// redirect: '/survey',
|
||||
// hidden: true // 是否展示在侧边栏的菜单里
|
||||
// },
|
||||
// // 概览
|
||||
// {
|
||||
// path: '/survey',
|
||||
// component: Layout,
|
||||
// redirect: '/survey/index',
|
||||
// meta: {
|
||||
// menuName: '概览', // 侧边一级菜单标题
|
||||
// icon: 'icon-gaikuang' // 侧边一级菜单的图标
|
||||
// },
|
||||
// children: [
|
||||
// {
|
||||
// path: 'index',
|
||||
// name: 'Survey',
|
||||
// component: () => import('@/view/survey'),
|
||||
// meta: {
|
||||
// title: '', // 页面头部的标题
|
||||
// permission: ['view', 'add', 'edit', 'del', 'outport']
|
||||
// }
|
||||
// }
|
||||
// ]
|
||||
// },
|
||||
// // 名片
|
||||
// {
|
||||
// path: '/businessCard',
|
||||
// component: Layout,
|
||||
// redirect: '/businessCard/manage',
|
||||
// meta: { // 所有要展示在菜单里的路由都添加在这边
|
||||
// menuName: '名片', // 侧边一级菜单标题
|
||||
// icon: 'icon-mingpian', // 侧边一级菜单的图标
|
||||
// subNavName: [
|
||||
// {
|
||||
// name: '名片管理', // 二级菜单的下拉的标题
|
||||
// url: [
|
||||
// {
|
||||
// name: '名片管理', // 二级菜单的子菜单的标题
|
||||
// url: '/businessCard/manage' // 二级菜单的子菜单的路由
|
||||
// },
|
||||
// {
|
||||
// name: '印象标签', // 二级菜单的子菜单的标题
|
||||
// url: '/businessCard/tag' // 二级菜单的子菜单的路由
|
||||
// }
|
||||
// ]
|
||||
// },
|
||||
// {
|
||||
// name: '名片设置',
|
||||
// url: [
|
||||
// {
|
||||
// name: '手机端创建设置',
|
||||
// url: '/businessCard/mobileSet'
|
||||
// },
|
||||
// {
|
||||
// name: '获客功能设置',
|
||||
// url: '/businessCard/clientSet'
|
||||
// }
|
||||
// ]
|
||||
// }
|
||||
// ]
|
||||
// },
|
||||
// children: [ // 子菜单路由表
|
||||
// {
|
||||
// path: 'manage',
|
||||
// name: 'Manage',
|
||||
// component: () => import('@/view/businessCard/manage'),
|
||||
// meta: {
|
||||
// title: '名片设置', // 页面头部的标题
|
||||
// permission: ['view', 'add', 'edit', 'del', 'outport'] // 操作按钮的权限
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// path: 'tag',
|
||||
// name: 'Tag',
|
||||
// component: () => import('@/view/businessCard/tag'),
|
||||
// meta: {
|
||||
// title: '名片设置',
|
||||
// permission: ['view', 'add', 'edit', 'del', 'outport']
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// path: 'mobileSet',
|
||||
// name: 'MobileSet',
|
||||
// component: () => import('@/view/businessCard/mobileSet'),
|
||||
// meta: {
|
||||
// title: '名片设置',
|
||||
// permission: ['view', 'add', 'edit', 'del', 'outport']
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// path: 'clientSet',
|
||||
// name: 'ClientSet',
|
||||
// component: () => import('@/view/businessCard/clientSet'),
|
||||
// meta: {
|
||||
// title: '名片设置',
|
||||
// permission: ['view', 'add', 'edit', 'del', 'outport']
|
||||
// }
|
||||
// }
|
||||
// ]
|
||||
// },
|
||||
// {
|
||||
// path: '*',
|
||||
// redirect: '/404',
|
||||
// hidden: true
|
||||
// }
|
||||
]
|
||||
|
||||
// const createRouter = () => new Router({
|
||||
// linkActiveClass: 'active',
|
||||
// scrollBehavior: () => ({ y: 0 }),
|
||||
// routes: constantRoutes
|
||||
// })
|
||||
// const router = createRouter() constantRoutes
|
||||
// 路由表
|
||||
export default new Router({
|
||||
linkActiveClass: 'active',
|
||||
scrollBehavior: () => ({ y: 0 }),
|
||||
routes: constantRoutes
|
||||
})
|
||||
109
web/src/router/test.js
Executable file
109
web/src/router/test.js
Executable file
@@ -0,0 +1,109 @@
|
||||
const arr = [
|
||||
{
|
||||
path: '/',
|
||||
redirect: '/survey',
|
||||
hidden: true // 是否展示在侧边栏的菜单里
|
||||
},
|
||||
// 概览
|
||||
{
|
||||
path: '/survey',
|
||||
component: 'Layout',
|
||||
redirect: '/survey/index',
|
||||
meta: {
|
||||
menuName: '概览', // 侧边一级菜单标题
|
||||
icon: 'icon-gaikuang' // 侧边一级菜单的图标
|
||||
},
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'Survey',
|
||||
component: '/survey/index',
|
||||
meta: {
|
||||
title: '', // 页面头部的标题
|
||||
permission: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
// 名片
|
||||
{
|
||||
path: '/businessCard',
|
||||
component: 'Layout',
|
||||
redirect: '/businessCard/manage',
|
||||
meta: { // 所有要展示在菜单里的路由都添加在这边
|
||||
menuName: '名片', // 侧边一级菜单标题
|
||||
icon: 'icon-mingpian', // 侧边一级菜单的图标
|
||||
subNavName: [
|
||||
{
|
||||
name: '名片管理', // 二级菜单的下拉的标题
|
||||
url: [
|
||||
{
|
||||
name: '名片管理', // 二级菜单的子菜单的标题
|
||||
url: '/businessCard/manage' // 二级菜单的子菜单的路由
|
||||
},
|
||||
{
|
||||
name: '印象标签', // 二级菜单的子菜单的标题
|
||||
url: '/businessCard/tag' // 二级菜单的子菜单的路由
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: '名片设置',
|
||||
url: [
|
||||
{
|
||||
name: '手机端创建设置',
|
||||
url: '/businessCard/mobileSet'
|
||||
},
|
||||
{
|
||||
name: '获客功能设置',
|
||||
url: '/businessCard/clientSet'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
children: [ // 子菜单路由表
|
||||
{
|
||||
path: 'manage',
|
||||
name: 'Manage',
|
||||
component: '/businessCard/manage',
|
||||
meta: {
|
||||
title: '名片设置', // 页面头部的标题
|
||||
permission: ['view', 'add', 'edit', 'del', 'outport'] // 操作按钮的权限
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'tag',
|
||||
name: 'Tag',
|
||||
component: '/businessCard/tag',
|
||||
meta: {
|
||||
title: '名片设置',
|
||||
permission: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'mobileSet',
|
||||
name: 'MobileSet',
|
||||
component: '/businessCard/mobileSet',
|
||||
meta: {
|
||||
title: '名片设置',
|
||||
permission: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
},
|
||||
{
|
||||
path: 'clientSet',
|
||||
name: 'ClientSet',
|
||||
component: '/businessCard/clientSet',
|
||||
meta: {
|
||||
title: '名片设置',
|
||||
permission: ['view', 'add', 'edit', 'del', 'outport']
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '*',
|
||||
redirect: '/404',
|
||||
hidden: true
|
||||
}
|
||||
]
|
||||
22
web/src/store/index.js
Executable file
22
web/src/store/index.js
Executable file
@@ -0,0 +1,22 @@
|
||||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
import routes from './modules/routes'
|
||||
import operate from './modules/operate'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
const store = new Vuex.Store({
|
||||
modules: {
|
||||
routes,
|
||||
operate
|
||||
},
|
||||
state: {
|
||||
},
|
||||
getters: {
|
||||
},
|
||||
mutations: {
|
||||
},
|
||||
actions: {}
|
||||
})
|
||||
|
||||
export default store
|
||||
18
web/src/store/modules/operate.js
Executable file
18
web/src/store/modules/operate.js
Executable file
@@ -0,0 +1,18 @@
|
||||
const state = {
|
||||
currentIndex: 0
|
||||
}
|
||||
const getters = {
|
||||
currentIndex: state => {
|
||||
return state.currentIndex
|
||||
}
|
||||
}
|
||||
const mutations = {
|
||||
setCurrentIndex (state, index = 0) {
|
||||
state.currentIndex = index
|
||||
}
|
||||
}
|
||||
export default {
|
||||
state,
|
||||
getters,
|
||||
mutations
|
||||
}
|
||||
65
web/src/store/modules/routes.js
Executable file
65
web/src/store/modules/routes.js
Executable file
@@ -0,0 +1,65 @@
|
||||
// import {api} from '@/api'
|
||||
import router from '@/router'
|
||||
import Layout from '@/components/layout'
|
||||
const _import = require('../../router/_import_' + process.env.NODE_ENV)
|
||||
const state = {
|
||||
isAuth: false,
|
||||
routes: []
|
||||
}
|
||||
const getters = {
|
||||
isAuth: state => {
|
||||
return state.isAuth
|
||||
},
|
||||
routes: state => {
|
||||
return state.routes
|
||||
}
|
||||
}
|
||||
const mutations = {
|
||||
saveRoutes (state, routes = []) {
|
||||
state.routes = routes
|
||||
state.isAuth = true
|
||||
}
|
||||
}
|
||||
const actions = {
|
||||
getUserPromission ({commit}, obj) {
|
||||
commit('saveRoutes', obj.routes)
|
||||
routerGo(obj.routes, obj)
|
||||
// 正式请求接口获取路由
|
||||
/* api.getRoutes().then(res => {
|
||||
commit('saveRoutes', res.data)
|
||||
routerGo(res.data, obj)
|
||||
})
|
||||
*/
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
state,
|
||||
getters,
|
||||
mutations,
|
||||
actions
|
||||
}
|
||||
|
||||
function routerGo (routes, obj) {
|
||||
let getRouter = filterAsyncRouter(routes) // 过滤路由
|
||||
router.options.routes.push(...getRouter)
|
||||
router.addRoutes(getRouter) // 动态添加路由
|
||||
localStorage.setItem('routes', JSON.stringify(getRouter))
|
||||
obj.next({...obj.to, replace: true})
|
||||
}
|
||||
function filterAsyncRouter (asyncRouterMap) { // 遍历后台传来的路由字符串，转换为组件对象
|
||||
const accessedRouters = asyncRouterMap.filter(route => {
|
||||
if (route.component) {
|
||||
if (route.component === 'Layout') { // Layout组件特殊处理
|
||||
route.component = Layout
|
||||
} else {
|
||||
route.component = _import(route.component)
|
||||
}
|
||||
}
|
||||
if (route.children && route.children.length) {
|
||||
route.children = filterAsyncRouter(route.children)
|
||||
}
|
||||
return true
|
||||
})
|
||||
return accessedRouters
|
||||
}
|
||||
132
web/src/style/icon.css
Executable file
132
web/src/style/icon.css
Executable file
File diff suppressed because one or more lines are too long
65
web/src/style/reset.css
Executable file
65
web/src/style/reset.css
Executable file
@@ -0,0 +1,65 @@
|
||||
html,body,div,p,h1,h2,h3,h4,h5,h6,button,img,textarea,input,ul,li{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
list-style: none;
|
||||
}
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'SourceHanSansSC-regular', 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none
|
||||
}
|
||||
.page-main{
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
min-width: 1100px;
|
||||
}
|
||||
|
||||
/* .content-box {
|
||||
position: absolute;
|
||||
left: 176px;
|
||||
right: 0;
|
||||
top: 70px;
|
||||
bottom: 0;
|
||||
padding-bottom: 30px;
|
||||
-webkit-transition: left .3s ease-in-out;
|
||||
transition: left .3s ease-in-out;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
overflow-y: scroll;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
.main-common{
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.content-collapse {
|
||||
left: 65px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 30px;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
} */
|
||||
3
web/src/style/theme.scss
Executable file
3
web/src/style/theme.scss
Executable file
@@ -0,0 +1,3 @@
|
||||
$themeColor:#19C865;
|
||||
$fontColor: #666666;
|
||||
$bgColor: #F4F4F4;
|
||||
7
web/src/utils/reg.js
Executable file
7
web/src/utils/reg.js
Executable file
@@ -0,0 +1,7 @@
|
||||
export default {
|
||||
tel: /^1[3-9]\d{9}$/,
|
||||
phone: /0\d{2,3}-\d{7,8}$/,
|
||||
phone400: /^400[0-9]{7}$/,
|
||||
email: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
|
||||
number: /^\+?[0-9]*$/
|
||||
}
|
||||
19
web/src/view/404/index.vue
Executable file
19
web/src/view/404/index.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
{{key}}
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
key: '页面不存在'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
41
web/src/view/businessCard/manage/index.vue
Executable file
41
web/src/view/businessCard/manage/index.vue
Executable file
@@ -0,0 +1,41 @@
|
||||
<template>
|
||||
<!-- 名片 -->
|
||||
<div class="lb-bcard-manage">
|
||||
<top-nav @changNav='handleNav'></top-nav>
|
||||
<keep-alive>
|
||||
<cardMange v-if="navSwitch === 0"/>
|
||||
<defaultContent v-if="navSwitch === 1"/>
|
||||
</keep-alive>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import cardMange from './subPage/cardMange'
|
||||
import defaultContent from './subPage/defaultContent'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
navSwitch: -1
|
||||
}
|
||||
},
|
||||
components: {
|
||||
cardMange,
|
||||
defaultContent
|
||||
},
|
||||
created () {
|
||||
let routes = this.$route.meta.pagePermission
|
||||
this.navSwitch = routes[0].index
|
||||
},
|
||||
methods: {
|
||||
handleNav (index) {
|
||||
this.navSwitch = index
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-bcard-manage{
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
176
web/src/view/businessCard/manage/subPage/cardMange.vue
Executable file
176
web/src/view/businessCard/manage/subPage/cardMange.vue
Executable file
@@ -0,0 +1,176 @@
|
||||
<template>
|
||||
<div class="lb-card-manage">
|
||||
<div class="lb-form">
|
||||
<el-form :inline="true" :model="formInline">
|
||||
<el-form-item label="部门">
|
||||
<el-select v-model="formInline.region" placeholder="请选择部门">
|
||||
<el-option label="开发部" value="kf"></el-option>
|
||||
<el-option label="市场部" value="sc"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="搜索">
|
||||
<el-input v-model="formInline.user" placeholder="搜索员工"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table
|
||||
border
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
label="全选"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="date"
|
||||
label="日期"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="姓名"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<lb-page
|
||||
:page='page'
|
||||
:pageSize='pageSize'
|
||||
:total='total'
|
||||
:selected='multipleSelection.length'
|
||||
@handleSizeChange='handleSizeChange'
|
||||
@handleCurrentChange='handleCurrentChange'
|
||||
>
|
||||
<lb-button>设置默认名片</lb-button>
|
||||
</lb-page>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ['showIndex'],
|
||||
data () {
|
||||
return {
|
||||
tableData: [{
|
||||
date: '2016-05-02',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1518 弄'
|
||||
}, {
|
||||
date: '2016-05-04',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1517 弄'
|
||||
}, {
|
||||
date: '2016-05-01',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1519 弄'
|
||||
}, {
|
||||
date: '2016-05-03',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1516 弄'
|
||||
}],
|
||||
formInline: {
|
||||
user: '',
|
||||
region: ''
|
||||
},
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
multipleSelection: []
|
||||
}
|
||||
},
|
||||
created () {
|
||||
console.log('名片管理')
|
||||
},
|
||||
methods: {
|
||||
toggleSelection (rows) {
|
||||
if (rows) {
|
||||
rows.forEach(row => {
|
||||
this.$refs.multipleTable.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
}
|
||||
},
|
||||
handleSelectionChange (val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
handleSizeChange (val) {
|
||||
this.pageSize = val
|
||||
},
|
||||
handleCurrentChange (val) {
|
||||
this.page = val
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-card-manage{
|
||||
width: 100%;
|
||||
padding: 0 24px;
|
||||
.lb-form{
|
||||
margin: 32px 0;
|
||||
width: 100%;
|
||||
height: 104px;
|
||||
background: #F4F4F4;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 50px;
|
||||
.el-form-item{
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
.el-table .thead{
|
||||
color: #909399;
|
||||
}
|
||||
.bot{
|
||||
width: 100%;
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 40px;
|
||||
font-size: 14px;
|
||||
color: #101010;
|
||||
>div{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
>div{
|
||||
&:first-child{
|
||||
height: 40px;
|
||||
padding-right: 30px;
|
||||
margin-right: 30px;
|
||||
border-right: 1px solid #E8E8E8;
|
||||
line-height: 40px;
|
||||
}
|
||||
.el-button{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
374
web/src/view/businessCard/manage/subPage/defaultContent.vue
Executable file
374
web/src/view/businessCard/manage/subPage/defaultContent.vue
Executable file
@@ -0,0 +1,374 @@
|
||||
<template>
|
||||
<div class="lb-default-content">
|
||||
<lb-tips :title='tips'></lb-tips>
|
||||
<div class="card">
|
||||
<!-- 效果展示 -->
|
||||
<div class="card-show"></div>
|
||||
<!-- 内容设置 -->
|
||||
<div class='card-form'>
|
||||
<div class="title">编辑名片默认内容</div>
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-position='right' label-width="120px" size="mini">
|
||||
<el-collapse v-model="activeNames" @change="handleChange">
|
||||
<el-collapse-item title="名片样式" name="1">
|
||||
<div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
|
||||
<div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="名片信息" name="2">
|
||||
<el-form-item label="员工姓名" prop="name">
|
||||
<el-input v-model="ruleForm.name"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="头像" prop="avatar">
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload">
|
||||
<img v-if="ruleForm.avatar" :src="ruleForm.avatar" class="avatar">
|
||||
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号" prop="tel">
|
||||
<el-input v-model="ruleForm.tel"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="微信号" prop="weNum">
|
||||
<el-input v-model="ruleForm.weNum"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="电话" prop="telephone">
|
||||
<el-input v-model="ruleForm.telephone"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="400电话" prop="phone400">
|
||||
<el-input v-model="ruleForm.phone400"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="邮箱" prop="email">
|
||||
<el-input v-model="ruleForm.email"></el-input>
|
||||
</el-form-item>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="虚拟数据" name="3">
|
||||
<el-form-item label="浏览人数" prop="fakeNum">
|
||||
<el-input v-model="ruleForm.fakeNum"></el-input>
|
||||
</el-form-item>
|
||||
<div class='item-tips'>虚拟浏览人数</div>
|
||||
<el-form-item label="浏览人数" prop="realNum">
|
||||
<el-input v-model="ruleForm.realNum"></el-input>
|
||||
</el-form-item>
|
||||
<div class='item-tips'>虚拟靠谱人数</div>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="个人简介" name="4">
|
||||
<el-form-item label="个人简介" prop="profile">
|
||||
<el-input type="textarea" :rows="2" placeholder="请输入个人简介" v-model="ruleForm.profile"></el-input>
|
||||
</el-form-item>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="语音介绍" name="5">
|
||||
<el-form-item label="语音介绍" prop="audio">
|
||||
<div class="audio-name">
|
||||
<span>{{ruleForm.audioName}}</span>
|
||||
<el-upload
|
||||
class="upload-audio"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAudioSuccess"
|
||||
:before-upload="beforeAudioUpload">
|
||||
<el-button size="small">选择媒体文件</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="语音时长(秒)" prop="sec">
|
||||
<el-input :disabled="true" v-model="ruleForm.sec"></el-input>
|
||||
</el-form-item>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="我的视频" name="6">
|
||||
<el-form-item label="视频" prop="sec">
|
||||
<div class="audio-name">
|
||||
<span>{{ruleForm.videoName}}</span>
|
||||
<el-upload
|
||||
class="upload-audio"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAudioSuccess"
|
||||
:before-upload="beforeAudioUpload">
|
||||
<el-button size="small">选择媒体文件</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="视频封面图" prop="sec">
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload">
|
||||
<img v-if="ruleForm.avatar" :src="ruleForm.avatar" class="avatar">
|
||||
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="我的图片" name="7">
|
||||
<el-form-item label="详情图片" prop="sec">
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload">
|
||||
<img v-if="ruleForm.avatar" :src="ruleForm.avatar" class="avatar">
|
||||
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="详情链接" prop="sec">
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload">
|
||||
<img v-if="ruleForm.avatar" :src="ruleForm.avatar" class="avatar">
|
||||
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<div class='item-tips'>请输入链接，如：网址，或者：appid</div>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="VR全景设置" name="8">
|
||||
<el-form-item label="VR展示标题" prop="sec">
|
||||
<el-input v-model="ruleForm.cWeNum"></el-input>
|
||||
</el-form-item>
|
||||
<div class='item-tips'>名片详情页VR展示的版块的标题</div>
|
||||
<el-form-item label="VR封面图" prop="sec">
|
||||
<el-upload
|
||||
class="avatar-uploader"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAvatarSuccess"
|
||||
:before-upload="beforeAvatarUpload">
|
||||
<img v-if="ruleForm.avatar" :src="ruleForm.avatar" class="avatar">
|
||||
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="VR链接地址" prop="sec">
|
||||
<el-input v-model="ruleForm.cWeNum"></el-input>
|
||||
</el-form-item>
|
||||
<div class='item-tips'>名片详情页VR展示的版块的链接</div>
|
||||
<el-form-item label="VR链接地址" prop="sec">
|
||||
<el-input v-model="ruleForm.cWeNum"></el-input>
|
||||
</el-form-item>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="背景音乐" name="9">
|
||||
<el-form-item label="背景音乐" prop="sec">
|
||||
<div class="audio-name">
|
||||
<span>{{ruleForm.musicName}}</span>
|
||||
<el-upload
|
||||
class="upload-audio"
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
:show-file-list="false"
|
||||
:on-success="handleAudioSuccess"
|
||||
:before-upload="beforeAudioUpload">
|
||||
<el-button size="small">选择媒体文件</el-button>
|
||||
</el-upload>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<div class='item-tips'>进入员工名片后的背景音乐</div>
|
||||
<el-form-item label="是否自动播放" prop="musicSwitch">
|
||||
<el-radio-group v-model="ruleForm.musicSwitch">
|
||||
<el-radio label="1">关闭</el-radio>
|
||||
<el-radio label="2">自动播放</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="企业微信" name="10">
|
||||
<el-form-item label="企业微信" prop="realNum">
|
||||
<el-input v-model="ruleForm.cWeNum"></el-input>
|
||||
</el-form-item>
|
||||
<div class='item-tips'>员工企业微信账号，当使用企业微信通知员工时，此条数据必填，否则消息无法通知成功，有问题请联系技术</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'DefaultContent',
|
||||
props: ['showIndex'],
|
||||
data () {
|
||||
return {
|
||||
tips: '默认内容：企业可编辑一套名片页默认内容，快速对员工名片页初始化装修',
|
||||
val: true,
|
||||
activeNames: ['1'],
|
||||
ruleForm: {
|
||||
name: '', // 姓名
|
||||
avatar: '', // 头像
|
||||
tel: '', // 手机号
|
||||
weNum: '', // 微信号
|
||||
telephone: '', // 固话号码
|
||||
phone400: '', // 400电话
|
||||
email: '', // 邮箱
|
||||
fakeNum: '0', // 虚拟浏览人数
|
||||
realNum: '0', // 浏览人数
|
||||
profile: '', // 个人简介
|
||||
audio: '',
|
||||
audioName: '', // 音频名称
|
||||
sec: '', // 音频秒数
|
||||
videoName: '', // 视频名称
|
||||
videoPic: '', // 视频封面图
|
||||
music: '', // 背景音乐
|
||||
musicName: '', // 背景音乐名称
|
||||
musicSwitch: '1', // 背景是否自动播放
|
||||
cWeNum: '' // 企业微信
|
||||
},
|
||||
rules: {
|
||||
name: {required: true, message: '请输入员工姓名', trigger: 'blur'},
|
||||
avatar: {required: true, message: '请上传头像', trigger: 'change'},
|
||||
tel: {required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入正确的手机号', trigger: 'blur'},
|
||||
weNum: {required: true, message: '请输入微信号', trigger: 'blur'},
|
||||
telephone: {required: false, pattern: /0\d{2,3}-\d{7,8}$/, message: '请输入正确的电话', trigger: 'blur'},
|
||||
phone400: {required: false, pattern: /^400[0-9]{7}$/, message: '请输入正确的400电话', trigger: 'blur'},
|
||||
email: {required: true, pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/, message: '请输入正确的邮箱', trigger: 'blur'},
|
||||
fakeNum: {required: true, pattern: /^\+?[0-9]*$/, message: '请输入正确的人数', trigger: 'blur'},
|
||||
realNum: {required: true, pattern: /^\+?[0-9]*$/, message: '请输入正确的人数', trigger: 'blur'},
|
||||
profile: {required: true, message: '请输入个人简介', trigger: 'blur'},
|
||||
|
||||
cWeNum: {required: true, message: '请输入微信号', trigger: 'blur'}
|
||||
}
|
||||
}
|
||||
},
|
||||
created () {
|
||||
console.log('名片设置')
|
||||
},
|
||||
methods: {
|
||||
handleChange (val) {
|
||||
},
|
||||
handleAvatarSuccess (res, file) {
|
||||
let imgUrl = URL.createObjectURL(file.raw)
|
||||
console.log(imgUrl)
|
||||
this.ruleForm.avatar = imgUrl
|
||||
},
|
||||
beforeAvatarUpload (file) {
|
||||
const isLt2M = file.size / 1024 / 1024 < 2
|
||||
if (!isLt2M) {
|
||||
this.$message.error('上传头像图片大小不能超过 2MB!')
|
||||
}
|
||||
return isLt2M
|
||||
},
|
||||
beforeAudioUpload (file) {
|
||||
console.log(file)
|
||||
const isAudio = file.type === 'audio/mp3' || file.type === 'audio/mpeg'
|
||||
const isLt2M = file.size / 1024 / 1024 < 20
|
||||
this.getTimes(file)
|
||||
if (!isAudio) {
|
||||
this.$message.error('上传音频文件只能是 mp3和mpeg 格式!')
|
||||
}
|
||||
if (!isLt2M) {
|
||||
this.$message.error('上传音频文件大小不能超过 20MB!')
|
||||
}
|
||||
return isAudio && isLt2M
|
||||
},
|
||||
handleAudioSuccess (res, file) {
|
||||
console.log(res, file)
|
||||
},
|
||||
getTimes (file) {
|
||||
// 获取录音时长
|
||||
let url = URL.createObjectURL(file)
|
||||
console.log(url)
|
||||
// 经测试，发现audio也可获取视频的时长
|
||||
let audioElement = new Audio(url)
|
||||
audioElement.addEventListener('loadedmetadata', (_event) => {
|
||||
console.log(_event)
|
||||
this.sec = parseInt(audioElement.duration)
|
||||
console.log(this.sec)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-default-content{
|
||||
width: 100%;
|
||||
padding: 0 24px;
|
||||
margin: 32px 0;
|
||||
.card{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-top: 30px;
|
||||
&-show{
|
||||
min-width: 300px;
|
||||
height: 540px;
|
||||
border: 1px solid #ccc;
|
||||
margin-right: 20px;
|
||||
}
|
||||
&-form{
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
.title{
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: $bgColor;
|
||||
line-height: 40px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.el-form{
|
||||
.el-collapse-item__content{
|
||||
.el-input-number{
|
||||
width: 300px;
|
||||
text-align: left;
|
||||
.el-input{
|
||||
.el-input__inner{
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-form-item{
|
||||
.el-input{
|
||||
width: 300px;
|
||||
}
|
||||
.el-textarea{
|
||||
width: 300px;
|
||||
}
|
||||
.avatar-uploader {
|
||||
width: 98px;
|
||||
height: 98px;
|
||||
border: 1px dashed #d9d9d9;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.avatar-uploader:hover {
|
||||
border-color: #409EFF;
|
||||
}
|
||||
.avatar-uploader-icon {
|
||||
font-size: 28px;
|
||||
color: #8c939d;
|
||||
width: 98px;
|
||||
height: 98px;
|
||||
line-height: 98px;
|
||||
text-align: center;
|
||||
}
|
||||
.avatar {
|
||||
width: 98px;
|
||||
height: 98px;
|
||||
display: block;
|
||||
}
|
||||
.audio-name{
|
||||
width: 300px;
|
||||
border: 1px solid #C3C3C3;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-radius: 5px;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
.item-tips{
|
||||
margin-left: 120px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
95
web/src/view/businessCard/manage/tag.vue
Executable file
95
web/src/view/businessCard/manage/tag.vue
Executable file
@@ -0,0 +1,95 @@
|
||||
<template>
|
||||
<div class="lb-tag">
|
||||
<top-nav></top-nav>
|
||||
<div class="lb-tag-main">
|
||||
<lb-tips :title='title'></lb-tips>
|
||||
<div class="c-tags">
|
||||
<div class="label">企业标签</div>
|
||||
<el-tag
|
||||
:key="tag"
|
||||
v-for="tag in dynamicTags"
|
||||
closable
|
||||
type="success"
|
||||
size="medium"
|
||||
:disable-transitions="false"
|
||||
@close="handleClose(tag)">
|
||||
{{tag}}
|
||||
</el-tag>
|
||||
<el-input
|
||||
class="input-new-tag"
|
||||
v-if="inputVisible"
|
||||
v-model="inputValue"
|
||||
ref="saveTagInput"
|
||||
size="small"
|
||||
@keyup.enter.native="handleInputConfirm"
|
||||
@blur="handleInputConfirm"
|
||||
>
|
||||
</el-input>
|
||||
<el-button v-else class="button-new-tag" size="small" @click="showInput">+ 新增标签</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
title: '企业标签将显示在您企业名下所有员工的名片中，最多30个标签。',
|
||||
dynamicTags: ['标签一', '标签二', '标签三'],
|
||||
inputVisible: false,
|
||||
inputValue: ''
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleClose (tag) {
|
||||
this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1)
|
||||
},
|
||||
showInput () {
|
||||
this.inputVisible = true
|
||||
this.$nextTick(_ => {
|
||||
this.$refs.saveTagInput.$refs.input.focus()
|
||||
})
|
||||
},
|
||||
|
||||
handleInputConfirm () {
|
||||
let inputValue = this.inputValue
|
||||
if (inputValue) {
|
||||
this.dynamicTags.push(inputValue)
|
||||
}
|
||||
this.inputVisible = false
|
||||
this.inputValue = ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-tag{
|
||||
width: 100%;
|
||||
&-main{
|
||||
padding: 20px;
|
||||
}
|
||||
.c-tags{
|
||||
margin-top: 30px;
|
||||
.label{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.el-tag + .el-tag {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.button-new-tag {
|
||||
margin-left: 10px;
|
||||
height: 29px;
|
||||
line-height: 29px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.input-new-tag {
|
||||
width: 90px;
|
||||
margin-left: 10px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
108
web/src/view/businessCard/set/clientSet.vue
Executable file
108
web/src/view/businessCard/set/clientSet.vue
Executable file
@@ -0,0 +1,108 @@
|
||||
<template>
|
||||
<div class="lb-client-set">
|
||||
<top-nav></top-nav>
|
||||
<div class="page-main">
|
||||
<el-form :model="ruleForm" ref="ruleForm" label-width="120px">
|
||||
<el-form-item label="强制授权">
|
||||
<el-radio-group v-model="ruleForm.auth">
|
||||
<el-radio label="1">开启</el-radio>
|
||||
<el-radio label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div class="item-tips">开启此功能后会强制要求用户授权手机号, 此功能影响用户体验, 谨慎开启。强制授权手机号与用户授权登录无关</div>
|
||||
<el-form-item label="交换名片">
|
||||
<el-radio-group v-model="ruleForm.change">
|
||||
<el-radio label="1">开启</el-radio>
|
||||
<el-radio label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div class="item-tips">客户进入员工名片后是否弹出交换名片窗口</div>
|
||||
<el-form-item label="大图模式">
|
||||
<el-radio-group v-model="ruleForm.bigPic">
|
||||
<el-radio label="1">开启</el-radio>
|
||||
<el-radio label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div class="item-tips">开启大图模式后，用户点击详情图片可以预览图片，并且可以长按图片识别二维码或者保存</div>
|
||||
<el-form-item label="名片版式">
|
||||
<el-radio-group v-model="ruleForm.cardStyle">
|
||||
<el-radio label="1">开启</el-radio>
|
||||
<el-radio label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div class="item-tips">名片详情页面员工名片信息展示方式</div>
|
||||
<el-form-item label="个性签名">
|
||||
<el-radio-group v-model="ruleForm.sign">
|
||||
<el-radio label="1">开启</el-radio>
|
||||
<el-radio label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div class="item-tips">员工名片是否显示个性签名栏目</div>
|
||||
<el-form-item label="交换名片">
|
||||
<el-input v-model="ruleForm.btnText" placeholder="请输入内容"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">名片详情页咨询按钮文字</div>
|
||||
<el-form-item label="交换手机号">
|
||||
<el-input v-model="ruleForm.tel" placeholder="请输入手机号"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">名片详情页交换手机号自定义文字</div>
|
||||
<el-form-item>
|
||||
<lb-button type='success' size='medium' @click="onSubmit">保存</lb-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
key: '获客功能设置',
|
||||
ruleForm: {
|
||||
auth: '1',
|
||||
change: '1',
|
||||
bigPic: '1',
|
||||
cardStyle: '1',
|
||||
sign: '1',
|
||||
btnText: '',
|
||||
tel: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onSubmit () {
|
||||
this.$refs['ruleForm'].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.ruleForm.btnText && this.$reg.tel.test(this.ruleForm.tel)) {
|
||||
this.$message.success('提交成功！')
|
||||
} else {
|
||||
this.$message.error('提交失败！')
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-client-set{
|
||||
width: 100%;
|
||||
.page-main{
|
||||
width: 100%;
|
||||
.el-form{
|
||||
.el-form-item{
|
||||
margin-top: 10px;
|
||||
.el-input{
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
.item-tips{
|
||||
margin-left: 120px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
94
web/src/view/businessCard/set/mobileSet.vue
Executable file
94
web/src/view/businessCard/set/mobileSet.vue
Executable file
@@ -0,0 +1,94 @@
|
||||
<template>
|
||||
<div class="lb-mobile-set">
|
||||
<top-nav></top-nav>
|
||||
<div class="set-form">
|
||||
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
|
||||
<el-form-item label="创建名片开关" prop='cardSwitch'>
|
||||
<el-radio-group v-model="ruleForm.cardSwitch">
|
||||
<el-radio label="1">开启</el-radio>
|
||||
<el-radio label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建文案" prop="cardText">
|
||||
<el-input v-model="ruleForm.cardText" placeholder="请输入名片文案"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">名片列表创建名片文案</div>
|
||||
<el-form-item label="免审口令" prop="word">
|
||||
<el-input v-model="ruleForm.word" placeholder="请输入免审口令"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">设置了此选项后，用户在小程序端创建名片时输入此正确免审口令则无需管理员在后台设置员工，将自动成为员工</div>
|
||||
<el-form-item label="口令错误" prop="errWord">
|
||||
<el-input v-model="ruleForm.errWord" placeholder="请输入口令错误时的文案"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">用户在小程序端创建名片时，免审口令填写错误提示文案</div>
|
||||
<el-form-item label="未填写口令" prop="noWord">
|
||||
<el-input v-model="ruleForm.noWord" placeholder="请输入未填写口令时的文案"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">用户在小程序端创建名片时，免审口令没有填写提示文案</div>
|
||||
<el-form-item class="last-form-item">
|
||||
<lb-button type="success" size='medium' @click="onSubmit">保存</lb-button>
|
||||
<lb-button @click="onReset" size='medium' opType='reset'>重置</lb-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
key: '手机端创建设置',
|
||||
ruleForm: {
|
||||
cardSwitch: '1',
|
||||
cardText: '',
|
||||
word: '',
|
||||
errWord: '',
|
||||
noWord: ''
|
||||
},
|
||||
rules: {
|
||||
cardSwitch: {required: true, message: '请选择开关', trigger: 'blur'},
|
||||
cardText: {required: true, message: '请输入名片文案', trigger: 'blur'},
|
||||
word: {required: true, message: '请输入免审口令', trigger: 'blur'},
|
||||
errWord: {required: true, message: '请输入口令错误时的文案', trigger: 'blur'},
|
||||
noWord: {required: true, message: '请输入未填写口令时的文案', trigger: 'blur'}
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onSubmit () {
|
||||
console.log(133)
|
||||
},
|
||||
onReset () {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-mobile-set{
|
||||
width: 100%;
|
||||
.set-form{
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
.el-form{
|
||||
width: 100%;
|
||||
.el-form-item{
|
||||
|
||||
margin-top: 10px;
|
||||
.el-input{
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
.last-form-item{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.item-tips{
|
||||
margin-left: 120px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
160
web/src/view/dynamic/comment.vue
Executable file
160
web/src/view/dynamic/comment.vue
Executable file
@@ -0,0 +1,160 @@
|
||||
<template>
|
||||
<div class="lb-dy-comment">
|
||||
<top-nav></top-nav>
|
||||
<div class="page-main">
|
||||
<div class="form-search">
|
||||
<el-form :inline="true" :model="formRules">
|
||||
<el-form-item label="商品状态">
|
||||
<el-select v-model="formRules.status" placeholder="请选择">
|
||||
<el-option label="全部" value="0"></el-option>
|
||||
<el-option label="已上架" value="1"></el-option>
|
||||
<el-option label="已售完" value="2"></el-option>
|
||||
<el-option label="为上架" value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="分类">
|
||||
<el-select v-model="formRules.type" placeholder="请选择">
|
||||
<el-option label="全部" value="0"></el-option>
|
||||
<el-option label="分类1" value="1"></el-option>
|
||||
<el-option label="分类2" value="2"></el-option>
|
||||
<el-option label="分类3" value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="搜索">
|
||||
<el-input v-model="formRules.goods" placeholder="请输入商品名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table
|
||||
border
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
label="全选"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="date"
|
||||
label="日期"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="姓名"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<lb-page
|
||||
:batch='false'
|
||||
:page='page'
|
||||
:pageSize='pageSize'
|
||||
:total='total'
|
||||
:selected='multipleSelection.length'
|
||||
@handleSizeChange='handleSizeChange'
|
||||
@handleCurrentChange='handleCurrentChange'
|
||||
>
|
||||
<lb-button>批量下架</lb-button>
|
||||
<lb-button>批量上架</lb-button>
|
||||
<lb-button>批量删除</lb-button>
|
||||
</lb-page>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
formRules: {
|
||||
status: '',
|
||||
type: '',
|
||||
goods: ''
|
||||
},
|
||||
tableData: [{
|
||||
date: '2016-05-02',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1518 弄'
|
||||
}, {
|
||||
date: '2016-05-04',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1517 弄'
|
||||
}, {
|
||||
date: '2016-05-01',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1519 弄'
|
||||
}, {
|
||||
date: '2016-05-03',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1516 弄'
|
||||
}],
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
multipleSelection: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleSelection (rows) {
|
||||
if (rows) {
|
||||
rows.forEach(row => {
|
||||
this.$refs.multipleTable.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
}
|
||||
},
|
||||
handleSelectionChange (val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
handleSizeChange (val) {
|
||||
this.pageSize = val
|
||||
},
|
||||
handleCurrentChange (val) {
|
||||
this.page = val
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-dy-comment{
|
||||
width: 100%;
|
||||
.form-search{
|
||||
width: 100%;
|
||||
height: 104px;
|
||||
background: #F4F4F4;
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30px;
|
||||
margin-bottom: 20px;
|
||||
.el-form{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
200
web/src/view/dynamic/manage.vue
Executable file
200
web/src/view/dynamic/manage.vue
Executable file
@@ -0,0 +1,200 @@
|
||||
<template>
|
||||
<div class="lb-dy-manage">
|
||||
<top-nav></top-nav>
|
||||
<div class="page-main">
|
||||
<lb-button type='success' opType='add'>发企业动态</lb-button>
|
||||
<lb-button type='success' opType='add'>添加链接动态</lb-button>
|
||||
<lb-button type='success' opType='add'>添加视频动态</lb-button>
|
||||
<div class="form-search">
|
||||
<el-form :inline="true" :model="formRules">
|
||||
<el-form-item label="动态状态">
|
||||
<el-select v-model="formRules.status" placeholder="请选择">
|
||||
<el-option label="全部" value="0"></el-option>
|
||||
<el-option label="公司" value="1"></el-option>
|
||||
<el-option label="个人" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="时间">
|
||||
<el-date-picker
|
||||
v-model="formRules.date"
|
||||
type="datetimerange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始时间"
|
||||
end-placeholder="结束时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="搜索">
|
||||
<el-input v-model="formRules.keywords" placeholder="请输入商品名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="message" v-for="(item,index) in msgList" :key='index'>
|
||||
<div class="msg-top">
|
||||
<img class="msg-l" :src="item.img">
|
||||
<div class='msg-r'>
|
||||
<div class="msg-r-head">
|
||||
<span class="cname">{{item.cname}}</span>
|
||||
<el-tag type="info">{{item.ctype}}</el-tag>
|
||||
</div>
|
||||
<div class="msg-r-content">
|
||||
<div>{{item | handleContent}}</div>
|
||||
<span class="all" @click="lookAll(index)">全部</span>
|
||||
</div>
|
||||
<div class="msg-r-img">
|
||||
<img v-for="(o,i) in item.imgList" :key='i' :src="o" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="msg-bot">
|
||||
<span>2019-04-29 14:53:23</span>
|
||||
<div class="bot-l">
|
||||
<div class="icon-btn">
|
||||
<i class="iconfont icon-like"></i>
|
||||
<span>1</span>
|
||||
</div>
|
||||
<div class="icon-btn">
|
||||
<i class="iconfont icon-liuyanguanli"></i>
|
||||
<span>1</span>
|
||||
</div>
|
||||
<div class="icon-btn">
|
||||
<i class="iconfont icon-zhiding"></i>
|
||||
<span>置顶</span>
|
||||
</div>
|
||||
<div class="icon-btn">
|
||||
<i class="iconfont icon-bianji"></i>
|
||||
<span>编辑</span>
|
||||
</div>
|
||||
<div class="icon-btn">
|
||||
<i class="iconfont icon-del"></i>
|
||||
<span>删除</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
formRules: {
|
||||
status: '',
|
||||
date: [],
|
||||
keywords: ''
|
||||
},
|
||||
msgList: [
|
||||
{
|
||||
img: require('../../assets/logo.png'),
|
||||
cname: '龙兵科技有限公司',
|
||||
ctype: '公司',
|
||||
content: '我们时常会在电影里看到很多的外星科幻电影，如《异形》、《变形金刚》、《阿凡达》等等外星生命的电影，虽然科学家们一直在探索宇宙，也在寻找其他外星生命，但目前还没有找到跟人类一样的碳基生命体存在，在这里就会不由自主地想到外星是否会存在其...',
|
||||
open: false,
|
||||
imgList: [
|
||||
require('../../assets/logo.png'),
|
||||
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
|
||||
require('../../assets/logo.png'),
|
||||
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* @method 查看全部
|
||||
*/
|
||||
lookAll (index) {
|
||||
if (!this.msgList[index].open) { this.msgList[index].open = true }
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
handleContent (item) {
|
||||
let {content, open} = item
|
||||
return open ? content : content.substring(0, 80) + '...'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-dy-manage{
|
||||
.el-button{
|
||||
margin: 5px;
|
||||
}
|
||||
.form-search{
|
||||
width: 100%;
|
||||
height: 104px;
|
||||
background: #F4F4F4;
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30px;
|
||||
margin-bottom: 20px;
|
||||
white-space: nowrap;
|
||||
.el-form{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
.message{
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #F4F4F4;
|
||||
.msg-top{
|
||||
display: flex;
|
||||
.msg-l{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 5px;
|
||||
margin-right: 20px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.msg-r{
|
||||
width: 500px;
|
||||
margin: 10px 0;
|
||||
&-head{
|
||||
.cname{
|
||||
margin-right: 5px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
&-content{
|
||||
font-size: 14px;
|
||||
div{
|
||||
margin: 10px 0;
|
||||
}
|
||||
.all{
|
||||
color: $themeColor;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
&-img{
|
||||
margin-top: 10px;
|
||||
img{
|
||||
display: block;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.msg-bot{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-left: 70px;
|
||||
.bot-l{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.icon-btn{
|
||||
font-size: 14px;
|
||||
margin-left: 20px;
|
||||
cursor: pointer;
|
||||
i{
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
21
web/src/view/login/index.vue
Executable file
21
web/src/view/login/index.vue
Executable file
@@ -0,0 +1,21 @@
|
||||
<template>
|
||||
<!-- 登录 -->
|
||||
<div>
|
||||
{{key}}
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Login',
|
||||
data () {
|
||||
return {
|
||||
key: '登录页面'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
70
web/src/view/malls/goods/classify.vue
Executable file
70
web/src/view/malls/goods/classify.vue
Executable file
@@ -0,0 +1,70 @@
|
||||
<template>
|
||||
<div class="lb-goods-classify">
|
||||
<top-nav />
|
||||
<div class="page-main">
|
||||
<lb-button type='success'>添加分类</lb-button>
|
||||
<el-table
|
||||
border
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
label="全选"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="date"
|
||||
label="日期"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="姓名"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
key: '商城'
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-goods-classify{
|
||||
width: 100%;
|
||||
.page-main{
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
164
web/src/view/malls/goods/list.vue
Executable file
164
web/src/view/malls/goods/list.vue
Executable file
@@ -0,0 +1,164 @@
|
||||
<template>
|
||||
<div class="lb-goods-list">
|
||||
<top-nav />
|
||||
<div class="page-main">
|
||||
<lb-button size='medium' type='success' opType='add'>添加商品</lb-button>
|
||||
<div class="form-search">
|
||||
<el-form :inline="true" :model="formRules">
|
||||
<el-form-item label="部门">
|
||||
<el-select v-model="formRules.status" placeholder="请选择">
|
||||
<el-option label="全部" value="0"></el-option>
|
||||
<el-option label="已上架" value="1"></el-option>
|
||||
<el-option label="已售完" value="2"></el-option>
|
||||
<el-option label="为上架" value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="分类">
|
||||
<el-select v-model="formRules.type" placeholder="请选择">
|
||||
<el-option label="全部" value="0"></el-option>
|
||||
<el-option label="分类1" value="1"></el-option>
|
||||
<el-option label="分类2" value="2"></el-option>
|
||||
<el-option label="分类3" value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="搜索">
|
||||
<el-input v-model="formRules.goods" placeholder="请输入商品名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table
|
||||
border
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
label="全选"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="date"
|
||||
label="日期"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="姓名"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<lb-page
|
||||
:page='page'
|
||||
:pageSize='pageSize'
|
||||
:total='total'
|
||||
:selected='multipleSelection.length'
|
||||
@handleSizeChange='handleSizeChange'
|
||||
@handleCurrentChange='handleCurrentChange'
|
||||
>
|
||||
<lb-button>批量下架</lb-button>
|
||||
<lb-button>批量上架</lb-button>
|
||||
<lb-button>批量删除</lb-button>
|
||||
</lb-page>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
formRules: {
|
||||
status: '',
|
||||
type: '',
|
||||
goods: ''
|
||||
},
|
||||
tableData: [{
|
||||
date: '2016-05-02',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1518 弄'
|
||||
}, {
|
||||
date: '2016-05-04',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1517 弄'
|
||||
}, {
|
||||
date: '2016-05-01',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1519 弄'
|
||||
}, {
|
||||
date: '2016-05-03',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1516 弄'
|
||||
}],
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
multipleSelection: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleSelection (rows) {
|
||||
if (rows) {
|
||||
rows.forEach(row => {
|
||||
this.$refs.multipleTable.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
}
|
||||
},
|
||||
handleSelectionChange (val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
handleSizeChange (val) {
|
||||
this.pageSize = val
|
||||
},
|
||||
handleCurrentChange (val) {
|
||||
this.page = val
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-goods-list{
|
||||
width: 100%;
|
||||
.page-main{
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
.form-search{
|
||||
width: 100%;
|
||||
height: 104px;
|
||||
background: #F4F4F4;
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30px;
|
||||
margin-bottom: 20px;
|
||||
.el-form{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
164
web/src/view/malls/order/manage.vue
Executable file
164
web/src/view/malls/order/manage.vue
Executable file
@@ -0,0 +1,164 @@
|
||||
<template>
|
||||
<div class="lb-order-manage">
|
||||
<top-nav />
|
||||
<div class="page-main">
|
||||
<div class="form-search">
|
||||
<el-form :inline="true" :model="formRules">
|
||||
<el-form-item label="商品状态">
|
||||
<el-select v-model="formRules.status" placeholder="请选择">
|
||||
<el-option label="全部" value="0"></el-option>
|
||||
<el-option label="已上架" value="1"></el-option>
|
||||
<el-option label="已售完" value="2"></el-option>
|
||||
<el-option label="为上架" value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="分类">
|
||||
<el-select v-model="formRules.type" placeholder="请选择">
|
||||
<el-option label="全部" value="0"></el-option>
|
||||
<el-option label="分类1" value="1"></el-option>
|
||||
<el-option label="分类2" value="2"></el-option>
|
||||
<el-option label="分类3" value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="搜索">
|
||||
<el-input v-model="formRules.goods" placeholder="请输入商品名称"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table
|
||||
border
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
label="全选"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="date"
|
||||
label="日期"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="姓名"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<lb-page
|
||||
:batch='false'
|
||||
:page='page'
|
||||
:pageSize='pageSize'
|
||||
:total='total'
|
||||
:selected='multipleSelection.length'
|
||||
@handleSizeChange='handleSizeChange'
|
||||
@handleCurrentChange='handleCurrentChange'
|
||||
>
|
||||
<lb-button>批量下架</lb-button>
|
||||
<lb-button>批量上架</lb-button>
|
||||
<lb-button>批量删除</lb-button>
|
||||
</lb-page>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
formRules: {
|
||||
status: '',
|
||||
type: '',
|
||||
goods: ''
|
||||
},
|
||||
tableData: [{
|
||||
date: '2016-05-02',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1518 弄'
|
||||
}, {
|
||||
date: '2016-05-04',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1517 弄'
|
||||
}, {
|
||||
date: '2016-05-01',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1519 弄'
|
||||
}, {
|
||||
date: '2016-05-03',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1516 弄'
|
||||
}],
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
multipleSelection: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleSelection (rows) {
|
||||
if (rows) {
|
||||
rows.forEach(row => {
|
||||
this.$refs.multipleTable.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
}
|
||||
},
|
||||
handleSelectionChange (val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
handleSizeChange (val) {
|
||||
this.pageSize = val
|
||||
},
|
||||
handleCurrentChange (val) {
|
||||
this.page = val
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-order-manage{
|
||||
.page-main{
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
.form-search{
|
||||
width: 100%;
|
||||
height: 104px;
|
||||
background: #F4F4F4;
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30px;
|
||||
margin-bottom: 20px;
|
||||
.el-form{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
163
web/src/view/malls/order/refund.vue
Executable file
163
web/src/view/malls/order/refund.vue
Executable file
@@ -0,0 +1,163 @@
|
||||
<template>
|
||||
<div class="lb-order-manage">
|
||||
<top-nav />
|
||||
<div class="page-main">
|
||||
<div class="form-search">
|
||||
<el-form :inline="true" :model="formRules">
|
||||
<el-form-item label="状态">
|
||||
<el-select v-model="formRules.status" placeholder="请选择">
|
||||
<el-option label="全部" value="0"></el-option>
|
||||
<el-option label="申请中" value="1"></el-option>
|
||||
<el-option label="已完成" value="2"></el-option>
|
||||
<el-option label="已拒绝" value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型">
|
||||
<el-select v-model="formRules.type" placeholder="请选择">
|
||||
<el-option label="全部" value="0"></el-option>
|
||||
<el-option label="退款" value="1"></el-option>
|
||||
<el-option label="退货退款" value="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="搜索">
|
||||
<el-input v-model="formRules.goods" placeholder="请输入售后单"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table
|
||||
border
|
||||
ref="multipleTable"
|
||||
:data="tableData"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column
|
||||
type="selection"
|
||||
label="全选"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="date"
|
||||
label="日期"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="姓名"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<lb-page
|
||||
:batch='false'
|
||||
:page='page'
|
||||
:pageSize='pageSize'
|
||||
:total='total'
|
||||
:selected='multipleSelection.length'
|
||||
@handleSizeChange='handleSizeChange'
|
||||
@handleCurrentChange='handleCurrentChange'
|
||||
>
|
||||
<lb-button>批量下架</lb-button>
|
||||
<lb-button>批量上架</lb-button>
|
||||
<lb-button>批量删除</lb-button>
|
||||
</lb-page>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
formRules: {
|
||||
status: '',
|
||||
type: '',
|
||||
goods: ''
|
||||
},
|
||||
tableData: [{
|
||||
date: '2016-05-02',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1518 弄'
|
||||
}, {
|
||||
date: '2016-05-04',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1517 弄'
|
||||
}, {
|
||||
date: '2016-05-01',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1519 弄'
|
||||
}, {
|
||||
date: '2016-05-03',
|
||||
name: '王小虎',
|
||||
address: '上海市普陀区金沙江路 1516 弄'
|
||||
}],
|
||||
page: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
multipleSelection: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleSelection (rows) {
|
||||
if (rows) {
|
||||
rows.forEach(row => {
|
||||
this.$refs.multipleTable.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
}
|
||||
},
|
||||
handleSelectionChange (val) {
|
||||
this.multipleSelection = val
|
||||
},
|
||||
handleSizeChange (val) {
|
||||
this.pageSize = val
|
||||
},
|
||||
handleCurrentChange (val) {
|
||||
this.page = val
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-order-manage{
|
||||
.page-main{
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
.form-search{
|
||||
width: 100%;
|
||||
height: 104px;
|
||||
background: #F4F4F4;
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 30px;
|
||||
margin-bottom: 20px;
|
||||
.el-form{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
46
web/src/view/malls/set/deal.vue
Executable file
46
web/src/view/malls/set/deal.vue
Executable file
@@ -0,0 +1,46 @@
|
||||
<template>
|
||||
<div class="lb-deal-set">
|
||||
<top-nav @changNav='handleNav'/>
|
||||
<div class="page-main">
|
||||
<keep-alive>
|
||||
<over-time v-if="navSwitch === 0"></over-time>
|
||||
<pick-up v-else-if="navSwitch === 1"></pick-up>
|
||||
</keep-alive>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import OverTime from './subpage/overTime'
|
||||
import PickUp from './subpage/pickUp'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
key: '商城',
|
||||
navSwitch: -1
|
||||
}
|
||||
},
|
||||
components: {
|
||||
OverTime,
|
||||
PickUp
|
||||
},
|
||||
created () {
|
||||
let routes = this.$route.meta.pagePermission
|
||||
this.navSwitch = routes[0].index
|
||||
},
|
||||
methods: {
|
||||
handleNav (index) {
|
||||
this.navSwitch = index
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-deal-set{
|
||||
width: 100%;
|
||||
.page-main{
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
73
web/src/view/malls/set/payment.vue
Executable file
73
web/src/view/malls/set/payment.vue
Executable file
@@ -0,0 +1,73 @@
|
||||
<template>
|
||||
<div class="lb-payment">
|
||||
<top-nav />
|
||||
<div class="page-main">
|
||||
<div class="form-search">
|
||||
<el-form :model="ruleForm" ref="ruleForm" label-width="120px">
|
||||
<el-form-item label="订单超时" prop="cardText">
|
||||
<el-input v-model="ruleForm.btnText" placeholder="请输入按钮文案"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">商城详情页咨询面议文字</div>
|
||||
<el-form-item label="IOS虚拟支付" prop="word">
|
||||
<el-radio-group v-model="ruleForm.ios">
|
||||
<el-radio label="1">开启</el-radio>
|
||||
<el-radio label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div class="item-tips">是否允许小程序IOS端显示支付相关的内容, 关闭后IOS端所有和支付相关的内容不会显示。开启此设置涉及到虚拟支付容易被封禁，请谨慎开启。</div>
|
||||
<el-form-item label="android虚拟支付" prop="cardText">
|
||||
<el-radio-group v-model="ruleForm.android">
|
||||
<el-radio label="1">开启</el-radio>
|
||||
<el-radio label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div class="item-tips">是否允许小程序android端显示支付相关的内容, 关闭后android端所有和支付相关的内容不会显示</div>
|
||||
<el-form-item>
|
||||
<lb-button type='success'>保存</lb-button>
|
||||
<lb-button>重置</lb-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
ruleForm: {
|
||||
btnText: '',
|
||||
ios: '1',
|
||||
android: '1'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-payment{
|
||||
width: 100%;
|
||||
.form-search{
|
||||
padding: 20px;
|
||||
.el-form{
|
||||
width: 100%;
|
||||
.el-form-item{
|
||||
|
||||
margin-top: 10px;
|
||||
.el-input{
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
.last-form-item{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.item-tips{
|
||||
margin-left: 120px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
65
web/src/view/malls/set/staffGoods.vue
Executable file
65
web/src/view/malls/set/staffGoods.vue
Executable file
@@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<div class="lb-staff-goods">
|
||||
<top-nav />
|
||||
<div class="page-main">
|
||||
<div class="form-search">
|
||||
<el-form :model="ruleForm" ref="ruleForm" label-width="120px">
|
||||
<el-form-item label="我的商城" prop="cardText">
|
||||
<el-radio-group v-model="ruleForm.myMall">
|
||||
<el-radio label="1">开启</el-radio>
|
||||
<el-radio label="2">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<div class="item-tips">后台开启“我的商城”后，员工选择的商品将会展示到该员工的商城里面，若没有选择任何商品将不会展示任何商品</div>
|
||||
<el-form-item label="数量限制" prop="cardText">
|
||||
<el-input v-model="ruleForm.limt" placeholder="请输入按钮文案"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">当数量限制配置了之后, 员工选择我的商城里面的商品数量上限将由这里的设置决定, 0则不限制</div>
|
||||
<el-form-item>
|
||||
<lb-button type='success'>保存</lb-button>
|
||||
<lb-button>重置</lb-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
ruleForm: {
|
||||
myMall: '1',
|
||||
limt: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-staff-goods{
|
||||
width: 100%;
|
||||
.form-search{
|
||||
padding: 20px;
|
||||
.el-form{
|
||||
width: 100%;
|
||||
.el-form-item{
|
||||
|
||||
margin-top: 10px;
|
||||
.el-input{
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
.last-form-item{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.item-tips{
|
||||
margin-left: 120px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
54
web/src/view/malls/set/subpage/overTime.vue
Executable file
54
web/src/view/malls/set/subpage/overTime.vue
Executable file
@@ -0,0 +1,54 @@
|
||||
<template>
|
||||
<div class="lb-pick-up">
|
||||
<el-form :model="ruleForm" ref="ruleForm" label-width="120px">
|
||||
<el-form-item label="订单超时" prop="cardText">
|
||||
<el-input v-model="ruleForm.orderOverTime" placeholder="请输入名片文案"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">订单未支付超时时间, 超时将自动取消订单, 单位: 秒</div>
|
||||
<el-form-item label="拼团超时" prop="word">
|
||||
<el-input v-model="ruleForm.assembleOverTime" placeholder="请输入免审口令"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">拼团未成功超时时间, 超时将自动取消订单并退出拼团, 单位: 秒</div>
|
||||
<el-form-item>
|
||||
<lb-button type='success'>保存</lb-button>
|
||||
<lb-button>重置</lb-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
ruleForm: {
|
||||
orderOverTime: '',
|
||||
assembleOverTime: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-pick-up{
|
||||
width: 100%;
|
||||
.el-form{
|
||||
width: 100%;
|
||||
.el-form-item{
|
||||
|
||||
margin-top: 10px;
|
||||
.el-input{
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
.last-form-item{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.item-tips{
|
||||
margin-left: 120px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
58
web/src/view/malls/set/subpage/pickUp.vue
Executable file
58
web/src/view/malls/set/subpage/pickUp.vue
Executable file
@@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<div class="lb-pick-up">
|
||||
<el-form :model="ruleForm" ref="ruleForm" label-width="120px">
|
||||
<el-form-item label="自动收货">
|
||||
<el-input v-model="ruleForm.day" placeholder="请输入天数"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">后台发货后, 用户没有确认收货到时间后自动收货, 最少为5天, 单位: 天</div>
|
||||
<el-form-item label="核销密码">
|
||||
<el-input v-model="ruleForm.pwd" placeholder="请输入核销密码"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">此密码用于在小程序端核销用户订单, 在小程序员工端核销订单处点击扫描客户的订单二维码并且正确输入此密码就能直接完成此订单, 请谨慎操作。并且知道此密码的人都能完成核销订单操作，请注意保管密码以及及时更新密码</div>
|
||||
<el-form-item label="自提商品">
|
||||
<el-input v-model="ruleForm.goods" placeholder="请输入内容"></el-input>
|
||||
</el-form-item>
|
||||
<div class="item-tips">购物车自提商品文字提示内容</div>
|
||||
<el-form-item>
|
||||
<lb-button type='success'>保存</lb-button>
|
||||
<lb-button>重置</lb-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
ruleForm: {
|
||||
day: '',
|
||||
pwd: '',
|
||||
goods: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.lb-pick-up{
|
||||
width: 100%;
|
||||
.el-form{
|
||||
width: 100%;
|
||||
.el-form-item{
|
||||
margin-top: 10px;
|
||||
.el-input{
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
.last-form-item{
|
||||
margin-top: 30px;
|
||||
}
|
||||
.item-tips{
|
||||
margin-left: 120px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
37
web/src/view/survey/index.vue
Executable file
37
web/src/view/survey/index.vue
Executable file
@@ -0,0 +1,37 @@
|
||||
<template>
|
||||
<!-- 概况 -->
|
||||
<div>
|
||||
{{key}}
|
||||
<lb-switch v-model='val' @change="handleSwitchVal" opType='view'></lb-switch>
|
||||
<!-- <lb-switch v-model='val1' @change="handleSwitchVal" opType='test'></lb-switch>
|
||||
<lb-switch v-model='val2' @change="handleSwitchVal" opType='add'></lb-switch> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
val: true,
|
||||
val1: false,
|
||||
val2: true,
|
||||
width: 80,
|
||||
key: '概况页面'
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleSwitchVal (val) {
|
||||
this.val = val
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
val (vals) {
|
||||
console.log(vals)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/case/case.vue
Executable file
19
web/src/view/website/case/case.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/case/manage.vue
Executable file
19
web/src/view/website/case/manage.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/news/list.vue
Executable file
19
web/src/view/website/news/list.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/news/manage.vue
Executable file
19
web/src/view/website/news/manage.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/other/about.vue
Executable file
19
web/src/view/website/other/about.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/other/business.vue
Executable file
19
web/src/view/website/other/business.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/other/history.vue
Executable file
19
web/src/view/website/other/history.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/other/recruit.vue
Executable file
19
web/src/view/website/other/recruit.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/product/list.vue
Executable file
19
web/src/view/website/product/list.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
19
web/src/view/website/product/manage.vue
Executable file
19
web/src/view/website/product/manage.vue
Executable file
@@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<div>
|
||||
<top-nav></top-nav>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user