Skip to content

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

案例展示

parents 2779b971 097c21d5
Expand all 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/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