<template>
|
<el-row ref="searchRef">
|
<el-form :inline="true" :model="formSearch">
|
<el-form-item label="省/市/区/镇" prop="_locations">
|
<el-cascader
|
v-model="formSearch._locations"
|
:options="locations"
|
placeholder="省/市/区/镇"
|
:props="props"
|
style="width: 280px"
|
/>
|
</el-form-item>
|
<el-form-item label="场景类型" prop="scensetypeid">
|
<el-select
|
v-model="formSearch.scensetypeid"
|
placeholder="场景类型"
|
style="width: 150px"
|
>
|
<el-option
|
v-for="s in sceneTypes"
|
:key="s.value"
|
:label="s.label"
|
:value="s.value"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="上线状态" prop="online">
|
<el-select
|
v-model="formSearch.online"
|
placeholder="上线状态"
|
style="width: 75px"
|
>
|
<el-option
|
v-for="s in onlineStatus"
|
:key="s.value"
|
:label="s.label"
|
:value="s.value"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button icon="Search" type="primary" @click="onSearch"
|
>查询</el-button
|
>
|
</el-form-item>
|
</el-form>
|
</el-row>
|
|
<el-table
|
:data="tableData"
|
v-loading="loading"
|
table-layout="fixed"
|
:row-class-name="tableRowClassName"
|
:height="tableHeight"
|
>
|
<el-table-column prop="name" label="名称" :show-overflow-tooltip="true" width="400">
|
</el-table-column>
|
<el-table-column prop="type" label="类型" width="130" />
|
<el-table-column prop="provincename" label="省" width="90" />
|
<el-table-column prop="cityname" label="市" width="90" />
|
<el-table-column prop="districtname" label="区县" width="90" />
|
<el-table-column prop="townname" label="街道" width="110" />
|
<el-table-column prop="location" label="地址" min-width="400" />
|
<el-table-column prop="longitude" label="经度" width="110" />
|
<el-table-column prop="latitude" label="纬度" width="110" />
|
<el-table-column fixed="right" label="操作" width="160">
|
<template #default="scope">
|
<el-button
|
:loading="scope.row.loading1"
|
type="default"
|
size="small"
|
@click="itemEdit(scope)"
|
>编辑</el-button
|
>
|
<el-button
|
:loading="scope.row.loading2"
|
:type="scope.row.extension1 != '0' ? 'danger' : 'primary'"
|
size="small"
|
@click="itemActive(scope)"
|
>{{ scope.row.extension1 != '0' ? '下线' : '上线' }}</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
<el-pagination
|
ref="paginationRef"
|
class="el-pagination"
|
v-model:current-page="currentPage"
|
v-model:page-size="pageSize"
|
:page-sizes="[10, 20, 50, 100]"
|
:background="true"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="total"
|
/>
|
</template>
|
|
<script>
|
import { enumScene } from '@/enum/scene';
|
import { enumLocation } from '@/enum/location';
|
|
export default {
|
data() {
|
return {
|
locations: enumLocation(),
|
sceneTypes: enumScene(1),
|
formSearch: {
|
_locations: [],
|
provincecode: '',
|
citycode: '',
|
districtcode: '',
|
towncode: '',
|
scensetypeid: '',
|
},
|
props: {
|
checkStrictly: true,
|
},
|
|
tableData: [],
|
tableHeight: '500',
|
loading: false,
|
|
currentPage: 1,
|
pageSize: 20,
|
total: 0,
|
};
|
},
|
};
|
</script>
|
