| | |
| | | <td class="tdOne"> |
| | | <ul class="light"> |
| | | <li> |
| | | <el-tooltip class="item" effect="dark" content="一级警告" placement="bottom-end"> |
| | | <el-tooltip class="item" effect="dark" :content="$t('Level1Alarm')" placement="bottom-end"> |
| | | <img :src="eleOffImg" class="lampImg" /> |
| | | </el-tooltip> |
| | | </li> |
| | | <li> |
| | | <el-tooltip class="item" effect="dark" content="二级警告" placement="bottom-end"> |
| | | <el-tooltip class="item" effect="dark" :content="$t('Level2Alarm')" placement="bottom-end"> |
| | | <img :src="eleOnImg" class="lampImg" /> |
| | | </el-tooltip> |
| | | </li> |
| | | <li> |
| | | <el-tooltip class="item" effect="dark" content="三级警告" placement="bottom-end"> |
| | | <el-tooltip class="item" effect="dark" :content="$t('Level3Alarm')" placement="bottom-end"> |
| | | <img :src="eleOffImg" class="lampImg" /> |
| | | </el-tooltip> |
| | | </li> |
| | | <li> |
| | | <el-tooltip class="item" effect="dark" content="四级警告" placement="bottom-end"> |
| | | <el-tooltip class="item" effect="dark" :content="$t('Level4Alarm')" placement="bottom-end"> |
| | | <img :src="eleOffImg" class="lampImg" /> |
| | | </el-tooltip> |
| | | </li> |
| | |
| | | <td class="tdTwo"> |
| | | <ul class="inputOne"> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.usr_id.bol">在线电压</el-checkbox> |
| | | <el-checkbox v-model="checkbox.usr_id.bol">{{ $t('OnlineVoltage') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.fault_type_id.bol">组端电压</el-checkbox> |
| | | <el-checkbox v-model="checkbox.fault_type_id.bol">{{ $t('StringVoltage') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.uname.bol">漏液电压</el-checkbox> |
| | | <el-checkbox v-model="checkbox.uname.bol">{{ $t('LeakageVoltage') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.fault_level.bol">充电电流</el-checkbox> |
| | | <el-checkbox v-model="checkbox.fault_level.bol">{{ $t('ChargeCurrent') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.record_uid.bol">放电电流</el-checkbox> |
| | | <el-checkbox v-model="checkbox.record_uid.bol">{{ $t('DischargeCurrent') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.maint_type_id.bol">单体电压</el-checkbox> |
| | | <el-checkbox v-model="checkbox.maint_type_id.bol">{{ $t('CellVoltage') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.maint_close.bol">单体内阻</el-checkbox> |
| | | <el-checkbox v-model="checkbox.maint_close.bol">{{ $t('CellResistance') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.maint_done.bol">单体温度</el-checkbox> |
| | | <el-checkbox v-model="checkbox.maint_done.bol">{{ $t('CellTemperature') }}</el-checkbox> |
| | | </li> |
| | | </ul> |
| | | </td> |
| | | <td class="tdTree"> |
| | | <ul class="inputOne"> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.alm_id.bol">上限告警</el-checkbox> |
| | | <el-checkbox v-model="checkbox.alm_id.bol">{{ $t('UpLimitAlarm') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.alm_signal_id.bol">下限告警</el-checkbox> |
| | | <el-checkbox v-model="checkbox.alm_signal_id.bol">{{ $t('LowLimitAlarm') }}</el-checkbox> |
| | | </li> |
| | | </ul> |
| | | </td> |
| | | <td class="tdFrou"> |
| | | <ul class="inputOne"> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.Level_one_warn.bol">一级告警</el-checkbox> |
| | | <el-checkbox v-model="checkbox.Level_one_warn.bol">{{ $t('Level1Alarm') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.Level_two_warn.bol">二级告警</el-checkbox> |
| | | <el-checkbox v-model="checkbox.Level_two_warn.bol">{{ $t('Level2Alarm') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.master_audit.bol">三级告警</el-checkbox> |
| | | <el-checkbox v-model="checkbox.master_audit.bol">{{ $t('Level3Alarm') }}</el-checkbox> |
| | | </li> |
| | | <li> |
| | | <el-checkbox v-model="checkbox.appoint_uid.bol">四级告警</el-checkbox> |
| | | <el-checkbox v-model="checkbox.appoint_uid.bol">{{ $t('Level4Alarm') }}</el-checkbox> |
| | | </li> |
| | | </ul> |
| | | </td> |
| | |
| | | </table> |
| | | </div> |
| | | <el-tabs v-model="acTabs" type="border-card" class="flex-layout noborder" @tab-click="tabClick"> |
| | | <el-tab-pane label="未确认告警" name="unconfirmed"> |
| | | <el-tab-pane :label="$t('Unconfirmed')" name="unconfirmed"> |
| | | <flex-layout> |
| | | <!-- 表单 --> |
| | | <div class="flex-page-content"> |
| | | <el-table id="batteryrTimequeryTable" stripe size="small" :data="table1.datas" height="100%" class="tableCent" |
| | | tooltip-effect="light"> |
| | | <el-table-column label="编号" type="index" width="50"> |
| | | <el-table-column :label="$t('Num')" type="index" width="50"> |
| | | </el-table-column> |
| | | <el-table-column v-for="header in table1.headers" :key="header.prop" :prop="header.prop" |
| | | :label="header.label" :width="header.width" :min-width="header.minWidth" show-overflow-tooltip |
| | | align="center"></el-table-column> |
| | | <el-table-column label="确认告警" align="center" :width="80"> |
| | | <el-table-column :label="$t('ConfirmAlarm')" align="center" :width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-checkbox v-model="scope.row.almIsConfirmed" disabled></el-checkbox> |
| | | <!-- <input type="checkbox" disabled :checked="scope.row.alarm1 && scope.row.alarm1.length > 0 ? true : false"> --> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="cztime" fixed="right" width="180px" align="center" label="操作"> |
| | | <el-table-column prop="cztime" fixed="right" width="180px" align="center" :label="$t('Operation')"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="primary" size="mini" @click="goRealTime(scope.row)">实时</el-button> |
| | | <el-button type="primary" size="mini" @click="goRealTime(scope.row)">{{ $t('Realtime') }}</el-button> |
| | | <el-popover placement="top-start" style="margin-left: 8px;" trigger="hover"> |
| | | <div class="table-tools-more"> |
| | | <el-button :disabled="!isCanConfirm" type="primary" size="mini" |
| | | @click="okAlarm(scope.row)">确认告警</el-button> |
| | | @click="okAlarm(scope.row)">{{ $t('ConfirmAlarm') }}</el-button> |
| | | <el-button :disabled="!isCanQuit" type="success" size="mini" |
| | | @click="deleteUser(scope.row)">取消告警</el-button> |
| | | @click="deleteUser(scope.row)">{{ $t('CancelAlarm') }}</el-button> |
| | | <el-button :disabled="!isCanDel" type="danger" size="mini" |
| | | @click="delteTim(scope.row, 0)">删除</el-button> |
| | | <el-button v-if="isHZSJ" type="danger" size="mini" @click="dispatch(scope.row, 0)">派单</el-button> |
| | | @click="delteTim(scope.row, 0)">{{ $t('Delete') }}</el-button> |
| | | <!-- <el-button v-if="isHZSJ" type="danger" size="mini" @click="dispatch(scope.row, 0)">派单</el-button> --> |
| | | </div> |
| | | <el-button slot="reference" type="success" size="mini">更多</el-button> |
| | | <el-button slot="reference" type="success" size="mini">{{ $t('More') }}</el-button> |
| | | </el-popover> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <!-- 底部分页 --> |
| | | <div class="flex-page-footer" slot="footer"> |
| | | <div class="el-pagination-btns"> |
| | | <el-button type="primary" round size="mini" icon="el-icon-search" @click="sendMessage">查询</el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-wallet" @click="exportFile1">导出</el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-search" @click="sendMessage">{{ $t('operate.search') }}</el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-wallet" @click="exportFile1">{{ $t('operate.export') }}</el-button> |
| | | </div> |
| | | <el-pagination class="pagess" @size-change="handleSizeChange1" @current-change="handleCurrentChange1" |
| | | :current-page="queryInfo1.pagenum" :page-sizes="[10, 20, 30, 50, 100]" :page-size="queryInfo1.pagesize" |
| | |
| | | </div> |
| | | </flex-layout> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="已确认告警" name="confirmed"> |
| | | <el-tab-pane :label="$t('Confirmed')" name="confirmed"> |
| | | <flex-layout> |
| | | <!-- 表单 --> |
| | | <div class="flex-page-content"> |
| | | <el-table id="batteryrTimequeryTable" stripe size="small" :data="table2.datas" tooltip-effect="light" |
| | | height="100%" class="tableCent"> |
| | | <el-table-column label="编号" type="index" width="50"> |
| | | <el-table-column :label="$t('Num')" type="index" width="50"> |
| | | </el-table-column> |
| | | <el-table-column v-for="header in table2.headers" :key="header.prop" :prop="header.prop" |
| | | :label="header.label" :width="header.width" :min-width="header.minWidth" show-overflow-tooltip |
| | | align="center"></el-table-column> |
| | | <el-table-column label="确认告警" align="center" :width="80"> |
| | | <el-table-column :label="$t('ConfirmAlarm')" align="center" :width="80"> |
| | | <template slot-scope="scope"> |
| | | <el-checkbox v-model="scope.row.almIsConfirmed" disabled></el-checkbox> |
| | | <!-- <input type="checkbox" disabled :checked="scope.row.alarm1 && scope.row.alarm1.length > 0 ? true : false"> --> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="cztime" fixed="right" width="180px" align="center" label="操作"> |
| | | <el-table-column prop="cztime" fixed="right" width="180px" align="center" :label="$t('operate.operation')"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="primary" size="mini" @click="goRealTime(scope.row)">实时</el-button> |
| | | <el-button type="primary" size="mini" @click="goRealTime(scope.row)">{{ $t('Realtime') }}</el-button> |
| | | <el-popover placement="top-start" style="margin-left: 8px;" trigger="hover"> |
| | | <div class="table-tools-more"> |
| | | <el-button :disabled="!isCanQuit" type="success" size="mini" |
| | | @click="deleteUser(scope.row)">取消告警</el-button> |
| | | @click="deleteUser(scope.row)">{{ $t('CancelAlarm') }}</el-button> |
| | | <el-button :disabled="!isCanDel" type="danger" size="mini" |
| | | @click="delteTim(scope.row, 1)">删除</el-button> |
| | | <el-button v-if="isHZSJ" type="danger" size="mini" @click="dispatch(scope.row, 0)">派单</el-button> |
| | | @click="delteTim(scope.row, 1)">{{ $t('Delete') }}</el-button> |
| | | <!-- <el-button v-if="isHZSJ" type="danger" size="mini" @click="dispatch(scope.row, 0)">派单</el-button> --> |
| | | </div> |
| | | <el-button slot="reference" type="success" size="mini">更多</el-button> |
| | | <el-button slot="reference" type="success" size="mini">{{ $t('More') }}</el-button> |
| | | </el-popover> |
| | | |
| | | </template> |
| | |
| | | <!-- 底部分页 --> |
| | | <div class="flex-page-footer" slot="footer"> |
| | | <div class="el-pagination-btns"> |
| | | <el-button type="primary" round size="mini" icon="el-icon-search" @click="sendMessage">查询</el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-wallet" @click="exportFile2">导出</el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-search" @click="sendMessage">{{ $t('operate.search') }}</el-button> |
| | | <el-button type="primary" round size="mini" icon="el-icon-wallet" @click="exportFile2">{{ $t('operate.export') }}</el-button> |
| | | </div> |
| | | <el-pagination class="pagess" @size-change="handleSizeChange2" @current-change="handleCurrentChange2" |
| | | :current-page="queryInfo2.pagenum" :page-sizes="[10, 20, 30, 50, 100]" :page-size="queryInfo2.pagesize" |
| | |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <!-- 告警派单 --> |
| | | <el-dialog title="告警派单" width="400px" :visible.sync="alarmVisible" :close-on-click-modal="false" top="0" |
| | | <!-- <el-dialog title="告警派单" width="400px" :visible.sync="alarmVisible" :close-on-click-modal="false" top="0" |
| | | class="dialog-center dialog-bg" :modal-append-to-body="false"> |
| | | <dispatch-form @close="alarmVisible = false"></dispatch-form> |
| | | </el-dialog> |
| | | </el-dialog> --> |
| | | <alarm-details :visible.sync="detailsVisible"></alarm-details> |
| | | </flex-layout> |
| | | </template> |