<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>快省云发单</title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<link rel="stylesheet" type="text/css" href="css/base.css" />
|
<link rel="stylesheet" type="text/css" href="css/opeCloudPushOrder.css" />
|
<script>
|
window.onresize = function() {
|
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
|
};
|
window.onresize();
|
</script>
|
<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" v-cloak>
|
<div class="div_header">
|
<div class="div_header_title">
|
<div class="div_header_1" @click="selectTab(1)">
|
<p>云发单管理</p>
|
</div>
|
<div class="div_header_mid">
|
<div></div>
|
</div>
|
<div class="div_header_2" @click="selectTab(2)">
|
<p>发单商品库</p>
|
</div>
|
</div>
|
<div class="div_header_line">
|
<div class="div_header_line_1"></div>
|
<div class="div_header_line_2"></div>
|
</div>
|
</div>
|
|
<!-- 云发单管理 -->
|
<div class="div_cloudPushOrderManage">
|
<div class="div_top_header">
|
<div class="" style="display: -webkit-flex;">
|
<img :src="userInfo.portrait" class="headPortrait">
|
<div>
|
<div class="nickName">{{userInfo.nickName}}</div>
|
<div class="desc">开通云发单，自动分享轻松赚钱</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="div_contentBG1">
|
<div style="display: -webkit-flex;align-items: center; height: 0.32rem; padding-top: 0.33rem;">
|
<div style="width: 5px;height: 0.32rem; background-color: #C99663;margin-left: 0.23rem;"></div>
|
<div style="color: #000000;font-size: 0.26rem;margin-left: 0.14rem;">开启后专享特权</div>
|
</div>
|
|
<div style="display: -webkit-flex;">
|
<div class="divContent_tq1">
|
<div class="divContent_tq_img">
|
<img src="img/icon_tq1.png">
|
</div>
|
<div style="color: #666666;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-top: 0.17rem;">
|
群自动发单
|
</div>
|
</div>
|
|
<div class="divContent_tq2">
|
<div class="divContent_tq_img">
|
<img src="img/icon_tq2.png">
|
</div>
|
<div style="color: #666666;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-top: 0.17rem;">
|
圈自动发单
|
</div>
|
</div>
|
|
<div class="divContent_tq3">
|
<div class="divContent_tq_img">
|
<img src="img/icon_tq3.png">
|
</div>
|
<div style="color: #666666;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;margin-top: 0.17rem;">
|
发圈一键发单
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="div_contentBG2">
|
<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>
|
|
<div class="div_money_normol">即将开放</div>
|
</div>
|
|
<div class="div_open" @click="openVIP">
|
立即开通
|
</div>
|
<div style="display: -webkit-flex;align-items: center;margin-top: 0.2rem;">
|
<img src="img/icon_select.png" class="img_xy">
|
<div style="color: #666666;font-size: 0.22rem;margin-left: 0.16rem;">
|
同意《板栗快省云发单功能包月服务协议》
|
</div>
|
</div>
|
|
<div style="display: -webkit-flex;align-items: center; margin-top: 0.33rem;height: 0.25rem;" @click="openRecord()">
|
<div style="color: #BC9069;font-size: 0.26rem;margin-left: 0.16rem; margin-left: 2.95rem;">
|
开通记录
|
</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">
|
<div class="div_tips">
|
开通须知
|
</div>
|
<div style="color: #333333; font-size: 0.24rem;margin-top: 0.37rem;padding-left: 0.25rem;padding-right: 0.15rem;">
|
1.需要通过你的微信号登录云端ipad协议才能正常使用。<br>
|
2.由于微信规则的问题，如出现个人微信号封号问题，无法事先预料和提醒，且不可逆。<br>
|
3.已经开通，无法退款，请谨慎选择。<br>
|
4.确认开通代表你同意并知晓以上问题。
|
</div>
|
<div style="height: 0.4rem;"></div>
|
</div>
|
<div style="height: 0.2rem;"></div>
|
</div>
|
</div>
|
</body>
|
|
<script>
|
// "http://api.flqapp.com";
|
var host = "http://api.flqapp.com";
|
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: [{}, {}],
|
listMenu: []
|
},
|
watch: {
|
|
},
|
methods: {
|
selectTab: function(type) {
|
if (app.selectTabType == type) return;
|
$('.div_header_line_' + type).css('opacity', '1')
|
$('.div_header_' + type).css('color', '#E5005C')
|
|
$('.div_header_line_' + app.selectTabType).css('opacity', '0')
|
$('.div_header_' + app.selectTabType).css('color', '#000000')
|
|
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>
|
