<template>
	<div class="">
		<div class="searchBox">
			<div class="search">
				<div class="searchBox_left" @click="changeShow">
					门店名称

					<div style="margin-left: 16rpx;">
						<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
					</div>
				</div>

				<div class="searchBox_con">
					<input type="text">
				</div>

				<div class="searchBox_right">
					<image src="http://192.168.0.172:5500/com_communitySearchIcon.png" mode="aspectFill"></image>
				</div>
			</div>
		</div>

		<div class="merchantList">
			<div class="merchantItem">
				<div class="merchantItem_tit">
					<div class="merchantItem_tit_left">重庆鸡公煲1号</div>
					<div class="merchantItem_tit_right">
						<div class="state1">审核通过</div>
						<div class="state2" v-if="false">审核驳回</div>
						<div class="state3" v-if="false">待审核</div>
					</div>
				</div>

				<div class="merchantItem_user">
					杜胜男 15901518415
				</div>

				<div class="merchantItem_add">
					<div class="merchantItem_add_left">苏州市太仓市城厢镇桃园三村11幢105市</div>
					<div class="merchantItem_add_right" @click="toEdit">
						<image src="http://192.168.0.172:5500/shopEn_edit.png" mode="aspectFill"></image>
					</div>
				</div>
			</div>
		</div>
		<div class="tip">没有更多数据了~</div>

		<div class="empty" v-if="false">
			<image src="http://192.168.0.172:5500/shopEn_empty.png" mode="aspectFill"></image>
			<div class="text">暂时没有入驻的商家</div>
		</div>

		<div class="btn" @click="toAdd">
			商家入驻
		</div>

		<u-picker :show="show" ref="uPicker" :columns="columns" @confirm="confirm" @cancel="cancel"></u-picker>
	</div>
</template>

<script>
import {
	apiArr
} from '../../../api/shopEnter';
import {
	isPhone,
	picUrl,
	request,
	upload,
	NavgateTo
} from '../../../utils';
export default {
	data() {
		return {
			show: false,
			columns: [
				['中国', '美国', '日本']
			],
		}
	},
	methods: {
		changeShow() {
			this.show = true
		},
		confirm() {
			this.show = false
		},
		cancel() {
			this.show = false
		},
		toEdit() {
			NavgateTo("../edit/index.vue")
		},
		toAdd() {
			NavgateTo("../apply/index.vue")
		}

	},
	onLoad() {

	}
}
</script>

<style>
@import url("./index.css");
</style>