Skip to content

html / happiness-plus-platform-admin

Go to a project
Commit a38491a7 by dongjipeng
Options

左侧菜单修改

parent e2b7d0e5
Showing with 526 additions and 206 deletions
src/components/Layout.vue
......@@ -10,49 +10,23 @@
:unique-opened="true"
style="height: 100%"
active-text-color="#4A90E2">
<el-submenu index="1">
<template slot="title"><!--<i class="el-icon-message"></i>--> <div class="tl pl20">首页管理</div></template>
<el-menu-item index="/home/bannerManage"><div class="tl pl20">banner管理</div></el-menu-item>
<el-menu-item :index="'/home/' + activityPath"><div class="tl pl20">活动宣传</div></el-menu-item>
<el-menu-item index="/home/commonLink"><div class="tl pl20">常用链接</div></el-menu-item>
<el-menu-item index="/home/messageManagement"><div class="tl pl20">留言管理</div></el-menu-item>
<template v-for="route in $router.options.routes[0].children">
<template v-if="route.children && route.children.length">
<el-submenu :index="route.path" :key="route.path">
<template slot="title">
<div class="tl pl20">{{route.meta.title}}</div>
</template>
<el-menu-item v-for="(item, index) in getRouterMap(route.children)" :key="index" :index="item.path">
<div class="tl pl20">{{item.meta.title}}</div>
</el-menu-item>
</el-submenu>
<el-submenu index="2">
<template slot="title"><div class="tl pl20">幸福餐厅</div></template>
<el-menu-item index="/restaurant/rationalRestaurant"><div class="tl pl20">全国餐厅</div></el-menu-item>
<el-menu-item index="/restaurant/restaurantMenus"><div class="tl pl20">餐厅菜单</div></el-menu-item>
<!--<el-menu-item index="/restaurant/foodVideo"><div class="tl pl20">美食视频</div></el-menu-item>-->
<el-menu-item index="/restaurant/solarCalendar"><div class="tl pl20">节气日历</div></el-menu-item>
<el-menu-item index="/restaurant/themeActivities"><div class="tl pl20">主题活动</div></el-menu-item>
</el-submenu>
<el-submenu index="3">
<template slot="title"><div class="tl pl20">幸福农场</div></template>
<el-menu-item index="/farm/farmWonderful"><div class="tl pl20">农场精彩</div></el-menu-item>
<el-menu-item index="/farm/specialEvents"><div class="tl pl20">特色活动</div></el-menu-item>
</el-submenu>
<el-submenu index="4">
<template slot="title"><div class="tl pl20">幸福健身</div></template>
<el-menu-item index="/fitness/eventCalendar"><div class="tl pl20">赛事日历</div></el-menu-item>
<el-menu-item index="/fitness/happyRunning"><div class="tl pl20">幸福长跑</div></el-menu-item>
</el-submenu>
<el-menu-item index="/community"><div class="tl pl20">幸福社团</div></el-menu-item>
<el-menu-item index="/shop"><div class="tl pl20">幸福商城</div></el-menu-item>
<el-menu-item index="/office"><div class="tl pl20">无忧办公</div></el-menu-item>
<el-submenu index="5">
<template slot="title"><div class="tl pl20">幸福洗衣</div></template>
<el-menu-item index="/wash/washBranches"><div class="tl pl20">洗衣网点</div></el-menu-item>
<el-menu-item index="/wash/newBranches"><div class="tl pl20">网点编辑</div></el-menu-item>
<el-menu-item index="/wash/commonSense"><div class="tl pl20">洗衣小常识</div></el-menu-item>
</el-submenu>
<el-submenu index="6">
<template slot="title"><div class="tl pl20">幸福差旅</div></template>
<el-menu-item index="/travel/hotelList"><div class="tl pl20">协议酒店</div></el-menu-item>
<el-menu-item index="/travel/hotelAdd"><div class="tl pl20">编辑酒店</div></el-menu-item>
</el-submenu>
<el-menu-item index="/mom"><div class="tl pl20">萌妈工作室</div></el-menu-item>
<el-menu-item index="/randomHouse"><div class="tl pl20">幸福书屋</div></el-menu-item>
<el-menu-item index="/pass"><div class="tl pl20">幸福传递</div></el-menu-item>
<el-menu-item index="/administrator"><div class="tl pl20">管理员</div></el-menu-item>
</template>
<template v-else>
<el-menu-item :index="route.path" :key="route.path">
<div class="tl pl20">{{route.meta.title}}</div>
</el-menu-item>
</template>
</template>
</el-menu>
</el-aside>
<el-main class="main">
......@@ -66,7 +40,6 @@
</el-main>
</el-container>
</el-container>
</template>
<script>
......@@ -83,6 +56,7 @@ export default {
},
mounted () {
this.getRouter()
console.log(this.$router.options.routes[0].children)
},
methods: {
getRouter () {
......@@ -91,6 +65,10 @@ export default {
} else {
this.guideShow = false
}
},
getRouterMap (routes) {
const r = routes.filter(item => item.meta.menuTab)
return r
}
},
computed: {
......
src/components/Layout1.vue 0 → 100644
<template>
<el-container style="height: 100%">
<Header></Header>
<el-container class="el_content">
<el-aside width="220px">
<el-menu
menu-trigger="hover"
:default-active="$route.path"
:router="true"
:unique-opened="true"
style="height: 100%"
active-text-color="#4A90E2">
<el-submenu index="1">
<template slot="title"><div class="tl pl20">首页管理</div></template>
<el-menu-item index="/home/bannerManage"><div class="tl pl20">banner管理</div></el-menu-item>
<el-menu-item :index="'/home/' + activityPath"><div class="tl pl20">活动宣传</div></el-menu-item>
<el-menu-item index="/home/commonLink"><div class="tl pl20">常用链接</div></el-menu-item>
<el-menu-item index="/home/messageManagement"><div class="tl pl20">留言管理</div></el-menu-item>
</el-submenu>
<el-submenu index="2">
<template slot="title"><div class="tl pl20">幸福餐厅</div></template>
<el-menu-item index="/restaurant/rationalRestaurant"><div class="tl pl20">全国餐厅</div></el-menu-item>
<el-menu-item index="/restaurant/restaurantMenus"><div class="tl pl20">餐厅菜单</div></el-menu-item>
<el-menu-item index="/restaurant/solarCalendar"><div class="tl pl20">节气日历</div></el-menu-item>
<el-menu-item index="/restaurant/themeActivities"><div class="tl pl20">主题活动</div></el-menu-item>
</el-submenu>
<el-submenu index="3">
<template slot="title"><div class="tl pl20">幸福农场</div></template>
<el-menu-item index="/farm/farmWonderful"><div class="tl pl20">农场精彩</div></el-menu-item>
<el-menu-item index="/farm/specialEvents"><div class="tl pl20">特色活动</div></el-menu-item>
</el-submenu>
<el-submenu index="4">
<template slot="title"><div class="tl pl20">幸福健身</div></template>
<el-menu-item index="/fitness/eventCalendar"><div class="tl pl20">赛事日历</div></el-menu-item>
<el-menu-item index="/fitness/happyRunning"><div class="tl pl20">幸福长跑</div></el-menu-item>
<el-menu-item index="/fitness/fitactivity"><div class="tl pl20">健身活动</div></el-menu-item>
</el-submenu>
<el-menu-item index="/community"><div class="tl pl20">幸福社团</div></el-menu-item>
<el-menu-item index="/shop"><div class="tl pl20">幸福商城</div></el-menu-item>
<el-menu-item index="/office"><div class="tl pl20">无忧办公</div></el-menu-item>
<el-submenu index="5">
<template slot="title"><div class="tl pl20">幸福洗衣</div></template>
<el-menu-item index="/wash/washBranches"><div class="tl pl20">洗衣网点</div></el-menu-item>
<el-menu-item index="/wash/newBranches"><div class="tl pl20">网点编辑</div></el-menu-item>
<el-menu-item index="/wash/commonSense"><div class="tl pl20">洗衣小常识</div></el-menu-item>
</el-submenu>
<el-submenu index="6">
<template slot="title"><div class="tl pl20">幸福差旅</div></template>
<el-menu-item index="/travel/hotelList"><div class="tl pl20">协议酒店</div></el-menu-item>
<el-menu-item index="/travel/hotelAdd"><div class="tl pl20">编辑酒店</div></el-menu-item>
</el-submenu>
<el-menu-item index="/mom"><div class="tl pl20">萌妈工作室</div></el-menu-item>
<el-menu-item index="/randomHouse"><div class="tl pl20">幸福书屋</div></el-menu-item>
<el-menu-item index="/pass"><div class="tl pl20">幸福传递</div></el-menu-item>
<el-menu-item index="/administrator"><div class="tl pl20">管理员</div></el-menu-item>
</el-menu>
</el-aside>
<el-main class="main">
<bread-crumb></bread-crumb>
<transition name="fade" mode="out-in">
<div class="main_inner">
<div v-if="guideShow" style="width: 100%; height: 100%"><Guide /></div>
<router-view v-else></router-view>
</div>
</transition>
</el-main>
</el-container>
</el-container>
</template>
<script>
import Header from '../components/Header'
import Guide from '../components/Guide'
import BreadCrumb from '../components/breadcrumb'
export default {
name: 'layout',
data () {
return {
guideShow: false
}
},
mounted () {
this.getRouter()
console.log(this.$router)
},
methods: {
getRouter () {
if (this.$route.name === 'layout') {
this.guideShow = true
} else {
this.guideShow = false
}
}
},
computed: {
activityPath () {
if (this.$route.path === '/home/textEditing') {
return 'textEditing'
} else {
return 'activityPropaganda'
}
}
},
watch: {
$route (to, from) {
this.getRouter()
}
},
components: {
Header,
BreadCrumb,
Guide
}
}
</script>
<style scoped lang="scss">
.el_content {padding-top: 70px; width: 100%; box-sizing: border-box}
.main {background: #E5E9F2;
.main_inner {padding: 20px 30px; box-sizing: border-box; background-color: #ffffff; min-height: calc(100% - 34px)}
}
</style>
src/cookie.js
......@@ -13,3 +13,19 @@ export default function getCookie (url) {
window.location.href = url + 'LoginLight.aspx?flag=3&systemCode=CRS271&RetutnUrl=' + h
}
}
// function getCookie () {
// if (document.cookie.length > 0) {
// console.log('1')
// if (document.cookie.indexOf('AuthUser_LoginId') === -1 || document.cookie.indexOf('AuthUser_AuthNum') === -1 ||
// document.cookie.indexOf('AuthUser_AuthToken') === -1 || document.cookie.indexOf('AuthUser_LoginId') === -1
// ) {
// console.log('2')
// let h = window.location.href
// window.location.href = ssoHttp + 'LoginLight.aspx?flag=3&systemCode=CRS271&RetutnUrl=' + h
// }
// } else {
// let h = window.location.href
// window.location.href = ssoHttp + 'LoginLight.aspx?flag=3&systemCode=CRS271&RetutnUrl=' + h
// }
// }
src/main.js
......@@ -13,6 +13,7 @@ import './element-variables.scss'
import rules from './util/validator'
import '../src/assets/css/reset.scss'
import '../src/assets/css/main.scss'
import getCookie from './cookie'
Vue.use(VueQuillEditor)
Vue.use(ElementUi, { size: 'small' })
......@@ -20,14 +21,11 @@ Vue.prototype.$rules = rules
Vue.prototype.$axios = axios
Vue.prototype.$qs = QS
axios.defaults.timeout = 50000
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
axios.defaults.withCredentials = true
const DOMAIN_NAME = 'cfldcn'
// const DOMAIN_NAME = 'cfldpe'
var ssoHttp = ''
if (process.env.NODE_ENV === 'development') { // 开发
ssoHttp = 'http://sso.' + DOMAIN_NAME + '.com/'
Vue.prototype.$ssoHttp = ssoHttp
......@@ -37,50 +35,44 @@ if (process.env.NODE_ENV === 'development') { // 开发
} else { // 生产
ssoHttp = 'http://sso.' + DOMAIN_NAME + '.com/'
Vue.prototype.$ssoHttp = ssoHttp
getCookie()
// cookie
getCookie(ssoHttp)
axios.defaults.baseURL = 'http://happy.' + DOMAIN_NAME + '.com/admin/'
Vue.prototype.$baseURL = 'http://happy.' + DOMAIN_NAME + '.com/admin/'
Vue.prototype.$imgUrl = 'http://happy.' + DOMAIN_NAME + '.com/admin/images/'
}
function getCookie () {
if (document.cookie.length > 0) {
console.log('1')
if (document.cookie.indexOf('AuthUser_LoginId') === -1 || document.cookie.indexOf('AuthUser_AuthNum') === -1 ||
document.cookie.indexOf('AuthUser_AuthToken') === -1 || document.cookie.indexOf('AuthUser_LoginId') === -1
) {
console.log('2')
let h = window.location.href
window.location.href = ssoHttp + 'LoginLight.aspx?flag=3&systemCode=CRS271&RetutnUrl=' + h
}
} else {
let h = window.location.href
window.location.href = ssoHttp + 'LoginLight.aspx?flag=3&systemCode=CRS271&RetutnUrl=' + h
// Loading效果
const elemLoading = {
loading: null,
start (opt) {
this.loading = Vue.prototype.$loading(opt)
},
end () {
this.loading && this.loading.close()
}
}
var loading
function startLoading () {
loading = Vue.prototype.$loading({
axios.defaults.timeout = 50000
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
axios.defaults.withCredentials = true
// 请求拦截器
axios.interceptors.request.use(request => {
elemLoading.start({
lock: true,
text: '加载中...',
fullscreen: true,
background: 'rgba(255, 255, 255, 0)'
})
}
function endLoading () {
loading.close()
}
// 请求拦截器
axios.interceptors.request.use(request => {
startLoading()
return request
}, err => {
return Promise.reject(err)
})
// 响应拦截器
axios.interceptors.response.use(function (response) {
endLoading()
elemLoading.end()
if (response.status === 302) {
let h = window.location.href
window.location.href = ssoHttp + 'LoginLight.aspx?flag=3&systemCode=CRS117&RetutnUrl=' + h
......
src/router.js
......@@ -43,6 +43,9 @@ import Administrator from './views/administrator/index'
import Shop from './views/shop/index.vue'
import FitActivity from './views/fitness/FitActivity.vue'
import ActivityShenhe from './views/fitness/ActivityShenhe.vue'
Vue.use(Router)
export default new Router({
......@@ -56,6 +59,7 @@ export default new Router({
path: '/home',
name: 'home',
component: Home,
redirect: '/home/bannerManage',
meta: {
title: '首页管理'
},
......@@ -65,17 +69,10 @@ export default new Router({
name: 'bannerManage',
component: BannerManage,
meta: {
title: 'banner管理'
title: 'banner管理',
menuTab: true
}
},
// {
// path: '/home/bannerEdit',
// name: 'bannerEdit',
// component: BannerEdit,
// meta: {
// title: '编辑banner'
// }
// },
{
path: '/home/bannerAdd',
name: 'bannerAdd',
......@@ -89,7 +86,8 @@ export default new Router({
name: 'activityPropaganda',
component: ActivityPropaganda,
meta: {
title: '活动宣传'
title: '活动宣传',
menuTab: true
}
},
{
......@@ -113,7 +111,8 @@ export default new Router({
name: 'commonLink',
component: CommonLink,
meta: {
title: '常用链接'
title: '常用链接',
menuTab: true
}
},
{
......@@ -121,78 +120,89 @@ export default new Router({
name: 'messageManagement',
component: MessageManagement,
meta: {
title: '留言管理'
title: '留言管理',
menuTab: true
}
}
]
},
{
path: '/wash',
name: 'wash',
component: Wash,
path: '/restaurant',
name: 'restaurant',
component: r => { require(['./views/restaurant/index'], r) },
meta: {
title: '幸福洗衣'
title: '幸福餐厅'
},
children: [
{
path: '/wash/washBranches',
name: 'washBranches',
component: WashBranches,
path: '/restaurant/rationalRestaurant',
name: 'rationalRestaurant',
component: r => { require(['./views/restaurant/NationalRestaurant'], r) },
meta: {
title: '洗衣网点'
title: '全国餐厅',
menuTab: true
}
},
{
path: '/wash/newBranches',
name: 'newBranches',
component: NewBranches,
path: '/restaurant/restaurantAdd',
name: 'restaurantAdd',
component: r => { require(['./views/restaurant/RestaurantAdd'], r) },
meta: {
title: '网点编辑'
title: '新增餐厅'
}
},
{
path: '/wash/commonSense',
name: 'commonSense',
component: CommonSense,
path: '/restaurant/restaurantMenus',
name: 'restaurantMenus',
component: r => { require(['./views/restaurant/RestaurantMenus'], r) },
meta: {
title: '洗衣小常识'
title: '餐厅菜单',
menuTab: true
}
}
]
},
{
path: '/travel',
name: 'travel',
component: Travel,
path: '/restaurant/foodVideo',
name: 'foodVideo',
component: r => { require(['./views/restaurant/FoodVideo'], r) },
meta: {
title: '幸福差旅'
title: '美食视频'
}
},
children: [
{
path: '/travel/hotelList',
name: 'hotelList',
component: HotelList,
path: '/restaurant/solarCalendar',
name: 'solarCalendar',
component: r => { require(['./views/restaurant/SolarCalendar'], r) },
meta: {
title: '差旅列表'
title: '节气日历',
menuTab: true
}
},
{
path: '/travel/hotelAdd',
name: 'hotelAdd',
component: HotelAdd,
path: '/restaurant/newSolar',
name: 'newSolar',
component: r => { require(['./views/restaurant/NewSolar'], r) },
meta: {
title: '编辑酒店'
title: '节气日历'
}
},
{
path: '/restaurant/themeActivities',
name: 'themeActivities',
component: r => { require(['./views/restaurant/ThemeActivities'], r) },
meta: {
title: '主题活动',
menuTab: true
}
]
},
{
path: '/randomHouse',
name: 'randomHouse',
component: RandomHouse,
path: '/restaurant/restaurantClassify',
name: 'restaurantClassify',
component: r => { require(['./views/restaurant/RestaurantClassify'], r) },
meta: {
title: '幸福书屋'
title: '新增图片'
}
}
]
},
{
path: '/farm',
......@@ -207,7 +217,8 @@ export default new Router({
name: 'farmWonderful',
component: FarmWonderful,
meta: {
title: '农场精彩'
title: '农场精彩',
menuTab: true
}
},
{
......@@ -215,157 +226,183 @@ export default new Router({
name: 'specialEvents',
component: SpecialEvents,
meta: {
title: '特色活动'
title: '特色活动',
menuTab: true
}
}
]
},
{
path: '/office',
name: 'office',
component: Office,
path: '/fitness',
name: 'fitness',
component: Fitness,
redirect: '/fitness/eventCalendar',
meta: {
title: '无忧办公'
title: '幸福健身'
},
children: [
{
path: '/fitness/eventCalendar',
name: 'eventCalendar',
component: EventCalendar,
meta: {
title: '赛事日历',
menuTab: true
}
},
{
path: '/shop',
name: 'shop',
component: Shop,
path: '/fitness/happyRunning',
name: 'happyRunning',
component: HappyRunning,
meta: {
title: '幸福商城'
title: '幸福长跑',
menuTab: true
}
},
{
path: '/mom',
name: 'mom',
component: Mom,
path: '/fitness/fitactivity',
name: 'fitActivity',
component: FitActivity,
meta: {
title: '萌妈工作室'
title: '健身活动',
menuTab: true
}
},
{
path: '/pass',
name: 'pass',
component: Pass,
path: '/fitness/activityShenhe',
name: 'activityShenhe',
component: ActivityShenhe,
meta: {
title: '幸福传递'
title: '活动审核'
}
}
]
},
{
path: '/community',
name: 'community',
component: Community,
meta: {
title: '幸福传递'
title: '幸福社团',
menuTab: true
}
},
{
path: '/fitness',
name: 'fitness',
component: Fitness,
meta: {
title: '幸福健身'
},
children: [
{
path: '/fitness/eventCalendar',
name: 'eventCalendar',
component: EventCalendar,
path: '/shop',
name: 'shop',
component: Shop,
meta: {
title: '赛事日历'
title: '幸福商城',
menuTab: true
}
},
{
path: '/fitness/happyRunning',
name: 'happyRunning',
component: HappyRunning,
path: '/office',
name: 'office',
component: Office,
meta: {
title: '幸福长跑'
}
title: '无忧办公',
menuTab: true
}
]
},
{
path: '/restaurant',
name: 'restaurant',
component: r => { require(['./views/restaurant/index'], r) },
path: '/wash',
name: 'wash',
component: Wash,
meta: {
title: '幸福餐厅'
title: '幸福洗衣'
},
children: [
{
path: '/restaurant/rationalRestaurant',
name: 'rationalRestaurant',
component: r => { require(['./views/restaurant/NationalRestaurant'], r) },
path: '/wash/washBranches',
name: 'washBranches',
component: WashBranches,
meta: {
title: '全国餐厅'
title: '洗衣网点',
menuTab: true
}
},
{
path: '/restaurant/restaurantAdd',
name: 'restaurantAdd',
component: r => { require(['./views/restaurant/RestaurantAdd'], r) },
path: '/wash/newBranches',
name: 'newBranches',
component: NewBranches,
meta: {
title: '新增餐厅'
title: '网点编辑',
menuTab: true
}
},
{
path: '/restaurant/restaurantMenus',
name: 'restaurantMenus',
component: r => { require(['./views/restaurant/RestaurantMenus'], r) },
path: '/wash/commonSense',
name: 'commonSense',
component: CommonSense,
meta: {
title: '餐厅菜单'
title: '洗衣小常识',
menuTab: true
}
}
]
},
{
path: '/restaurant/foodVideo',
name: 'foodVideo',
component: r => { require(['./views/restaurant/FoodVideo'], r) },
path: '/travel',
name: 'travel',
component: Travel,
meta: {
title: '美食视频'
}
title: '幸福差旅'
},
children: [
{
path: '/restaurant/solarCalendar',
name: 'solarCalendar',
component: r => { require(['./views/restaurant/SolarCalendar'], r) },
path: '/travel/hotelList',
name: 'hotelList',
component: HotelList,
meta: {
title: '节气日历'
title: '协议酒店',
menuTab: true
}
},
{
path: '/restaurant/newSolar',
name: 'newSolar',
component: r => { require(['./views/restaurant/NewSolar'], r) },
path: '/travel/hotelAdd',
name: 'hotelAdd',
component: HotelAdd,
meta: {
title: '节气日历'
title: '编辑酒店',
menuTab: true
}
}
]
},
{
path: '/restaurant/themeActivities',
name: 'themeActivities',
component: r => { require(['./views/restaurant/ThemeActivities'], r) },
path: '/mom',
name: 'mom',
component: Mom,
meta: {
title: '主题活动'
title: '萌妈工作室',
menuTab: true
}
},
{
path: '/restaurant/restaurantClassify',
name: 'restaurantClassify',
component: r => { require(['./views/restaurant/RestaurantClassify'], r) },
path: '/randomHouse',
name: 'randomHouse',
component: RandomHouse,
meta: {
title: '主题活动'
title: '幸福书屋',
menuTab: true
}
},
{
path: '/pass',
name: 'pass',
component: Pass,
meta: {
title: '幸福传递'
}
]
},
{
path: '/administrator',
name: 'administrator',
component: Administrator,
meta: {
title: '管理员'
title: '管理员',
menuTab: true
}
}
]
......
src/views/fitness/ActivityShenhe.vue 0 → 100644
<template>
<div>
<!-- 活动审核：活动标题 账号 姓名 部门 活动图片 公里数 实际公里数（文本框） 审核按钮 -->
<el-table
:data="photoList"
border
header-cell-class-name="table-header-row">
<el-table-column
prop="activityTitle"
label="活动标题">
</el-table-column>
<el-table-column
prop="activityCount"
width="180"
label="账号">
</el-table-column>
<el-table-column
prop="activityName"
width="180"
label="姓名">
</el-table-column>
<el-table-column
prop="mcont"
label="部门">
</el-table-column>
<el-table-column
align="center"
width="400"
label="活动照片">
<template scope="scope">
<img :src="$imgUrl + scope.row.picturePath" width="220" height="60" style="margin: auto" />
</template>
</el-table-column>
<el-table-column
prop="gongli"
width="100"
align="center"
label="公里数">
</el-table-column>
<el-table-column
prop="sjgongli"
width="200"
label="实际公里数">
<template>
<el-input class="width100" placeholder="输入实际公里数"></el-input>
</template>
</el-table-column>
<el-table-column
align="center"
label="操作"
width="100">
<template>
<el-button type="primary" size="small" >审核</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination" v-if="photoList && photoList.length">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="pageSize"
layout="prev, pager, next"
:total="totalPage">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: 'activityShenhe',
data () {
return {
photoList: [
{
activityTitle: 'daniaanafnanjkvakak你简单',
activityCount: 'saasdsasd',
activityName: '张三',
gongli: '100',
mcont: '华夏事业部'
},
{
activityTitle: 'daniaanafnanjkvakak你简单',
activityCount: 'saasdsasd',
activityName: '张三',
gongli: '123',
mcont: '华夏事业部'
}
]
}
}
}
</script>
<style lang="scss" scoped>
</style>
src/views/fitness/FitActivity.vue 0 → 100644
<template>
<div>
<div class="btn-warp tr mb20">
<el-button type="primary" size="small">导出</el-button>
<el-button type="primary" class="el-button-link"><router-link to="/fitness/activityShenhe" style="color: #fff">活动审核</router-link></el-button>
</div>
<el-table
:data="photoList"
border
header-cell-class-name="table-header-row">
<el-table-column
prop="activityTitle"
label="活动标题">
</el-table-column>
<el-table-column
prop="activityTime"
align="center"
width="140"
label="活动时间">
</el-table-column>
<el-table-column
prop="activityCount"
width="180"
label="账号">
</el-table-column>
<el-table-column
prop="activityName"
width="150"
label="姓名">
</el-table-column>
<el-table-column
prop="time"
align="center"
width="140"
label="时间">
</el-table-column>
<el-table-column
prop="mcont"
label="部门">
</el-table-column>
</el-table>
<div class="pagination" v-if="photoList && photoList.length">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-size="pageSize"
layout="prev, pager, next"
:total="totalPage">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: 'fitActivity',
data () {
return {
photoList: [
{
activityTitle: 'daniaanafnanjkvakak你简单',
activityTime: '2020-04-27',
activityCount: 'saasdsasd',
activityName: '张三',
time: '2020-04-27',
mcont: '华夏事业部'
},
{
activityTitle: 'daniaanafnanjkvakak你简单',
activityTime: '2020-04-27',
activityCount: 'saasdsasd',
activityName: '张三',
time: '2020-04-27',
mcont: '华夏事业部'
}
]
}
}
}
</script>
<style lang="scss" scoped>
</style>
src/views/fitness/HappyRunning.vue
......@@ -30,16 +30,6 @@
<img :src="$imgUrl + scope.row.picturePath" width="220" height="60" style="margin: auto" />
</template>
</el-table-column>
<!--<el-table-column
prop="pictureOriginalName"
align="center"
label="名称">
</el-table-column>-->
<!--<el-table-column
prop="pictureOrder"
align="center"
label="图片排序">
</el-table-column>-->
<el-table-column
prop="pictureSize"
align="right"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment