|  |  | 
 |  |  |           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() | 
 |  |  |       }) | 
 |  |  |     } |