1

pages/enquiry/list.vue

@@ -26,6 +26,40 @@
 				</el-row>
 			</view>
 		</view>
+		
+		
+		<!-- 筛选表单 -->
+		<view class="filter-outer">
+			<el-form @submit.native.prevent label-width="80px">
+				<el-form-item label="关键词">
+					<el-input @keyup.enter.native="query(1)" clearable placeholder="输入关键字搜索" v-model="keyword">
+						<el-button @click="query(1)" type="primary" slot="append" icon="el-icon-search"></el-button>
+					</el-input>
+				</el-form-item>
+				<el-form-item label="分类">
+					<el-tabs>
+						<el-tab-pane v-for="(item, index) in categoryTreeData" :label="item.name" :key="item._id">
+							<el-checkbox-group v-model="checkCategoryList[index]">
+								<el-checkbox v-for="(citem, cindex) in item.children" :label="citem"
+									:key="cindex">{{citem.name}}</el-checkbox>
+							</el-checkbox-group>
+						</el-tab-pane>
+					</el-tabs>
+				</el-form-item>
+				<el-form-item label="城市">
+					<el-checkbox-group v-model="checkProvinceList">
+						<!-- <el-checkbox :label="{code:0,name: '全国'}">全国</el-checkbox> -->
+						<el-checkbox :checked="cindex == 0" v-for="(citem, cindex) in provinceData" :label="citem"
+							:key="cindex">{{citem.name}}</el-checkbox>
+					</el-checkbox-group>
+				</el-form-item>
+				<el-form-item label="已选">
+					<view class="tags">
+						<el-tag v-for="(item, index) in checkCategoryArr" :key="index">{{item.name}}</el-tag>
+					</view>
+				</el-form-item>
+			</el-form>
+		</view>
 
 		<!-- 商品列表 -->
 		<view class="sheet-list">
@@ -34,7 +68,7 @@
 		</view>
 
 
-
+		<common-footer></common-footer>
 	</view>
 </template>
 
@@ -47,11 +81,35 @@
 	export default {
 		data() {
 			return {
+				categoryTreeData: [],
+				provinceData: provinces,
+				checkCategoryList: [],
+				checkProvinceList: [],
 				keyword: '',
 				// 表格相关开始 -----------------------------------------------------------
 				table1: {
 					// 表格数据请求地址
-					action: "client/enquiry/sheet/pub/getList",
+					action: (obj = {}) => {
+						let { data,success, fail,complete} = obj;
+						 vk.callFunction({
+							url: `client/enquiry/sheet/pub/getList`,
+							data: data,
+							success: (res) => {
+							if (typeof success === "function") {
+								success({
+								  rows: res.rows, // 列表数据
+								  total: res.total, // 总记录数
+								});
+							}
+							},
+							fail: (err=> {
+								
+							}),
+							complete: (res) => {
+							  if (typeof complete === "function") complete(res);
+							}
+						 })
+					},
 					customRightBtns: [{
 						title: '详情',
 						icon: 'el-icon-search',
@@ -132,6 +190,19 @@
 		},
 		onLoad() {
 			// this.search(1)
+			vk.callFunction({
+				url: 'client/spot/category/pub/getTree',
+				title: '请求中...',
+				data: {
+			
+				},
+				success: (data) => {
+					this.categoryTreeData = data.rows
+					for (var i = 0; i < data.rows.length; i++) {
+						this.checkCategoryList.push([])
+					}
+				}
+			});
 
 		},
 		methods: {