修改台桌列表页面样式，增加清台功能

pageTable/index/index.vue

@@ -23,7 +23,8 @@
 					<image src="@/static/iconImg/icon-search.svg" class="input-icon" />
 					<view class="u-flex-1 u-p-l-10">
 						<input v-model="search.keyword" @confirm="searchConfirm" type="text"
-							placeholder-style="font-size:28rpx;" placeholder="搜索" /></view>
+							placeholder-style="font-size:28rpx;" placeholder="搜索" />
+					</view>
 					<view @tap.stop="hideSearch" v-if="search.show">取消</view>
 				</view>
 			</view>
@@ -59,7 +60,7 @@
 
 			<view class="u-m-t-30 u-flex u-flex-wrap u-row-between">
 				<view class="u-m-b-30" v-for="(item,index) in tables.list" :key="index">
-					<table-item @more="moreShow(item)" :data="item"></table-item>
+					<table-item @update="getTable" :areaMap="areaMap" @more="moreShow(item)" :data="item"></table-item>
 				</view>
 				<my-img-empty v-if="tables.hasAjax&&!tables.list.length" tips="未找到相关桌台"></my-img-empty>
 			</view>
@@ -303,6 +304,7 @@
 		tables.list = content
 		tables.originList = content
 	}
+	const areaMap = ref({})
 	async function getArea() {
 		const {
 			content
@@ -311,6 +313,11 @@
 			size: 300
 		})
 		tables.area.list = content
+		areaMap.value = content.reduce((prve, cur) => {
+			prve[cur.id] = cur.name
+			return prve
+		}, {})
+		console.log(areaMap);
 	}
 	watch(() => tables.area.sel, (newval) => {
 		console.log(newval);
@@ -329,7 +336,7 @@
 	watch(() => times.active, (newval) => {
 		setTimer()
 	})
-	
+
 
 	function tableUpdate() {
 		query.page = 0
@@ -352,7 +359,7 @@
 	watch(() => times.active, (newval) => {
 		setTimer()
 	})
-	onHide(()=>{
+	onHide(() => {
 		clearInterval(timer)
 	})
 	onShow(opt => {