|
|
@@ -1,402 +1,456 @@
|
|
|
<template>
|
|
|
- <el-dialog v-model="isShow" width="800px" :before-close="handleClose">
|
|
|
+ <el-dialog
|
|
|
+ v-model="isShow"
|
|
|
+ width="800px"
|
|
|
+ :before-close="dialogClose"
|
|
|
+ @closed="resetOptions"
|
|
|
+ >
|
|
|
<el-form
|
|
|
- ref="ruleFormRef"
|
|
|
- :model="form"
|
|
|
+ :model="dialogOptions"
|
|
|
:rules="rules"
|
|
|
- label-position="right"
|
|
|
- label-width="100px"
|
|
|
+ label-width="120px"
|
|
|
+ ref="formRef"
|
|
|
+ inline
|
|
|
>
|
|
|
- <el-row :gutter="50">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="序列号" prop="id">
|
|
|
- <el-input v-model="form.id" disabled />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="制造商" prop="manufacturerCode">
|
|
|
- <el-select class="width-100" v-model="form.manufacturerCode">
|
|
|
- <el-option
|
|
|
- v-for="item in state.creator"
|
|
|
- :key="item.id"
|
|
|
- :value="item.id"
|
|
|
- :label="item.name"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="50">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="风机型号" prop="modelId">
|
|
|
- <el-select
|
|
|
- class="width-100"
|
|
|
- v-model="form.modelId"
|
|
|
- @change="modelChange"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in state.modelList"
|
|
|
- :key="item"
|
|
|
- :value="item"
|
|
|
- :label="item"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="统一编码" prop="uniformCode">
|
|
|
- <el-select
|
|
|
- v-model="form.uniformCode"
|
|
|
- class="width-100"
|
|
|
- filterable
|
|
|
- placeholder="请选择"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in state.pointList"
|
|
|
- :key="item.id"
|
|
|
- :label="item.uniformCode + ' ' + item.name"
|
|
|
- :value="item.uniformCode"
|
|
|
- >
|
|
|
- <span style="float: left">{{ item.name }}</span>
|
|
|
- <span style="float: right; color: #8492a6; font-size: 13px">{{
|
|
|
- item.uniformCode
|
|
|
- }}</span>
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="50">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="特性" prop="characteristic">
|
|
|
- <el-select class="width-100" v-model="form.characteristic">
|
|
|
- <el-option
|
|
|
- v-for="item in state.CHARACTERISTIC"
|
|
|
- :key="item"
|
|
|
- :label="item"
|
|
|
- :value="item"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="故障编码" prop="faultCode">
|
|
|
- <el-input v-model="form.faultCode" :disabled="isEdit" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="50">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="描述" prop="chineseText">
|
|
|
- <el-input v-model="form.chineseText" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="报警级别" prop="levelId">
|
|
|
- <el-select class="width-100" v-model="form.levelId">
|
|
|
- <el-option
|
|
|
- v-for="item in state.LEVELID"
|
|
|
- :key="item.id"
|
|
|
- :value="item.id"
|
|
|
- :label="item.name"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="50">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="报警分类" prop="warningClassIfyId">
|
|
|
- <el-select class="width-100" v-model="form.warningClassIfyId">
|
|
|
- <el-option
|
|
|
- v-for="item in state.warningClassifyList"
|
|
|
- :key="item.id"
|
|
|
- :value="item.id"
|
|
|
- :label="item.name"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :span="12">
|
|
|
- <el-form-item label="报警类型" prop="warningTypeId">
|
|
|
- <el-select class="width-100" v-model="form.warningTypeId">
|
|
|
- <el-option v-for="item in warningTypeList" :key="item.id" :value="item.id" :label="item.name" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="是否启用" prop="enabled">
|
|
|
- <el-radio-group v-model="form.enabled">
|
|
|
- <el-radio-button label="1">是</el-radio-button>
|
|
|
- <el-radio-button label="0">否</el-radio-button>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="50">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="关联部件" prop="relatedParts">
|
|
|
- <el-select class="width-100" v-model="form.relatedParts" filterable>
|
|
|
- <el-option-group
|
|
|
- v-for="group in state.relatePartList"
|
|
|
- :key="group.label"
|
|
|
- :label="group.label"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in group.options"
|
|
|
- :key="item.nemCode"
|
|
|
- :label="item.name"
|
|
|
- :value="item.nemCode"
|
|
|
- />
|
|
|
- </el-option-group>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="是否可以复位" prop="isreset">
|
|
|
- <el-radio-group v-model="form.isreset">
|
|
|
- <el-radio-button label="0">是</el-radio-button>
|
|
|
- <el-radio-button label="1">否</el-radio-button>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="50">
|
|
|
- <el-col :span="12"></el-col>
|
|
|
- </el-row>
|
|
|
+ <el-form-item label="报警类别" prop="deviceType">
|
|
|
+ <el-select
|
|
|
+ v-model="dialogOptions.deviceType"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ @change="
|
|
|
+ (res) => {
|
|
|
+ dialogOptions.stationId = '';
|
|
|
+ checkRules();
|
|
|
+ getWpList();
|
|
|
+ }
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in categoryArray"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="序列号">
|
|
|
+ <el-input
|
|
|
+ v-model="dialogOptions.id"
|
|
|
+ placeholder="自动生成"
|
|
|
+ clearable
|
|
|
+ readonly
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="场站" prop="stationId">
|
|
|
+ <el-select
|
|
|
+ v-model="dialogOptions.stationId"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ :disabled="!wpArray?.length"
|
|
|
+ @change="
|
|
|
+ (res) => {
|
|
|
+ dialogOptions.modelId = '';
|
|
|
+ getWtModel();
|
|
|
+ }
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in wpArray"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.aname"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="设备型号"
|
|
|
+ prop="modelId"
|
|
|
+ v-if="dialogOptions.deviceType !== 'booststation'"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ v-model="dialogOptions.modelId"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ :disabled="!modelArray?.length"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in modelArray"
|
|
|
+ :key="item"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="统一编码" prop="uniformCode">
|
|
|
+ <el-input v-model="dialogOptions.uniformCode" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="特性" prop="characteristic">
|
|
|
+ <el-select
|
|
|
+ v-model="dialogOptions.characteristic"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in characteristicArray"
|
|
|
+ :key="item"
|
|
|
+ :label="item"
|
|
|
+ :value="item"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="故障编码">
|
|
|
+ <el-input v-model="dialogOptions.nemCode" clearable />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="描述" prop="description">
|
|
|
+ <el-input
|
|
|
+ v-model="dialogOptions.description"
|
|
|
+ placeholder="请输入"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="报警级别">
|
|
|
+ <el-select v-model="dialogOptions.rank" filterable placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in levelArray"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="测点"
|
|
|
+ prop="tagId"
|
|
|
+ v-if="dialogOptions.deviceType === 'booststation'"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ v-model="dialogOptions.tagId"
|
|
|
+ filterable
|
|
|
+ placeholder="请选择"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in pointArray"
|
|
|
+ :key="item.nemCode"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.nemCode"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="关键部件"
|
|
|
+ prop="components"
|
|
|
+ v-if="dialogOptions.deviceType !== 'booststation'"
|
|
|
+ >
|
|
|
+ <el-select v-model="dialogOptions.components" filterable>
|
|
|
+ <el-option-group
|
|
|
+ v-for="group in associatedComponentsArray"
|
|
|
+ :key="group.label"
|
|
|
+ :label="group.label"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in group.options"
|
|
|
+ :key="item.nemCode"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.nemCode"
|
|
|
+ />
|
|
|
+ </el-option-group>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否启用">
|
|
|
+ <el-radio-group v-model="dialogOptions.enable">
|
|
|
+ <el-radio-button :label="true">是</el-radio-button>
|
|
|
+ <el-radio-button :label="false">否</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否可复位">
|
|
|
+ <el-radio-group v-model="dialogOptions.resetTable">
|
|
|
+ <el-radio-button :label="true">是</el-radio-button>
|
|
|
+ <el-radio-button :label="false">否</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
- <el-button @click="closeDialog">取 消</el-button>
|
|
|
- <el-button type="primary" @click="submitForm(ruleFormRef)"
|
|
|
- >确 定</el-button
|
|
|
- >
|
|
|
+ <el-button @click="cancle">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="checkData">确 定</el-button>
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
-<script setup>
|
|
|
-import { ref, onMounted, reactive, computed, watch, nextTick } from "vue";
|
|
|
-import { ElMessageBox, ElMessage } from "element-plus";
|
|
|
+<script>
|
|
|
import {
|
|
|
- // fetchRelatePart,
|
|
|
- windturbinebj_postSave,
|
|
|
+ getWpList,
|
|
|
+ getBpList,
|
|
|
+ getWtModel,
|
|
|
+ getPointList,
|
|
|
fetchRelatePartAndAlarmType,
|
|
|
- getStationinfo,
|
|
|
- fetchWarningClassify,
|
|
|
+ saveAlarmconfiguration,
|
|
|
} from "/@/api/api.js";
|
|
|
-import { useStore } from "vuex";
|
|
|
-const store = useStore();
|
|
|
-const stationList = computed(() => store.state.stationList);
|
|
|
-onMounted(() => {
|
|
|
- getfetchRelatePart();
|
|
|
- getdatadictionaryList();
|
|
|
- getfetchWarningClassify();
|
|
|
-});
|
|
|
-watch(
|
|
|
- () => props.isVisible,
|
|
|
- (val, old) => {
|
|
|
- isShow.value = val;
|
|
|
- },
|
|
|
- {
|
|
|
- deep: true,
|
|
|
- }
|
|
|
-);
|
|
|
-watch(
|
|
|
- () => props.form?.id,
|
|
|
- (val, old) => {
|
|
|
- if (val != "") {
|
|
|
- nextTick(async () => {
|
|
|
- modelChange();
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- deep: true,
|
|
|
- }
|
|
|
-);
|
|
|
-watch(
|
|
|
- () => props.form,
|
|
|
- (val, old) => {
|
|
|
- nextTick(() => {
|
|
|
- form.value = val;
|
|
|
- });
|
|
|
- },
|
|
|
- {
|
|
|
- deep: true,
|
|
|
- }
|
|
|
-);
|
|
|
-const isShow = ref(false);
|
|
|
-const form = ref({
|
|
|
- id: "",
|
|
|
- levelId: "",
|
|
|
- manufacturerCode: "",
|
|
|
- chineseText: "",
|
|
|
- sequenceNumber: "",
|
|
|
- characteristic: "",
|
|
|
- modelId: "",
|
|
|
- codeName: "1",
|
|
|
- uniformCode: "",
|
|
|
- enabled: "0",
|
|
|
- warningClassIfyId: "",
|
|
|
- standardTime: 2,
|
|
|
- isreset: "1",
|
|
|
- warningTypeId: "",
|
|
|
- faultCode: "",
|
|
|
- relatedParts: "",
|
|
|
- userName: "",
|
|
|
-});
|
|
|
-const emits = defineEmits(["close"]);
|
|
|
-const props = defineProps({
|
|
|
- isVisible: {
|
|
|
- type: Boolean,
|
|
|
- defaule: false,
|
|
|
- },
|
|
|
- form: {
|
|
|
- type: Object,
|
|
|
- },
|
|
|
-});
|
|
|
-const toEmits = () => {
|
|
|
- emits("close"); // 向父组件传递数据
|
|
|
-};
|
|
|
-const state = reactive({
|
|
|
- modelList: [],
|
|
|
- pointList: [],
|
|
|
- fetchListAll: [],
|
|
|
- relatePartList: [],
|
|
|
- warningClassifyList: [
|
|
|
- { id: "windturbine", name: "风机报警" },
|
|
|
- { id: "booststation", name: "升压站报警" },
|
|
|
- { id: "inverter", name: "逆变器报警" },
|
|
|
- ],
|
|
|
- creator: [
|
|
|
- {
|
|
|
- id: "HFYG_CS",
|
|
|
- name: "合肥阳光电源有限公司",
|
|
|
- country: "中国",
|
|
|
- place: "合肥",
|
|
|
+export default {
|
|
|
+ props: {
|
|
|
+ isVisible: {
|
|
|
+ type: Boolean,
|
|
|
+ default: () => false,
|
|
|
},
|
|
|
- { id: "AMS_CS", name: "艾默生", country: "", place: "" },
|
|
|
- {
|
|
|
- id: "NRJD_CS",
|
|
|
- name: "国电南瑞吉电新能源",
|
|
|
- country: "中国",
|
|
|
- place: "",
|
|
|
+ form: {
|
|
|
+ type: Object,
|
|
|
+ default: () => {
|
|
|
+ return {};
|
|
|
+ },
|
|
|
},
|
|
|
- { id: "MGSK_CS", name: "美国赛康", country: "美国", place: "" },
|
|
|
- { id: "LHDL_CS", name: "联合动力", country: "中国", place: "保定" },
|
|
|
- { id: "SYHC_CS", name: "沈阳华创", country: "中国", place: "沈阳" },
|
|
|
- ],
|
|
|
- LEVELID: [
|
|
|
- { id: "ZC_BJ", name: "运转正常" },
|
|
|
- { id: "YJ_BJ", name: "运转状态超出标准范围" },
|
|
|
- { id: "GZ_BJ", name: "非正常停止运转" },
|
|
|
- { id: "WH_BJ", name: "停机维护" },
|
|
|
- { id: "XD_BJ", name: "限电/计划停机" },
|
|
|
- ],
|
|
|
- CHARACTERISTIC: ["正常停机", "正常启动", "快速停机", "紧急停机"],
|
|
|
-});
|
|
|
-const ruleFormRef = ref(null);
|
|
|
-const rules = reactive({
|
|
|
- manufacturerCode: {
|
|
|
- required: true,
|
|
|
- message: "请选择制造商",
|
|
|
- trigger: "change",
|
|
|
- },
|
|
|
- uniformCode: {
|
|
|
- required: true,
|
|
|
- message: "请输入统一编码",
|
|
|
- trigger: "trigger",
|
|
|
},
|
|
|
- characteristic: {
|
|
|
- required: true,
|
|
|
- message: "请选择类别",
|
|
|
- trigger: "trigger",
|
|
|
+
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isShow: false,
|
|
|
+ dialogOptions: {
|
|
|
+ deviceType: "",
|
|
|
+ id: "",
|
|
|
+ stationId: "",
|
|
|
+ modelId: "",
|
|
|
+ uniformCode: "",
|
|
|
+ nemCode: "",
|
|
|
+ characteristic: "正常停机",
|
|
|
+ description: "",
|
|
|
+ rank: 1,
|
|
|
+ tagId: "",
|
|
|
+ components: "",
|
|
|
+ enable: false,
|
|
|
+ resetTable: false,
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ deviceType: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "报警类型不可为空",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ stationId: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "制造商不可为空",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ modelId: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "设备型号不可为空",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ uniformCode: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "统一编码不可为空",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ characteristic: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "统一编码不可为空",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ tagId: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "测点不可为空",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ description: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "描述不可为空",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ components: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "部件不可为空",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ categoryArray: [
|
|
|
+ { id: "windturbine", label: "风机报警" },
|
|
|
+ { id: "booststation", label: "升压站报警" },
|
|
|
+ { id: "inverter", label: "逆变器报警" },
|
|
|
+ ],
|
|
|
+ wpArray: [],
|
|
|
+ modelArray: [],
|
|
|
+ characteristicArray: ["正常停机", "正常启动", "快速停机", "紧急停机"],
|
|
|
+ levelArray: [
|
|
|
+ { id: 1, label: "低级" },
|
|
|
+ { id: 2, label: "低中级" },
|
|
|
+ { id: 3, label: "中级" },
|
|
|
+ { id: 4, label: "中高级" },
|
|
|
+ { id: 5, label: "高级" },
|
|
|
+ ],
|
|
|
+ pointArray: [],
|
|
|
+ associatedComponentsArray: [],
|
|
|
+ };
|
|
|
},
|
|
|
- modelId: {
|
|
|
- required: true,
|
|
|
- message: "请选择风机型号",
|
|
|
- trigger: "change",
|
|
|
+
|
|
|
+ created() {
|
|
|
+ this.isShow = this.isVisible;
|
|
|
+ this.dialogOptions = Object.assign(this.dialogOptions, this.form);
|
|
|
+ this.checkRules();
|
|
|
+ this.getWpList();
|
|
|
+ this.getfetchRelatePart();
|
|
|
},
|
|
|
-});
|
|
|
-const modelChange = async () => {
|
|
|
- const { data } = await getDIPointList(form.value?.modelId);
|
|
|
- state.pointList = data;
|
|
|
-};
|
|
|
-//机型
|
|
|
-const getdatadictionaryList = async () => {
|
|
|
- const { data } = await getStationinfo("");
|
|
|
- let arr = [];
|
|
|
- data.forEach((e) => {
|
|
|
- arr.push(...e.pointModelList);
|
|
|
- });
|
|
|
- state.modelList = [...new Set(arr)];
|
|
|
-};
|
|
|
-//所属部件
|
|
|
-const getfetchRelatePart = async () => {
|
|
|
- const res = await fetchRelatePartAndAlarmType();
|
|
|
- const keyMap = {
|
|
|
- fjbj: "风机部件",
|
|
|
- gfbj: "逆变器部件",
|
|
|
- };
|
|
|
|
|
|
- let relatePartList = [];
|
|
|
+ methods: {
|
|
|
+ dialogClose(done) {
|
|
|
+ this.$confirm("确认关闭？")
|
|
|
+ .then(() => {
|
|
|
+ done();
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
|
|
|
- for (let key in keyMap) {
|
|
|
- relatePartList.push({
|
|
|
- id: key,
|
|
|
- label: keyMap[key],
|
|
|
- options: res.data[key] || [],
|
|
|
- });
|
|
|
- }
|
|
|
- state.relatePartList = relatePartList;
|
|
|
-};
|
|
|
-const getfetchWarningClassify = async () => {
|
|
|
- const res = await fetchWarningClassify();
|
|
|
- state.warningClassifyList = res;
|
|
|
-};
|
|
|
+ cancle() {
|
|
|
+ this.$confirm("确认关闭？")
|
|
|
+ .then(() => {
|
|
|
+ this.isShow = false;
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
+ },
|
|
|
|
|
|
-//保存
|
|
|
-const save = async () => {
|
|
|
- const res = await windturbinebj_postSave(form.value);
|
|
|
- console.warn(res);
|
|
|
- ElMessage.success(`保存成功!`);
|
|
|
- closeDialog();
|
|
|
-};
|
|
|
-//提交
|
|
|
-const submitForm = async (formEl) => {
|
|
|
- if (!formEl) return;
|
|
|
- await formEl.validate((valid, fields) => {
|
|
|
- if (valid) {
|
|
|
- save();
|
|
|
- } else {
|
|
|
- console.log("error submit!", fields);
|
|
|
- }
|
|
|
- });
|
|
|
-};
|
|
|
-//reset
|
|
|
-const resetForm = (formEl) => {
|
|
|
- if (!formEl) return;
|
|
|
- formEl.resetFields();
|
|
|
-};
|
|
|
-//confirm关闭
|
|
|
-const handleClose = () => {
|
|
|
- ElMessageBox.confirm("确认关闭？")
|
|
|
- .then(() => {
|
|
|
- closeDialog();
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- // catch error
|
|
|
- });
|
|
|
-};
|
|
|
-//关闭触发事件
|
|
|
-const closeDialog = () => {
|
|
|
- resetForm(ruleFormRef.value);
|
|
|
- toEmits();
|
|
|
+ checkRules() {
|
|
|
+ const isBp = this.dialogOptions.deviceType === "booststation";
|
|
|
+ const isWt = this.dialogOptions.deviceType === "windturbine";
|
|
|
+ const isInv = this.dialogOptions.deviceType === "inverter";
|
|
|
+ this.rules.tagId.forEach((ele) => {
|
|
|
+ ele.required = isBp;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.rules.modelId.forEach((ele) => {
|
|
|
+ ele.required = !isBp;
|
|
|
+ });
|
|
|
+
|
|
|
+ this.rules.components.forEach((ele) => {
|
|
|
+ ele.required = isWt || isInv;
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getWpList() {
|
|
|
+ if (
|
|
|
+ this.dialogOptions.deviceType === "windturbine" ||
|
|
|
+ this.dialogOptions.deviceType === "inverter"
|
|
|
+ ) {
|
|
|
+ getWpList().then((res) => {
|
|
|
+ this.dialogOptions.stationId = res?.data?.[0]?.id || "";
|
|
|
+ this.wpArray = res.data;
|
|
|
+ this.getWtModel();
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ getBpList().then((res) => {
|
|
|
+ this.dialogOptions.stationId = res?.data?.[0]?.id || "";
|
|
|
+ this.wpArray = res.data;
|
|
|
+ this.getWtModel();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ getWtModel() {
|
|
|
+ getWtModel(this.dialogOptions.stationId).then((res) => {
|
|
|
+ this.dialogOptions.modelId = res?.data?.[0] || "";
|
|
|
+ this.modelArray = res.data;
|
|
|
+ if (this.dialogOptions.deviceType === "booststation") {
|
|
|
+ this.getPointList();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getPointList() {
|
|
|
+ getPointList({
|
|
|
+ subId: this.dialogOptions.stationId,
|
|
|
+ }).then((res) => {
|
|
|
+ this.pointArray = res.data.total;
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ getfetchRelatePart() {
|
|
|
+ fetchRelatePartAndAlarmType().then((res) => {
|
|
|
+ const keyMap = {
|
|
|
+ fjbj: "风机部件",
|
|
|
+ gfbj: "逆变器部件",
|
|
|
+ };
|
|
|
+
|
|
|
+ let associatedComponentsArray = [];
|
|
|
+
|
|
|
+ for (let key in keyMap) {
|
|
|
+ associatedComponentsArray.push({
|
|
|
+ id: key,
|
|
|
+ label: keyMap[key],
|
|
|
+ options: res.data[key] || [],
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.dialogOptions.components =
|
|
|
+ associatedComponentsArray?.[0]?.options?.[0]?.nemCode || "";
|
|
|
+ this.associatedComponentsArray = associatedComponentsArray;
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ checkData() {
|
|
|
+ this.$refs.formRef.validate((valid, fields) => {
|
|
|
+ if (valid) {
|
|
|
+ saveAlarmconfiguration(
|
|
|
+ Object.assign(this.dialogOptions, {
|
|
|
+ alarmType:
|
|
|
+ this.dialogOptions.alarmType || this.dialogOptions.deviceType,
|
|
|
+ })
|
|
|
+ ).then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.BASE.showMsg({
|
|
|
+ type: "success",
|
|
|
+ msg: "提交成功",
|
|
|
+ });
|
|
|
+ this.isShow = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ resetOptions() {
|
|
|
+ this.dialogOptions = {
|
|
|
+ deviceType: "",
|
|
|
+ id: "",
|
|
|
+ stationId: "",
|
|
|
+ modelId: "",
|
|
|
+ uniformCode: "",
|
|
|
+ characteristic: "正常停机",
|
|
|
+ nemCode: "",
|
|
|
+ description: "",
|
|
|
+ rank: 1,
|
|
|
+ tagId: "",
|
|
|
+ components: "",
|
|
|
+ enable: false,
|
|
|
+ resetTable: false,
|
|
|
+ };
|
|
|
+ this.resetForm();
|
|
|
+ },
|
|
|
+
|
|
|
+ resetForm() {
|
|
|
+ this.$refs.formRef.resetFields();
|
|
|
+ },
|
|
|
+ },
|
|
|
+
|
|
|
+ watch: {
|
|
|
+ isVisible(value) {
|
|
|
+ this.isShow = value;
|
|
|
+ },
|
|
|
+ form(value) {
|
|
|
+ this.dialogOptions = value;
|
|
|
+ this.checkRules();
|
|
|
+ this.getWpList();
|
|
|
+ },
|
|
|
+ },
|
|
|
};
|
|
|
-</script>
|
|
|
-<style scoped>
|
|
|
-.width-100 {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-</style>
|
|
|
+</script>
|
Koishi