<!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/cloudPushOrderManage.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>
|
</head>
|
<body>
|
<div id="root">
|
<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 v-if="selectTabType==1" 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 v-if="!openState" class="desc">开通云发单，自动分享轻松赚钱</div>
|
|
<div v-else class="desc">
|
开通时间：{{userInfo.openTime}} 剩余<span style="color: #E5005C;font-size: 0.36rem; font-weight: bold;"> {{userInfo.countdown}} </span>天
|
</div>
|
|
<div v-if="!openState" class="openPushOrderManage" @click="openCloudPushOrder()">开通</div>
|
<div v-else class="openPushOrderManage">续费</div>
|
</div>
|
</div>
|
</div>
|
<!-- 云发单管理未登录 -->
|
<div v-if="!isWxLogin" class="div_cloudPushOrderManage_notLogin">
|
<div class="div_cloudPushOrderManage_notLogin_content1">
|
<div class="login_wx" @click="loginWX()">
|
<p>登录微信</p>
|
</div>
|
<div class="content1_desc">
|
请先登录微信，微信在线才能发单哦~
|
</div>
|
</div>
|
|
<div class="div_cloudPushOrderManage_notLogin_content2">
|
<div style="display: -webkit-flex; padding-top: 0.45rem;align-items: center;">
|
<img src="img/icon_1.png" class="img1">
|
<img src="img/icon_arrow.png" class="icon_arrow">
|
<img src="img/icon_2.png" class="icon_img">
|
<img src="img/icon_arrow.png" class="icon_arrow">
|
<img src="img/icon_3.png" class="icon_img">
|
<img src="img/icon_arrow.png" class="icon_arrow">
|
<img src="img/icon_4.png" class="icon_img">
|
<img src="img/icon_arrow.png" class="icon_arrow">
|
<img src="img/icon_5.png" class="icon_img">
|
</div>
|
<div style="display: -webkit-flex;color: #666666;font-size: 0.24rem; margin-top: 0.17rem;">
|
<div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">
|
登录微信
|
</div>
|
<div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">
|
激活微信群
|
</div>
|
<div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">
|
选品/采集
|
</div>
|
<div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">
|
选群/朋友圈
|
</div>
|
<div class="" style="width: 20%; height: 0.24rem; display: -webkit-flex;justify-content: center;align-items: center;">
|
自动发单
|
</div>
|
</div>
|
</div>
|
|
<div class="div_cloudPushOrderManage_notLogin_content3">
|
<div style="height: 0.77rem; display: -webkit-flex; align-items: center;">
|
<div style="font-size: 0.26rem;font-weight: bold;color: #2BA245; margin-left: 0.25rem;">
|
云发单
|
</div>
|
<div style="background-color: #2BA245; width: 2px;height: 0.3rem;margin-left: 0.22rem;"></div>
|
<div style="font-size: 0.26rem;color: #000000; margin-left: 0.19rem;">
|
自动群发单/朋友圈发圈
|
</div>
|
</div>
|
<div class="div_image_fmt">
|
<img :src="userInfo.head" class="image_fmt">
|
</div>
|
|
</div>
|
</div>
|
<!-- 云发单管理已经登录 -->
|
<div v-if="isWxLogin" class="div_cloudPushOrderManage_login">
|
<div class="div_cloudPushOrderManage_login_content1">
|
<div style="display: -webkit-flex; justify-content: space-between;">
|
<div>
|
<div style="color:#333333; display:-webkit-flex;font-size: 0.36rem;height: 0.36rem;align-items: center; margin-left: 0.28rem;margin-top: 0.34rem;">
|
微信已登录
|
</div>
|
<div style="color:#666666; display:-webkit-flex;font-size: 0.3rem;height: 0.3rem;align-items: center; margin-left: 0.28rem;margin-top: 0.22rem;">
|
{{userInfo.wxName}}
|
</div>
|
</div>
|
<div style="height: 1.54rem;display: -webkit-flex;align-items: center;">
|
<p style="color: #FFFFFF; font-size: 0.24rem; background-color: #2BA245; width: 2rem;height: 0.5rem;border-radius: 0.25rem;display:-webkit-flex;align-items: center;justify-content: center;margin-right: 0.26rem;">
|
退出登录
|
</p>
|
</div>
|
</div>
|
</div>
|
|
<div class="div_cloudPushOrderManage_login_content2">
|
<div>
|
朋友圈发单
|
</div>
|
<img src="img/icon_off.png">
|
</div>
|
|
<div class="div_cloudPushOrderManage_login_content3">
|
<div class="div_cloudPushOrderManage_login_content3_header">
|
<div>
|
微信群发单
|
</div>
|
<img src="img/icon_refresh.png">
|
</div>
|
<div class="" style="margin-top: 0.2rem; background-color: #FFF3D3; display: -webkit-flex;align-items: center;justify-content: center;margin-left: 0.15rem;margin-right: 0.1rem;">
|
<p style="font-size: 0.24rem;color: #666666; padding-top: 0.25rem;padding-left: 0.25rem;padding-bottom: 0.25rem;padding-right: 0.05rem;">
|
请选择自己为群主的微信群，并把群保存到微信通讯录中，且向“微信群"发送“快省爆款推荐”激活云发单
|
<p>
|
</div>
|
<div class="div_list">
|
<div class="div_item" v-for="(item, index) in dataList">
|
<div style="height: 0.33rem;"></div>
|
<div class="div_item_content">
|
<div>微信群名称微信群名称微信群名称</div>
|
<img src="img/icon_off.png">
|
</div>
|
</div>
|
</div>
|
<div style="color: #999999; font-size: 0.22rem;height: 0.22rem;display: -webkit-flex;justify-content: center;align-items: center;margin-top: 0.51rem;">
|
发单建议频率不要过高，以免影响群友
|
</div>
|
<div style="height: 0.33rem;"></div>
|
</div>
|
</div>
|
|
<div style="height: 0.2rem;"></div>
|
</div>
|
|
<div v-if="selectTabType==2" class="div_goodsLibrary">
|
<div class="div_goodsLibrary_content1">
|
<div>
|
<div style="color: #333333;font-size: 0.34rem;height: 0.34rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.23rem;">
|
自动采集官方推荐
|
</div>
|
<div style="color: #666666;font-size: 0.2rem;height: 0.22rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.14rem;">
|
官方精选1个小时内仅发送一个商品（9:00~21:00）
|
</div>
|
</div>
|
<img src="img/icon_off.png" style="width: 1.02rem;height: 0.62rem;margin-top: 0.27rem;margin-right: 0.2rem;">
|
</div>
|
|
<div class="div_goodsLibrary_content2">
|
<div>
|
<div style="color: #333333;font-size: 0.34rem;height: 0.34rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.23rem;">
|
优先发送自选商品
|
</div>
|
<div style="color: #666666;font-size: 0.2rem;height: 0.22rem; display: -webkit-flex;align-items: center;margin-left: 0.25rem;margin-top: 0.14rem;">
|
即选即发，注重质量不追求数量，避免骚扰群友
|
</div>
|
</div>
|
<img src="img/icon_off.png" style="width: 1.02rem;height: 0.62rem;margin-top: 0.27rem;margin-right: 0.2rem;">
|
</div>
|
|
<div class="div_goodsLibraryList">
|
<div class="div_item_goodsLibrary" v-for="(item, index) in goodsList">
|
<div>
|
<img v-bind:src="goodsList.img" class="goodsimg" />
|
</div>
|
<div class="div_item_rightBg">
|
<div class="div_goods_title_bg">
|
<img src="img/icon_tb.png">
|
<span class="goods_title">{{item.title}}</span>
|
</div>
|
<div class="div_goods_labels_bg">
|
<div class="div_goods_label1"> 公益宝贝 </div>
|
<div class="div_goods_label2"> 夏季爆款 </div>
|
</div>
|
<div class="div_store_bg">
|
<img src="img/icon_store.png">
|
<div>{{item.store}}</div>
|
</div>
|
|
<div class="div_coupon_bg">
|
<div v-if="item.type==1" style="color: white;font-size: 0.24rem;font-weight: bold;width: 0.41rem;height: 0.36rem;background-color: #E5005C;display: flex;align-items: center;justify-content: center;border-radius: 0.06rem 0 0 0.06rem;">
|
券
|
</div>
|
<div v-else style="color: white;font-size: 0.24rem;background-color: #E5005C;border-radius: 0.06rem;">
|
2.5折
|
</div>
|
|
<div v-if="item.type==1" class="coupon_money"> ￥15 </div>
|
<div class="fanli_title"> 返￥9.9 </div>
|
</div>
|
|
<div class="div_payment_sales_bg">
|
<div>￥</div>
|
<div>0</div>
|
<div>￥78.9</div>
|
<div v-if="item.type==1">月销 8968</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="dialogmask_notOpen">
|
<div class="dialog">
|
<img src="img/icon_close.png" @click="hiddenDialog()">
|
<div class="dialog_title">未开通提醒</div>
|
<div class="dialog_content">云发单首先要登录微信，且需要购买云发单服务，完成设置后，才会自动发单/发圈。</div>
|
<div class="dialog_commit" @click="commitAddTxRecord">去开通</div>
|
</div>
|
</div>
|
|
<div class="dialogmask_Tips">
|
<div class="dialog">
|
<img src="img/icon_close.png" @click="hiddenDialog()">
|
<div class="dialog_title">官方采集</div>
|
<div class="dialog_content">开启后30分钟内将会进行第一次发单，之后每1个小时发一个商品，你可随时关闭。</div>
|
<div class="dialog_commit" @click="commitAddTxRecord">知道了</div>
|
</div>
|
</div>
|
|
<div class="dialogmask_wx">
|
<div class="dialog_wx">
|
<img src="img/icon_close.png" @click="hiddenDialog()">
|
<div class="dialog_title">请使用手机微信扫描登录</div>
|
<div class="">
|
<img :src="qrCodeUrl" style="width: 4.46rem;height: 4.46rem;margin-left: 0.57rem;margin-top: 0.46rem;">
|
</div>
|
<div style="color: #E5005C;font-size: 0.24rem;height: 0.24rem;display: -webkit-flex;align-items: center;justify-content: center;margin-top: 0.2rem;">
|
登录方法
|
</div>
|
<div style="color: #E5005C;font-size: 0.24rem;height: 0.24rem;margin-top: 0.1rem;margin-left: 0.65rem;margin-right: 0.6rem;">
|
方法一：将二维码截图后发送其他手机，再使用手机微信扫一扫登录。<br>
|
方法二：将二维码截图发送至电脑，再用手机扫描二维码登录。
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</body>
|
|
<script>
|
// "http://api.flqapp.com";
|
var host = "http://192.168.1.253:8080";
|
var host1 = "http://192.168.1.114:8848";
|
var check = null;
|
var wId = null;
|
$(function() {
|
var app = new Vue({
|
el: '#root',
|
data: {
|
selectTabType: 1,
|
openState: false, // 是否了开通云发单权限
|
isWxLogin: false, // 是否登录了微信
|
circle: false, // 朋友圈-是否开启
|
qrCodeUrl: null,
|
userInfo: {},
|
dataList: [{}, {}],
|
goodsList: [{
|
title: '牛仔外套女ins潮春秋装韩版宽松百搭春季2019新款流行港...',
|
store: '三只松鼠官方旗舰店',
|
type: 1
|
}, {
|
title: '牛仔外套女ins潮春秋装韩版宽松百搭春季2019新款流行港...',
|
store: '三只松鼠官方旗舰店',
|
type: 2
|
}, ]
|
},
|
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
|
app.stopMacloginCheck();
|
},
|
|
hiddenDialog: function() {
|
$('.dialogmask_notOpen').css('display', 'none')
|
$('.dialogmask_Tips').css('display', 'none')
|
$('.dialogmask_wx').css('display', 'none')
|
app.stopMacloginCheck();
|
},
|
|
openCloudPushOrder: function() {
|
yesApp.jumpWeb(host1 + '/flqFront/AppInside/cloudPushOrder/openCloudPushOrder.html', null);
|
},
|
|
loginWX: function() {
|
if (app.openState) {
|
app.fetchQrcodeMaclogin();
|
|
} else {
|
yesApp.jumpWeb(host1 + '/flqFront/AppInside/cloudPushOrder/openCloudPushOrder.html', null);
|
}
|
},
|
|
commitAddTxRecord: function() {
|
|
},
|
|
fetchQrcodeMaclogin: 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/getQrcodeMaclogin",
|
dataType: "jsonp",
|
async: false,
|
success: function(result) {
|
yesApp.hideLoading();
|
if (result.code == 0) {
|
wid = result.data.wId;
|
app.qrCodeUrl = result.data.qrCodeUrl;
|
$('.dialogmask_wx').css('display', 'block');
|
app.setMacloginCheck();
|
|
} else {
|
yesApp.toast(result.msg);
|
}
|
},
|
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
yesApp.hideLoading();
|
if (textStatus === 'timeout') {
|
setTimeout(function() {}, 2000);
|
}
|
}
|
});
|
},
|
|
setMacloginCheck: function() {
|
var myVar = setInterval(function() {
|
app.fetchMacloginCheck();
|
}, 3000);
|
check = myVar;
|
},
|
|
fetchMacloginCheck: function() {
|
var uid = yesApp.getUid();
|
var params = {
|
uid: uid,
|
wId: wId
|
};
|
params = yesApp.getRequestBaseParams(params);
|
$.ajax({
|
type: "GET",
|
data: JSON.parse(params),
|
url: host + "/fanli/api/v2/user/cloud/macloginCheck",
|
dataType: "jsonp",
|
async: false,
|
success: function(result) {
|
if (result.code == 0) {
|
if (result.data.state) {
|
$('.dialogmask_wx').css('display', 'none');
|
app.stopMacloginCheck();
|
app.fetcCloudInfo();
|
}
|
|
} else {
|
yesApp.toast(result.msg);
|
}
|
},
|
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
yesApp.hideLoading();
|
if (textStatus === 'timeout') {
|
setTimeout(function() {}, 2000);
|
}
|
}
|
});
|
},
|
|
stopMacloginCheck: function() {
|
clearInterval(check);
|
},
|
|
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) {
|
if (parseInt(result.data.openState) == 0) {
|
app.openState = false;
|
|
} else if (parseInt(result.data.openState) == 1) {
|
app.openState = true;;
|
}
|
app.isWxLogin = result.data.loginState;
|
app.circle = result.data.circle;
|
app.userInfo = result.data;
|
|
} else {
|
yesApp.toast(result.msg);
|
}
|
},
|
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
yesApp.hideLoading();
|
if (textStatus === 'timeout') {
|
setTimeout(function() {}, 2000);
|
}
|
}
|
});
|
}
|
}
|
});
|
app.fetcCloudInfo();
|
});
|
</script>
|
</html>
|
