Skip to content

Y
ybf
Commit bcd90bfe authored by leiqingsong's avatar leiqingsong
Browse files
Options

案例展示

parents 2779b971 097c21d5
Hide whitespace changes
Inline Side-by-side
Showing with 844 additions and 847 deletions
wx_application/public/counterPageHome/index.html
View file @ bcd90bfe
...@@ -13,9 +13,20 @@ ...@@ -13,9 +13,20 @@
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
/* .swiper-container { .center {
height: 400px; display: flex;
} */ justify-content: start;
flex-direction: column;
width: 100%;
}
.swiper-container {
height: 500px;
width: 100%;
}
.swiper-container img {
height: 500px;
width: 100%;
}
.list { .list {
height: auto; height: auto;
width: 100%; width: 100%;
...@@ -58,41 +69,41 @@ ...@@ -58,41 +69,41 @@
font-size: 24px; font-size: 24px;
color: rgba(45, 71, 106, 0.8); color: rgba(45, 71, 106, 0.8);
} }
.fwb {
width: 100%;
padding: 30px !important;
}
</style> </style>
</head> </head>
<body> <body>
<div class="swiper-container"> <div class="center">
<div class="swiper-wrapper"> <div class="swiper-container">
<div class="swiper-slide"> <div class="swiper-wrapper" id="slider"></div>
<img src="http://files.cailiao.com/vue/cailiao/pc_21/images/ba1.jpg" alt=""> <div class="swiper-pagination"></div>
</div>
<div class="swiper-slide">
<img src="http://files.cailiao.com/vue/cailiao/pc_21/images/ba2.png" alt="">
</div>
<div class="swiper-slide">
<img src="http://files.cailiao.com/vue/cailiao/pc_21/images/ba3.png" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="list">
<div class="left flex">
<img src="../img/counter.png" alt="" />
</div> </div>
<div class="right"> <div class="list">
<div class="title">欧亚一号专柜</div> <div class="left flex">
<div class="txt"> <img id="logo" src="" alt="" />
<i class="iconfont icon-dianhua" style="font-size: 16px;"></i>
<span>18888888888</span>
</div> </div>
<div class="txt"> <div class="right">
<i class="iconfont icon-dizhi" style="font-size: 16px;"></i> <div class="title">欧亚一号专柜</div>
<span>欧亚商场一楼181号</span> <div class="txt">
<i class="iconfont icon-dianhua" style="font-size: 16px;"></i>
<span id="phone">18888888888</span>
</div>
<div class="txt">
<i class="iconfont icon-dizhi" style="font-size: 16px;"></i>
<span id="address">欧亚商场一楼181号</span>
</div>
</div> </div>
</div> </div>
<div id="fwb" style="padding: 40px;" >
</div>
</div> </div>
<script> <script>
// 获取店铺code
function GetQueryString(name) { function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg) var r = window.location.search.substr(1).match(reg)
...@@ -103,67 +114,51 @@ ...@@ -103,67 +114,51 @@
r = null r = null
return context == null || context == "" || context == "undefined" ? "" : context; return context == null || context == "" || context == "undefined" ? "" : context;
} }
// alert(GetQueryString("storeCode")) const oyStallCode = GetQueryString("oyStallCode")
const storecode = GetQueryString("storeCode")
$(function () {
showQRInfo()
});
const showQRInfo = () => {
// let pageUri = `${nowUrl}&detailid=${voucherId}&actionid=${activeId}&unionid=${unionId}`;
// let storecode = "181"
let pageUri = `pages/user/register/register?storeCode=${storecode}`
let pageUrl = `http://139.155.48.151:8085/workWx/auth/oauth2/wxMiniQrCode?pageUri=${pageUri}`;
$.ajax({
type: "POST",
url: pageUrl,
data: {},
success: function (res) {
$('#image').attr('src', res.data)
},
error: function (data) {
}
});
}
// 轮播图
/* swiper轮播组件 */ /* swiper轮播组件 */
var swiper = new Swiper('.swiper-container', { var swiper = new Swiper('.swiper-container', {
autoplay: true, autoplay: true,
pagination: { pagination: {
el: '.swiper-pagination', el: '.swiper-pagination',
}, },
});
/*鼠标移入停止轮播，鼠标离开 继续轮播*/
$('.swiper-container').mouseenter(function () {
swiper.stopAutoplay();
}).mouseleave(function () {
swiper.startAutoplay();
}) })
$(function () {
// $(function () { showQRInfo()
// $.ajax({ })
// type: 'GET', const showQRInfo = () => {
// url: 'a.json', $.ajax({
// success: function (data) { type: 'GET',
// var str = ""; url: `http://139.155.48.151:8084/admin/auth/stall/getByOyStallCode?oyStallCode=${oyStallCode}`,
// for (i = 0; i < data.list.length; i++) { success: function (data) {
// var _data = data.list[i]; console.log(data,'data')
// str += '<div class="swiper-slide"><a href="'+_data.URL+'">' + var str = "";
// '<img src="'+_data.Pic+'" alt=""></a></div>'; for (i = 0; i < data.data.carousel.length; i++) {
// }; var _data = data.data.carousel[i]
// $("#slider").append(str); str += '<div class="swiper-slide"><img src="'+ _data + '" alt=""></div>'
}
// if(data.data.list.length > 1){ $("#slider").append(str)
// var mySwiper = new Swiper('.swiper-container', { var mySwiper = new Swiper('.swiper-container', {
// loop: true, loop: true,
// autoplay: 2000, autoplay: true,
// pagination: '.swiper-pagination', pagination: '.swiper-pagination',
// }) })
// } let info = data.data.stallInfo
// } $("#logo").attr('src',info.logo)
// }) let content = info.summary.replace(/<img/g,'<img style="width:100%;"')
$("#address").text(info.location)
$("#fwb").html(content)
}
})
}
/*鼠标移入停止轮播，鼠标离开 继续轮播*/
// $('.swiper-container').mouseenter(function () {
// swiper.stopAutoplay();
// }).mouseleave(function () {
// swiper.startAutoplay();
// }) // })
</script> </script>
</body> </body>
......
wx_application/src/api/sidebar/voucher.js
View file @ bcd90bfe
...@@ -23,4 +23,12 @@ export function getStoreDetail(params) { ...@@ -23,4 +23,12 @@ export function getStoreDetail(params) {
method: 'get', method: 'get',
params params
}) })
} }
\ No newline at end of file // 获取专柜列表
export function getStoreList(params) {
return requestCF({
url: '/admin/auth/stall/getStallInfoListByUserId',
method: 'get',
params
})
}
wx_application/src/views/counter/changeCounter.vue
View file @ bcd90bfe
<template> <template>
<div class="container"> <div class="container">
<van-radio-group v-model="radio" class="nobr"> <van-radio-group v-model="radio" class="nobr">
<van-cell-group> <van-cell-group @change="handleStoreChange" >
<van-cell clickable @click="radio = '1'"> <van-cell v-for="(item,index) in list" :key="index" :name="item.oyStallCode" >
<div class="list"> <div class="list">
<div class="left"> <div class="left">
<img src="../../../public/img/counter.png" alt="" /> <img :src="item.logo" alt="" />
</div> </div>
<div class="right"> <div class="right">
<h3>欧亚一号专柜</h3> <h3>{{ item.name }}</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p> <p>{{ item.summaryTitle }}</p>
</div> </div>
</div> </div>
<van-radio slot="right-icon" name="1" /> <van-radio slot="right-icon" name="1" />
</van-cell> </van-cell>
<van-cell clickable @click="radio = '2'">
<div class="list">
<div class="left">
<img src="../../../public/img/counter.png" alt="" />
</div>
<div class="right">
<h3>欧亚一号专柜</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<van-radio slot="right-icon" name="2" />
</van-cell>
<van-cell clickable @click="radio = '3'">
<div class="list">
<div class="left">
<img src="../../../public/img/counter.png" alt="" />
</div>
<div class="right">
<h3>欧亚一号专柜</h3>
<p>由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。</p>
</div>
</div>
<van-radio slot="right-icon" name="3" />
</van-cell>
</van-cell-group> </van-cell-group>
</van-radio-group> </van-radio-group>
</div> </div>
</template> </template>
<script> <script>
import { getStoreList } from "@/api/sidebar/voucher"
export default { export default {
data() { data() {
return { return {
radio: "" radio: "1",
}; userId: '',
list: []
}
},
created() {
this.getList()
this.userId = sessionStorage.getItem('userId')
},
methods: {
getList() {
let params = {
user_id: 'shanDian'
}
getStoreList(params).then(res => {
console.log(res.data);
this.list = res.data
})
},
handleStoreChange(val) {
sessionStorage.setItem('oyStallCode',val)
}
} }
}; };
</script> </script>
......
wx_application/src/views/counter/counterEdit.vue
View file @ bcd90bfe
...@@ -26,7 +26,12 @@ ...@@ -26,7 +26,12 @@
</van-cell> </van-cell>
<van-cell title="专柜地址"> <van-cell title="专柜地址">
<template slot="default"> <template slot="default">
<van-field v-model="addForm.location" placeholder="输入名称" class="input" /> <van-field v-model="addForm.location" placeholder="输入地址" class="input" />
</template>
</van-cell>
<van-cell title="电话">
<template slot="default">
<van-field v-model="addForm.phone" placeholder="输入电话" class="input" />
</template> </template>
</van-cell> </van-cell>
<div class="border"> <div class="border">
...@@ -89,11 +94,20 @@ export default { ...@@ -89,11 +94,20 @@ export default {
data() { data() {
return { return {
addForm: { addForm: {
<<<<<<< HEAD
logo: "", logo: "",
summaryTitle: "", summaryTitle: "",
name: "", name: "",
location: "", location: "",
summary: "" summary: ""
=======
logo: '',
summaryTitle: '',
name: '',
location: '',
summary: '',
phone: ''
>>>>>>> 097c21d5606046937929f201fca0e9dd4dbc21e9
}, },
oyStallCode: "", oyStallCode: "",
list: [], list: [],
...@@ -130,9 +144,14 @@ export default { ...@@ -130,9 +144,14 @@ export default {
}; };
}, },
mounted() { mounted() {
<<<<<<< HEAD
this.addForm.oyStallCode = sessionStorage.getItem("oyStallCode"); this.addForm.oyStallCode = sessionStorage.getItem("oyStallCode");
console.log(this.addForm.oyStallCode, "编辑专柜信息oyStallCode"); console.log(this.addForm.oyStallCode, "编辑专柜信息oyStallCode");
this.getDetail(); this.getDetail();
=======
this.addForm.oyStallCode = sessionStorage.getItem('oyStallCode')
this.getDetail()
>>>>>>> 097c21d5606046937929f201fca0e9dd4dbc21e9
}, },
methods: { methods: {
getDetail() { getDetail() {
......
wx_application/src/views/counter/counterInfo.vue
View file @ bcd90bfe
...@@ -34,20 +34,18 @@ import "quill/dist/quill.bubble.css" ...@@ -34,20 +34,18 @@ import "quill/dist/quill.bubble.css"
export default { export default {
data() { data() {
return { return {
info: 1,
oyStallCode: '', oyStallCode: '',
storeInfo: { storeInfo: {
logo: './img/counter.png', logo: './img/counter.png',
name: 'only专柜', name: 'only专柜',
summaryTitle: 'ONLY是丹麦著名的国际时装公司BESTSELLER拥有的众多著名品牌之一', summaryTitle: 'ONLY是丹麦著名的国际时装公司BESTSELLER拥有的众多著名品牌之一',
}, },
carousel:['./img/cswiper.png','./img/cswiper.png','./img/cswiper.png','./img/cswiper.png'] carousel:['./img/cswiper.png','./img/cswiper.png','./img/cswiper.png','./img/cswiper.png']
} }
}, },
mounted() { mounted() {
this.oyStallCode = sessionStorage.getItem('oyStallCode') this.oyStallCode = sessionStorage.getItem('oyStallCode')
console.log(this.oyStallCode,'专柜信息oyStallCode');
this.getAgentAuth() this.getAgentAuth()
this.getDetail() this.getDetail()
}, },
...@@ -58,9 +56,12 @@ export default { ...@@ -58,9 +56,12 @@ export default {
} }
getStoreDetail(params).then(res => { getStoreDetail(params).then(res => {
if(res.data.stallInfo != null) { if(res.data.stallInfo != null) {
this.info = 2
console.log(res,'res'); console.log(res,'res');
this.carousel = res.data.carousel this.carousel = res.data.carousel
this.storeInfo = res.data.stallInfo this.storeInfo = res.data.stallInfo
}else {
this.info = 1
} }
}) })
}, },
...@@ -68,26 +69,38 @@ export default { ...@@ -68,26 +69,38 @@ export default {
this.$router.push("counterEdit") this.$router.push("counterEdit")
}, },
getChargeCode() { getChargeCode() {
this.$router.push("chargeCode") if(this.info == 1) {
this.$router.push('pushStoreInfo')
}else {
this.$router.push("chargeCode")
}
}, },
handleCounterHome() { handleCounterHome() {
this.$router.push("counterHome") if(this.info == 1) {
this.$router.push('pushStoreInfo')
}else {
this.$router.push("counterHome")
}
}, },
handlePushInfo() { handlePushInfo() {
let url = `http://oysales.oywanhao.com:8087/counterPageHome?oyStallCode=${this.oyStallCode}` if(this.info == 1) {
wx.invoke("shareToExternalContact", { this.$router.push('pushStoreInfo')
title: '专柜首页', // 消息的标题 }else {
desc: '专柜首页详情', // 消息的描述 let url = `http://oysales.oywanhao.com:8087/counterPageHome?oyStallCode=${this.oyStallCode}`
link: url, // 消息链接 wx.invoke("shareToExternalContact", {
imgUrl: '' // 消息封面 title: '专柜首页', // 消息的标题
},function(res) { desc: '专柜首页详情', // 消息的描述
if (res.err_msg == "shareToExternalContact:ok") { link: url, // 消息链接
this.$router.push({ path: "counterInfo" }) imgUrl: '' // 消息封面
}else { },function(res) {
console.log(res.err_msg,'错误信息') if (res.err_msg == "shareToExternalContact:ok") {
} this.$router.push({ path: "counterInfo" })
}) }else {
} console.log(res.err_msg,'错误信息')
}
})
}
}
} }
} }
</script> </script>
......
wx_application/src/views/counter/pushStoreInfo.vue
View file @ bcd90bfe
<template> <template>
<div class="container"> <div class="main" style="display: flex;flex-direction: column;justify-content: flex-start;font-size: 14px;">
<div>推送</div> <div>建设中...</div>
<!-- <div>
<van-search v-model="inputValue" placeholder="请输入搜索关键词" />
</div>
<van-checkbox-group v-model="list" @change="onChange">
<van-cell-group >
<van-cell class="content" v-for="(item, index) in newMemberList" :key="index" clickable data-index="index" bind:click="toggle">
<template slot="title">
<img src="../../../public/img/photo.png" alt="" />
<span class="custom-title">{{ item.name }}</span>
</template>
<van-checkbox slot="right-icon" catch:tap="noop" :name="item.id" />
</van-cell>
</van-cell-group>
</van-checkbox-group> -->
</div> </div>
</template> </template>
<script> <script>
import axios from "axios"; import Vue from "vue";
import { wxRequest } from '@/utils/aWxRequest'
// import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole const zlog = console.log.bind(console);
// let vConsole = new VConsole()
export default { export default {
data() { name: "goodPostIndex",
return { data() {
inputValue: '', return {
newMemberList: [ };
{ },
id: 1, created() {
src: "",
name: "Solomon" },
}, mounted() {
{
id: 2, },
src: "", methods: {
name: "Solomon" }
} };
],
list: [],
info: '',
userId: ''
}
},
mounted() {
this.getAgentAuth()
this.getList()
},
methods: {
getList() {
let url = 'http://oysales.oywanhao.com:8087/counterPageHome'
wx.invoke("shareToExternalContact", {
title: '专柜首页', // 消息的标题
desc: '专柜首页详情', // 消息的描述
link: url, // 消息链接
imgUrl: '' // 消息封面
},function(res) {
if (res.err_msg == "shareToExternalContact:ok") {
this.$router.push({ path: "counterInfo" })
}else {
console.log(res.err_msg,'错误信息')
}
})
// this.userId = sessionStorage.getItem('userId')
// let postData = {
// userId: this.userId
// }
// let header = {
// token: sessionStorage.getItem('XToken'),
// corpId: 'ww4df265003b43fa0d',
// agentId: '1000033'
// }
// wx.invoke('selectExternalContact', { "filterType": 0}, function(res){
// if(res.err_msg == "selectExternalContact:ok"){
// console.log(res,'联系人列表')
// }else {
// console.log('获取失败')
// }
// })
},
onChange(val) { },
toggle(event) {
const { index } = event.currentTarget.dataset;
const checkbox = this.selectComponent(`.checkboxes-${index}`);
checkbox.toggle();
},
noop() {}
}
}
</script> </script>
<style scoped> <style scoped>
.content { .main {
align-items: center; background-color: white;
} width: 100%;
.content >>> .van-icon-arrow:before { height: 100%;
margin-top: 10px;
color: #2d476a;
}
.custom-title { display: flex;
margin-left: 12px; flex-direction: column;
font-size: 16px; justify-content: start;
font-weight: bold;
color: rgba(45, 71, 106, 1);
}
.content img {
width: 44px;
height: 44px;
border-radius: 50%;
vertical-align: middle;
} }
</style> </style>
wx_application/src/views/mainSale/active/main/index.vue
View file @ bcd90bfe
<template> <template>
<div class="main"> <div class="main">
<div class="main-manInfos"> <div class="main-manInfos">
<div class="manInfo-logos"> <div class="manInfo-logos">
<img class="logos-logo" :src="test.manInfo.logoUrl"> <img class="logos-logo" :src="test.manInfo.logoUrl" />
</div> </div>
<div class="manInfo-name" @click="manInfoClick">{{test.manInfo.barFrom}}的专柜：{{test.manInfo.barName}}</div> <div
<div class="manInfo-switch" @click="switchBarClick"> class="manInfo-name"
<div class="switch-text">切换</div> @click="manInfoClick"
<img class="switch-icon" :src="test.manInfo.icon['1']"> >{{test.manInfo.barFrom}}的专柜：{{test.manInfo.barName}}</div>
</div> <div class="manInfo-switch" @click="switchBarClick">
<div class="switch-text">切换</div>
<img class="switch-icon" :src="test.manInfo.icon['1']" />
</div>
</div>
<div class="main-tips">
<div class="tips-tip">店铺粉丝 {{test.barInfo.fans}}</div>
<div class="tips-tip">个人粉丝 {{test.barInfo.personalFans}}</div>
<div class="tips-tip">今日新增 {{test.barInfo.newFans}}</div>
</div>
<div class="main-menus">
<div class="menus-row">
<div class="menu">
<img class="menu-logo" :src="test.menuInfo.icon['1']" />
<div class="menu-text">优惠券核销</div>
</div> </div>
<div class="main-tips"> <div class="menu" @click="menu02Click">
<div class="tips-tip">店铺粉丝 {{test.barInfo.fans}}</div> <img class="menu-logo" :src="test.menuInfo.icon['2']" />
<div class="tips-tip">个人粉丝 {{test.barInfo.personalFans}}</div> <div class="menu-text">任务列表</div>
<div class="tips-tip">今日新增 {{test.barInfo.newFans}}</div>
</div> </div>
<div class="main-menus"> <div class="menu" @click="menu03Click">
<div class="menus-row"> <img class="menu-logo" :src="test.menuInfo.icon['3']" />
<div class="menu"> <div class="menu-text">活动列表</div>
<img class="menu-logo" :src="test.menuInfo.icon['1']">
<div class="menu-text">优惠券核销</div>
</div>
<div class="menu" @click="menu02Click">
<img class="menu-logo" :src="test.menuInfo.icon['2']">
<div class="menu-text">任务列表</div>
</div>
<div class="menu" @click="menu03Click">
<img class="menu-logo" :src="test.menuInfo.icon['3']">
<div class="menu-text">活动列表</div>
</div>
</div>
<div class="menus-row">
<div class="menu" @click="menu04Click">
<img class="menu-logo" :src="test.menuInfo.icon['4']">
<div class="menu-text">专柜维护</div>
</div>
<div class="menu" @click="menu05Click">
<img class="menu-logo" :src="test.menuInfo.icon['5']">
<div class="menu-text">活动模版</div>
</div>
<div class="menu" @click="menu06Click">
<img class="menu-logo" :src="test.menuInfo.icon['6']">
<div class="menu-text">商品管理</div>
</div>
</div>
</div> </div>
<div class="main-actives"> </div>
<div class="actives-banners"> <div class="menus-row">
<div class="actives-banner-title">现有开展活动</div> <div class="menu" @click="menu04Click">
</div> <img class="menu-logo" :src="test.menuInfo.icon['4']" />
<div class="actives-main"> <div class="menu-text">专柜维护</div>
<div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['1']">
</div>
<div class="active-infos">
<div class="active-title">大转盘</div>
<div class="active-dsc">{{test.cache.actDsc}}</div>
</div>
</div>
<div class="actives-main">
<div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['2']">
</div>
<div class="active-infos">
<div class="active-title">现金券发放</div>
<div class="active-dsc">{{test.cache.actDsc}}</div>
</div>
</div>
<div class="actives-main">
<div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['3']">
</div>
<div class="active-infos">
<div class="active-title">集卡</div>
<div class="active-dsc">{{test.cache.actDsc}}</div>
</div>
</div>
<div class="actives-mores">
<div class="mores-title">查看更多</div>
<img class="mores-icon" :src="test.cache.arrowRightDark">
</div>
</div> </div>
<div class="main-menuBar"> <div class="menu" @click="menu05Click">
<div class="menuBar-menu" @click="menuBarClick('MainSale')"> <img class="menu-logo" :src="test.menuInfo.icon['5']" />
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['1']"> <div class="menu-text">活动模版</div>
<div class="menuBar-title menuBar-title-ac">活动</div>
</div>
<div class="menuBar-menu" @click="menuCase()"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['2']">
<div class="menuBar-title">案例</div>
</div>
<div class="menuBar-menu" @click="menuProfit()"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['3']">
<div class="menuBar-title">收益</div>
</div>
<div class="menuBar-menu" @click="menuTask()"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['4']">
<div class="menuBar-title">任务</div>
</div>
<div class="menuBar-menu" @click="menuBarClick('Me')">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['5']">
<div class="menuBar-title">我的</div>
</div>
</div> </div>
<div class="menu" @click="menu06Click">
<img class="menu-logo" :src="test.menuInfo.icon['6']" />
<div class="menu-text">商品管理</div>
</div>
</div>
</div> </div>
<div class="main-actives">
<div class="actives-banners">
<div class="actives-banner-title">现有开展活动</div>
</div>
<div class="actives-main">
<div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['1']" />
</div>
<div class="active-infos">
<div class="active-title">大转盘</div>
<div class="active-dsc">{{test.cache.actDsc}}</div>
</div>
</div>
<div class="actives-main">
<div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['2']" />
</div>
<div class="active-infos">
<div class="active-title">现金券发放</div>
<div class="active-dsc">{{test.cache.actDsc}}</div>
</div>
</div>
<div class="actives-main">
<div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['3']" />
</div>
<div class="active-infos">
<div class="active-title">集卡</div>
<div class="active-dsc">{{test.cache.actDsc}}</div>
</div>
</div>
<div class="actives-mores">
<div class="mores-title">查看更多</div>
<img class="mores-icon" :src="test.cache.arrowRightDark" />
</div>
</div>
<div class="main-menuBar">
<div class="menuBar-menu" @click="menuBarClick('MainSale')">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['1']" />
<div class="menuBar-title menuBar-title-ac">活动</div>
</div>
<div class="menuBar-menu" @click="menuCase()">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['2']" />
<div class="menuBar-title">案例</div>
</div>
<div class="menuBar-menu" @click="menuProfit()">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['3']" />
<div class="menuBar-title">收益</div>
</div>
<div class="menuBar-menu" @click="menuTask()">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['4']" />
<div class="menuBar-title">任务</div>
</div>
<div class="menuBar-menu" @click="menuBarClick('Me')">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['5']" />
<div class="menuBar-title">我的</div>
</div>
</div>
</div>
</template> </template>
<script> <script>
export default { import axios from "axios"
name: "discountIndex", import { getStoreDetail } from "@/api/sidebar/voucher";
data() { export default {
return { name: "discountIndex",
test: { data() {
cache: { return {
imgUrl: "/hi.jpg", test: {
actDsc: "由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。", cache: {
nowMenuBar: "1", imgUrl: "/hi.jpg",
arrowRightDark: "/mainSale/icon-arrow-right-dark.png", actDsc: "由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。",
}, nowMenuBar: "1",
manInfo: { arrowRightDark: "/mainSale/icon-arrow-right-dark.png"
bk_logoUrl: "https://ezhq.xyz/img/main/logo_sona.jpg",
logoUrl: "/photo.png",
barFrom: "alice",
barName: "only",
icon: {
"1": "/mainSale/icon-arrow-right-light.png",
}
},
barInfo: {
fans: "299",
personalFans: "77",
newFans: "11",
},
menuInfo: {
icon: {
"1": "/mainSale/icon-menu-01.png",
"2": "/mainSale/icon-menu-02.png",
"3": "/mainSale/icon-menu-03.png",
"4": "/mainSale/icon-menu-04.png",
"5": "/mainSale/icon-menu-05.png",
"6": "/mainSale/icon-menu-06.png",
}
},
activeInfo: {
icon: {
"0": "/mainSale/icon-active-title.png",
"1": "/mainSale/icon-active-1.png",
"2": "/mainSale/icon-active-2.png",
"3": "/mainSale/icon-active-3.png",
}
},
menuBarInfo: {
list: {
main: [
{
name: "",
iconUaUrl: "",
iconAcUrl: "",
}
],
},
icon: {
now: {
"1": "",
"2": "",
"3": "",
"4": "",
"5": "",
},
ua: {
"1": "/mainSale/icon-menuBar-1-ua.png",
"2": "/mainSale/icon-menuBar-2-ua.png",
"3": "/mainSale/icon-menuBar-3-ua.png",
"4": "/mainSale/icon-menuBar-4-ua.png",
"5": "/mainSale/icon-menuBar-5-ua.png",
},
ac: {
"1": "/mainSale/icon-menuBar-1-ac.png",
"2": "/mainSale/icon-menuBar-2-ac.png",
"3": "/mainSale/icon-menuBar-3-ac.png",
"4": "/mainSale/icon-menuBar-4-ac.png",
"5": "/mainSale/icon-menuBar-5-ac.png",
}
},
}
},
dis: {}
};
}, },
created() { manInfo: {
this.checkNowMenuBar() bk_logoUrl: "https://ezhq.xyz/img/main/logo_sona.jpg",
logoUrl: "/photo.png",
barFrom: "alice",
barName: "only",
icon: {
"1": "/mainSale/icon-arrow-right-light.png"
}
}, },
methods: { barInfo: {
checkNowMenuBar() { fans: "299",
let inData = '1' personalFans: "77",
this.test.menuBarInfo.icon.now = this.test.menuBarInfo.icon.ua newFans: "11"
this.test.menuBarInfo.icon.now[inData] = this.test.menuBarInfo.icon.ac[inData] },
}, menuInfo: {
manInfoClick(){ icon: {
this.$router.push("counterInfo") "1": "/mainSale/icon-menu-01.png",
}, "2": "/mainSale/icon-menu-02.png",
"3": "/mainSale/icon-menu-03.png",
switchBarClick(){ "4": "/mainSale/icon-menu-04.png",
this.$router.push("changeCounter") "5": "/mainSale/icon-menu-05.png",
}, "6": "/mainSale/icon-menu-06.png"
testButtonClick() { }
}, },
menu01Click() { activeInfo: {
}, icon: {
menu02Click() { "0": "/mainSale/icon-active-title.png",
this.$router.push("Task") "1": "/mainSale/icon-active-1.png",
}, "2": "/mainSale/icon-active-2.png",
menu03Click() { "3": "/mainSale/icon-active-3.png"
this.$router.push("activeList") }
}, },
menu04Click() { menuBarInfo: {
this.$router.push("counterInfo") list: {
}, main: [
menu05Click() { {
this.$router.push("ActTemplate") name: "",
}, iconUaUrl: "",
menu06Click() { iconAcUrl: ""
this.$router.push("goodManage") }
}, ]
buttonMainMarketingClick() { },
// this.$router.push("home") icon: {
}, now: {
menuBarClick(inData) { "1": "",
this.$router.push(inData) "2": "",
}, "3": "",
menuCase() { "4": "",
this.$router.push({path:"/case"}) "5": ""
},
menuProfit() {
this.$router.push({path:"/profitList"})
}, },
menuTask() { ua: {
this.$router.push({path:"/taskList"}) "1": "/mainSale/icon-menuBar-1-ua.png",
"2": "/mainSale/icon-menuBar-2-ua.png",
"3": "/mainSale/icon-menuBar-3-ua.png",
"4": "/mainSale/icon-menuBar-4-ua.png",
"5": "/mainSale/icon-menuBar-5-ua.png"
}, },
ac: {
} "1": "/mainSale/icon-menuBar-1-ac.png",
"2": "/mainSale/icon-menuBar-2-ac.png",
"3": "/mainSale/icon-menuBar-3-ac.png",
"4": "/mainSale/icon-menuBar-4-ac.png",
"5": "/mainSale/icon-menuBar-5-ac.png"
}
}
},
},
dis: {},
oyStallCode: '',
userId: ''
}; };
},
created() {
this.checkNowMenuBar()
this.getUserInfo()
this.oyStallCode = sessionStorage.getItem('oyStallCode')
this.userId = sessionStorage.getItem('userId')
this.getStore()
this.getFans()
},
methods: {
// 获取用户信息
getUserInfo() {
let headerData = {
agentId: "1000033",
corpId: "ww4df265003b43fa0d"
};
axios({
url: "http://139.155.48.151:8085/workWx/auth/user/get?userId=" +this.userId,
method: "get",
headers: headerData
})
.then(res => {
this.test.manInfo.barFrom = res.data.data.name
this.test.manInfo.logoUrl = res.data.data.avatar
})
.catch(err => {
console.log(err);
});
},
getFans() {
let headerData = {
agentId: "1000033",
corpId: "ww4df265003b43fa0d"
};
axios({
url: "http://139.155.48.151:8085/workWx/auth/contact/listExternalContacts?userId=" + this.userId,
method: "get",
headers: headerData
})
.then(res => {
this.test.barInfo.personalFans = res.data.data.length
})
.catch(err => {
console.log(err);
});
},
// 获取店铺信息
getStore() {
let params = {
oyStallCode: this.oyStallCode
}
getStoreDetail(params).then(res => {
if(res.data.stallInfo != null) {
this.test.manInfo.barName = res.data.stallInfo.name
}
})
},
checkNowMenuBar() {
let inData = "1";
this.test.menuBarInfo.icon.now = this.test.menuBarInfo.icon.ua;
this.test.menuBarInfo.icon.now[inData] = this.test.menuBarInfo.icon.ac[
inData
];
},
manInfoClick() {
this.$router.push("counterInfo");
},
switchBarClick() {
this.$router.push("ChangeCounter");
},
testButtonClick() {},
menu01Click() {},
menu02Click() {
this.$router.push("Task");
},
menu03Click() {
this.$router.push("activeList");
},
menu04Click() {
this.$router.push("counterInfo");
},
menu05Click() {
this.$router.push("ActTemplate");
},
menu06Click() {
this.$router.push("goodManage");
},
buttonMainMarketingClick() {
// this.$router.push("home")
},
menuBarClick(inData) {
this.$router.push(inData);
},
menuCase() {
this.$router.push({ path: "/case" });
},
menuProfit() {
this.$router.push({ path: "/profitList" });
},
menuTask() {
this.$router.push({ path: "/taskList" });
}
}
};
</script> </script>
<style scoped> <style scoped>
.testCube { .testCube {
width: 60px; width: 60px;
height: 10px; height: 10px;
background-color: lightcoral; background-color: lightcoral;
border: 1px solid white; border: 1px solid white;
} }
.main { .main {
background-color: rgb(237, 239, 243); background-color: rgb(237, 239, 243);
width: 100%; width: 100%;
height: auto; height: auto;
/*padding: ;*/ /*padding: ;*/
padding-bottom: 94px; padding-bottom: 94px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: start; justify-content: start;
overflow: auto; overflow: auto;
} }
.main-manInfos { .main-manInfos {
width: 100%; width: 100%;
height: 72px; height: 72px;
background-color: #4377BC; background-color: #4377bc;
padding: 0px 16px; padding: 0px 16px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.manInfo-logos { .manInfo-logos {
width: 48px;
width: 48px; height: 48px;
height: 48px; /*border: 1px solid white;*/
/*border: 1px solid white;*/
display: flex;
flex-direction: row;
display: flex; justify-content: start;
flex-direction: row; align-items: center;
justify-content: start; }
align-items: center;
} .logos-logo {
width: 48px;
.logos-logo { height: 48px;
width: 48px; object-fit: cover;
height: 48px; border-radius: 50%;
object-fit: cover;
border-radius: 50%; border: 2px solid white;
}
border: 2px solid white;
} .manInfo-name {
width: 100%;
.manInfo-name { height: 18px;
width: 100%; padding: 0px 12px;
height: 18px; margin-right: 60px;
padding: 0px 12px;
margin-right: 60px; color: white;
font-size: 14px;
color: white; line-height: 16px;
font-weight: bold;
font-size: 14px; }
line-height: 16px;
font-weight: bold; .manInfo-switch {
/*border: 1px solid greenyellow;*/
} width: 100px;
height: 18px;
.manInfo-switch {
/*border: 1px solid greenyellow;*/ font-size: 14px;
width: 100px; line-height: 18px;
height: 18px; font-weight: bold;
display: flex;
font-size: 14px; flex-direction: row;
line-height: 18px; justify-content: flex-end;
font-weight: bold; align-items: center;
}
display: flex;
flex-direction: row; .switch-icon {
justify-content: flex-end; width: 5px;
align-items: center; height: 8px;
} }
.switch-icon { .switch-text {
width: 5px; color: white;
height: 8px;
} padding-right: 4px;
.switch-text { font-size: 14px;
color: white; line-height: 16px;
font-weight: normal;
padding-right: 4px; }
font-size: 14px; .main-tips {
line-height: 16px; width: 100%;
font-weight: normal; height: 48px;
} background-color: #f8f8f8;
.main-tips { padding: 0px 16px;
width: 100%; display: flex;
height: 48px; flex-direction: row;
background-color: #F8F8F8; justify-content: space-between;
align-items: center;
padding: 0px 16px; }
display: flex; .tips-tip {
flex-direction: row; /*border: 1px solid darkorange;*/
justify-content: space-between; width: 30%;
align-items: center; height: 16px;
}
color: #4377bc;
.tips-tip { font-size: 12px;
/*border: 1px solid darkorange;*/ font-weight: normal;
width: 30%; line-height: 16px;
height: 16px; text-align: center;
}
color: #4377BC;
font-size: 12px; .main-menus {
font-weight: normal; /*border: 1px solid lightseagreen;*/
line-height: 16px; width: 100%;
text-align: center; height: 240px;
} display: flex;
flex-direction: column;
.main-menus { justify-content: start;
/*border: 1px solid lightseagreen;*/ }
width: 100%;
height: 240px; .menus-row {
width: 100%;
display: flex; height: 120px;
flex-direction: column;
justify-content: start; padding: 12px 16px 0px 16px;
}
display: flex;
.menus-row { flex-direction: row;
width: 100%; justify-content: space-between;
height: 120px; }
padding: 12px 16px 0px 16px; .menu {
width: 108px;
display: flex; height: 108px;
flex-direction: row; background-color: #f8f8f8;
justify-content: space-between;
} display: flex;
flex-direction: column;
.menu { justify-content: center;
width: 108px; align-items: center;
height: 108px; }
background-color: #F8F8F8;
.menu-logo {
display: flex; width: 48px;
flex-direction: column; height: 48px;
justify-content: center;
align-items: center; object-fit: cover;
} }
.menu-logo { .menu-text {
width: 48px; font-size: 14px;
height: 48px; font-weight: bold;
color: #2d476a;
object-fit: cover; }
}
.main-actives {
.menu-text { /*border: 1px solid lightcoral;*/
font-size: 14px; width: 100%;
font-weight: bold; height: 380px;
color: #2D476A; /*margin-bottom: 94px;*/
} margin-top: 36px;
padding: 0px 12px;
.main-actives { background-color: white;
/*border: 1px solid lightcoral;*/
width: 100%; display: flex;
height: 380px; flex-direction: column;
/*margin-bottom: 94px;*/ justify-content: start;
margin-top: 36px; }
padding: 0px 12px;
background-color: white; .actives-banners {
border-bottom: 1px solid #eeeeee;
display: flex; width: 100%;
flex-direction: column; height: 25px;
justify-content: start;
} display: flex;
flex-direction: row;
.actives-banners { justify-content: center;
border-bottom: 1px solid #EEEEEE; }
width: 100%;
height: 25px; .actives-banner-small {
width: 220px;
height: 30px;
display: flex;
flex-direction: row; object-fit: cover;
justify-content: center;
position: relative;
} bottom: 7px;
}
.actives-banner-small {
.actives-banner-title {
background: url(/mainSale/icon-active-title.png);
width: 220px; background-repeat: no-repeat;
height: 30px; background-size: 100% 100%;
object-fit: cover; width: 220px;
height: 30px;
position: relative;
bottom: 7px; font-size: 16px;
} line-height: 16px;
color: #2d476a;
.actives-banner-title { text-align: center;
background: url(/mainSale/icon-active-title.png);
background-repeat: no-repeat; position: relative;
background-size: 100% 100%; bottom: 7px;
}
width: 220px;
height: 30px; .actives-banner-main {
width: 148px;
font-size: 16px; height: 24px;
line-height: 16px; border-radius: 40px;
color: #2D476A; margin: 0px 4px;
text-align: center;
font-size: 16px;
font-weight: bold;
position: relative; line-height: 18px;
bottom: 7px; text-align: center;
} color: #2d476a;
background: linear-gradient(#ffffff, 50%, #e4f9ff);
.actives-banner-main { box-shadow: 0px 1px 1px 0px #96cedc;
width: 148px;
height: 24px; position: relative;
border-radius: 40px; bottom: 12px;
margin: 0px 4px; }
font-size: 16px; .actives-main {
font-weight: bold; border-bottom: 1px solid #eeeeee;
line-height: 18px; width: 100%;
text-align: center; height: 105px;
color: #2D476A; padding: 12px 0px;
background: linear-gradient(#FFFFFF, 50%, #E4F9FF); display: flex;
box-shadow: 0px 1px 1px 0px #96CEDC; flex-direction: row;
justify-content: start;
position: relative; }
bottom: 12px;
} .active-logos {
background-color: #f8f8f8;
width: 80px;
.actives-main { height: 80px;
border-bottom: 1px solid #EEEEEE; display: flex;
width: 100%; flex-direction: row;
height: 105px; justify-content: center;
padding: 12px 0px; align-items: center;
}
display: flex;
flex-direction: row; .active-logo {
justify-content: start; width: 56px;
} height: 56px;
}
.active-logos {
background-color: #F8F8F8; .active-infos {
width: 80px; width: 100%;
height: 80px; height: 80px;
display: flex; padding-left: 12px;
flex-direction: row;
justify-content: center; display: flex;
align-items: center; flex-direction: column;
} justify-content: center;
}
.active-logo {
width: 56px; .active-title {
height: 56px; height: 16px;
font-size: 14px;
} font-weight: bold;
line-height: 14px;
.active-infos { margin-bottom: 8px;
width: 100%; }
height: 80px;
padding-left: 12px; .active-dsc {
height: 36px;
display: flex; width: 100%;
flex-direction: column; font-size: 12px;
justify-content: center; font-weight: normal;
} }
.active-title { .actives-mores {
height: 16px; width: 100%;
font-size: 14px; height: 40px;
font-weight: bold; /*border: 1px solid red;*/
line-height: 14px;
margin-bottom: 8px; display: flex;
} flex-direction: row;
justify-content: center;
.active-dsc { align-items: center;
height: 36px; }
width: 100%;
font-size: 12px; .mores-title {
font-weight: normal; width: auto;
height: 14px;
}
margin-right: 4px;
.actives-mores {
width: 100%; font-size: 12px;
height: 40px; font-weight: normal;
/*border: 1px solid red;*/ line-height: 14px;
color: #2d476a;
display: flex; }
flex-direction: row;
justify-content: center; .mores-icon {
align-items: center; width: 10px;
} height: 14px;
}
.mores-title {
width: auto; .main-menuBar {
height: 14px; /*border: 1px solid darkviolet;*/
box-shadow: inset 0px 1px 2px 0px rgba(221, 221, 221, 1);
margin-right: 4px; width: 100%;
height: 82px;
font-size: 12px; position: fixed;
font-weight: normal; bottom: 0px;
line-height: 14px; left: 0px;
color: #2D476A; background-color: #fafafa;
} padding: 0px 14px;
display: flex;
.mores-icon { flex-direction: row;
width: 10px; justify-content: space-between;
height: 14px; }
}
.menuBar-menu {
.main-menuBar { /*background-color: greenyellow;*/
/*border: 1px solid darkviolet;*/ width: 48px;
box-shadow: inset 0px 1px 2px 0px rgba(221, 221, 221, 1); height: 47px;
width: 100%;
height: 82px; display: flex;
position: fixed; flex-direction: column;
bottom: 0px; justify-content: flex-end;
left: 0px; align-items: center;
background-color: #FAFAFA; }
padding: 0px 14px;
display: flex; .menuBar-icon {
flex-direction: row; width: 24px;
justify-content: space-between; height: 24px;
} object-fit: cover;
}
.menuBar-menu {
/*background-color: greenyellow;*/ .menuBar-title {
width: 48px; width: auto;
height: 47px; height: 12px;
font-size: 10px;
font-weight: bold;
display: flex; color: rgba(67, 119, 188, 0.4);
flex-direction: column; text-align: center;
justify-content: flex-end; }
align-items: center;
} .menuBar-title-ac {
color: rgba(67, 119, 188, 1);
.menuBar-icon { }
width: 24px;
height: 24px;
object-fit: cover;
}
.menuBar-title {
width: auto;
height: 12px;
font-size: 10px;
font-weight: bold;
color: rgba(67, 119, 188, 0.4);
text-align: center;
}
.menuBar-title-ac {
color: rgba(67, 119, 188, 1);
}
</style> </style>
wx_application/src/views/mainSale/me/main/index.vue
View file @ bcd90bfe
...@@ -70,11 +70,9 @@ ...@@ -70,11 +70,9 @@
<script> <script>
import {configWx, getUserInfo} from "@/utils/aCommon" import {configWx, getUserInfo} from "@/utils/aCommon"
import { getUserInfoByUserId } from "@/api/sidebar/voucher";
import axios from "axios" import axios from "axios"
// import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
import { editStore } from "@/api/sidebar/voucher"; import { editStore } from "@/api/sidebar/voucher";
// let vConsole = new VConsole()
export default { export default {
name: "me", name: "me",
data() { data() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment