优化

Host/Views.Mobile/User/MyAccounts.cshtml

@@ -37,8 +37,29 @@
         @*<div class="qq">
             <img src="~/m/img/smile.png"> 为给您带来更好的服务体验，请完善QQ号和微信号
         </div>*@
+        
         <div class="chaxun2">
-            <input type="text" v-model="searchModel.Keyword" placeholder="账号" /><button type="button" class="btnOrange" v-on:click="search">查询</button>
+            <div class="row shaixuan">
+            <div class="col-sm-4 col-xs-4">
+                <select @@change="search" v-model="searchModel.ProductId">
+                    <option value="0">全部产品</option>
+                    <option v-for="item in productWithPackage" :value="item.Product.Id">{{item.Product.Name}}</option>
+                </select>
+            </div>
+            <div class="col-sm-4 col-xs-4">
+                <select @@change="search" v-model="searchModel.PackageId">
+                    <option value="0">全部套餐</option>
+                    <option value="测试卡">测试卡</option>
+                    <option value="天卡">天卡</option>
+                    <option value="周卡">周卡</option>
+                    <option value="月卡">月卡</option>
+                    <option value="双月卡(活动)">双月卡(活动)</option>
+                    <option value="季卡">季卡</option>
+                    <option value="年卡">年卡</option>
+                </select>
+            </div>
+        </div>
+            
         </div>
         <div class="row riqi">
             <div class="col-sm-4 col-xs-4">
@@ -52,21 +73,12 @@
             </div>
         </div>
 
-        <div class="row shaixuan">
-            <div class="col-sm-4 col-xs-4">
-                <select @@change="search" v-model="searchModel.ProductId">
-                    <option value="0">全部产品</option>
-                    <option v-for="item in productWithPackage" :value="item.Product.Id">{{item.Product.Name}}</option>
-                </select>
-            </div>
-            <div class="col-sm-4 col-xs-4">
-                <select @@change="search" v-model="searchModel.PackageId">
-                    <option value="0">全部套餐</option>
-                    <option v-for="item in packages" :value="item.Id">{{item.Name}}</option>
-                </select>
-            </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>
         </div>
 
+        
+
         <table border="0" cellspacing="0" cellpadding="0" class="orderTable">
             <tr>
                 <th><input type="checkbox" name="" id="checkAll" value="" style="width: 0.4rem;height: 0.4rem;" /></th>
@@ -318,7 +330,7 @@
             searchModel: {
                 ExpiredDay:-1,
                 ProductId:@this.Context.Request.GetInt("ProductId"),
-                PackageId:@this.Context.Request.GetInt("PackageId"),
+                PackageId:'0', 
                 Keyword:'@this.Context.Request.Get("Keyword")',
                 BTime: '@this.Context.Request.Get("BTime")',
                 ETime: '@this.Context.Request.Get("ETime")',
@@ -351,18 +363,7 @@
 
         },
         watch: {
-            'searchModel.ProductId': {    //加引号监听对象里的属性
-                handler: function (newValue, oldValue) {
-                    for (var i = 0; i < this.productWithPackage.length; i++) {
-                        var item = this.productWithPackage[i];
-                        if (item.Product.Id == newValue) {
-                            this.packages = item.Packages
-                            return;
-                        }
-                    }
-                },
-                immediate: true
-            }
+            
         },
         mounted: function () {
             this.getProducts();