zhenghuang
/
bsdgy-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

1

Browse Source
feature_0521
zhenghuang 6 years ago
parent e83a02fb9e
commit 9589780eb7
2 changed files with 403 additions and 373 deletions
Show Stats Download Patch File Download Diff File

124
src/pages/Home.vue
Unescape Escape View File

@ -1,33 +1,52 @@
<template>
<div class="layout">
<Layout :style="{minHeight: '100vh'}">
<Sider collapsible :collapsed-width="78" v-model="isCollapsed" :hide-trigger="true" >
<Sider collapsible
:collapsed-width="78"
v-model="isCollapsed"
:hide-trigger="true">
<div style="margin: 40px 0 20px 10px;font-weight: bold;font-size: 30px;color: #ffffff;">
<Poptip placement="bottom-start" width="200" :offset="-8">
<img src="../../static/img/avatar.png" style="width: 32px;vertical-align: middle;cursor: pointer"/>
<Poptip placement="bottom-start"
width="200"
:offset="-8">
<img src="../../static/img/avatar.png"
style="width: 32px;vertical-align: middle;cursor: pointer" />
<div slot="content">
<div style="cursor: pointer;" @click="logoutClick">
<div style="cursor: pointer;"
@click="logoutClick">
<span class="logout-span">退出登录</span>
<img class="logout-img" src="../../static/img/logout.png"/>
<img class="logout-img"
src="../../static/img/logout.png" />
</div>
</div>
</Poptip>
<span class="project-title">优客后台管理</span>
</div>
<Menu ref="menu" :active-name="selectedItemName" :open-names="openName" theme="dark" width="auto"
@on-select="onSelectLister" :accordion="true">
<MenuItem v-if="roleCode === 'GLY-ADMIN' || roleCode === 'DG-YUNYING' || roleCode === 'GL-YUNYING'" :name="0" to="/customer/view">
<Icon type="ios-paper"/>
<Menu ref="menu"
:active-name="selectedItemName"
:open-names="openName"
theme="dark"
width="auto"
@on-select="onSelectLister"
:accordion="true">
<MenuItem v-if="roleCode === 'GLY-ADMIN' || roleCode === 'DG-YUNYING' || roleCode === 'GL-YUNYING'"
:name="0"
to="/customer/view">
<Icon type="ios-paper" />
<span style="margin-left: 7px">首页</span>
</MenuItem>
<Submenu :name="item.id" v-for="item in onePermissionList" :key="item.id">
<Submenu :name="item.id"
v-for="item in onePermissionList"
:key="item.id">
<template slot="title">
<Icon type="ios-paper"/>
<Icon type="ios-paper" />
{{item.name}}
</template>
<MenuItem :name="cItem.id" :to="cItem.resource" v-for="cItem in item.subMenuList"
<MenuItem :name="cItem.id"
:to="cItem.resource"
v-for="cItem in item.subMenuList"
:key="cItem.id">
{{cItem.name}}
</MenuItem>
@ -38,12 +57,13 @@
<!-- <Header :style="{background: '#fff', boxShadow: '0 2px 3px 2px rgba(0,0,0,.1)'}"></Header>-->
<Content :style="{padding: '0 16px 16px'}">
<Breadcrumb :style="{margin: '16px 0'}">
<BreadcrumbItem><span style="cursor: pointer" @click="breadcrumbClick">{{selectedMenu}}</span></BreadcrumbItem>
<BreadcrumbItem><span style="cursor: pointer"
@click="breadcrumbClick">{{selectedMenu}}</span></BreadcrumbItem>
<BreadcrumbItem>{{selectedSubMenu}}</BreadcrumbItem>
</Breadcrumb>
<Card>
<div :style="{'min-height':mHeight + 'px'}">
<router-view/>
<router-view />
</div>
</Card>
</Content>
@ -52,16 +72,16 @@
</div>
</template>
<script>
import homeRequest from "../services/home/homeRequest";
import homeRequest from "../services/home/homeRequest";
export default {
provide() {
export default {
provide () {
return {
checkParamBlank: this.checkParamBlank,
setMenuName: this.setMenuName,
};
},
data() {
data () {
return {
roleCode: JSON.parse(sessionStorage.getItem("loginInfo")).roleCode,
mainUrl: "/customer/view",
@ -85,7 +105,7 @@
breadcrumbUrl: "",
}
},
mounted() {
mounted () {
let that = this;
this.bus.$on('callBack', function (item) {
that.callBack(item);
@ -94,7 +114,7 @@
// that.setHeader(data);
// })
},
created() {
created () {
// this.mHeight = window.screen.availHeight - 22;
//获取导航栏权限
@ -115,20 +135,20 @@
},
methods: {
onSelectLister(val) {
onSelectLister (val) {
let i;
this.onePermissionList.forEach(function (data) {
data.subMenuList.forEach(function (dta) {
if(dta.id === val){
if (dta.id === val) {
i = dta;
}
})
});
if(i){
sessionStorage.setItem("threeLevel",JSON.stringify(i.subMenuList));
if (i) {
sessionStorage.setItem("threeLevel", JSON.stringify(i.subMenuList));
}
//首页
if(val === 0){
if (val === 0) {
this.selectedMenu = "首页";
this.selectedSubMenu = "";
this.breadcrumbUrl = this.mainUrl;
@ -162,7 +182,7 @@
}
},
//获取导航栏一级权限
listOnePermission(level) {
listOnePermission (level) {
let that = this;
let userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
let request = {
@ -188,7 +208,7 @@
})
},
//获取二级权限
listTwoPermission(level) {
listTwoPermission (level) {
let userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
let that = this;
that.twoPermissionList = [];
@ -215,7 +235,7 @@
})
},
//获取三级权限
listThreePermission(level) {
listThreePermission (level) {
let userId = JSON.parse(sessionStorage.getItem("loginInfo")).userId;
let that = this;
that.threePermissionList = [];
@ -258,36 +278,36 @@
//导航栏初始化
menuInit: function () {
let that = this;
if(this.roleCode === 'GLY-ADMIN' || this.roleCode === 'DG-YUNYING' || this.roleCode === 'GL-YUNYING'){
if (this.roleCode === 'GLY-ADMIN' || this.roleCode === 'DG-YUNYING' || this.roleCode === 'GL-YUNYING') {
//默认首页
that.selectedItemName = 0;
this.$router.push({path: that.mainUrl});
this.$router.push({ path: that.mainUrl });
this.selectedMenu = "首页";
this.breadcrumbUrl = this.mainUrl;
}else{
} else {
that.selectedItemName = that.onePermissionList[0].subMenuList[0].id;
that.openName = [that.onePermissionList[0].id];
this.selectedMenu = this.onePermissionList[0].name;
this.selectedSubMenu = this.onePermissionList[0].subMenuList[0].name;
sessionStorage.setItem("threeLevel",JSON.stringify(this.onePermissionList[0].subMenuList[0].subMenuList));
sessionStorage.setItem("threeLevel", JSON.stringify(this.onePermissionList[0].subMenuList[0].subMenuList));
// this.$nextTick(() => {
// this.$refs.menu.updateOpened();
// this.$refs.menu.updateActiveName();
// });
this.$router.push({path: that.onePermissionList[0].subMenuList[0].resource});
this.$router.push({ path: that.onePermissionList[0].subMenuList[0].resource });
}
},
//账户管理页面回调方法
callBack(item) {
callBack (item) {
let that = this;
this.selectedMenu = "设置管理";
this.selectedSubMenu = "账户管理";
this.selectedItemName = this.onePermissionList[2].subMenuList[0].id;
this.$router.push({path: '/account/manager',query:item});
this.$router.push({ path: '/account/manager', query: item });
},
setHeader(data){
setHeader (data) {
let that = this;
this.selectedSubMenu = data.header;
this.$nextTick(() => {
@ -296,12 +316,19 @@
},
//手动设置面包屑
setMenuName: function (menu1, menu2) {
console.log("setMenu", arguments)
this.selectedMenu = menu1;
this.selectedSubMenu = menu2;
let parentId;
let subId;
this.onePermissionList.forEach(item => {
if (item.name == menu1) parentId = item.id
})
this.$forceUpdate()
},
//面包屑点击跳转
breadcrumbClick: function () {
if(this.selectedMenu === "首页"){
if (this.selectedMenu === "首页") {
this.selectedSubMenu = "";
}
this.$router.push(this.breadcrumbUrl);
@ -315,27 +342,26 @@
this.$Message.info("登出成功");
}
},
}
}
</script>
<style scoped>
.layout-con {
.layout-con {
height: 100%;
width: 100%;
}
/*项目标题*/
.project-title{
}
/*项目标题*/
.project-title {
font-size: 22px;
margin-left: 15px;
}
/*退出登入*/
.logout-span{
}
/*退出登入*/
.logout-span {
font-size: 15px;
vertical-align: middle;
color: #535353;
}
.logout-img{
}
.logout-img {
vertical-align: middle;
margin-left: 80px;
}
}
</style>

76
src/pages/activity/useTable.vue
Unescape Escape View File

@ -1,46 +1,50 @@
<template>
<div class="use_box">
<Modal
:scrollable="false"
<Modal :scrollable="false"
v-model="showUse"
title="使用活动"
@on-cancel="cancel"
:loading="true"
width="70%"
@on-visible-change="visibleChange"
>
<Steps style="padding: 40px;" :current="currentStep">
@on-visible-change="visibleChange">
<Steps style="padding: 40px;"
:current="currentStep">
<Step title="基本信息"></Step>
<Step :title="isModify ? '修改零售公司' : '选择零售公司'" content></Step>
<Step :title="isModify ? '修改店铺' : '选择店铺'" content></Step>
<Step title="确认信息" content></Step>
<Step :title="isModify ? '修改零售公司' : '选择零售公司'"
content></Step>
<Step :title="isModify ? '修改店铺' : '选择店铺'"
content></Step>
<Step title="确认信息"
content></Step>
</Steps>
<useActivityStepOne :schedule="schedule" :isModify="isModify" v-if="currentStep == 0 && show"></useActivityStepOne>
<useActivityStepTwo :schedule="schedule" :isModify="isModify" v-if="currentStep == 1"></useActivityStepTwo>
<useActivityStepThree :schedule="schedule" :isModify="isModify" v-if="currentStep == 2"></useActivityStepThree>
<useActivityStepFoure :schedule="schedule" :isModify="isModify" v-if="currentStep == 3"></useActivityStepFoure>
<useActivityStepOne :schedule="schedule"
:isModify="isModify"
v-if="currentStep == 0 && show"></useActivityStepOne>
<useActivityStepTwo :schedule="schedule"
:isModify="isModify"
v-if="currentStep == 1"></useActivityStepTwo>
<useActivityStepThree :schedule="schedule"
:isModify="isModify"
v-if="currentStep == 2"></useActivityStepThree>
<useActivityStepFoure :schedule="schedule"
:isModify="isModify"
v-if="currentStep == 3"></useActivityStepFoure>
<div slot="footer">
<Button
v-if="currentStep !== 0"
<Button v-if="currentStep !== 0"
type="primary"
shape="circle"
:loading="modal_loading"
@click="back"
>上一步</Button>
<Button
v-if="currentStep !== 3"
@click="back">上一步</Button>
<Button v-if="currentStep !== 3"
type="primary"
shape="circle"
:loading="modal_loading"
@click="next"
>下一步</Button>
<Button
v-if="currentStep == 3"
@click="next">下一步</Button>
<Button v-if="currentStep == 3"
type="primary"
shape="circle"
:loading="modal_loading"
@click="finish"
>完成</Button>
@click="finish">完成</Button>
</div>
</Modal>
</div>
@ -62,7 +66,7 @@ export default {
useActivityStepFoure
},
inject: ["setMenuName"],
data() {
data () {
return {
currentStep: 0,
modal_loading: false,
@ -83,27 +87,26 @@ export default {
}
},
watch: {
show() {
show () {
this.showUse = this.show;
},
schedule() {
schedule () {
store.getters.useData.scheduleId = this.schedule.id;
}
},
created() {
this.setMenuName("活动管理", "活动计划");
created () {
},
mounted() {},
mounted () { },
methods: {
visibleChange(show) {},
cancel() {
visibleChange (show) { },
cancel () {
store.commit("RSET_useData");
this.$emit("doShow", false);
this.modal_loading = false;
this.showUse = false;
this.currentStep = 0;
},
next() {
next () {
let data = store.getters.useData;
data.name = this.schedule.name;
if (this.currentStep === 0) {
@ -146,17 +149,18 @@ export default {
store.commit("SET_useData", data);
this.currentStep = this.currentStep + 1;
},
back() {
back () {
this.currentStep = this.currentStep - 1;
},
finish() {
finish () {
let that = this;
let data = store.getters.useData;
data.isGetActivityInfo = true;
this.modal_loading = true;
ActivityManager.saveActivityData(store.getters.useData, function(data) {
ActivityManager.saveActivityData(store.getters.useData, function (data) {
store.commit("RSET_useData");
that.$emit("doShow", false);
that.setMenuName("活动管理", "活动计划");
that.$router.push("/activity/plan");
that.currentStep = 0;
that.modal_loading = false;

Write Preview
Loading…
Cancel
Save