|  |  |  | 
|---|
|  |  |  | min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="name" label="站点名称" sortable min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-table-column prop="createTime" label="创建时间" sortable min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createDate" label="创建时间" sortable min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column v-if="containPermissions(['business:sites:update', 'business:sites:delete'])" label="操作" | 
|---|
|  |  |  | min-width="120" align="center" fixed="right"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <!-- 新建/修改 --> | 
|---|
|  |  |  | <OperaSitesWindow ref="operaSitesWindow" @success="handlePageChange" /> | 
|---|
|  |  |  | <!--  查看二维码  --> | 
|---|
|  |  |  | <AMap ref="MapRef" /> | 
|---|
|  |  |  | <div id="aaa"></div> | 
|---|
|  |  |  | <AMap @change="changeMap" ref="MapRef" /> | 
|---|
|  |  |  | </TableLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | import TableLayout from '@/layouts/TableLayout' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import OperaSitesWindow from './components/SitesWindow' | 
|---|
|  |  |  | import AMap from './components/Map.vue' | 
|---|
|  |  |  | import AMap from './components/AMap.vue' | 
|---|
|  |  |  | import { Message } from 'element-ui' | 
|---|
|  |  |  | import { updateById } from '@/api/business/sites.js' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'Sites', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | 
|---|
|  |  |  | status: '', | 
|---|
|  |  |  | lockNum: '', | 
|---|
|  |  |  | ip: '', | 
|---|
|  |  |  | clientVersion: '' | 
|---|
|  |  |  | clientVersion: '', | 
|---|
|  |  |  | type: 1 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | isShowMap: false | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | handleDraw() { | 
|---|
|  |  |  | changeMap(e, row) { | 
|---|
|  |  |  | console.log(e); | 
|---|
|  |  |  | updateById({ ...row, electronicFence: JSON.stringify(e) }).then(res => { | 
|---|
|  |  |  | if (res) { | 
|---|
|  |  |  | Message.success('设置成功') | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleDraw(row) { | 
|---|
|  |  |  | this.$refs.MapRef.isShowModal = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | // this.$refs.MapRef.isShowModal = true | 
|---|
|  |  |  | this.$refs.MapRef.row = row | 
|---|
|  |  |  | if (row.electronicFence) { | 
|---|
|  |  |  | this.$refs.MapRef.polygons = JSON.parse(row.electronicFence) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.$refs.MapRef.initMap() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|