弹框宽度修改
This commit is contained in:
zhujiyan
@@ -37,7 +37,6 @@ import debug from './debug.vue'
|
||||
import { any } from 'vue-types'
|
||||
const dictData = useDictData()
|
||||
const { push } = useRouter()
|
||||
|
||||
const TableHeaderRef = ref()
|
||||
const tableRef = ref()
|
||||
const areaOptionList = dictData.getBasicData('jibei_area')
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<el-dialog
|
||||
v-model="dialogFormVisible"
|
||||
title="监测点信息"
|
||||
width="60%"
|
||||
width="65%"
|
||||
:append-to-body="true"
|
||||
:before-close="close"
|
||||
:close-on-click-modal="false"
|
||||
@@ -16,200 +16,151 @@
|
||||
:scroll-to-error="true"
|
||||
:rules="rules"
|
||||
ref="ruleFormRef"
|
||||
label-width="140px"
|
||||
label-width="auto"
|
||||
label-position="right"
|
||||
class="form-two"
|
||||
>
|
||||
<el-tabs tab-position="left" class="tabs_form" v-model="activeName">
|
||||
<el-tab-pane name="0" label="监测点信息">
|
||||
<div class="form_tab_item">
|
||||
<el-row>
|
||||
<el-col :span="12"></el-col>
|
||||
<el-col :span="12" class="required_position">
|
||||
<span class="required_icon" style="color: #fff">*</span>
|
||||
<el-form-item label="监测点台账信息：" prop="lineFilePath">
|
||||
<el-upload
|
||||
v-model:file-list="form.lineFilePath"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
accept=".xls,.xlsx"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('lineFilePath')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 基础信息 -->
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="填报人：" prop="reporterName">
|
||||
<el-input
|
||||
v-model="form.reporterName"
|
||||
autocomplete="off"
|
||||
placeholder="请输入填报人"
|
||||
:disabled="true"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="填报日期：" prop="reportDate">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.reportDate"
|
||||
:disabled="true"
|
||||
type="date"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择填报日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="填报部门：" prop="orgId">
|
||||
<el-input v-model="form.orgName" :disabled="true" autocomplete="off" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工程投产日期：" prop="expectedProductionDate">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.expectedProductionDate"
|
||||
type="date"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
:disabled="true"
|
||||
:disabled-date="disabledDate"
|
||||
placeholder="请选择工程投产日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="所属地市：" prop="city">
|
||||
<el-select
|
||||
v-model="form.city"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
:disabled="true"
|
||||
placeholder="请选择所属地市"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in areaOptionList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="用户状态：" prop="userStatus">
|
||||
<el-select
|
||||
v-model="form.userStatus"
|
||||
placeholder="请选择用户状态"
|
||||
:disabled="true"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in userStateList"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:disabled="item.name != '建设'"
|
||||
:key="index"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="关联干扰源：" prop="userName">
|
||||
<el-select
|
||||
v-model="form.userName"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择关联干扰源"
|
||||
@change="changeUserName"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in userNameList"
|
||||
:key="index"
|
||||
:label="item.projectName"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="关联设备：" prop="monitoringTerminalCode">
|
||||
<el-select
|
||||
v-model="form.monitoringTerminalCode"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
filterable
|
||||
placeholder="请选择关联设备"
|
||||
@change="changeDevice"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in monitoringTerminalList"
|
||||
:key="index"
|
||||
:label="item.monitoringTerminalName"
|
||||
:value="item.monitoringTerminalCode"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- 监测点信息 -->
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="监测点名称：" prop="lineName">
|
||||
<el-input
|
||||
v-model="form.lineName"
|
||||
autocomplete="off"
|
||||
placeholder="请输入监测点名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="监测点电压等级：" prop="voltageLevel">
|
||||
<el-select
|
||||
v-model="form.voltageLevel"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择监测点电压等级"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in voltageLevelList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="接入母线：" prop="connectedBus">
|
||||
<el-input
|
||||
v-model="form.connectedBus"
|
||||
autocomplete="off"
|
||||
placeholder="请输入接入母线"
|
||||
/>
|
||||
<!-- <el-select
|
||||
<el-tabs tab-position="left" v-model="activeName">
|
||||
<el-tab-pane name="0" label="监测点信息" class="form-two">
|
||||
<div class="fixed_upload">
|
||||
<el-upload
|
||||
v-model:file-list="form.lineFilePath"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
accept=".xls,.xlsx"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('lineFilePath')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">监测点台账信息</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</div>
|
||||
<!-- 基础信息 -->
|
||||
<el-form-item label="填报人：" prop="reporterName">
|
||||
<el-input
|
||||
v-model="form.reporterName"
|
||||
autocomplete="off"
|
||||
placeholder="请输入填报人"
|
||||
:disabled="true"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="填报日期：" prop="reportDate">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.reportDate"
|
||||
:disabled="true"
|
||||
type="date"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择填报日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="填报部门：" prop="orgId">
|
||||
<el-input v-model="form.orgName" :disabled="true" autocomplete="off" />
|
||||
</el-form-item>
|
||||
<el-form-item label="工程投产日期：" prop="expectedProductionDate">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="form.expectedProductionDate"
|
||||
type="date"
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
:disabled="true"
|
||||
:disabled-date="disabledDate"
|
||||
placeholder="请选择工程投产日期"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属地市：" prop="city">
|
||||
<el-select
|
||||
v-model="form.city"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
:disabled="true"
|
||||
placeholder="请选择所属地市"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in areaOptionList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="用户状态：" prop="userStatus">
|
||||
<el-select
|
||||
v-model="form.userStatus"
|
||||
placeholder="请选择用户状态"
|
||||
:disabled="true"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in userStateList"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:disabled="item.name != '建设'"
|
||||
:key="index"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="关联干扰源：" prop="userName">
|
||||
<el-select
|
||||
v-model="form.userName"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择关联干扰源"
|
||||
@change="changeUserName"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in userNameList"
|
||||
:key="index"
|
||||
:label="item.projectName"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="关联设备：" prop="monitoringTerminalCode">
|
||||
<el-select
|
||||
v-model="form.monitoringTerminalCode"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
filterable
|
||||
placeholder="请选择关联设备"
|
||||
@change="changeDevice"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) in monitoringTerminalList"
|
||||
:key="index"
|
||||
:label="item.monitoringTerminalName"
|
||||
:value="item.monitoringTerminalCode"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 监测点信息 -->
|
||||
<el-form-item label="监测点名称：" prop="lineName">
|
||||
<el-input v-model="form.lineName" autocomplete="off" placeholder="请输入监测点名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="监测点电压等级：" prop="voltageLevel">
|
||||
<el-select
|
||||
v-model="form.voltageLevel"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择监测点电压等级"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in voltageLevelList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="接入母线：" prop="connectedBus">
|
||||
<el-input v-model="form.connectedBus" autocomplete="off" placeholder="请输入接入母线" />
|
||||
<!-- <el-select
|
||||
v-model="form.connectedBus"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
@@ -222,233 +173,135 @@
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="短路容量：" prop="shortCapacity">
|
||||
<el-input
|
||||
v-model="form.shortCapacity"
|
||||
autocomplete="off"
|
||||
placeholder="请输入短路容量"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="协议容量：" prop="dealCapacity">
|
||||
<el-input
|
||||
v-model="form.dealCapacity"
|
||||
autocomplete="off"
|
||||
placeholder="请输入协议容量"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="设备容量：" prop="devCapacity">
|
||||
<el-input
|
||||
v-model="form.devCapacity"
|
||||
autocomplete="off"
|
||||
placeholder="请输入设备容量"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="基准容量：" prop="standardCapacity">
|
||||
<el-input
|
||||
v-model="form.standardCapacity"
|
||||
autocomplete="off"
|
||||
placeholder="请输入基准容量"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="CT变比：" prop="ctRatio">
|
||||
<el-input v-model="form.ctRatio" autocomplete="off" placeholder="请输入CT变比" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="PT变比：" prop="ptRatio">
|
||||
<el-input v-model="form.ptRatio" autocomplete="off" placeholder="请输入PT变比" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="监测点编码：" prop="lineId">
|
||||
<el-input v-model="form.lineId" autocomplete="off" placeholder="请输入监测点编码" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="测量间隔：" prop="timeInterval">
|
||||
<el-input
|
||||
v-model="form.timeInterval"
|
||||
autocomplete="off"
|
||||
placeholder="请输入测量间隔"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="干扰源类型：" prop="loadType">
|
||||
<el-select
|
||||
v-model="form.loadType"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择干扰源类型"
|
||||
@change="changeLoadType"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in loadTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="干扰源类别：" prop="businessType">
|
||||
<el-select
|
||||
v-model="form.businessType"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择干扰源类别"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in businessTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="监测点性质：" prop="pointNature">
|
||||
<el-select v-model="form.pointNature" placeholder="请选择监测点性质">
|
||||
<el-option
|
||||
v-for="(item, index) in pointNatureList"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="index"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="是否参与统计：" prop="isStatistical">
|
||||
<el-radio-group v-model="form.isStatistical">
|
||||
<el-radio value="1">是</el-radio>
|
||||
<el-radio value="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="对象名称(对端)：" prop="objName">
|
||||
<el-input
|
||||
v-model="form.objName"
|
||||
autocomplete="off"
|
||||
placeholder="请输入监测点对象名称"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12" class="required_position">
|
||||
<span class="required_icon_white">*</span>
|
||||
<el-form-item label="电网侧变电站：" prop="powerSubstationName">
|
||||
<el-input
|
||||
v-model="form.powerSubstationName"
|
||||
autocomplete="off"
|
||||
placeholder="请输入电网侧变电站"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="是否并网点：" prop="isGridConnectionPoint">
|
||||
<el-radio-group v-model="form.isGridConnectionPoint">
|
||||
<el-radio value="1">是</el-radio>
|
||||
<el-radio value="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="required_position">
|
||||
<span class="required_icon_white">*</span>
|
||||
<el-form-item label="电压偏差上限：" prop="voltageDeviationUpperLimit">
|
||||
<el-input
|
||||
v-model="form.voltageDeviationUpperLimit"
|
||||
autocomplete="off"
|
||||
placeholder="请输入电压偏差上限"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="required_position">
|
||||
<span class="required_icon_white">*</span>
|
||||
<el-form-item label="电压偏差下限：" prop="voltageDeviationLowerLimit">
|
||||
<el-input
|
||||
v-model="form.voltageDeviationLowerLimit"
|
||||
autocomplete="off"
|
||||
placeholder="请输入电压偏差下限"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="监测点运行状态：" prop="operationStatus">
|
||||
<el-select v-model="form.operationStatus" placeholder="请选择运行状态">
|
||||
<el-option
|
||||
v-for="(item, index) in operationStatusList"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="index"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="required_position">
|
||||
<span class="required_icon">*</span>
|
||||
<el-form-item label="主接线图：" prop="mainWiringDiagram">
|
||||
<el-upload
|
||||
v-model:file-list="form.mainWiringDiagram"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
accept=".doc,.docx,.xlsx,.xls,.pdf"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('mainWiringDiagram')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="短路容量：" prop="shortCapacity">
|
||||
<el-input v-model="form.shortCapacity" autocomplete="off" placeholder="请输入短路容量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="协议容量：" prop="dealCapacity">
|
||||
<el-input v-model="form.dealCapacity" autocomplete="off" placeholder="请输入协议容量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="设备容量：" prop="devCapacity">
|
||||
<el-input v-model="form.devCapacity" autocomplete="off" placeholder="请输入设备容量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="基准容量：" prop="standardCapacity">
|
||||
<el-input v-model="form.standardCapacity" autocomplete="off" placeholder="请输入基准容量" />
|
||||
</el-form-item>
|
||||
<el-form-item label="CT变比：" prop="ctRatio">
|
||||
<el-input v-model="form.ctRatio" autocomplete="off" placeholder="请输入CT变比" />
|
||||
</el-form-item>
|
||||
<el-form-item label="PT变比：" prop="ptRatio">
|
||||
<el-input v-model="form.ptRatio" autocomplete="off" placeholder="请输入PT变比" />
|
||||
</el-form-item>
|
||||
<el-form-item label="监测点编码：" prop="lineId">
|
||||
<el-input v-model="form.lineId" autocomplete="off" placeholder="请输入监测点编码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="测量间隔：" prop="timeInterval">
|
||||
<el-input v-model="form.timeInterval" autocomplete="off" placeholder="请输入测量间隔" />
|
||||
</el-form-item>
|
||||
<el-form-item label="干扰源类型：" prop="loadType">
|
||||
<el-select
|
||||
v-model="form.loadType"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择干扰源类型"
|
||||
@change="changeLoadType"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in loadTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="干扰源类别：" prop="businessType">
|
||||
<el-select
|
||||
v-model="form.businessType"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
placeholder="请选择干扰源类别"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in businessTypeList"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="监测点性质：" prop="pointNature">
|
||||
<el-select v-model="form.pointNature" placeholder="请选择监测点性质">
|
||||
<el-option
|
||||
v-for="(item, index) in pointNatureList"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="index"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否参与统计：" prop="isStatistical">
|
||||
<el-radio-group v-model="form.isStatistical">
|
||||
<el-radio value="1">是</el-radio>
|
||||
<el-radio value="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="对象名称(对端)：" prop="objName">
|
||||
<el-input v-model="form.objName" autocomplete="off" placeholder="请输入监测点对象名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="电网侧变电站：" prop="powerSubstationName">
|
||||
<el-input
|
||||
v-model="form.powerSubstationName"
|
||||
autocomplete="off"
|
||||
placeholder="请输入电网侧变电站"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否并网点：" prop="isGridConnectionPoint">
|
||||
<el-radio-group v-model="form.isGridConnectionPoint">
|
||||
<el-radio value="1">是</el-radio>
|
||||
<el-radio value="0">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="电压偏差上限：" prop="voltageDeviationUpperLimit">
|
||||
<el-input
|
||||
v-model="form.voltageDeviationUpperLimit"
|
||||
autocomplete="off"
|
||||
placeholder="请输入电压偏差上限"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="电压偏差下限：" prop="voltageDeviationLowerLimit">
|
||||
<el-input
|
||||
v-model="form.voltageDeviationLowerLimit"
|
||||
autocomplete="off"
|
||||
placeholder="请输入电压偏差下限"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="监测点运行状态：" prop="operationStatus">
|
||||
<el-select v-model="form.operationStatus" placeholder="请选择运行状态">
|
||||
<el-option
|
||||
v-for="(item, index) in operationStatusList"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="index"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="主接线图：" prop="mainWiringDiagram">
|
||||
<el-upload
|
||||
v-model:file-list="form.mainWiringDiagram"
|
||||
ref="uploadRef"
|
||||
action=""
|
||||
accept=".doc,.docx,.xlsx,.xls,.pdf"
|
||||
:limit="1"
|
||||
:on-exceed="handleExceed"
|
||||
:on-change="choose"
|
||||
:auto-upload="false"
|
||||
:on-progress="uploadFileName('mainWiringDiagram')"
|
||||
>
|
||||
<template #trigger>
|
||||
<el-button type="primary">上传文件</el-button>
|
||||
</template>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-form>
|
||||
@@ -544,20 +397,20 @@ const getSelectableList = () => {
|
||||
let obj = {}
|
||||
getList(obj).then(res => {
|
||||
projectList.value = res.data
|
||||
userNameList.value= res.data;
|
||||
userNameList.value = res.data
|
||||
//初始化
|
||||
let obj = res.data[0]
|
||||
form.value = {
|
||||
...form.value,
|
||||
city: obj.city,
|
||||
reporter: obj.reporter,
|
||||
reporterName:obj.reporterName,
|
||||
reporterName: obj.reporterName,
|
||||
reportDate: obj.reportDate,
|
||||
orgId: obj.orgId,
|
||||
orgName:obj.orgName,
|
||||
orgName: obj.orgName,
|
||||
expectedProductionDate: obj.expectedProductionDate,
|
||||
userName:userNameList.value[0]?.name,
|
||||
userId:userNameList.value[0]?.id
|
||||
userName: userNameList.value[0]?.name,
|
||||
userId: userNameList.value[0]?.id
|
||||
}
|
||||
})
|
||||
}
|
||||
@@ -566,7 +419,7 @@ const monitoringTerminalList = ref([])
|
||||
//获取关联设备
|
||||
const findAllMonitoringTerminalList = () => {
|
||||
getDeviceList().then(res => {
|
||||
monitoringTerminalList.value = res.data;
|
||||
monitoringTerminalList.value = res.data
|
||||
})
|
||||
}
|
||||
//查询关联设备下拉框
|
||||
@@ -586,10 +439,10 @@ selectFormType.value = '0'
|
||||
const resetForm = () => {
|
||||
form.value = {
|
||||
reporter: '', //填报人
|
||||
reporterName:'',//填报人名称
|
||||
reporterName: '', //填报人名称
|
||||
reportDate: '', //填报日期
|
||||
orgId: '', //填报部门id
|
||||
orgName:'', //填报部门名称
|
||||
orgName: '', //填报部门名称
|
||||
expectedProductionDate: '', //工程投产日期
|
||||
city: areaOptionList[0].name, //所属地市
|
||||
userStatus: userStateList[1].id, //用户状态
|
||||
@@ -597,7 +450,6 @@ const resetForm = () => {
|
||||
monitoringTerminalName: monitoringTerminalList.value[0]?.monitoringTerminalName,
|
||||
userName: projectList.value[0]?.id, //工程名称
|
||||
userId: '', //工程id
|
||||
|
||||
//监测点信息实体
|
||||
businessType: '', // 干扰源类别
|
||||
connectedBus: '', // 接入母线
|
||||
@@ -663,7 +515,7 @@ const changeUserName = () => {
|
||||
...form.value,
|
||||
city: obj?.city,
|
||||
reporter: obj?.reporter,
|
||||
reporterName:obj?.reporterName,
|
||||
reporterName: obj?.reporterName,
|
||||
reportDate: obj?.reportDate,
|
||||
orgId: obj?.orgId,
|
||||
orgName: obj?.orgName,
|
||||
@@ -868,7 +720,7 @@ const rules = ref({
|
||||
],
|
||||
mainWiringDiagram: [
|
||||
{
|
||||
required: false,
|
||||
required: true,
|
||||
message: '请上传主接线图',
|
||||
trigger: 'change'
|
||||
}
|
||||
@@ -954,104 +806,56 @@ const activeName = ref('0')
|
||||
const confirmForm = () => {
|
||||
console.log(form.value, '打印form对象')
|
||||
// 先判断提交终端信息与监测点信息
|
||||
|
||||
// 提交监测点信息
|
||||
ruleFormRef.value.validate(valid => {
|
||||
if (valid) {
|
||||
//整理上传文件的数据
|
||||
//处理填报日期时间格式
|
||||
form.value.reportDate = window.XEUtils.toDateString(form.value.reportDate, 'yyyy-MM-dd')
|
||||
let confirmFormData = JSON.parse(JSON.stringify(form.value))
|
||||
|
||||
if (!mainWiringDiagram.value) {
|
||||
return ElMessage({
|
||||
message: '请上传主接线图',
|
||||
type: 'warning'
|
||||
})
|
||||
}
|
||||
//提交终端信息
|
||||
confirmFormData = {
|
||||
...confirmFormData,
|
||||
lineFilePath: lineFilePath?.value, //监测点信息
|
||||
mainWiringDiagram: mainWiringDiagram.value //主接线图
|
||||
}
|
||||
addMointorPointFormData(confirmFormData).then(res => {
|
||||
ruleFormRef.value.resetFields()
|
||||
resetForm()
|
||||
close()
|
||||
ruleFormRef.value.validate(valid => {
|
||||
if (valid) {
|
||||
//整理上传文件的数据
|
||||
//处理填报日期时间格式
|
||||
form.value.reportDate = window.XEUtils.toDateString(form.value.reportDate, 'yyyy-MM-dd')
|
||||
let confirmFormData = JSON.parse(JSON.stringify(form.value))
|
||||
if (!mainWiringDiagram.value) {
|
||||
return ElMessage({
|
||||
message: '请上传主接线图',
|
||||
type: 'warning'
|
||||
})
|
||||
} else {
|
||||
console.log('表单验证失败')
|
||||
return false
|
||||
}
|
||||
})
|
||||
//提交终端信息
|
||||
confirmFormData = {
|
||||
...confirmFormData,
|
||||
lineFilePath: lineFilePath?.value, //监测点信息
|
||||
mainWiringDiagram: mainWiringDiagram.value //主接线图
|
||||
}
|
||||
addMointorPointFormData(confirmFormData).then(res => {
|
||||
ruleFormRef.value.resetFields()
|
||||
resetForm()
|
||||
close()
|
||||
})
|
||||
} else {
|
||||
console.log('表单验证失败')
|
||||
return false
|
||||
}
|
||||
})
|
||||
}
|
||||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-form {
|
||||
width: 96%;
|
||||
height: 400px;
|
||||
margin: 0 auto;
|
||||
overflow-y: auto;
|
||||
padding-top: 20px;
|
||||
// width: 96%;
|
||||
// height: 400px;
|
||||
// margin: 0 auto;
|
||||
// overflow-y: auto;
|
||||
// padding-top: 20px;
|
||||
}
|
||||
.dialog-footer {
|
||||
padding: 10px;
|
||||
}
|
||||
/* 调整标签的换行行为 */
|
||||
.label_over_warp::v-deep .el-form-item__label {
|
||||
// white-space: pre-line !important;
|
||||
line-height: 16px !important;
|
||||
.fixed_upload {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
::v-deep .el-form-item {
|
||||
padding: 0 10px;
|
||||
height: auto !important;
|
||||
::v-deep .el-tabs__content{
|
||||
height:100% !important;
|
||||
}
|
||||
::v-deep .el-form-item__label {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
.form-label-left-align {
|
||||
text-align: left;
|
||||
}
|
||||
::v-deep .el-input-number .el-input__inner {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
//表单tab容器
|
||||
.form_tab_item {
|
||||
height: 400px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
::v-deep .el-input {
|
||||
width: 200px !important;
|
||||
}
|
||||
::v-deep .el-select {
|
||||
width: 200px !important;
|
||||
}
|
||||
::v-deep .required_position {
|
||||
position: relative;
|
||||
.required_icon {
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
margin-top: 8px;
|
||||
color: #f56c6c;
|
||||
margin-left: 20px;
|
||||
margin-left: 10px;
|
||||
|
||||
}
|
||||
.required_icon_white {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
left: -10px;
|
||||
padding-left: 30px;
|
||||
margin: 8px 10px 0 30px;
|
||||
}
|
||||
.required_text {
|
||||
// padding-left: 20px;
|
||||
}
|
||||
}
|
||||
// ::v-deep .tabs_form{
|
||||
// height:300px !important;
|
||||
// }
|
||||
</style>
|
||||
|
||||
@@ -37,7 +37,6 @@ import { getLoadTypeUserList } from '@/api/process-boot/interference'
|
||||
import addForm from './addForm.vue'
|
||||
const dictData = useDictData()
|
||||
const { push } = useRouter()
|
||||
|
||||
const TableHeaderRef = ref()
|
||||
const tableRef = ref()
|
||||
const areaOptionList = dictData.getBasicData('jibei_area')
|
||||
|
||||
@@ -37,7 +37,6 @@ import { getLoadTypeUserList } from '@/api/process-boot/interference'
|
||||
import addForm from './addForm.vue'
|
||||
const dictData = useDictData()
|
||||
const { push } = useRouter()
|
||||
|
||||
const TableHeaderRef = ref()
|
||||
const tableRef = ref()
|
||||
const areaOptionList = dictData.getBasicData('jibei_area')
|
||||
|
||||
Reference in New Issue
Block a user