| xqd
@@ -51,8 +51,8 @@
|
|
|
<div class="price-wrap">
|
|
|
<div class="price" @click="planDetails(item.id)">¥<span>{{ item.sales }}</span></div>
|
|
|
<div>
|
|
|
- <input class="zybt" @click="study(item.id)" v-if="item.isbuy == 1" value="开始学习" type="button"/>
|
|
|
- <input class="zybt" @click="buy(item.id)" v-if="!item.isbuy" value="购买学习" type="button"/>
|
|
|
+ <input class="zybt" @click="planDetails(item.id)" v-if="item.isbuy" value="开始学习" type="button"/>
|
|
|
+ <input class="zybt" @click="OpenPay(item)" v-if="!item.isbuy" value="购买学习" type="button"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
| xqd
@@ -65,13 +65,37 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<quick-menu></quick-menu>
|
|
|
+ <!-- 支付弹窗 -->
|
|
|
+ <pay-dialog :open.sync="payDialogOpen" :money="money" :now_money="now_money" :special_id="planinfo.id" :link_pay_uid="link_pay_uid"
|
|
|
+ :pay_type_num="pay_type_num" :pink-id="pinkId" :is-wechat="isWechat" :is-alipay="is_alipay" :is-balance="is_yue"
|
|
|
+ :template-id="templateId" :wxpay-h5="wxpayH5" :is-member="isMember" @change="changeVal">
|
|
|
+ </pay-dialog>
|
|
|
+ <!-- 登录弹窗 -->
|
|
|
+ <base-login :login-show="loginShow" :site-name="site_name" @login-close="loginClose"></base-login>
|
|
|
</div>
|
|
|
{/block}
|
|
|
{block name="foot"}
|
|
|
<script>
|
|
|
- require(['vue', 'store', 'helper', '{__WAP_PATH}zsff/js/quick.js'], function (Vue, store, $h) {
|
|
|
+
|
|
|
+ require(['vue', 'store', 'helper', '{__WAP_PATH}zsff/js/quick.js',
|
|
|
+ 'components/pay-dialog/index', 'components/base-login/index'
|
|
|
+ ], function (Vue, store, $h, quick, PayDialog, BaseLogin) {
|
|
|
+ var isPay = 0;
|
|
|
+ var link_pay_uid = 0;
|
|
|
+ var is_yue = {$is_yue? 'true': 'false'};
|
|
|
+ var is_alipay = {$is_alipay? 'true': 'false'};
|
|
|
+ var isWechat = {$isWechat? 'true': 'false'};
|
|
|
+ var isPay = {$isPay? 'true': 'false'};
|
|
|
+ var wxpayH5 = {$is_h5_wechat_payment_switch? 'true': 'false'};
|
|
|
+ var now_money = {$now_money};
|
|
|
+ var isMember = {$is_member};
|
|
|
+ var site_name = '{$Auth_site_name}';
|
|
|
var app = new Vue({
|
|
|
el: '#app',
|
|
|
+ components: {
|
|
|
+ 'base-login': BaseLogin,
|
|
|
+ 'pay-dialog': PayDialog,
|
|
|
+ },
|
|
|
data: {
|
|
|
navs: ['全部', '待核销', '已核销'],
|
|
|
navActive: 0,
|
| xqd
@@ -80,7 +104,25 @@
|
|
|
loadend: false,
|
|
|
page: 1,
|
|
|
limit: 20,
|
|
|
- loadTitle:''
|
|
|
+ loadTitle:'',
|
|
|
+ planinfo:{},
|
|
|
+ //支付登录相关
|
|
|
+ payDialogOpen: false,
|
|
|
+ loginShow: false,
|
|
|
+ is_pay: isPay,
|
|
|
+ money:0,
|
|
|
+ link_pay_uid:link_pay_uid,
|
|
|
+ pay_type_num: 7, //新增的 学习计划支付类型
|
|
|
+ pinkId: 0,
|
|
|
+ isWechat: isWechat,
|
|
|
+ is_pay: isPay,
|
|
|
+ is_alipay: is_alipay, //支付宝是否开启
|
|
|
+ is_yue: is_yue, //余额是否开启
|
|
|
+ now_money: now_money, //余额
|
|
|
+ templateId: '',
|
|
|
+ wxpayH5:wxpayH5,
|
|
|
+ isMember:isMember,
|
|
|
+ site_name:site_name,
|
|
|
},
|
|
|
mounted: function () {
|
|
|
this.geLogList();
|
| xqd
@@ -103,11 +145,8 @@
|
|
|
planDetails: function (order_id) {
|
|
|
return window.location.href=$h.U({ c: 'studyplan', a: 'details', q: {id: order_id } });
|
|
|
},
|
|
|
- buy: function (){
|
|
|
- alert('去购买');
|
|
|
- },
|
|
|
study: function (){
|
|
|
- alert('去学习');
|
|
|
+ alert('去购买');
|
|
|
},
|
|
|
// 获取学习记录
|
|
|
geLogList: function () {
|
| xqd
@@ -127,7 +166,38 @@
|
|
|
that.loadTitle = '上拉加载更多';
|
|
|
that.loading = false;
|
|
|
});
|
|
|
- }
|
|
|
+ },
|
|
|
+ //所有插件回调处理事件
|
|
|
+ changeVal: function (opt) {
|
|
|
+ if (typeof opt != 'object') opt = {};
|
|
|
+ var action = opt.action || '';
|
|
|
+ var value = opt.value || '';
|
|
|
+ this[action] && this[action](value);
|
|
|
+ },
|
|
|
+ //打开支付插件,并检测登录状态,没有登录,打开登录插件
|
|
|
+ OpenPay: function (plan) {
|
|
|
+ this.planinfo = plan;
|
|
|
+ this.money = plan.sales;
|
|
|
+ var vm = this;
|
|
|
+ store.baseGet($h.U({c: 'index', a: 'user_login'}), function (res) {
|
|
|
+ this.payDialogOpen = true;
|
|
|
+ var opt = {
|
|
|
+ c: 'studyplan',
|
|
|
+ a: 'details',
|
|
|
+ q: {
|
|
|
+ id: this.planinfo.id
|
|
|
+ }
|
|
|
+ };
|
|
|
+ window.location.assign($h.U(opt));
|
|
|
+ }.bind(this), function () {
|
|
|
+ vm.loginShow = true;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //关闭登录
|
|
|
+ loginClose: function (val) {
|
|
|
+ this.loginShow = false;
|
|
|
+ val && this.logComplete();
|
|
|
+ },
|
|
|
}
|
|
|
});
|
|
|
});
|