1

resources/views/admin/album/product/price/index.blade.php

@@ -15,17 +15,9 @@
 				<div class="ibox-content">
 				    <div class="row">
 				        <form method="GET" action="" accept-charset="UTF-8">
-
-							<div class="col-sm-4">
-								<div class="input-group">
-									<input type="text" value="{{Request::get('keyword')}}"	placeholder="请输入关键词" name="keyword"class="input-sm form-control">
-									<span class="input-group-btn">
-										<button type="submit" class="btn btn-sm btn-primary">搜索</button>
-									</span>
-								</div>
-							</div>
-							<div class="col-sm-3">
+							<div class="col-sm-2">
 								<select id="data_parent_id" class="form-control" onchange="getLevelSecondCategory()">
+									<option value="0">全部</option>
 									@if(isset($cat))
 										@foreach($cat as $key=>$val)
 											<option value="{{$val->id}}" >{{$val->name}}</option>
@@ -33,6 +25,19 @@
 									@endif
 								</select>
 							</div>
+							<div class="col-sm-2" id="app">
+								<select name="cat_id" id="data_cat_id" class="form-control"  required="" aria-required="true">
+									<option v-for="item in list.data" :value="item.id">@{{ item.name }}</option>
+								</select>
+							</div>
+							<div class="col-sm-2">
+								<div class="input-group">
+									<input type="text" value="{{Request::get('keyword')}}"	placeholder="请输入关键词" name="keyword"class="input-sm form-control">
+									<span class="input-group-btn">
+										<button type="submit" class="btn btn-sm btn-primary">搜索</button>
+									</span>
+								</div>
+							</div>
 				        </form>
 						@if(role('Album/Product/Price/create'))
     					<div class="col-sm-3 pull-right">
@@ -111,4 +116,51 @@
 		</div>
 	</div>
 </div>
+<script src="/base/js/vue.js"></script>
+<link href="/base/css/plugins/toastr/toastr.min.css" rel="stylesheet">
+<script src="/base/js/plugins/toastr/toastr.min.js"></script>
+<script>
+    toastr.options.positionClass = 'toast-bottom-center';
+    toastr.options.timeOut = '4000';
+
+    var level = new Vue({
+        el:"#app",
+        data:{
+            list:{
+                data:[
+                    {'id':0,'name':'请先选择一级类目'},
+                ],
+            },
+            //      num:0
+        },
+        methods:{
+            changeData:function (e) {
+                Vue.set(this.list,'data',e)
+            }
+        }
+    });
+
+    function getLevelSecondCategory(){
+        var first = $('#data_parent_id').val();
+        $.ajax({
+            url: "{{ U('Album/Product/getSecondCategory') }}",
+            method: 'POST',
+            data: {
+                'cat_id':first,
+                '_token':"{{ csrf_token() }}"
+            },
+            dataType:'json',
+
+            success: function(data) {
+                if (data.code == 0) {
+                    level.changeData(data.data);
+                } else {
+                    toastr.error(data.message);
+                }
+            }
+        });
+    }
+    getLevelSecondCategory();
+
+</script>
 @endsection