wyk/juipnet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

【手机端和电脑端筛选功能】 https://www.tapd.cn/39598945/prong/stories/view/1139598945001000223

Browse Source
This commit is contained in:
“wanyongkang”
2021-05-27 16:13:29 +08:00
parent 9907f87ee9
commit 7968d41bea
7 changed files with 71 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
Host/Views.Mobile/User/MyAccounts.cshtml
View File

@@ -46,7 +46,7 @@
<div class="col-sm-4 col-xs-4">
<select v-model="searchModel.ExpiredDay" @@change="search">
<option :value="-100">选择过期时间</option>
<option disabled :value="0">选择过期时间</option>
<option :value="-100">全部</option>
<option :value="1">1天内到期</option>
<option :value="3">3天内到期</option>
@@ -79,17 +79,7 @@
</div>
</div>
<div class="row riqi">
<div class="col-sm-4 col-xs-4">
日期查询：
</div>
<div class="col-sm-4 col-xs-4">
<input type="text" name="start_date" id="start_date" placeholder="选择开通日期" readonly="readonly" v-model="searchModel.BTime" />
</div>
<div class="col-sm-4 col-xs-4">
<input type="text" name="end_date" id="end_date" placeholder="选择到期日期" readonly="readonly" v-model="searchModel.ETime" />
</div>
</div>
<div class="chaxun2" style="background-color: white;margin-top:0;">
<input type="text" v-model="searchModel.Keyword" placeholder="账号" /><button type="button" class="btnOrange" v-on:click="search">查询</button>
@@ -334,10 +324,20 @@
</div>
<script src="~/m/js/LCalendar.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function getQueryVariable(variable)
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}
var reason = '';
var app = new Vue({
el: '#app',
@@ -346,12 +346,10 @@
productWithPackage: [],
packages: [],
searchModel: {
ExpiredDay:-1,
ExpiredDay:@this.Context.Request.GetInt("ExpiredDay"),
ProductId:@this.Context.Request.GetInt("ProductId"),
PackageId:'0',
Keyword:'@this.Context.Request.Get("Keyword")',
BTime: '@this.Context.Request.Get("BTime")',
ETime: '@this.Context.Request.Get("ETime")',
},
oneAuthModel: {
ProductId: 0,
@@ -399,6 +397,11 @@
}
},
getProducts() {
if(decodeURIComponent(getQueryVariable('PackageId'))!='false'){
this.searchModel.PackageId = decodeURIComponent(getQueryVariable('PackageId'))
} else {
this.searchModel.PackageId = '0'
}
var that = this;
$.ajax({
type: 'GET',
@@ -415,8 +418,10 @@
search() {
var ps = [];
for (var item in this.searchModel) {
var p = item + "=" + this.searchModel[item];
ps.push(p);
if (this.searchModel[item]!=0 && this.searchModel[item] != 'false' && this.searchModel[item]!=null){
var p = item + "=" + this.searchModel[item];
ps.push(p);
}
}
window.location.href = "?" + ps.join("&");
},
@@ -617,20 +622,3 @@
});
</script>
<script type="text/javascript">
var calendar = new LCalendar();
calendar.init({
'trigger': '#start_date', //标签id
'type': 'date', //date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择,
'minDate': (new Date().getFullYear() - 3) + '-' + 1 + '-' + 1, //最小日期
'maxDate': (new Date().getFullYear() + 3) + '-' + 12 + '-' + 31 //最大日期
});
var calendar = new LCalendar();
calendar.init({
'trigger': '#end_date', //标签id
'type': 'date', //date 调出日期选择 datetime 调出日期时间选择 time 调出时间选择 ym 调出年月选择,
'minDate': (new Date().getFullYear() - 3) + '-' + 1 + '-' + 1, //最小日期
'maxDate': (new Date().getFullYear() + 3) + '-' + 12 + '-' + 31 //最大日期
});
</script>