| | |
| | | <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
| | | <script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
|
| | | <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
| | | <style type="text/css">
|
| | | [v-cloak] {
|
| | | display: none !important;
|
| | | }
|
| | | </style>
|
| | | </head>
|
| | | <body>
|
| | | <div id="root">
|
| | | <div id="root" v-cloak>
|
| | | <div class="div_header">
|
| | | <div class="div_header_title">
|
| | | <div class="div_header_1" @click="selectTab(1)">
|
| | |
| | | <div class="div_cloudPushOrderManage">
|
| | | <div class="div_top_header">
|
| | | <div class="" style="display: -webkit-flex;">
|
| | | <img :src="userInfo.por" class="headPortrait">
|
| | | <img :src="userInfo.portrait" class="headPortrait">
|
| | | <div>
|
| | | <div class="nickName">杰拉斯</div>
|
| | | <div class="nickName">{{userInfo.nickName}}</div>
|
| | | <div class="desc">开通云发单,自动分享轻松赚钱</div>
|
| | | </div>
|
| | | </div>
|
| | |
| | | </div>
|
| | |
|
| | | <div class="div_contentBG2">
|
| | | <div style="display: -webkit-flex;">
|
| | | <div class="div_money1">
|
| | | <div class="moneyPrice">
|
| | | <span style="font-size: 0.32rem;">¥</span>20.00
|
| | | <div style="display: -webkit-flex; flex-wrap: wrap;">
|
| | |
|
| | | <div class="div_item" v-for="(item, index) in listMenu" @click="touchOpenPackage(item,index)">
|
| | | <div class="div_money1">
|
| | | <div class="moneyPrice">
|
| | | <span style="font-size: 0.32rem;">¥</span>{{item.money}}
|
| | | </div>
|
| | | <div class="openDate">{{item.desc}}</div>
|
| | | <img src="img/icon_money_select.png" class="img_moneySelect" :id="nameId(item,index)" style="opacity: 0;">
|
| | | </div>
|
| | | <div class="openDate">
|
| | | 1个月
|
| | | </div>
|
| | | <img src="img/icon_money_select.png" class="img_moneySelect">
|
| | | </div>
|
| | | <div class="div_money_normol">
|
| | | 即将开放
|
| | | </div>
|
| | |
|
| | | <div class="div_money_normol">即将开放</div>
|
| | | </div>
|
| | |
|
| | | <div class="div_open">
|
| | | <div class="div_open" @click="openVIP">
|
| | | 立即开通
|
| | | </div>
|
| | | <div style="display: -webkit-flex;align-items: center;margin-top: 0.2rem;">
|
| | |
| | | </div>
|
| | | <img src="img/icon_back.png" style="width:0.1rem;height: 0.17rem;margin-left: 0.09rem;">
|
| | | </div>
|
| | |
|
| | | <div style="height: 0.4rem;"></div>
|
| | |
|
| | |
|
| | | </div>
|
| | |
|
| | | <div class="div_contentBG3">
|
| | |
| | | <script>
|
| | | // "http://api.flqapp.com";
|
| | | var host = "http://api.flqapp.com";
|
| | | var host1 = "http://192.168.1.114:8848";
|
| | | var host1 = "http://192.168.1.114:8848"; |
| | | |
| | | $(function() {
|
| | | var app = new Vue({
|
| | | el: '#root',
|
| | | data: {
|
| | | selectTabType: 1,
|
| | | selectOpenPakeg: null,
|
| | | isOpenCloud: false, //是否了开通云发单权限
|
| | | isWxLogin: false, //是否登录了微信
|
| | | userInfo: {},
|
| | | dataList: [{}, {}]
|
| | | dataList: [{}, {}],
|
| | | listMenu: []
|
| | | },
|
| | | watch: {
|
| | |
|
| | |
| | | app.selectTabType = type
|
| | | },
|
| | |
|
| | | touchOpenPackage: function(item, index) {
|
| | | var id = app.nameId(item, index);
|
| | | if (app.selectOpenPakeg == id) return;
|
| | | $('#' + id).css('opacity', '1')
|
| | | $('#' + app.selectOpenPakeg).css('opacity', '0')
|
| | | app.selectOpenPakeg = id;
|
| | |
|
| | | },
|
| | |
|
| | | nameId: function(item, index) {
|
| | | return index;
|
| | | },
|
| | |
|
| | | openVIP: function() {
|
| | | if (app.selectOpenPakeg == null) {
|
| | | yesApp.toast('请选择开通时长');
|
| | | return;
|
| | | }
|
| | | var type = app.listMenu[app.selectOpenPakeg].type;
|
| | |
|
| | | yesApp.showLoading();
|
| | | var uid = yesApp.getUid();
|
| | | var params = {
|
| | | uid: uid,
|
| | | type: type
|
| | | };
|
| | | params = yesApp.getRequestBaseParams(params);
|
| | | $.ajax({
|
| | | type: "GET",
|
| | | data: JSON.parse(params),
|
| | | url: host + "/fanli/api/v2/user/cloud/pay",
|
| | | dataType: "jsonp",
|
| | | async: false,
|
| | | success: function(result) {
|
| | | yesApp.hideLoading();
|
| | | if (result.code == 0) {
|
| | | if (result.data.link.length == 0 || result.data.link == null || result.data.link == '') return;
|
| | | yesApp.jumpWeb(result.data.link, null);
|
| | |
|
| | | } else {
|
| | | yesApp.toast(result.msg);
|
| | | }
|
| | | },
|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
| | | yesApp.hideLoading();
|
| | | yesApp.toast('失败了')
|
| | | if (textStatus === 'timeout') {
|
| | | setTimeout(function() {}, 2000);
|
| | | }
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | openRecord: function() {
|
| | | yesApp.jumpWeb(host1 + '/flqFront/AppInside/cloudPushOrder/openRecord.html', null);
|
| | | }
|
| | | }
|
| | | });
|
| | | },
|
| | |
|
| | | fetcCloudInfo: function() {
|
| | | yesApp.showLoading();
|
| | | var uid = yesApp.getUid();
|
| | | var params = {
|
| | | uid: uid,
|
| | | };
|
| | | params = yesApp.getRequestBaseParams(params);
|
| | | $.ajax({
|
| | | type: "GET",
|
| | | data: JSON.parse(params),
|
| | | url: host + "/fanli/api/v2/user/cloud/getCloudInfo",
|
| | | dataType: "jsonp",
|
| | | async: false,
|
| | | success: function(result) {
|
| | | yesApp.hideLoading();
|
| | | if (result.code == 0) {
|
| | | app.userInfo = result.data;
|
| | | app.listMenu = result.data.listMenu;
|
| | |
|
| | | } else {
|
| | | yesApp.toast(result.msg);
|
| | | }
|
| | | },
|
| | | error: function(XMLHttpRequest, textStatus, errorThrown) {
|
| | | yesApp.toast('失败了')
|
| | |
|
| | | yesApp.hideLoading();
|
| | | if (textStatus === 'timeout') {
|
| | | setTimeout(function() {}, 2000);
|
| | | }
|
| | | }
|
| | | });
|
| | | }
|
| | | },
|
| | |
|
| | | });
|
| | | app.fetcCloudInfo();
|
| | | });
|
| | | </script>
|
| | | </html> |