|  |  | 
 |  |  |     <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 prop="manufature" label="厂商"></el-table-column> | 
 |  |  |                 <el-table-column prop="online" label="在线状态"> | 
 |  |  |                     <template slot-scope="{row}"> | 
 |  |  |                         <span v-if="row.online == 0">离线</span> | 
 |  |  |                         <span v-if="row.online == 1">在线</span> | 
 |  |  |                     </template> | 
 |  |  |                 </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 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="hkId" label="广播点唯一标识"></el-table-column> | 
 |  |  |                 <el-table-column prop="channelInfo" label="广播点类型"></el-table-column> | 
 |  |  |                 <el-table-column prop="channelNo" label="通道号"></el-table-column> | 
 |  |  |                 <el-table-column prop="regionName" label="区域名称"></el-table-column> | 
 |  |  |                 <el-table-column prop="hkDate" label="同步时间"></el-table-column> | 
 |  |  |             </el-table> | 
 |  |  |             <pagination | 
 |  |  |                 @size-change="handleSizeChange" | 
 |  |  | 
 |  |  |               this.search() | 
 |  |  |             }) | 
 |  |  |             .catch(e => { | 
 |  |  |               this.$tip.apiFailed(e) | 
 |  |  |              //  this.$tip.apiFailed(e) | 
 |  |  |             }) | 
 |  |  |             .finally(() => { | 
 |  |  |               this.isWorking.delete = false |