| | |
| | | <p>异常数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3>{{ count.totalViews }}</h3> |
| | | <p>生成异常工单数</p > |
| | | </div> |
| | | <div class="dashboard-item"> |
| | | <h3>{{ count.viewsPercentage }}%</h3> |
| | | <p>设备运行率</p > |
| | | </div> |
| | |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" size="small" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <!-- <el-col :span="1.5"> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | |
| | | size="mini" |
| | | @click="handleExport" |
| | | >导出</el-button> |
| | | </el-col> |
| | | </el-col> --> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <el-table v-loading="loading" :data="monitorList" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="设备名称" align="center" prop="name" /> |
| | | <el-table-column label="设备编码" align="center" prop="serialNumber" width="180px" /> |
| | | <el-table-column label="标签" align="center" prop="publicSecurity" v-if="columns[0].visible" /> |
| | | <el-table-column label="区域" align="center" prop="address" v-if="columns[1].visible"/> |
| | | <el-table-column label="标签" align="center" v-if="columns[0].visible"> |
| | | <template slot-scope="scope"> |
| | | <div>{{ scope.row.provinceTag == 0 ? "省厅" : "市局" }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="区域" align="center" prop="area" v-if="columns[1].visible"/> |
| | | <el-table-column label="设备状态" align="center" prop="onState" v-if="columns[2].visible"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.camera_state" :value="scope.row.onState"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="是否生成异常工单" align="center" prop="defaultOrder" v-if="columns[3].visible"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.platform_yes_no" :value="scope.row.defaultOrder"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="是否生成异常工单" align="center" prop="error" v-if="columns[3].visible" /> |
| | | <el-table-column label="异常原因" align="center" prop="reason" v-if="columns[4].visible" /> |
| | | <el-table-column label="异常恢复时间" align="center" prop="recoveryTime" width="180" v-if="columns[5].visible"> |
| | | </el-table-column> |
| | | <el-table-column label="管理单位" align="center" prop="managementUnit" v-if="columns[6].visible" /> |
| | | <el-table-column label="管理单位" align="center" prop="unitName" v-if="columns[6].visible" /> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | border-radius: 4px; |
| | | border-radius: 10px; |
| | | width: 130px; |
| | | height: 80px; |
| | | margin-left: 5%; |