<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>我的预览</title>
|
<meta name="viewport" content="width=device-width, viewport-fit=cover,initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" type="text/css" href="./css/base.css" />
|
<link rel="stylesheet" type="text/css" href="./css/myPreview.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_reivedData_list1">
|
<!-- ID -->
|
<div class="div_item" @click="updateNickName_headerImg(2)">
|
<div class="div_item_top">
|
<div class="title">ID</div>
|
<div class="content">
|
<img src="img/icon_right_arrow.png" class="arrow">
|
<div id="name_id" class="name">{{dataParms.preUid}}</div>
|
</div>
|
</div>
|
<div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
</div>
|
<!-- 选择会员等级 -->
|
<div class="div_item" @click="updateVip">
|
<div class="div_item_top">
|
<div class="title">选择会员等级</div>
|
<div class="content">
|
<img src="img/icon_right_arrow.png" class="arrow">
|
<div class="name">{{showLevel}}</div>
|
</div>
|
</div>
|
<div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
</div>
|
<!-- 账户余额 -->
|
<div class="div_item">
|
<div class="div_item_top">
|
<div class="title">账户余额</div>
|
<input id="inpunt_balance" class="input" type="number" v-model="dataParms.balance" placeholder="不要超过7位数，支持小数点后两位"
|
onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" maxlength="10" @focus="focus()"
|
@blur="blur()">
|
</div>
|
<div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
</div>
|
</div>
|
<div class="div_reivedData_list2">
|
<!-- 自购返利 -->
|
<div class="div_item">
|
<div class="div_item_top">
|
<div class="title">自购返利</div>
|
<input id="inpunt_selfRebate" class="input" type="number" v-model="dataParms.selfRebate" placeholder="不要超过5位数，支持小数点后两位"
|
onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" maxlength="8" @focus="focus()"
|
@blur="blur()">
|
</div>
|
<div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
</div>
|
<!-- 分享奖金 -->
|
<div class="div_item">
|
<div class="div_item_top">
|
<div class="title">分享奖金</div>
|
<input id="inpunt_shareBonus" class="input" type="number" v-model="dataParms.shareBonus" placeholder="不要超过5位数，支持小数点后两位"
|
onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" maxlength="8" @focus="focus()"
|
@blur="blur()">
|
</div>
|
<div style="height: 1px; background-color: #E0E0E0; margin-left: 0.3rem;"></div>
|
</div>
|
<!-- 团队奖金 -->
|
<div class="div_item">
|
<div class="div_item_top">
|
<div class="title">团队奖金</div>
|
<input id="inpunt_teamBonus" class="input" type="number" v-model="dataParms.teamBonus" placeholder="不要超过5位数，支持小数点后两位"
|
onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1').replace(/^0{1,}/g,'')" maxlength="8" @focus="focus()"
|
@blur="blur()">
|
</div>
|
</div>
|
|
</div>
|
<!-- <div style="height: 4rem;"> </div> -->
|
|
<!-- 重要提示 -->
|
<div class="div_tips">
|
<div class="div_tips_title">重要提示</div>
|
<div class="div_tips_content">
|
1.本页数据仅供数据预览使用，不可用作其他用途；<br>
|
2.本页仅对超级会员开放预览使用，且仅支持在板栗快省App中打开；<br>
|
3.系统将会记录上一次填写的预览数据；<br>
|
<span style="color: #E5005C;">4.提交预览后，系统会让相关页面保留预览数据10分钟，10分钟后恢复到非预览数据。</span>
|
</div>
|
<div style="height: 0.41rem"></div>
|
</div>
|
<div style="height: 1.3rem"></div>
|
<!-- 提交申请 -->
|
<div class="div_commit">
|
<div class="commitInfo" @click="commitInfo">{{buttonName}}</div>
|
</div>
|
|
<!--弹框(获取ID) -->
|
<div class="dialogmask_updateNickName">
|
<div class="dialog_updateNickName">
|
<img src="img/icon_close.png" class="closeImg" @click="hiddenDialog()">
|
<div class="dialog_title">输入快省ID </div>
|
<div class="">
|
<input id="inpunt_preUid" class="input_other" type="number" placeholder="最多支持16个字符" @focus="focus()" @blur="blur()">
|
</div>
|
<div class="dialog_commit_updateNickName" @click="commitUpdateID">确认</div>
|
</div>
|
</div>
|
|
<!--弹框 (会员等级)-->
|
<div class="dialogmask_vip">
|
<div class="dialog_vip">
|
<img src="img/icon_close.png" class="closeImg" @click="hiddenDialog()">
|
<div class="dialog_title">选择会员等级</div>
|
<div class="div_fantypes_bg">
|
<div class="div_fantypes" v-for="(item, index) in vipList" :class="{checked:index==n}" @click="changeVipList(index)">
|
{{item}}
|
<img class="div_selcet" :class="{checked:index==n}" src="img/icon_select.png">
|
</div>
|
</div>
|
<div class="dialog_commit_vip" @click="commitSelectVip">确认</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
|
<script>
|
// "http://api.flqapp.com";
|
var host = "http://api.flqapp.com";
|
var host1 = "http://apph5.banliapp.com";
|
$(function() {
|
var app = new Vue({
|
el: '#root',
|
data: {
|
headerImg: '',
|
buttonName: '提交预览',
|
n: 0,
|
level: '',
|
showLevel: '',
|
vipList: ['超级会员', '高级会员', '快省达人'],
|
|
dataParms: {
|
preUid: '',
|
level: '',
|
balance: '',
|
selfRebate: '',
|
shareBonus: '',
|
teamBonus: ''
|
}
|
},
|
watch: {},
|
methods: {
|
focus: function() {
|
this.scrollTop = document.scrollingElement.scrollTop;
|
|
},
|
|
blur: function() {
|
document.scrollingElement.scrollTo(0, this.scrollTop);
|
},
|
|
// 修改昵称，头像
|
updateNickName_headerImg: function(type) {
|
if (type == 2) {
|
$(".dialog_title").text('输入快省ID');
|
$("#inpunt_nickName").attr("placeholder", "系统自动获取信息");
|
$('.dialogmask_updateNickName').css('display', 'block')
|
}
|
},
|
|
updateVip: function() {
|
$('.dialogmask_vip').css('display', 'block')
|
},
|
|
changeVipList: function(index) {
|
|
if (app.n == index) return;
|
app.n = index;
|
|
if (index == 0) {
|
app.level = '超级会员'
|
|
} else if (index == 1) {
|
app.level = '高级会员'
|
|
} else if (index == 2) {
|
app.level = '快省达人'
|
|
}
|
},
|
|
hiddenDialog: function() {
|
$('#inpunt_nickName').val('');
|
$('.dialogmask_updateNickName').css('display', 'none')
|
$('.dialogmask_vip').css('display', 'none')
|
|
app.level == '超级会员'
|
},
|
|
commitUpdateID: function() {
|
var preUid = $('#inpunt_preUid').val();
|
app.dataParms.preUid = preUid;
|
$('#name_id').text(preUid)
|
app.hiddenDialog();
|
},
|
commitSelectVip: function() {
|
if (app.level == '超级会员') {
|
app.dataParms.level = 'vip'
|
|
} else if (app.level == '高级会员') {
|
app.dataParms.level = 'highVIP'
|
|
} else if (app.level == '快省达人') {
|
app.dataParms.level = 'actived'
|
}
|
app.showLevel = app.level;
|
app.hiddenDialog();
|
},
|
|
commitInfo: function() {
|
var preUid = $('#inpunt_preUid').val();
|
var balance = $('#inpunt_balance').val();
|
var selfRebate = $('#inpunt_selfRebate').val();
|
var shareBonus = $('#inpunt_shareBonus').val();
|
var teamBonus = $('#inpunt_teamBonus').val();
|
|
if (preUid.length == 0 || preUid == null ||
|
app.dataParms.level.length == 0 || app.dataParms.level == null ||
|
balance.length == 0 || balance == null ||
|
selfRebate.length == 0 || selfRebate == null ||
|
shareBonus.length == 0 || shareBonus == null ||
|
teamBonus.length == 0 || teamBonus == null) {
|
yesApp.toast('请将信息填写完整');
|
return;
|
}
|
|
yesApp.showLoading();
|
var uid = yesApp.getUid();
|
|
var params = {
|
uid: uid,
|
preUid: preUid,
|
level: app.dataParms.level,
|
balance: balance,
|
selfRebate: selfRebate,
|
shareBonus: shareBonus,
|
teamBonus: teamBonus
|
};
|
|
params = yesApp.getRequestBaseParams(params);
|
|
$.ajax({
|
type: "GET",
|
data: JSON.parse(params),
|
url: host + "/fanli/api/v2/preview/saveMineInfo",
|
dataType: "jsonp",
|
async: false,
|
success: function(result) {
|
yesApp.hideLoading();
|
if (result.code == 0) {
|
yesApp.toast(result.data);
|
|
} else {
|
yesApp.toast(result.msg);
|
}
|
},
|
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
yesApp.hideLoading();
|
if (textStatus === 'timeout') {
|
setTimeout(function() {}, 2000);
|
}
|
}
|
});
|
},
|
|
fetchMineInfo: function() {
|
var uid = yesApp.getUid();
|
var params = {
|
uid: uid,
|
};
|
params = yesApp.getRequestBaseParams(params);
|
|
$.ajax({
|
type: "GET",
|
data: JSON.parse(params),
|
url: host + "/fanli/api/v2/preview/getMineInfo",
|
dataType: "jsonp",
|
async: false,
|
success: function(result) {
|
yesApp.hideLoading();
|
if (result.code == 0) {
|
if (result.data.length == 0 || result.data == null || result.data.preUid == null) {
|
app.n = 0;
|
app.level = '超级会员';
|
app.dataParms.preUid = uid;
|
$('#inpunt_preUid').val(uid)
|
|
} else {
|
app.dataParms = result.data;
|
$('#inpunt_preUid').val(result.data.preUid);
|
|
if (app.dataParms.level == 'vip') {
|
app.level == '超级会员'
|
app.showLevel = '超级会员'
|
app.n = 0
|
|
} else if (app.dataParms.level == 'highVIP') {
|
app.level == '高级会员'
|
app.showLevel = '高级会员'
|
app.n = 1
|
|
} else if (app.dataParms.level == 'actived') {
|
app.level == '快省达人'
|
app.showLevel = '快省达人'
|
app.n = 2
|
}
|
}
|
|
} else {
|
yesApp.toast(result.msg);
|
}
|
},
|
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
yesApp.hideLoading();
|
if (textStatus === 'timeout') {
|
setTimeout(function() {}, 2000);
|
}
|
}
|
});
|
}
|
}
|
});
|
|
app.fetchMineInfo();
|
});
|
</script>
|
</html>
|
