You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
zhishifufei_php/application/wap/view/first/my/sign_order.html

145 lines
4.9 KiB

10 months ago
<!-- +---------------------------------------------------------------------- -->
<!-- | 天诚科技 [ 刘海东 17600099397赋能开发者,助力企业发展 ] -->
<!-- +---------------------------------------------------------------------- -->
<!-- | Copyright (c) 2016~2022 https://www.crmeb.com All rights reserved. -->
<!-- +---------------------------------------------------------------------- -->
<!-- | Licensed 该系统并不是自由软件,未经许可不能去掉相关版权 -->
<!-- +---------------------------------------------------------------------- -->
<!-- | Author:甘肃天诚志信电子商务有限公司 刘海东 联系电话维系17600099397 -->
<!-- +---------------------------------------------------------------------- -->
{extend name="public/container"}
{block name="title"}报名核销{/block}
{block name="head"}
<style>
body {
background: #F5F5F5;
}
.activity-verify {
padding-top: .7rem;
}
</style>
{/block}
{block name="content"}
<div v-cloak id="app" class="activity-verify">
<div class="two" @click="activityDetails(activity.id)">
<div>
<img :src="activity.image">
</div>
<div>
<div v-text="activity.title"></div>
<div><span>{{activity.price}}</span></div>
</div>
</div>
<div class="four">
<div>订单信息</div>
<div>
<div v-for="item in userInfo">
<div>{{ item.event_name }}:</div>
<div>{{ item.event_value }}</div>
</div>
<div>
<div>人数:</div>
<div>{{ order.number }}</div>
</div>
<div>
<div>订单编号:</div>
<div>{{order_id}}</div>
</div>
<div>
<div>支付时间:</div>
<div>{{order.pay_time}}</div>
</div>
<div>
<div>支付金额:</div>
<div>¥{{order.pay_price}}</div>
</div>
</div>
</div>
<div class="five">
<button type="button" @click="verify">确认核销</button>
</div>
<quick-menu></quick-menu>
</div>
{/block}
{block name="foot"}
<script>
require(['vue', 'store', 'helper', '{__WAP_PATH}zsff/js/quick.js'], function (Vue, store, $h) {
var type = '{$type}';
var orderId = '{$order_id}';
new Vue({
el: '#app',
data: {
order: {},
activity: {},
order_id: orderId,
status: 0,
userInfo: []
},
mounted: function () {
this.getActivitySign();
setInterval(this.orderStatus, 60000);
},
methods: {
orderStatus:function(){
var vm = this;
store.baseGet($h.U({
c: 'activity',
a: 'orderStatus',
q: {
order_id: this.order_id
}
}),function (res) {
if (res.data.data == 1) {
window.location.assign("{:url('wap/my/sign_list')}");
}
});
},
getActivitySign: function () {
var vm = this;
store.baseGet($h.U({
c: 'activity',
a: 'writeOffSignIn',
q:{
order_id: this.order_id
}
}),function (res) {
var data = res.data.data;
vm.order = data;
vm.activity = data.activity;
vm.userInfo = JSON.parse(data.user_info);
});
},
activityDetails: function (id) {
window.location.assign($h.U({
c: 'special',
a: 'activity_details',
q: {
id: id
}
}));
},
verify: function () {
var vm = this;
store.baseGet($h.U({
c: 'activity',
a: 'scanCodeSignIn',
q: {
order_id: this.order_id
}
}),function (res) {
$h.showMsg({
title: res.data.msg,
icon: 'success',
success: function () {
window.location.replace("{:url('wap/my/verify_activity')}");
}
});
});
}
}
});
});
</script>
{/block}