|  |  |  | 
|---|
|  |  |  | <el-form-item label="站点名称" prop="name"> | 
|---|
|  |  |  | <el-input v-model="searchForm.name" placeholder="请输入站点名称" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- <el-form-item label="编码" prop="id"> | 
|---|
|  |  |  | <el-input v-model="searchForm.id" placeholder="请输入编码" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-form-item label="备注" prop="info"> | 
|---|
|  |  |  | <el-input v-model="searchForm.info" placeholder="请输入备注" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-form-item label="状态 0正常 1禁用" prop="status"> | 
|---|
|  |  |  | <el-input v-model="searchForm.status" placeholder="请输入状态 0正常 1禁用" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | 
|---|
|  |  |  | stripe | 
|---|
|  |  |  | border | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-table-column prop="code" label="站点编号" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="name" label="站点名称" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="code" label="站点编号"  :sort-method="(a,b)=>{ return   a.code-b.code}"  sortable 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="ip" label="站点ip" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="port" label="端口号" min-width="100px" align="center"></el-table-column> --> | 
|---|
|  |  |  | <el-table-column prop="lastLinkDate" label="最后通讯时间" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="status" label="状态" min-width="100px" align="center"> | 
|---|
|  |  |  | <el-table-column prop="lastLinkDate" label="最后通讯时间" sortable  min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="status" sortable label="状态" min-width="100px" align="center"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <div v-if="row.status==0" style="color: green;">正常</div> | 
|---|
|  |  |  | <div v-if="row.status==1" style="color: red;">禁用</div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-table-column prop="status" sortable label="是否异常上报" min-width="100px" align="center"> | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <div v-if="row.needNotice==0" >上报</div> | 
|---|
|  |  |  | <div v-if="row.needNotice==1" >不上报</div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <!-- <el-table-column prop="creator" label="创建人" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="editor" label="编辑人" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="isdeleted" label="是否已删除 0未删除 1已删除" min-width="100px"></el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | fixed="right" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" @click="$refs.QRcode.open('查看二维码', row.code)" icon="el-icon-picture-outline-round">查看二维码</el-button> | 
|---|
|  |  |  | <el-button type="text" @click="$refs.operaSitesWindow.open('编辑站点', row)" icon="el-icon-edit" v-permissions="['business:sites:update']">编辑</el-button> | 
|---|
|  |  |  | <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:sites:delete']">删除</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <!-- 新建/修改 --> | 
|---|
|  |  |  | <OperaSitesWindow ref="operaSitesWindow" @success="handlePageChange"/> | 
|---|
|  |  |  | <!--  查看二维码  --> | 
|---|
|  |  |  | <QRcode ref="QRcode" /> | 
|---|
|  |  |  | </TableLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | import TableLayout from '@/layouts/TableLayout' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import OperaSitesWindow from '@/components/business/OperaSitesWindow' | 
|---|
|  |  |  | import QRcode from '@/components/business/QRcode' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'Sites', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | components: { TableLayout, Pagination, OperaSitesWindow }, | 
|---|
|  |  |  | components: { TableLayout, Pagination, OperaSitesWindow, QRcode }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 搜索 | 
|---|