del(baseBusbarInfo): 删除demo
parent
1a9eb7780e
commit
c1a4cd9b34
@ -1,850 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="app-container">
|
|
||||||
<el-row :gutter="28">
|
|
||||||
<el-col :span="5" :xs="24">
|
|
||||||
<div class="head-container">
|
|
||||||
<el-input
|
|
||||||
v-model="filterBoxName"
|
|
||||||
placeholder="请输入电柜名称"
|
|
||||||
clearable
|
|
||||||
size="small"
|
|
||||||
prefix-icon="el-icon-search"
|
|
||||||
style="margin-bottom: 20px"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="head-container">
|
|
||||||
<div class="tree-container">
|
|
||||||
<el-tree
|
|
||||||
:data="InfoOptions"
|
|
||||||
:props="props"
|
|
||||||
:expand-on-click-node="false"
|
|
||||||
:filter-node-method="filterNode"
|
|
||||||
ref="tree"
|
|
||||||
node-key="id"
|
|
||||||
default-expand-all
|
|
||||||
highlight-current
|
|
||||||
@node-click="handleNodeClick"
|
|
||||||
|
|
||||||
/>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<el-col :span="19" :xs="24">
|
|
||||||
<!-- 母排信息 -->
|
|
||||||
<div>
|
|
||||||
<el-form :model="queryParamsBusbar" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
|
||||||
<el-form-item label="母排编号" prop="busbarCode">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParamsBusbar.busbarCode"
|
|
||||||
placeholder="请输入母排编号"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQueryBusbar"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="母排别名" prop="busbarAlias">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParamsBusbar.busbarAlias"
|
|
||||||
placeholder="请输入母排别名"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQueryBusbar"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQueryBusbar">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQueryBusbar">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAddBusbar"
|
|
||||||
v-hasPermi="['base:baseBusbarInfo:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="el-icon-edit"
|
|
||||||
size="mini"
|
|
||||||
:disabled="singleBusbar"
|
|
||||||
@click="handleUpdateBusbar"
|
|
||||||
v-hasPermi="['base:baseBusbarInfo:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="el-icon-delete"
|
|
||||||
size="mini"
|
|
||||||
:disabled="multipleBusbar"
|
|
||||||
@click="handleDeleteBusbar"
|
|
||||||
v-hasPermi="['base:baseBusbarInfo:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExportBusbar"
|
|
||||||
v-hasPermi="['base:baseBusbarInfo:export']"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getListBusbar"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
<el-table v-loading="loadingBusbar" :data="baseBusbarInfoList" @selection-change="handleSelectionChangeBusbar">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="检测编号" align="center" prop="busbarCode" />
|
|
||||||
|
|
||||||
<!-- <el-table-column label="检测位置" align="center" prop="busbarAlias" />-->
|
|
||||||
|
|
||||||
<el-table-column label="检测位置" align="center" prop="busbarAlias">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button type="text" @click="showAlarmsForBusbar(scope.row)">
|
|
||||||
{{ scope.row.busbarAlias }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column label="所属电柜" align="center" prop="cabinetCode" />
|
|
||||||
<el-table-column label="母排距离" align="center" prop="busbarDist" />
|
|
||||||
<el-table-column label="是否检测" align="center" prop="isChecked">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :options="dict.type.busbar_is_checked" :value="scope.row.isChecked"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="是否尾排" align="center" prop="isEnd">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :options="dict.type.busbar_is_end" :value="scope.row.isEnd"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="是否拍照" align="center" prop="isPictures">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :options="dict.type.is_pictures" :value="scope.row.isPictures"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="坐标P" align="center" prop="wPanPos" />
|
|
||||||
<el-table-column label="坐标T" align="center" prop="wTiltPos" />
|
|
||||||
<el-table-column label="坐标Z" align="center" prop="wZoomPos" />
|
|
||||||
<el-table-column label="是否旋转" align="center" prop="isRotate">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :options="dict.type.is_rotate" :value="scope.row.isRotate"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdateBusbar(scope.row)"
|
|
||||||
v-hasPermi="['base:baseBusbarInfo:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDeleteBusbar(scope.row)"
|
|
||||||
v-hasPermi="['base:baseBusbarInfo:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<pagination
|
|
||||||
v-show="totalBusbar>0"
|
|
||||||
:total="totalBusbar"
|
|
||||||
:page.sync="queryParamsBusbar.pageNum"
|
|
||||||
:limit.sync="queryParamsBusbar.pageSize"
|
|
||||||
@pagination="getListBusbar"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 报警信息 -->
|
|
||||||
<div style="margin-top: 20px;">
|
|
||||||
<!-- <el-form :model="queryParamsAlarm" ref="queryFormAlarm" size="small" :inline="true" v-show="showSearchAlarm" label-width="68px">
|
|
||||||
<el-form-item label="母排编号" prop="busbarCode">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParamsAlarm.busbarCode"
|
|
||||||
placeholder="请输入母排编号"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQueryAlarm"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="报警别名" prop="alarmAlias">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParamsAlarm.alarmAlias"
|
|
||||||
placeholder="请输入报警别名"
|
|
||||||
clearable
|
|
||||||
@keyup.enter.native="handleQueryAlarm"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQueryAlarm">搜索</el-button>
|
|
||||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQueryAlarm">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>-->
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="primary"
|
|
||||||
plain
|
|
||||||
icon="el-icon-plus"
|
|
||||||
size="mini"
|
|
||||||
@click="handleAddAlarm"
|
|
||||||
v-hasPermi="['base:baseAlarmInfo:add']"
|
|
||||||
>新增</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="success"
|
|
||||||
plain
|
|
||||||
icon="el-icon-edit"
|
|
||||||
size="mini"
|
|
||||||
:disabled="singleAlarm"
|
|
||||||
@click="handleUpdateAlarm"
|
|
||||||
v-hasPermi="['base:baseAlarmInfo:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="danger"
|
|
||||||
plain
|
|
||||||
icon="el-icon-delete"
|
|
||||||
size="mini"
|
|
||||||
:disabled="multipleAlarm"
|
|
||||||
@click="handleDeleteAlarm"
|
|
||||||
v-hasPermi="['base:baseAlarmInfo:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button
|
|
||||||
type="warning"
|
|
||||||
plain
|
|
||||||
icon="el-icon-download"
|
|
||||||
size="mini"
|
|
||||||
@click="handleExportAlarm"
|
|
||||||
v-hasPermi="['base:baseAlarmInfo:export']"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearchAlarm" @queryTable="getListAlarm"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
<el-table v-loading="loadingAlarm" :data="baseAlarmInfoList" @selection-change="handleSelectionChangeAlarm">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column label="标识" align="center" prop="objId" />
|
|
||||||
<el-table-column label="母排编号" align="center" prop="busbarCode" />
|
|
||||||
<el-table-column label="报警别名" align="center" prop="alarmAlias" />
|
|
||||||
<el-table-column label="报警内容" align="center" prop="alarmContent" />
|
|
||||||
<el-table-column label="报警类型" align="center" prop="alarmType">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :options="dict.type.alarm_type" :value="scope.row.alarmType"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="报警阈值" align="center" prop="alarmValue" />
|
|
||||||
<el-table-column label="判断方式" align="center" prop="judgMethod">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :options="dict.type.judg_method" :value="scope.row.judgMethod"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="是否启用" align="center" prop="isFlag">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<dict-tag :options="dict.type.is_flag" :value="scope.row.isFlag"/>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- <el-table-column label="创建人" align="center" prop="createdBy" />
|
|
||||||
<el-table-column label="创建时间" align="center" prop="createdTime" width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ parseTime(scope.row.createdTime, '{y}-{m}-{d}') }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="更新人" align="center" prop="updatedBy" />
|
|
||||||
<el-table-column label="更新时间" align="center" prop="updatedTime" width="180">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{ parseTime(scope.row.updatedTime, '{y}-{m}-{d}') }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>-->
|
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdateAlarm(scope.row)"
|
|
||||||
v-hasPermi="['base:baseAlarmInfo:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDeleteAlarm(scope.row)"
|
|
||||||
v-hasPermi="['base:baseAlarmInfo:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<pagination
|
|
||||||
v-show="totalAlarm>0"
|
|
||||||
:total="totalAlarm"
|
|
||||||
:page.sync="queryParamsAlarm.pageNum"
|
|
||||||
:limit.sync="queryParamsAlarm.pageSize"
|
|
||||||
@pagination="getListAlarm"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 添加或修改母排信息对话框 -->
|
|
||||||
<el-dialog :title="titleBusbar" :visible.sync="openBusbar" width="500px" append-to-body>
|
|
||||||
<el-form ref="formBusbar" :model="formBusbar" :rules="rulesBusbar" label-width="80px">
|
|
||||||
<el-form-item label="母排编号" prop="busbarCode">
|
|
||||||
<el-input v-model="formBusbar.busbarCode" placeholder="请输入母排编号" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="母排别名" prop="busbarAlias">
|
|
||||||
<el-input v-model="formBusbar.busbarAlias" placeholder="请输入母排别名" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="电柜编号" prop="cabinetCode" >
|
|
||||||
<el-input v-model="formBusbar.cabinetCode" placeholder="请输入电柜编号" :disabled="formBusbar.cabinetCode!=null" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="母排距离" prop="busbarDist">
|
|
||||||
<el-input v-model="formBusbar.busbarDist" placeholder="请输入母排距离" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否检测" prop="isChecked">
|
|
||||||
<el-radio-group v-model="formBusbar.isChecked">
|
|
||||||
<el-radio
|
|
||||||
v-for="dict in dict.type.is_checked"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="parseInt(dict.value)"
|
|
||||||
>{{dict.label}}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否尾排" prop="isEnd">
|
|
||||||
<el-radio-group v-model="formBusbar.isEnd">
|
|
||||||
<el-radio
|
|
||||||
v-for="dict in dict.type.busbar_is_end"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="parseInt(dict.value)"
|
|
||||||
>{{dict.label}}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否启用" prop="isFlag">
|
|
||||||
<el-radio-group v-model="formBusbar.isFlag">
|
|
||||||
<el-radio
|
|
||||||
v-for="dict in dict.type.busbar_is_flag"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="parseInt(dict.value)"
|
|
||||||
>{{dict.label}}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否拍照" prop="isPictures">
|
|
||||||
<el-radio-group v-model="formBusbar.isPictures">
|
|
||||||
<el-radio
|
|
||||||
v-for="dict in dict.type.is_pictures"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="parseInt(dict.value)"
|
|
||||||
>{{dict.label}}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="坐标P" prop="wPanPos">
|
|
||||||
<el-input v-model="formBusbar.wPanPos" placeholder="请输入坐标P" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="坐标T" prop="wTiltPos">
|
|
||||||
<el-input v-model="formBusbar.wTiltPos" placeholder="请输入坐标T" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="坐标Z" prop="wZoomPos">
|
|
||||||
<el-input v-model="formBusbar.wZoomPos" placeholder="请输入坐标Z" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否旋转" prop="isRotate">
|
|
||||||
<el-radio-group v-model="formBusbar.isRotate">
|
|
||||||
<el-radio
|
|
||||||
v-for="dict in dict.type.is_rotate"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="parseInt(dict.value)"
|
|
||||||
>{{dict.label}}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitFormBusbar">确 定</el-button>
|
|
||||||
<el-button @click="cancelBusbar">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
<!-- 添加或修改报警信息对话框 -->
|
|
||||||
<el-dialog :title="titleAlarm" :visible.sync="openAlarm" width="500px" append-to-body>
|
|
||||||
<el-form ref="formAlarm" :model="formAlarm" :rules="rulesAlarm" label-width="80px">
|
|
||||||
<el-form-item label="母排编号" prop="busbarCode">
|
|
||||||
<el-input v-model="formAlarm.busbarCode" placeholder="请输入母排编号" :disabled="formAlarm.busbarCode!=null"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="报警别名" prop="alarmAlias">
|
|
||||||
<el-input v-model="formAlarm.alarmAlias" placeholder="请输入报警别名" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="报警内容">
|
|
||||||
<editor v-model="formAlarm.alarmContent" :min-height="192"/>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="报警类型" prop="alarmType">
|
|
||||||
<el-select v-model="formAlarm.alarmType" placeholder="请选择报警类型">
|
|
||||||
<el-option
|
|
||||||
v-for="dict in dict.type.alarm_type"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="dict.label"
|
|
||||||
:value="parseInt(dict.value)"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="报警阈值" prop="alarmValue">
|
|
||||||
<el-input v-model="formAlarm.alarmValue" placeholder="请输入报警阈值" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="判断方式" prop="judgMethod">
|
|
||||||
<el-radio-group v-model="formAlarm.judgMethod">
|
|
||||||
<el-radio
|
|
||||||
v-for="dict in dict.type.judg_method"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="parseInt(dict.value)"
|
|
||||||
>{{dict.label}}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="是否启用" prop="isFlag">
|
|
||||||
<el-radio-group v-model="formAlarm.isFlag">
|
|
||||||
<el-radio
|
|
||||||
v-for="dict in dict.type.is_flag"
|
|
||||||
:key="dict.value"
|
|
||||||
:label="parseInt(dict.value)"
|
|
||||||
>{{dict.label}}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- <el-form-item label="创建人" prop="createdBy">
|
|
||||||
<el-input v-model="formAlarm.createdBy" placeholder="请输入创建人" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="创建时间" prop="createdTime">
|
|
||||||
<el-date-picker clearable
|
|
||||||
v-model="formAlarm.createdTime"
|
|
||||||
type="date"
|
|
||||||
value-format="yyyy-MM-dd"
|
|
||||||
placeholder="请选择创建时间">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="更新人" prop="updatedBy">
|
|
||||||
<el-input v-model="formAlarm.updatedBy" placeholder="请输入更新人" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="更新时间" prop="updatedTime">
|
|
||||||
<el-date-picker clearable
|
|
||||||
v-model="formAlarm.updatedTime"
|
|
||||||
type="date"
|
|
||||||
value-format="yyyy-MM-dd"
|
|
||||||
placeholder="请选择更新时间">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>-->
|
|
||||||
</el-form>
|
|
||||||
<div slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="submitFormAlarm">确 定</el-button>
|
|
||||||
<el-button @click="cancelAlarm">取 消</el-button>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { listBaseBusbarInfo, getBaseBusbarInfo, delBaseBusbarInfo, addBaseBusbarInfo, updateBaseBusbarInfo } from "@/api/base/baseBusbarInfo";
|
|
||||||
import { listBaseAlarmInfo, getBaseAlarmInfo, delBaseAlarmInfo, addBaseAlarmInfo, updateBaseAlarmInfo } from "@/api/base/baseAlarmInfo";
|
|
||||||
import { getBaseCabinetInfoTree } from "@/api/base/baseCabinetInfo";
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: "BaseBusbarAndAlarmInfo",
|
|
||||||
dicts: ['is_pictures', 'is_rotate', 'cabinet_is_checked', 'busbar_is_flag', 'busbar_is_end', 'judg_method', 'is_flag', 'alarm_type'],
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
selectedCabinetCode: null, // 保存当前选中的电柜编
|
|
||||||
|
|
||||||
/* activeTab: 'busbar',*/
|
|
||||||
// 电柜信息下拉树选项
|
|
||||||
InfoOptions: [],
|
|
||||||
// 左侧树结构筛选框
|
|
||||||
filterBoxName: undefined,
|
|
||||||
props: {
|
|
||||||
children: 'children',
|
|
||||||
label: 'label'
|
|
||||||
},
|
|
||||||
|
|
||||||
// 遮罩层
|
|
||||||
loadingBusbar: true,
|
|
||||||
loadingAlarm: false,
|
|
||||||
// 选中数组
|
|
||||||
idsBusbar: [],
|
|
||||||
idsAlarm: [],
|
|
||||||
// 非单个禁用
|
|
||||||
singleBusbar: true,
|
|
||||||
singleAlarm: true,
|
|
||||||
// 非多个禁用
|
|
||||||
multipleBusbar: true,
|
|
||||||
multipleAlarm: true,
|
|
||||||
// 显示搜索条件
|
|
||||||
showSearch: true,
|
|
||||||
showSearchBusbar: true,
|
|
||||||
showSearchAlarm: true,
|
|
||||||
// 总条数
|
|
||||||
totalBusbar: 0,
|
|
||||||
totalAlarm: 0,
|
|
||||||
// 母排信息表格数据
|
|
||||||
baseBusbarInfoList: [],
|
|
||||||
// 报警信息表格数据
|
|
||||||
baseAlarmInfoList: [],
|
|
||||||
// 弹出层标题
|
|
||||||
titleBusbar: "",
|
|
||||||
titleAlarm: "",
|
|
||||||
// 是否显示弹出层
|
|
||||||
openBusbar: false,
|
|
||||||
openAlarm: false,
|
|
||||||
// 更新时间时间范围
|
|
||||||
daterangeCreatedTimeBusbar: [],
|
|
||||||
daterangeUpdatedTimeBusbar: [],
|
|
||||||
daterangeCreatedTimeAlarm: [],
|
|
||||||
daterangeUpdatedTimeAlarm: [],
|
|
||||||
// 查询参数
|
|
||||||
queryParams: {
|
|
||||||
busbarCode: null,
|
|
||||||
busbarAlias: null,
|
|
||||||
cabinetCode: null,
|
|
||||||
busbarDist: null,
|
|
||||||
isChecked: null,
|
|
||||||
isEnd: null,
|
|
||||||
isFlag: null,
|
|
||||||
isPictures: null,
|
|
||||||
wPanPos: null,
|
|
||||||
wTiltPos: null,
|
|
||||||
wZoomPos: null,
|
|
||||||
isRotate: null
|
|
||||||
},
|
|
||||||
queryParamsBusbar: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
objId: null,
|
|
||||||
busbarCode: null,
|
|
||||||
busbarAlias: null,
|
|
||||||
cabinetCode: null,
|
|
||||||
busbarDist: null,
|
|
||||||
isChecked: null,
|
|
||||||
isEnd: null,
|
|
||||||
isFlag: null,
|
|
||||||
remark: null,
|
|
||||||
createdBy: null,
|
|
||||||
createdTime: null,
|
|
||||||
updatedBy: null,
|
|
||||||
updatedTime: null,
|
|
||||||
isPictures: null,
|
|
||||||
wPanPos: null,
|
|
||||||
wTiltPos: null,
|
|
||||||
wZoomPos: null,
|
|
||||||
isRotate: null
|
|
||||||
},
|
|
||||||
queryParamsAlarm: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
busbarCode: null,
|
|
||||||
alarmAlias: null,
|
|
||||||
alarmContent: null,
|
|
||||||
alarmType: null,
|
|
||||||
alarmValue: null,
|
|
||||||
judgMethod: null,
|
|
||||||
isFlag: null,
|
|
||||||
createdBy: null,
|
|
||||||
createdTime: null,
|
|
||||||
updatedBy: null,
|
|
||||||
updatedTime: null
|
|
||||||
},
|
|
||||||
// 表单参数
|
|
||||||
formBusbar: {},
|
|
||||||
formAlarm: {},
|
|
||||||
// 表单校验
|
|
||||||
rulesBusbar: {
|
|
||||||
busbarCode: [
|
|
||||||
{ required: true, message: "母排编号不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
},
|
|
||||||
rulesAlarm: {
|
|
||||||
busbarCode: [
|
|
||||||
{ required: true, message: "母排编号不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
alarmAlias: [
|
|
||||||
/* { required: true, message: "报警别名不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
alarmType: [
|
|
||||||
{ required: true, message: "报警类型不能为空", trigger: "change" }
|
|
||||||
],
|
|
||||||
alarmValue: [
|
|
||||||
{ required: true, message: "报警阈值不能为空", trigger: "blur" }
|
|
||||||
],
|
|
||||||
judgMethod: [
|
|
||||||
{ required: true, message: "判断方式不能为空", trigger: "change" }
|
|
||||||
],
|
|
||||||
isFlag: [
|
|
||||||
{ required: true, message: "是否启用不能为空", trigger: "change" }*/
|
|
||||||
]
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getTreeselect();
|
|
||||||
this.getListBusbar();
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
filterBoxName(val){
|
|
||||||
this.$refs.tree.filter(val)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询母排信息列表 */
|
|
||||||
getListBusbar() {
|
|
||||||
this.loadingBusbar = true;
|
|
||||||
this.queryParamsBusbar.params = {};
|
|
||||||
this.queryParamsBusbar.params = {
|
|
||||||
cabinetCode: this.queryParamsBusbar.cabinetCode
|
|
||||||
};
|
|
||||||
if (null != this.daterangeCreatedTimeBusbar && '' != this.daterangeCreatedTimeBusbar) {
|
|
||||||
this.queryParamsBusbar.params["beginCreatedTime"] = this.daterangeCreatedTimeBusbar[0];
|
|
||||||
this.queryParamsBusbar.params["endCreatedTime"] = this.daterangeCreatedTimeBusbar[1];
|
|
||||||
}
|
|
||||||
if (null != this.daterangeUpdatedTimeBusbar && '' != this.daterangeUpdatedTimeBusbar) {
|
|
||||||
this.queryParamsBusbar.params["beginUpdatedTime"] = this.daterangeUpdatedTimeBusbar[0];
|
|
||||||
this.queryParamsBusbar.params["endUpdatedTime"] = this.daterangeUpdatedTimeBusbar[1];
|
|
||||||
}
|
|
||||||
listBaseBusbarInfo(this.queryParamsBusbar).then(response => {
|
|
||||||
this.baseBusbarInfoList = response.rows;
|
|
||||||
this.totalBusbar = response.total;
|
|
||||||
this.loadingBusbar = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 点击检测位置按钮时显示相关报警信息 */
|
|
||||||
showAlarmsForBusbar(row) {
|
|
||||||
this.queryParamsAlarm.busbarCode = row.busbarCode;
|
|
||||||
this.handleQueryAlarm();
|
|
||||||
},
|
|
||||||
/** 查询报警信息列表 */
|
|
||||||
getListAlarm() {
|
|
||||||
this.queryParamsAlarm.params = {};
|
|
||||||
if (null != this.daterangeCreatedTimeAlarm && '' != this.daterangeCreatedTimeAlarm) {
|
|
||||||
this.queryParamsAlarm.params["beginCreatedTime"] = this.daterangeCreatedTimeAlarm[0];
|
|
||||||
this.queryParamsAlarm.params["endCreatedTime"] = this.daterangeCreatedTimeAlarm[1];
|
|
||||||
}
|
|
||||||
if (null != this.daterangeUpdatedTimeAlarm && '' != this.daterangeUpdatedTimeAlarm) {
|
|
||||||
this.queryParamsAlarm.params["beginUpdatedTime"] = this.daterangeUpdatedTimeAlarm[0];
|
|
||||||
this.queryParamsAlarm.params["endUpdatedTime"] = this.daterangeUpdatedTimeAlarm[1];
|
|
||||||
}
|
|
||||||
listBaseAlarmInfo(this.queryParamsAlarm).then(response => {
|
|
||||||
this.baseAlarmInfoList = response.rows;
|
|
||||||
this.totalAlarm = response.total;
|
|
||||||
this.loadingAlarm = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQueryBusbar() {
|
|
||||||
this.queryParamsBusbar.cabinetCode = this.selectedCabinetCode;
|
|
||||||
this.queryParamsBusbar.pageNum = 1;
|
|
||||||
this.getListBusbar();
|
|
||||||
},
|
|
||||||
handleQueryAlarm() {
|
|
||||||
this.queryParamsAlarm.pageNum = 1;
|
|
||||||
this.getListAlarm();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQueryBusbar() {
|
|
||||||
this.resetForm("queryFormBusbar");
|
|
||||||
this.handleQueryBusbar();
|
|
||||||
},
|
|
||||||
resetQueryAlarm() {
|
|
||||||
this.resetForm("queryFormAlarm");
|
|
||||||
this.handleQueryAlarm();
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAddBusbar() {
|
|
||||||
this.resetFormBusbar();
|
|
||||||
this.openBusbar = true;
|
|
||||||
this.formBusbar.cabinetCode = this.selectedCabinetCode; // 设置电柜编号
|
|
||||||
this.titleBusbar = "添加母排信息";
|
|
||||||
},
|
|
||||||
handleAddAlarm() {
|
|
||||||
this.resetFormAlarm();
|
|
||||||
this.openAlarm = true;
|
|
||||||
this.titleAlarm = "添加报警信息";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdateBusbar(row) {
|
|
||||||
const id = row.objId || this.ids
|
|
||||||
getBaseBusbarInfo(id).then(response => {
|
|
||||||
this.formBusbar = response.data;
|
|
||||||
this.openBusbar = true;
|
|
||||||
this.titleBusbar = "修改母排信息";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
handleUpdateAlarm(row) {
|
|
||||||
const id = row.objId || this.ids
|
|
||||||
getBaseAlarmInfo(id).then(response => {
|
|
||||||
this.formAlarm = response.data;
|
|
||||||
this.openAlarm = true;
|
|
||||||
this.titleAlarm = "修改报警信息";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
submitFormBusbar() {
|
|
||||||
this.$refs["formBusbar"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.formBusbar.objId !== undefined) {
|
|
||||||
updateBaseBusbarInfo(this.formBusbar).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.openBusbar = false;
|
|
||||||
this.getListBusbar();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addBaseBusbarInfo(this.formBusbar).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.openBusbar = false;
|
|
||||||
this.getListBusbar();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
submitFormAlarm() {
|
|
||||||
this.$refs["formAlarm"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.formAlarm.objId !== undefined) {
|
|
||||||
updateBaseAlarmInfo(this.formAlarm).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.openAlarm = false;
|
|
||||||
this.getListAlarm();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addBaseAlarmInfo(this.formAlarm).then(response => {
|
|
||||||
this.$modal.msgSuccess("新增成功");
|
|
||||||
this.openAlarm = false;
|
|
||||||
this.getListAlarm();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 取消按钮 */
|
|
||||||
cancelBusbar() {
|
|
||||||
this.openBusbar = false;
|
|
||||||
this.resetFormBusbar();
|
|
||||||
},
|
|
||||||
cancelAlarm() {
|
|
||||||
this.openAlarm = false;
|
|
||||||
this.resetFormAlarm();
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
handleDeleteBusbar(row) {
|
|
||||||
const ids = row.objId || this.idsBusbar;
|
|
||||||
this.$modal.confirm('是否确认删除母排编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delBaseBusbarInfo(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getListBusbar();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
handleDeleteAlarm(row) {
|
|
||||||
const ids = row.objId || this.idsAlarm;
|
|
||||||
this.$modal.confirm('是否确认删除报警编号为"' + ids + '"的数据项？').then(function() {
|
|
||||||
return delBaseAlarmInfo(ids);
|
|
||||||
}).then(() => {
|
|
||||||
this.getListAlarm();
|
|
||||||
this.$modal.msgSuccess("删除成功");
|
|
||||||
}).catch(() => {});
|
|
||||||
},
|
|
||||||
/** 重置表单 */
|
|
||||||
resetFormBusbar() {
|
|
||||||
this.formBusbar = {
|
|
||||||
objId: null,
|
|
||||||
busbarCode: null,
|
|
||||||
busbarAlias: null,
|
|
||||||
cabinetCode: null,
|
|
||||||
busbarDist: null,
|
|
||||||
isChecked: null,
|
|
||||||
isEnd: null,
|
|
||||||
isFlag: null,
|
|
||||||
remark: null,
|
|
||||||
createdBy: null,
|
|
||||||
createdTime: null,
|
|
||||||
updatedBy: null,
|
|
||||||
updatedTime: null,
|
|
||||||
isPictures: null,
|
|
||||||
wPanPos: null,
|
|
||||||
wTiltPos: null,
|
|
||||||
wZoomPos: null,
|
|
||||||
isRotate: null
|
|
||||||
};
|
|
||||||
this.resetForm("formBusbar");
|
|
||||||
},
|
|
||||||
resetFormAlarm() {
|
|
||||||
this.formAlarm = {
|
|
||||||
objId: null,
|
|
||||||
busbarCode: null,
|
|
||||||
alarmAlias: null,
|
|
||||||
alarmContent: null,
|
|
||||||
alarmType: null,
|
|
||||||
alarmValue: null,
|
|
||||||
judgMethod: null,
|
|
||||||
isFlag: null,
|
|
||||||
createdBy: null,
|
|
||||||
createdTime: null,
|
|
||||||
updatedBy: null,
|
|
||||||
updatedTime: null
|
|
||||||
};
|
|
||||||
this.resetForm("formAlarm");
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExportBusbar() {
|
|
||||||
this.download('base/baseBusbarInfo/export', {
|
|
||||||
...this.queryParams
|
|
||||||
}, `baseBusbarInfo_${new Date().getTime()}.xlsx`)
|
|
||||||
},
|
|
||||||
|
|
||||||
/** 处理母排信息表格选择变化 */
|
|
||||||
handleSelectionChangeBusbar(selection) {
|
|
||||||
this.idsBusbar = selection.map(item => item.id);
|
|
||||||
this.singleBusbar = selection.length !== 1;
|
|
||||||
this.multipleBusbar = !selection.length;
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
/** 获取电柜信息树结构 */
|
|
||||||
getTreeselect() {
|
|
||||||
getBaseCabinetInfoTree({}).then(response => {
|
|
||||||
this.InfoOptions = response.data;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 树节点点击事件 */
|
|
||||||
handleNodeClick(data) {
|
|
||||||
this.queryParamsBusbar.cabinetCode = data.code
|
|
||||||
this.selectedCabinetCode = data.code; // 保存选中的电柜编号
|
|
||||||
/* this.queryParamsAlarm.busbarCode = data.busbarCode;*/
|
|
||||||
this.handleQueryBusbar()
|
|
||||||
/* this.getListAlarm();*/
|
|
||||||
},
|
|
||||||
// 筛选节点
|
|
||||||
filterNode(value, data) {
|
|
||||||
if (!value) return true;
|
|
||||||
return data.label.indexOf(value) !== -1;
|
|
||||||
},
|
|
||||||
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.tree-container {
|
|
||||||
height: 666px; /* 设置固定高度 */
|
|
||||||
overflow-y: auto; /* 添加垂直滚动条 */
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
Loading…
Reference in New Issue