This commit is contained in:
952108534@qq.com
2022-01-25 19:58:10 +08:00
parent 924738c8b6
commit 8d77715414
11 changed files with 171 additions and 33 deletions

View File

@@ -75,7 +75,7 @@
<!-- <h2>明星猫粮</h2> -->
<div class="pageFullScreen" id="xxxFullScreen" v-show="catproduct" ref="mingxing">
<!-- 内容 -->
<div class="rc-full-width rc-padding-y--md" id="swiper1">
<div class="rc-full-width rc-padding-y--md" id="swiper1" :style="usermargin" >
<h2 class="rc-beta rc-text--center">{{usertitle}}</h2>
<!-- 轮播图 -->
<div class="ts-carousel-container">
@@ -752,6 +752,7 @@
return{
fixedHeader:false,
dataLoaded:true,
usermargin:{marginTop: '0'},
useraindex:0,
mobileVideoPlaying:false,
usertitle:'明星猫粮',
@@ -760,6 +761,7 @@
catshi:[],
userindex:0,
userstype:'',
usertop:true,
onemao:false,
twomao:false,
threemao:false,
@@ -1204,10 +1206,13 @@
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
//console.log("当前是电脑打开")
console.log("当前是电脑打开")
this.stypechange=false;
//console.log(this.usertitle)
this.usermargin={
marginTop:'0',
}
this.usertop=false,
this.catproduct=true;
this.onemao=false;
this.twomao=false;
@@ -1220,12 +1225,13 @@
}
else
{
//console.log("当前是手机打开")
console.log("当前是手机打开")
this.showingBanners=this.banners.mobile;
this.stypechange=true;
this.onemao=true;
this.twomao=true;
this.threemao=true;
this.usertop=true,
this.fourmao=true;
this.fivemao=true;
this.dogshow=true;
@@ -1461,6 +1467,7 @@
this.fixedHeader=false;
this.gotop = true
this.searchBar=false
}
else
{
@@ -1468,6 +1475,14 @@
this.gotop = false;
this.searchBar=true
}
console.log(this.searchBar);
if(this.searchBar==false && this.usertop==true){
this.usermargin={marginTop: '270px'};
}else{
this.usermargin={marginTop: '0px'};
}
},
async courseId(item) {
this.dataLoaded=false;

View File

@@ -65,7 +65,7 @@
<div class="line_dashed"></div>
<div class="userer">
<div class="qrcode">
<img src="/images/qrcode-aichong.jpg">
<img src="/images/paysucess.jpg">
</div>
<p>微信扫一扫识别二维码</p>
<p class="tips">加入社群0元试用商品随单发放</p>

View File

@@ -106,7 +106,13 @@
<div class="rc-productdetail" v-if="!userbuy">
<i class="ts-row-title">所属分类</i>
<span>{{ curItem.categoryName }}</span>
</div>
<div class="rc-button ">
<span @click="chuafangbuy()">立即购买</span>
</div>
<div class="rc-productdetail" v-if="userbuy">
<i class="ts-row-title">商品价格</i>
<span class="ts-realprice">{{ curItem.ecPrice }}</span>
@@ -196,6 +202,7 @@
<span @click="usertanchu(curItem, 0)">加入购物车</span>
<span @click="usertanchu(curItem, 1)">立即购买</span>
</div>
</div>
<div class="online bold rc-md-down"></div>
</div>
@@ -207,6 +214,7 @@
</div>
<FixRight></FixRight>
<Myfooter v-on:litentop="showmesg"></Myfooter>
</div>
<el-dialog :visible.sync="dialogInfo1" @close="userclose" class="pop_coupon" :close-on-click-modal="false">
<div class="ts-no-data" v-if="usernewlist.length<=0">目前还没有可用的优惠券</div>
@@ -266,6 +274,8 @@
<span @click="usertanchu(curItem, 0)">加入购物车</span>
<span @click="usertanchu(curItem, 1)">立即购买</span>
</div>
</div>
</template>
@@ -275,6 +285,8 @@ import tabs from "@/components/tabs.vue";
import FixRight from "~/components/fixed-right.vue";
import unlogin from "~/components/unlogin.vue";
import Myfooter from "~/components/rc-footer.vue";
import { mapMutations } from "vuex";
const settings = require("@/config");
import {
goodsmessage,
getConfig,
@@ -284,14 +296,14 @@ import {
oncequery,
biaomessage
} from "../../ajax/getData";
import { mapMutations } from "vuex";
const settings = require("@/config");
export default {
async asyncData (context) {
let isRxGoods = context.route.query.isRxGoods;
let userbuy = true;
let newlist = [];
let curItem = {};
let chufang = {};
let productAttachmentList = [];
let userlistmenu = [];
isRxGoods = (isRxGoods == '1'?true:false);
@@ -306,6 +318,8 @@ export default {
let data = await oncequery(mainProductCode);
let outputObj = {};
if (data) {
console.log(data);
chufang=data;
outputObj = data;
outputObj.productName = data.name;
outputObj.picture = 'https://royalcanincn.escase.cn/jc/royalcanin/'+outputObj.picture;
@@ -316,6 +330,9 @@ export default {
let insertTmpObj = {id:1, attachmentType:1, sort:1, attachmentPath:newlist[0].picture};
productAttachmentList = [insertTmpObj];
userbuy = false;
console.log('这是处方量数据')
} else {
let stopLeftAllotmentChecking = false;
let stopIndex = 0;
@@ -352,14 +369,12 @@ export default {
activeIndexa,
curItem,
newlist,
chufang,
productAttachmentList,
userbuy
}
},
// middleware: 'metaTitle',
// // middleware: 'metaTitle',
// meta: {title: '产品详情'},
data() {
data() {
return {
tableLabelTest: [],
userimage: require("../../assets/image/unused.png"),
@@ -378,6 +393,7 @@ export default {
productlist: [],
userbuy: true,
sales_num: 1,
productAttachmentList: [],
usernewlist: [
{
@@ -427,6 +443,10 @@ export default {
Myfooter,
FixRight
},
// middleware: 'metaTitle',
// // middleware: 'metaTitle',
// meta: {title: '产品详情'},
mounted() {
this.checkIsLogin();
if (this.usermessage !== "" || this.usermessage.data !== undefined) {
@@ -472,6 +492,10 @@ export default {
});
}
},
//处方用粮跳转
chuafangbuy(){
window.location.href =this.chufang.goodUrl;
},
// changeName(newName){
// this.name = newName;

View File

@@ -75,14 +75,40 @@
<label>
<input
type="checkbox"
@click="checkBox()"
style="width: 24px; height: 24px"
@click="checkBox($event,2)"
v-model="inRank"
/>我已阅读同意隐私声明和账号使用协议
/>
<strong>本人已年满16周岁,同意并接受公司按<a href="https://royalcanin.com.cn/privacy"><i>隐私政策</i></a><a href="https://royalcanin.com.cn/declaration"><i>法律声明</i></a>的规定收集和处理我的个人信息
您可以就隐私问题通过隐私政策中的方式联系我们并行使您的个人信息权利</strong>
</label>
</div>
<div class="usecheck rc-column rc-text--left">
<label>
<input
type="checkbox"
@click="checkBox($event,3)"
v-model="inRanka"
/>
<strong>
我已阅读和了解皇家爱宠荟的<a href="https://royalcanin.com.cn/member-principle"><i>会员规则</i></a>并同意接受其中所有的条框</strong>
</label>
</div>
<div class="usecheck rc-column rc-text--left">
<label>
<input
type="checkbox"
@click="checkBox($event,1)"
v-model="allcheck"
/>
<i>
一键勾选
</i>
</label>
</div>
</div>
<div class="rc-layout-container rc-two-column rc-button">
<!-- <div class="rc-layout-container rc-two-column rc-button">
<div class="rc-column rc-text--left">
<a href="https://royalcanin.com.cn/privacy" target="_blank" class="rc-styled-link"><span>隐私政策</span></a>
</div>
@@ -91,7 +117,7 @@
<span>注册账户</span>
</nuxt-link>
</div>
</div>
</div> -->
<div class="rc-layout-container rc-one-column">
<div class="rc-column">
@@ -126,8 +152,14 @@ export default {
layerMSg: "手机格式不对",
tel: "",
password: "",
allcheck:false,
activeIndex: 0,
tamp:'',
radioData: [
{ value: '全部' ,href:'https://royalcanin.com.cn/privacy' },
{ value: '部分' ,href:''},
{ value: '零散' }
],
hash:'',
text: "",
sms: "",
@@ -141,6 +173,7 @@ export default {
ifpassword: false,
checked: false,
inRank: false,
inRanka: false,
usercheckbox:false,
swiperData: [
@@ -188,13 +221,20 @@ export default {
// console.log(this.inRank);
// },
methods: {
...mapMutations(["changeClod"]),
checkBox(){
console.log(event.target.checked)
this.usercheckbox=event.target.checked
//全选
checkBoxa(e,order){
let checked=e.target.checked;
console.log(checked)
},
checkBox(e,order){
console.log(e.target.checked)
this.usercheckbox=e.target.checked;
this.inRank= this.usercheckbox;
},
...mapMutations(["changeClod"]),
//获取验证码
async usermsg() {
//console.log("-----");