xiaoyu
178 lines
7.9 KiB
PHP
178 lines
7.9 KiB
PHP
<script type="text/javascript" src="https://qs.liche.cn/web/javascript/clipboard.min.js"></script>
|
|
<body class="bg-f6">
|
|
<div class="height-500 fixed left-0 right-0 top-0 z-index-0 bg-1a1a1a"></div>
|
|
<div class="bg-f6" id="app" ref="app">
|
|
<div class="container">
|
|
<div class="inner30 pt0">
|
|
<div class="mt30 bg-fff ulib-r20" v-for="(item,index) in list">
|
|
<a class="block relative overflowhidden ulib-rt20" :href="item.url">
|
|
<div class="orderTip2 text-center font-24 color-fff bg-ff5a5a">{{item.title}}</div>
|
|
<img class="imgsize-750X680" :src="item.img" alt="#">
|
|
</a>
|
|
<div class="inner30 pt20">
|
|
<div class="relative pr10">
|
|
<div class="font-30 color-333">{{item.goods}}</div>
|
|
<div class="mt15 font-20 color-bbb">{{item.msg}}</div>
|
|
<img class="absolute box-middle right-0 imgsize-130X100" src="https://qs.liche.cn/web/images/project/H5-ShiYu/icon-hexiao.png" alt="已核销" v-if="item.is_writeoff">
|
|
</div>
|
|
<div class="bg-eee mt20 pt10 pb10 pl15 pr15 ulib-rtr20 ulib-rbl20 ulib-rbr20 font-22 color-666" @click="showExpress(index)" v-if="item.courierNo">
|
|
您的快递已发出 快递单号:{{item.courierNo}}>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<mugen-scroll :handler="fetchData" :should-handle="!loading" scroll-container="app">
|
|
<div class="pt100 pb100 text-center color-ccc" v-if="isNoData"><span class="text-middle font-22">暂无数据</span></div>
|
|
<div class="pt20 pb20 text-center color-ccc" v-else-if="loading"><i class="iconfont icon-jiazai text-middle"></i><span class="text-middle font-22">请稍等...</span></div>
|
|
<div class="pt20 pb20 text-center font-22 color-ccc" v-else-if="isDataEnd&&list.length>20">我们是有底线的</div>
|
|
</mugen-scroll>
|
|
</div>
|
|
</div>
|
|
<? $this->load->view('h5/market/sylive2/nav_my') ?>
|
|
|
|
<!--快递-->
|
|
<div class="msg fn-hide" :style="msgisShowExpress?'display:block':'display:none'" v-if="msgisShowExpress">
|
|
<div class="msgBg" @click="msgisShowExpress = false"></div>
|
|
<div class="msgMain">
|
|
<div class="content">
|
|
<div class="pt20 pb20 fn-clear">
|
|
<div class="fn-fl font-36">{{express.title}}</div>
|
|
<div class="fn-fr mt10 font-24">
|
|
<span>{{express.courierNo}}</span>
|
|
<a class="J_copy" :data-clipboard-text="express.courierNo">复制</a>
|
|
</div>
|
|
</div>
|
|
<div class="pl20 pr20 max-height-500 scroll-y" v-if="express && express.list">
|
|
<div class="orderDtail-log mt40 relative">
|
|
<div class="orderDtail-log-item pl40 relative" v-for="(item,index) in express.list">
|
|
<div class="orderDtail-log-content font-22">
|
|
<div :class="index == 0?'color-ff9d47':''">{{item.time}}</div>
|
|
<div class="color-999 text-break">{{item.status}}</div>
|
|
</div>
|
|
<span class="absolute orderDtail-log-line2 z-index-0" v-if="index != express.list.length-1"></span>
|
|
<span class="absolute orderDtail-log-dot z-index-1"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="opt mt20 pl20 pr20">
|
|
<a class="bg-1a1a1a ml15 pt20 pb20 pl60 pr60 text-center font-32 color-fff ulib-r750" @click="msgisShowExpress = false" href="javascript:" >知道了</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
let hostUrl = ''
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
loading: false,
|
|
isDataEnd: false,
|
|
isNoData: false,
|
|
page: 1,
|
|
size: 20,
|
|
list:[],
|
|
msgisShowExpress:false,
|
|
express:''
|
|
},
|
|
mounted() {
|
|
//复制文字
|
|
let clipboardDemos = new ClipboardJS('.J_copy');
|
|
clipboardDemos.on('success', function (e) {
|
|
e.clearSelection();
|
|
var msgDia = mDialog.msg({
|
|
duration: 250,
|
|
pause: 2000,
|
|
content: "复制成功！"
|
|
});
|
|
});
|
|
},
|
|
methods: {
|
|
//显示物流
|
|
showExpress(index){
|
|
var that = this
|
|
var params = {
|
|
'id' : this.list[index]['id'],
|
|
'type' : 1
|
|
}
|
|
//请求接口
|
|
$.get('/h5/market/sylive2/ucenter/get_wuli',params,function (res){
|
|
if(res.code==200){
|
|
that.express = res.data
|
|
that.msgisShowExpress = true
|
|
}else{
|
|
msgDia = mDialog.msg({
|
|
duration: 250,
|
|
pause: 2000,
|
|
content: res.msg
|
|
});
|
|
}
|
|
|
|
},'json');
|
|
},
|
|
|
|
//拉取数据
|
|
fetchData: function() {
|
|
this.getOrderList()
|
|
},
|
|
|
|
//获取大区列表
|
|
getOrderList(){
|
|
let that=this;
|
|
if (!that.isNoData && !that.isDataEnd && !that.loading) {
|
|
that.loading = true;
|
|
//请求接口
|
|
var params = {
|
|
'skey':'<?=$skey?>',
|
|
'page':that.page
|
|
}
|
|
//请求接口
|
|
$.get('/h5/market/sylive2/ucenter/ajax_win',params,function (res){
|
|
that.loading = false;
|
|
that.page = that.page + 1;
|
|
|
|
that.list = that.list.concat(res.data.lists);
|
|
if (res.data.total == 0) {
|
|
that.isNoData = true;
|
|
} else if (that.list.length == res.data.total) {
|
|
that.isDataEnd = true;
|
|
}
|
|
},'json');
|
|
|
|
//请求接口成功后
|
|
// that.loading = false;
|
|
// that.page = that.page + 1;
|
|
//
|
|
// let res = {}
|
|
// res.data = {
|
|
// list:[
|
|
// {
|
|
// id:'111',
|
|
// img:'http://simg.mo.xmfish.com/quan/2022_08/179c0eb5f189c356571868bf48e38828.jpg',
|
|
// title:'一等奖',
|
|
// goods:'小米电动车',
|
|
// },
|
|
// {
|
|
// id:'111',
|
|
// img:'https://img.zcool.cn/community/01f3bc63523e7c000e061000ee6483.jpg?x-oss-process=image/auto-orient,1',
|
|
// title:'五等奖',
|
|
// goods:'电饭煲一个',
|
|
// },
|
|
//
|
|
// ],
|
|
// total:20,
|
|
// },
|
|
//
|
|
// that.list = that.list.concat(res.data.list);
|
|
// if (res.data.total == 0) {
|
|
// that.isNoData = true;
|
|
// } else if (that.list.length == res.data.total) {
|
|
// that.isDataEnd = true;
|
|
// }
|
|
}
|
|
},
|
|
|
|
},
|
|
})
|
|
</script>
|
|
<?= $this->load->view('h5/market/sylive2/hidden_wx_share') ?>
|
|
</body>
|