<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>好友分享</title>
|
<!--自设-->
|
<link rel="stylesheet" type="text/css" href="css/doui.min.css"/>
|
<script src="js/doui.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/publicFunction.js" type="text/javascript" charset="utf-8"></script>
|
<style type="text/css">
|
/*商品外层*/
|
.share{ width: 2.1rem; margin-left: 0.3rem; margin-bottom: 0.3rem; }
|
/*商品图片*/
|
.share_img{ width: 2.1rem; height: 2.1rem; position: relative; }
|
.share_imgsrc{ width: 100%; height: 100%; display: block; border: 1px solid #e0e0e0; }
|
/*已经抢光*/
|
.shareF_notHave{ width: 1.9rem; height: 1.9rem; display: block; position: absolute; left: 0.1rem; top: 0.1rem; }
|
.shareH_notHave{ width: 1.1rem; height: 1.1rem; display: block; position: absolute; left: 0.5rem; top: 0.5rem; }
|
/*券后价图标*/
|
.share_qPrice{ width: 0.72rem; height: 0.3rem; margin-right: 0.1rem; display: block; }
|
</style>
|
</head>
|
|
<body style="display:none;">
|
<div id="allwai" class="heightenBox fontMobile">
|
|
<!--内容部-->
|
<div class="main bg-white">
|
|
<!--分享标题-->
|
<div style="width:7.5rem; padding:0.4rem 0.3rem;" class="fboxRow Xstart Ystart">
|
<div class="font28 font-ell2" style="line-height:1.5;">{{share.title}}</div>
|
</div>
|
|
<!--放商品框的外框-->
|
<div class="fboxWrap Xstart Ystart" style="width:7.5rem;">
|
|
<!--Vue循环添加商品单框-->
|
<div v-for="(item, index) in share.list" class="fboxCol share" v-on:click="spdanClick(item)">
|
|
<!--商品图片-->
|
<div class="share_img fboxRow Xcenter Ycenter">
|
<!--商品图片-->
|
<img class="share_imgsrc" v-bind:src="item.pictUrl"/>
|
<!--已经抢光图片-->
|
<img v-if="appType=='flq'&&item.state==1" class="shareF_notHave" src="img/flq/share_notHave.png"/>
|
<img v-else-if="appType=='hcj'&&item.state==1" class="shareH_notHave" src="img/hcj/share_notHave.png"/>
|
</div>
|
|
<!--文字内容-->
|
<div style="width:94%; padding:0 3%; margin-top:0.15rem;">
|
|
<!--1. 返利券-价格相关-->
|
<div v-if="appType=='flq'" style="width:100%;" class="fboxRow Xstart Ycenter">
|
<!--券后价图标-->
|
<img class="share_qPrice" src="img/flq/share_quan.png"/>
|
<!--券后价格-->
|
<div class="fboxRow Xstart Ybaseline">
|
<div class="font24" style="font-weight:bold;">¥</div>
|
<div class="font30" style="font-weight:bold;">{{item.quanPrice}}</div>
|
</div>
|
</div>
|
|
<!--2. 海草街-价格相关-->
|
<div v-else-if="appType=='hcj'" style="width:100%;" class="fboxRow Xcenter Ycenter">
|
<!--券后价格-->
|
<div class="fboxRow Xcenter Ybaseline">
|
<div class="font24 ziH_red">券后价: </div>
|
<div class="font24 ziH_red" style="font-weight:bold;">¥</div>
|
<div class="font30 ziH_red" style="font-weight:bold;">{{item.quanPrice}}</div>
|
</div>
|
</div>
|
|
</div>
|
|
</div><!--Vue循环结束-->
|
|
</div>
|
|
</div>
|
|
</div>
|
</body>
|
|
</html>
|
|
|
<script type="text/javascript">
|
|
// ================================================================================== 页面数据
|
var vm = null;
|
|
doui.importComplete(getImport(), function()
|
{
|
// vue实例化
|
vm = new Vue({
|
el: '#allwai',
|
// 数据定义
|
data: {
|
// ------------------------------------------------------- 系统信息
|
appType: null, // app：flq-返利券 hcj-海草街
|
|
// ------------------------------------------------------- 分享信息
|
share: {
|
id: null, // 动态id
|
uid: null, // 分享者id
|
title: "", // 分享标题
|
list: [], // 商品列表
|
},
|
},
|
});
|
|
|
// 获取地址栏信息
|
var urldata = doui.urlParamGet();
|
// 获取app类型
|
if (urldata.appType) { vm.appType = urldata.appType; }
|
else { vm.appType = appTypeGet(); }
|
|
// 获取到用户id
|
if (urldata.uid)
|
{
|
var user = { id: urldata.uid };
|
saveSharePeople(user);
|
}
|
|
// 获取到分享id
|
if (urldata.activityId)
|
{
|
// 保存分享id
|
vm.share.id = urldata.activityId;
|
// 请求数据
|
Get_splist();
|
}
|
else { doui.showToast("获取分享ID失败"); }
|
|
|
$("body").css("display", "block");
|
});
|
|
|
|
// ================================================================================== 页面事件
|
// 商品框 点击,参数： 商品id
|
function spdanClick (itemC)
|
{
|
// 无券了
|
if (itemC.state == 1) { doui.showToast("该优惠券已抢光"); }
|
// 可以跳转
|
else if (itemC.auctionId) { pageToGoods(itemC.auctionId); }
|
else { doui.showToast("获取商品ID失败"); }
|
}
|
|
|
|
// ================================================================================== 数据请求
|
// 商品列表
|
function Get_splist ()
|
{
|
// 数据准备
|
var myurl = getHttp(vm.appType) + '/api/apph5/v1/activity/getDetail';
|
var mydata = doui.AjaxData({ activityId: vm.share.id, });
|
|
// 数据请求
|
doui.showLoading("载入中");
|
doui.AjaxJsonp(myurl, mydata, function(res)
|
{
|
if (res.code != 0) { doui.hideLoading(); doui.showToast(res.msg); }
|
else
|
{
|
// 获取分享标题
|
vm.share.title = res.data.data.title;
|
// 列表保存
|
vm.share.list = res.data.data.goodsList;
|
|
doui.hideLoading();
|
}
|
});
|
}
|
</script>
|
