admin
2020-06-11 3bc16a1d3afee0d1ba5c39b1415309e1fe2c63a1
AppInside/cloudPushOrder/openCloudPushOrder.html
@@ -15,9 +15,14 @@
      <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)">
@@ -40,9 +45,9 @@
         <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>
@@ -85,22 +90,22 @@
            </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;">
@@ -116,6 +121,10 @@
                  </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">
@@ -138,16 +147,19 @@
   <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: {
@@ -164,12 +176,100 @@
                  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>