Skip to content

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

案例展示

parents 2779b971 097c21d5
Show 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="center">
<div class="swiper-container"> <div class="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper" id="slider"></div>
<div class="swiper-slide">
<img src="http://files.cailiao.com/vue/cailiao/pc_21/images/ba1.jpg" alt="">
</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 class="swiper-pagination"></div>
</div> </div>
<div class="list"> <div class="list">
<div class="left flex"> <div class="left flex">
<img src="../img/counter.png" alt="" /> <img id="logo" src="" alt="" />
</div> </div>
<div class="right"> <div class="right">
<div class="title">欧亚一号专柜</div> <div class="title">欧亚一号专柜</div>
<div class="txt"> <div class="txt">
<i class="iconfont icon-dianhua" style="font-size: 16px;"></i> <i class="iconfont icon-dianhua" style="font-size: 16px;"></i>
<span>18888888888</span> <span id="phone">18888888888</span>
</div> </div>
<div class="txt"> <div class="txt">
<i class="iconfont icon-dizhi" style="font-size: 16px;"></i> <i class="iconfont icon-dizhi" style="font-size: 16px;"></i>
<span>欧亚商场一楼181号</span> <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 () {
showQRInfo()
})
const showQRInfo = () => {
$.ajax({
type: 'GET',
url: `http://139.155.48.151:8084/admin/auth/stall/getByOyStallCode?oyStallCode=${oyStallCode}`,
success: function (data) {
console.log(data,'data')
var str = "";
for (i = 0; i < data.data.carousel.length; i++) {
var _data = data.data.carousel[i]
str += '<div class="swiper-slide"><img src="'+ _data + '" alt=""></div>'
}
$("#slider").append(str)
var mySwiper = new Swiper('.swiper-container', {
loop: true,
autoplay: true,
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)
}
})
}
// $(function () { /*鼠标移入停止轮播，鼠标离开 继续轮播*/
// $.ajax({ // $('.swiper-container').mouseenter(function () {
// type: 'GET', // swiper.stopAutoplay();
// url: 'a.json', // }).mouseleave(function () {
// success: function (data) { // swiper.startAutoplay();
// var str = "";
// for (i = 0; i < data.list.length; i++) {
// var _data = data.list[i];
// str += '<div class="swiper-slide"><a href="'+_data.URL+'">' +
// '<img src="'+_data.Pic+'" alt=""></a></div>';
// };
// $("#slider").append(str);
// if(data.data.list.length > 1){
// var mySwiper = new Swiper('.swiper-container', {
// loop: true,
// autoplay: 2000,
// pagination: '.swiper-pagination',
// })
// }
// }
// })
// }) // })
</script> </script>
</body> </body>
......
wx_application/src/api/sidebar/voucher.js
View file @ bcd90bfe
...@@ -24,3 +24,11 @@ export function getStoreDetail(params) { ...@@ -24,3 +24,11 @@ export function getStoreDetail(params) {
params params
}) })
} }
// 获取专柜列表
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,12 +69,23 @@ export default { ...@@ -68,12 +69,23 @@ export default {
this.$router.push("counterEdit") this.$router.push("counterEdit")
}, },
getChargeCode() { getChargeCode() {
if(this.info == 1) {
this.$router.push('pushStoreInfo')
}else {
this.$router.push("chargeCode") this.$router.push("chargeCode")
}
}, },
handleCounterHome() { handleCounterHome() {
if(this.info == 1) {
this.$router.push('pushStoreInfo')
}else {
this.$router.push("counterHome") this.$router.push("counterHome")
}
}, },
handlePushInfo() { handlePushInfo() {
if(this.info == 1) {
this.$router.push('pushStoreInfo')
}else {
let url = `http://oysales.oywanhao.com:8087/counterPageHome?oyStallCode=${this.oyStallCode}` let url = `http://oysales.oywanhao.com:8087/counterPageHome?oyStallCode=${this.oyStallCode}`
wx.invoke("shareToExternalContact", { wx.invoke("shareToExternalContact", {
title: '专柜首页', // 消息的标题 title: '专柜首页', // 消息的标题
...@@ -90,6 +102,7 @@ export default { ...@@ -90,6 +102,7 @@ export default {
} }
} }
} }
}
</script> </script>
<style scoped> <style scoped>
......
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 {
name: "goodPostIndex",
data() { data() {
return { return {
inputValue: '', };
newMemberList: [
{
id: 1,
src: "",
name: "Solomon"
}, },
{ created() {
id: 2,
src: "",
name: "Solomon"
}
],
list: [],
info: '',
userId: ''
}
}, },
mounted() { mounted() {
this.getAgentAuth()
this.getList()
}, },
methods: { 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
...@@ -2,12 +2,15 @@ ...@@ -2,12 +2,15 @@
<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
class="manInfo-name"
@click="manInfoClick"
>{{test.manInfo.barFrom}}的专柜：{{test.manInfo.barName}}</div>
<div class="manInfo-switch" @click="switchBarClick"> <div class="manInfo-switch" @click="switchBarClick">
<div class="switch-text">切换</div> <div class="switch-text">切换</div>
<img class="switch-icon" :src="test.manInfo.icon['1']"> <img class="switch-icon" :src="test.manInfo.icon['1']" />
</div> </div>
</div> </div>
<div class="main-tips"> <div class="main-tips">
...@@ -18,33 +21,32 @@ ...@@ -18,33 +21,32 @@
<div class="main-menus"> <div class="main-menus">
<div class="menus-row"> <div class="menus-row">
<div class="menu"> <div class="menu">
<img class="menu-logo" :src="test.menuInfo.icon['1']"> <img class="menu-logo" :src="test.menuInfo.icon['1']" />
<div class="menu-text">优惠券核销</div> <div class="menu-text">优惠券核销</div>
</div> </div>
<div class="menu" @click="menu02Click"> <div class="menu" @click="menu02Click">
<img class="menu-logo" :src="test.menuInfo.icon['2']"> <img class="menu-logo" :src="test.menuInfo.icon['2']" />
<div class="menu-text">任务列表</div> <div class="menu-text">任务列表</div>
</div> </div>
<div class="menu" @click="menu03Click"> <div class="menu" @click="menu03Click">
<img class="menu-logo" :src="test.menuInfo.icon['3']"> <img class="menu-logo" :src="test.menuInfo.icon['3']" />
<div class="menu-text">活动列表</div> <div class="menu-text">活动列表</div>
</div> </div>
</div> </div>
<div class="menus-row"> <div class="menus-row">
<div class="menu" @click="menu04Click"> <div class="menu" @click="menu04Click">
<img class="menu-logo" :src="test.menuInfo.icon['4']"> <img class="menu-logo" :src="test.menuInfo.icon['4']" />
<div class="menu-text">专柜维护</div> <div class="menu-text">专柜维护</div>
</div> </div>
<div class="menu" @click="menu05Click"> <div class="menu" @click="menu05Click">
<img class="menu-logo" :src="test.menuInfo.icon['5']"> <img class="menu-logo" :src="test.menuInfo.icon['5']" />
<div class="menu-text">活动模版</div> <div class="menu-text">活动模版</div>
</div> </div>
<div class="menu" @click="menu06Click"> <div class="menu" @click="menu06Click">
<img class="menu-logo" :src="test.menuInfo.icon['6']"> <img class="menu-logo" :src="test.menuInfo.icon['6']" />
<div class="menu-text">商品管理</div> <div class="menu-text">商品管理</div>
</div> </div>
</div> </div>
</div> </div>
<div class="main-actives"> <div class="main-actives">
<div class="actives-banners"> <div class="actives-banners">
...@@ -52,7 +54,7 @@ ...@@ -52,7 +54,7 @@
</div> </div>
<div class="actives-main"> <div class="actives-main">
<div class="active-logos"> <div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['1']"> <img class="active-logo" :src="test.activeInfo.icon['1']" />
</div> </div>
<div class="active-infos"> <div class="active-infos">
<div class="active-title">大转盘</div> <div class="active-title">大转盘</div>
...@@ -61,7 +63,7 @@ ...@@ -61,7 +63,7 @@
</div> </div>
<div class="actives-main"> <div class="actives-main">
<div class="active-logos"> <div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['2']"> <img class="active-logo" :src="test.activeInfo.icon['2']" />
</div> </div>
<div class="active-infos"> <div class="active-infos">
<div class="active-title">现金券发放</div> <div class="active-title">现金券发放</div>
...@@ -70,7 +72,7 @@ ...@@ -70,7 +72,7 @@
</div> </div>
<div class="actives-main"> <div class="actives-main">
<div class="active-logos"> <div class="active-logos">
<img class="active-logo" :src="test.activeInfo.icon['3']"> <img class="active-logo" :src="test.activeInfo.icon['3']" />
</div> </div>
<div class="active-infos"> <div class="active-infos">
<div class="active-title">集卡</div> <div class="active-title">集卡</div>
...@@ -79,25 +81,28 @@ ...@@ -79,25 +81,28 @@
</div> </div>
<div class="actives-mores"> <div class="actives-mores">
<div class="mores-title">查看更多</div> <div class="mores-title">查看更多</div>
<img class="mores-icon" :src="test.cache.arrowRightDark"> <img class="mores-icon" :src="test.cache.arrowRightDark" />
</div> </div>
</div> </div>
<div class="main-menuBar"> <div class="main-menuBar">
<div class="menuBar-menu" @click="menuBarClick('MainSale')"> <div class="menuBar-menu" @click="menuBarClick('MainSale')">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['1']"> <img class="menuBar-icon" :src="test.menuBarInfo.icon.now['1']" />
<div class="menuBar-title menuBar-title-ac">活动</div> <div class="menuBar-title menuBar-title-ac">活动</div>
</div> </div>
<div class="menuBar-menu" @click="menuCase()"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['2']"> <div class="menuBar-menu" @click="menuCase()">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['2']" />
<div class="menuBar-title">案例</div> <div class="menuBar-title">案例</div>
</div> </div>
<div class="menuBar-menu" @click="menuProfit()"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['3']"> <div class="menuBar-menu" @click="menuProfit()">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['3']" />
<div class="menuBar-title">收益</div> <div class="menuBar-title">收益</div>
</div> </div>
<div class="menuBar-menu" @click="menuTask()"><img class="menuBar-icon" :src="test.menuBarInfo.icon.now['4']"> <div class="menuBar-menu" @click="menuTask()">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['4']" />
<div class="menuBar-title">任务</div> <div class="menuBar-title">任务</div>
</div> </div>
<div class="menuBar-menu" @click="menuBarClick('Me')"> <div class="menuBar-menu" @click="menuBarClick('Me')">
<img class="menuBar-icon" :src="test.menuBarInfo.icon.now['5']"> <img class="menuBar-icon" :src="test.menuBarInfo.icon.now['5']" />
<div class="menuBar-title">我的</div> <div class="menuBar-title">我的</div>
</div> </div>
</div> </div>
...@@ -105,7 +110,9 @@ ...@@ -105,7 +110,9 @@
</template> </template>
<script> <script>
export default { import axios from "axios"
import { getStoreDetail } from "@/api/sidebar/voucher";
export default {
name: "discountIndex", name: "discountIndex",
data() { data() {
return { return {
...@@ -114,7 +121,7 @@ ...@@ -114,7 +121,7 @@
imgUrl: "/hi.jpg", imgUrl: "/hi.jpg",
actDsc: "由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。", actDsc: "由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状。",
nowMenuBar: "1", nowMenuBar: "1",
arrowRightDark: "/mainSale/icon-arrow-right-dark.png", arrowRightDark: "/mainSale/icon-arrow-right-dark.png"
}, },
manInfo: { manInfo: {
bk_logoUrl: "https://ezhq.xyz/img/main/logo_sona.jpg", bk_logoUrl: "https://ezhq.xyz/img/main/logo_sona.jpg",
...@@ -122,13 +129,13 @@ ...@@ -122,13 +129,13 @@
barFrom: "alice", barFrom: "alice",
barName: "only", barName: "only",
icon: { icon: {
"1": "/mainSale/icon-arrow-right-light.png", "1": "/mainSale/icon-arrow-right-light.png"
} }
}, },
barInfo: { barInfo: {
fans: "299", fans: "299",
personalFans: "77", personalFans: "77",
newFans: "11", newFans: "11"
}, },
menuInfo: { menuInfo: {
icon: { icon: {
...@@ -137,16 +144,15 @@ ...@@ -137,16 +144,15 @@
"3": "/mainSale/icon-menu-03.png", "3": "/mainSale/icon-menu-03.png",
"4": "/mainSale/icon-menu-04.png", "4": "/mainSale/icon-menu-04.png",
"5": "/mainSale/icon-menu-05.png", "5": "/mainSale/icon-menu-05.png",
"6": "/mainSale/icon-menu-06.png", "6": "/mainSale/icon-menu-06.png"
} }
}, },
activeInfo: { activeInfo: {
icon: { icon: {
"0": "/mainSale/icon-active-title.png", "0": "/mainSale/icon-active-title.png",
"1": "/mainSale/icon-active-1.png", "1": "/mainSale/icon-active-1.png",
"2": "/mainSale/icon-active-2.png", "2": "/mainSale/icon-active-2.png",
"3": "/mainSale/icon-active-3.png", "3": "/mainSale/icon-active-3.png"
} }
}, },
menuBarInfo: { menuBarInfo: {
...@@ -155,10 +161,9 @@ ...@@ -155,10 +161,9 @@
{ {
name: "", name: "",
iconUaUrl: "", iconUaUrl: "",
iconAcUrl: "", iconAcUrl: ""
} }
], ]
}, },
icon: { icon: {
now: { now: {
...@@ -166,93 +171,147 @@ ...@@ -166,93 +171,147 @@
"2": "", "2": "",
"3": "", "3": "",
"4": "", "4": "",
"5": "", "5": ""
}, },
ua: { ua: {
"1": "/mainSale/icon-menuBar-1-ua.png", "1": "/mainSale/icon-menuBar-1-ua.png",
"2": "/mainSale/icon-menuBar-2-ua.png", "2": "/mainSale/icon-menuBar-2-ua.png",
"3": "/mainSale/icon-menuBar-3-ua.png", "3": "/mainSale/icon-menuBar-3-ua.png",
"4": "/mainSale/icon-menuBar-4-ua.png", "4": "/mainSale/icon-menuBar-4-ua.png",
"5": "/mainSale/icon-menuBar-5-ua.png", "5": "/mainSale/icon-menuBar-5-ua.png"
}, },
ac: { ac: {
"1": "/mainSale/icon-menuBar-1-ac.png", "1": "/mainSale/icon-menuBar-1-ac.png",
"2": "/mainSale/icon-menuBar-2-ac.png", "2": "/mainSale/icon-menuBar-2-ac.png",
"3": "/mainSale/icon-menuBar-3-ac.png", "3": "/mainSale/icon-menuBar-3-ac.png",
"4": "/mainSale/icon-menuBar-4-ac.png", "4": "/mainSale/icon-menuBar-4-ac.png",
"5": "/mainSale/icon-menuBar-5-ac.png", "5": "/mainSale/icon-menuBar-5-ac.png"
}
} }
}, },
}
}, },
dis: {} dis: {},
oyStallCode: '',
userId: ''
}; };
}, },
created() { created() {
this.checkNowMenuBar() this.checkNowMenuBar()
this.getUserInfo()
this.oyStallCode = sessionStorage.getItem('oyStallCode')
this.userId = sessionStorage.getItem('userId')
this.getStore()
this.getFans()
}, },
methods: { methods: {
checkNowMenuBar() { // 获取用户信息
let inData = '1' getUserInfo() {
this.test.menuBarInfo.icon.now = this.test.menuBarInfo.icon.ua let headerData = {
this.test.menuBarInfo.icon.now[inData] = this.test.menuBarInfo.icon.ac[inData] agentId: "1000033",
}, corpId: "ww4df265003b43fa0d"
manInfoClick(){ };
this.$router.push("counterInfo")
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"
};
switchBarClick(){ axios({
this.$router.push("changeCounter") 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);
});
}, },
testButtonClick() { // 获取店铺信息
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
];
}, },
menu01Click() { manInfoClick() {
this.$router.push("counterInfo");
}, },
switchBarClick() {
this.$router.push("ChangeCounter");
},
testButtonClick() {},
menu01Click() {},
menu02Click() { menu02Click() {
this.$router.push("Task") this.$router.push("Task");
}, },
menu03Click() { menu03Click() {
this.$router.push("activeList") this.$router.push("activeList");
}, },
menu04Click() { menu04Click() {
this.$router.push("counterInfo") this.$router.push("counterInfo");
}, },
menu05Click() { menu05Click() {
this.$router.push("ActTemplate") this.$router.push("ActTemplate");
}, },
menu06Click() { menu06Click() {
this.$router.push("goodManage") this.$router.push("goodManage");
}, },
buttonMainMarketingClick() { buttonMainMarketingClick() {
// this.$router.push("home") // this.$router.push("home")
}, },
menuBarClick(inData) { menuBarClick(inData) {
this.$router.push(inData) this.$router.push(inData);
}, },
menuCase() { menuCase() {
this.$router.push({path:"/case"}) this.$router.push({ path: "/case" });
}, },
menuProfit() { menuProfit() {
this.$router.push({path:"/profitList"}) this.$router.push({ path: "/profitList" });
}, },
menuTask() { menuTask() {
this.$router.push({path:"/taskList"}) 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;
...@@ -263,12 +322,12 @@ ...@@ -263,12 +322,12 @@
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;
...@@ -276,51 +335,46 @@ ...@@ -276,51 +335,46 @@
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; display: flex;
flex-direction: row; flex-direction: row;
justify-content: start; justify-content: start;
align-items: center; align-items: center;
} }
.logos-logo { .logos-logo {
width: 48px; width: 48px;
height: 48px; height: 48px;
object-fit: cover; object-fit: cover;
border-radius: 50%; border-radius: 50%;
border: 2px solid white; border: 2px solid white;
} }
.manInfo-name { .manInfo-name {
width: 100%; width: 100%;
height: 18px; height: 18px;
padding: 0px 12px; padding: 0px 12px;
margin-right: 60px; margin-right: 60px;
color: white; color: white;
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
font-weight: bold; font-weight: bold;
}
} .manInfo-switch {
.manInfo-switch {
/*border: 1px solid greenyellow;*/ /*border: 1px solid greenyellow;*/
width: 100px; width: 100px;
height: 18px; height: 18px;
font-size: 14px; font-size: 14px;
line-height: 18px; line-height: 18px;
font-weight: bold; font-weight: bold;
...@@ -329,14 +383,14 @@ ...@@ -329,14 +383,14 @@
flex-direction: row; flex-direction: row;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
} }
.switch-icon { .switch-icon {
width: 5px; width: 5px;
height: 8px; height: 8px;
} }
.switch-text { .switch-text {
color: white; color: white;
padding-right: 4px; padding-right: 4px;
...@@ -344,13 +398,12 @@ ...@@ -344,13 +398,12 @@
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
font-weight: normal; font-weight: normal;
} }
.main-tips {
.main-tips {
width: 100%; width: 100%;
height: 48px; height: 48px;
background-color: #F8F8F8; background-color: #f8f8f8;
padding: 0px 16px; padding: 0px 16px;
...@@ -358,22 +411,21 @@ ...@@ -358,22 +411,21 @@
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.tips-tip { .tips-tip {
/*border: 1px solid darkorange;*/ /*border: 1px solid darkorange;*/
width: 30%; width: 30%;
height: 16px; height: 16px;
color: #4377BC; color: #4377bc;
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
line-height: 16px; line-height: 16px;
text-align: center; text-align: center;
}
} .main-menus {
.main-menus {
/*border: 1px solid lightseagreen;*/ /*border: 1px solid lightseagreen;*/
width: 100%; width: 100%;
height: 240px; height: 240px;
...@@ -381,9 +433,9 @@ ...@@ -381,9 +433,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: start; justify-content: start;
} }
.menus-row { .menus-row {
width: 100%; width: 100%;
height: 120px; height: 120px;
...@@ -392,33 +444,33 @@ ...@@ -392,33 +444,33 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
.menu { .menu {
width: 108px; width: 108px;
height: 108px; height: 108px;
background-color: #F8F8F8; background-color: #f8f8f8;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.menu-logo { .menu-logo {
width: 48px; width: 48px;
height: 48px; height: 48px;
object-fit: cover; object-fit: cover;
} }
.menu-text { .menu-text {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: #2D476A; color: #2d476a;
} }
.main-actives { .main-actives {
/*border: 1px solid lightcoral;*/ /*border: 1px solid lightcoral;*/
width: 100%; width: 100%;
height: 380px; height: 380px;
...@@ -430,23 +482,19 @@ ...@@ -430,23 +482,19 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: start; justify-content: start;
} }
.actives-banners { .actives-banners {
border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #eeeeee;
width: 100%; width: 100%;
height: 25px; height: 25px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
}
} .actives-banner-small {
.actives-banner-small {
width: 220px; width: 220px;
height: 30px; height: 30px;
...@@ -454,9 +502,9 @@ ...@@ -454,9 +502,9 @@
position: relative; position: relative;
bottom: 7px; bottom: 7px;
} }
.actives-banner-title { .actives-banner-title {
background: url(/mainSale/icon-active-title.png); background: url(/mainSale/icon-active-title.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
...@@ -466,16 +514,14 @@ ...@@ -466,16 +514,14 @@
font-size: 16px; font-size: 16px;
line-height: 16px; line-height: 16px;
color: #2D476A; color: #2d476a;
text-align: center; text-align: center;
position: relative; position: relative;
bottom: 7px; bottom: 7px;
} }
.actives-banner-main { .actives-banner-main {
width: 148px; width: 148px;
height: 24px; height: 24px;
border-radius: 40px; border-radius: 40px;
...@@ -485,18 +531,17 @@ ...@@ -485,18 +531,17 @@
font-weight: bold; font-weight: bold;
line-height: 18px; line-height: 18px;
text-align: center; text-align: center;
color: #2D476A; color: #2d476a;
background: linear-gradient(#FFFFFF, 50%, #E4F9FF); background: linear-gradient(#ffffff, 50%, #e4f9ff);
box-shadow: 0px 1px 1px 0px #96CEDC; box-shadow: 0px 1px 1px 0px #96cedc;
position: relative; position: relative;
bottom: 12px; bottom: 12px;
} }
.actives-main { .actives-main {
border-bottom: 1px solid #EEEEEE; border-bottom: 1px solid #eeeeee;
width: 100%; width: 100%;
height: 105px; height: 105px;
padding: 12px 0px; padding: 12px 0px;
...@@ -504,25 +549,24 @@ ...@@ -504,25 +549,24 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: start; justify-content: start;
} }
.active-logos { .active-logos {
background-color: #F8F8F8; background-color: #f8f8f8;
width: 80px; width: 80px;
height: 80px; height: 80px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.active-logo { .active-logo {
width: 56px; width: 56px;
height: 56px; height: 56px;
}
} .active-infos {
.active-infos {
width: 100%; width: 100%;
height: 80px; height: 80px;
padding-left: 12px; padding-left: 12px;
...@@ -530,25 +574,24 @@ ...@@ -530,25 +574,24 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
.active-title { .active-title {
height: 16px; height: 16px;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
line-height: 14px; line-height: 14px;
margin-bottom: 8px; margin-bottom: 8px;
} }
.active-dsc { .active-dsc {
height: 36px; height: 36px;
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
}
} .actives-mores {
.actives-mores {
width: 100%; width: 100%;
height: 40px; height: 40px;
/*border: 1px solid red;*/ /*border: 1px solid red;*/
...@@ -557,9 +600,9 @@ ...@@ -557,9 +600,9 @@
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.mores-title { .mores-title {
width: auto; width: auto;
height: 14px; height: 14px;
...@@ -568,15 +611,15 @@ ...@@ -568,15 +611,15 @@
font-size: 12px; font-size: 12px;
font-weight: normal; font-weight: normal;
line-height: 14px; line-height: 14px;
color: #2D476A; color: #2d476a;
} }
.mores-icon { .mores-icon {
width: 10px; width: 10px;
height: 14px; height: 14px;
} }
.main-menuBar { .main-menuBar {
/*border: 1px solid darkviolet;*/ /*border: 1px solid darkviolet;*/
box-shadow: inset 0px 1px 2px 0px rgba(221, 221, 221, 1); box-shadow: inset 0px 1px 2px 0px rgba(221, 221, 221, 1);
width: 100%; width: 100%;
...@@ -584,41 +627,40 @@ ...@@ -584,41 +627,40 @@
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
background-color: #FAFAFA; background-color: #fafafa;
padding: 0px 14px; padding: 0px 14px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
.menuBar-menu { .menuBar-menu {
/*background-color: greenyellow;*/ /*background-color: greenyellow;*/
width: 48px; width: 48px;
height: 47px; height: 47px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
} }
.menuBar-icon { .menuBar-icon {
width: 24px; width: 24px;
height: 24px; height: 24px;
object-fit: cover; object-fit: cover;
} }
.menuBar-title { .menuBar-title {
width: auto; width: auto;
height: 12px; height: 12px;
font-size: 10px; font-size: 10px;
font-weight: bold; font-weight: bold;
color: rgba(67, 119, 188, 0.4); color: rgba(67, 119, 188, 0.4);
text-align: center; text-align: center;
} }
.menuBar-title-ac { .menuBar-title-ac {
color: rgba(67, 119, 188, 1); 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