|  |  | 
 |  |  |     <TableLayout :permissions="['business:device:query']"> | 
 |  |  |         <!-- 搜索表单 --> | 
 |  |  |         <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> | 
 |  |  |             <el-form-item label="名称" prop="name"> | 
 |  |  |             <el-form-item title="名称" prop="name"> | 
 |  |  |                 <el-input v-model="searchForm.name" placeholder="请输入名称" @keypress.enter.native="search"></el-input> | 
 |  |  |             </el-form-item> | 
 |  |  |             <section> | 
 |  |  | 
 |  |  |                 :data="tableData.list" | 
 |  |  |                 stripe | 
 |  |  |             > | 
 |  |  |                 <el-table-column prop="name" label="设备名称"></el-table-column> | 
 |  |  |                 <el-table-column prop="doorName" label="门禁点名称"></el-table-column> | 
 |  |  |                 <el-table-column prop="regionPathName" label="区域名称"></el-table-column> | 
 |  |  |                 <el-table-column prop="doorNo" label="门禁点编号"></el-table-column> | 
 |  |  |                <el-table-column label="序号"  width="55" fixed><template slot-scope="scope" >{{scope.$index+1}}</template></el-table-column> | 
 |  |  |                <el-table-column prop="name" label="设备名称"></el-table-column> | 
 |  |  |                 <el-table-column prop="manufature" label="厂商"></el-table-column> | 
 |  |  |                 <el-table-column prop="no" label="设备编号"></el-table-column> | 
 |  |  |                 <el-table-column prop="online" label="在线状态"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <span v-if="row.online == 0">离线</span> | 
 |  |  | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column prop="ip" label="设备ip"></el-table-column> | 
 |  |  |                 <el-table-column prop="port" label="设备端口"></el-table-column> | 
 |  |  |                 <el-table-column label="是否园区入口"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <el-switch | 
 |  |  |                             @change="changeManufature($event, row)" | 
 |  |  |                             v-model="row.isEntrance" | 
 |  |  |                             active-color="#13ce66" | 
 |  |  |                             inactive-color="#ff4949" | 
 |  |  |                             :active-value="1" | 
 |  |  |                             :inactive-value="0"> | 
 |  |  |                         </el-switch> | 
 |  |  |                     </template> | 
 |  |  |                 </el-table-column> | 
 |  |  |                 <el-table-column prop="no" label="设备号"></el-table-column> | 
 |  |  |               <el-table-column | 
 |  |  |                   v-if="containPermissions(['business:device:update' ])" | 
 |  |  |                   label="操作" | 
 |  |  |                   min-width="120" | 
 |  |  |                   fixed="right" | 
 |  |  |               > | 
 |  |  |                 <template slot-scope="{row}"> | 
 |  |  |                   <el-button type="text" @click="$refs.OperaDeviceLedWindow.open('设置屏显内容', row)" icon="el-icon-edit" v-permissions="['business:device:update']">设置屏显内容</el-button> | 
 |  |  |                 </template> | 
 |  |  |               </el-table-column> | 
 |  |  |             </el-table> | 
 |  |  |             <pagination | 
 |  |  |                 @size-change="handleSizeChange" | 
 |  |  | 
 |  |  |             </pagination> | 
 |  |  |         </template> | 
 |  |  |         <!-- 新建/修改 --> | 
 |  |  | <!--        <OperaDeviceWindow ref="operaDeviceWindow" @success="handlePageChange"/>--> | 
 |  |  |         <OperaDeviceLedWindow ref="OperaDeviceLedWindow" @success="handlePageChange"/> | 
 |  |  |     </TableLayout> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | 
 |  |  | import BaseTable from '@/components/base/BaseTable' | 
 |  |  | import TableLayout from '@/layouts/TableLayout' | 
 |  |  | import Pagination from '@/components/common/Pagination' | 
 |  |  | import OperaDeviceWindow from '@/components/business/OperaDeviceWindow' | 
 |  |  | import OperaDeviceLedWindow from '@/components/business/OperaDeviceLedWindow' | 
 |  |  | import { syncDevices, updateEntranceById } from '@/api/business/device' | 
 |  |  | export default { | 
 |  |  |   name: 'Device', | 
 |  |  |   extends: BaseTable, | 
 |  |  |   components: { TableLayout, Pagination, OperaDeviceWindow }, | 
 |  |  |   components: { TableLayout, Pagination, OperaDeviceLedWindow }, | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       // 搜索 |