module/flk/themes/admin/flk_cbd_shop/index.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>
	{include file="head.html"}
	<body>
		<div id="app" style="display: none;" :class="'flex-col'">
			<div class="tabs-border">
				<div @click="setPage('index')" :class="{'active':page=='index'}" class="item" >商家列表</div>
				<div @click="setPage('shop')" :class="{'active':page=='shop'}" class="item" >添加商家</div>
			</div>

			<div  v-if="page=='index'" class="main-body" page="index">
				<form class="search-form">
					<div class="flex flex-ai-center">
						商家名称：<input v-model="keyword" :value="keyword" class="w100 mgr-5" type="text" name="keyword" />
						<div @click="search" class="btn-small">搜索</div>
					</div>
				</form>
				<table class="tbs">
					<tdead>
						<tr>
							<td>名称</td>
							<td>地址</td>
							<td>联系电话</td>
							<td>操作</td>
						</tr>
					</tdead>
					<tbody>
						 
						<tr v-for="(item,index) in pageData.shoplist">
							<td>{{item.shopname}}</td>
							<td>{{item.address}}</td>
							<td>{{item.telephone}}</td>
							<td>
								<div  class="pointer cl-danger" @click="del(item.shopid)" >删除</div>
							</td>
						</tr>
						 
					</tbody>
				</table>
			</div>
			
			<div v-if="page=='shop'" class="main-body" page="shop">
				<form class="search-form">
					<div class="flex flex-ai-center">
						商家名称：<input v-model="keyword" :value="keyword" class="w100 mgr-5" type="text" name="keyword" />
						<div @click="search" class="btn-small">搜索</div>
					</div>
				</form>
				<table class="tbs">
					<tdead>
						<tr>
							<td>名称</td>
							<td>地址</td>
							<td>联系电话</td>
							<td>操作</td>
						</tr>
					</tdead>
					<tbody>
						 
						<tr v-for="(item,index) in pageData.list">