Web/admin-sjzx
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

弹框宽度修改

Browse Source
This commit is contained in:
zhujiyan
2024-05-24 14:34:43 +08:00
parent a3e564ce9e
commit 8f6ce23275
8 changed files with 325 additions and 524 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/pqs/supervise/harmonicSurvey/components/planAdd.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<el-dialog draggable :title="title" v-model="planAddition" width="60%" :before-close="cancelFn"> <el-dialog draggable :title="title" v-model="planAddition" width="65%" :before-close="cancelFn">
<el-form <el-form
:model="formdata" :model="formdata"
:disabled="title == '查看计划' || title == '计划审核'" :disabled="title == '查看计划' || title == '计划审核'"

2
src/views/pqs/supervise/interfere/components/terminalNetworkDetection/addForm.vue
View File

@@ -2,7 +2,7 @@
<el-dialog <el-dialog
v-model="dialogFormVisible" v-model="dialogFormVisible"
title="台账模型" title="台账模型"
width="60%" width="65%"
:append-to-body="true" :append-to-body="true"
:before-close="close" :before-close="close"
:close-on-click-modal="false" :close-on-click-modal="false"

2
src/views/pqs/supervise/plan/components/addForm.vue
View File

@@ -2,7 +2,7 @@
<el-dialog <el-dialog
v-model="dialogFormVisible" v-model="dialogFormVisible"
title="技术监督计划" title="技术监督计划"
width="60%" width="65%"
:append-to-body="true" :append-to-body="true"
:before-close="close" :before-close="close"
:close-on-click-modal="false" :close-on-click-modal="false"

1
src/views/pqs/supervise/terminalNetworkDetection/components/jointDebugList/index.vue
View File

@@ -37,7 +37,6 @@ import debug from './debug.vue'
import { any } from 'vue-types' import { any } from 'vue-types'
const dictData = useDictData() const dictData = useDictData()
const { push } = useRouter() const { push } = useRouter()
const TableHeaderRef = ref() const TableHeaderRef = ref()
const tableRef = ref() const tableRef = ref()
const areaOptionList = dictData.getBasicData('jibei_area') const areaOptionList = dictData.getBasicData('jibei_area')

838
src/views/pqs/supervise/terminalNetworkDetection/components/monitorpoint/addForm.vue
View File

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

1
src/views/pqs/supervise/terminalNetworkDetection/components/monitorpoint/index.vue
View File

@@ -37,7 +37,6 @@ import { getLoadTypeUserList } from '@/api/process-boot/interference'
import addForm from './addForm.vue' import addForm from './addForm.vue'
const dictData = useDictData() const dictData = useDictData()
const { push } = useRouter() const { push } = useRouter()
const TableHeaderRef = ref() const TableHeaderRef = ref()
const tableRef = ref() const tableRef = ref()
const areaOptionList = dictData.getBasicData('jibei_area') const areaOptionList = dictData.getBasicData('jibei_area')

1
src/views/pqs/supervise/terminalNetworkDetection/components/terminainal/index.vue
View File

@@ -37,7 +37,6 @@ import { getLoadTypeUserList } from '@/api/process-boot/interference'
import addForm from './addForm.vue' import addForm from './addForm.vue'
const dictData = useDictData() const dictData = useDictData()
const { push } = useRouter() const { push } = useRouter()
const TableHeaderRef = ref() const TableHeaderRef = ref()
const tableRef = ref() const tableRef = ref()
const areaOptionList = dictData.getBasicData('jibei_area') const areaOptionList = dictData.getBasicData('jibei_area')

2
src/views/pqs/supervise/terminalNetworkDetection/index.vue
View File

@@ -21,7 +21,7 @@ import terminal from './components/terminainal/index.vue'
import monitorpoint from './components/monitorpoint/index.vue' import monitorpoint from './components/monitorpoint/index.vue'
import jointDebugList from './components/jointDebugList/index.vue' import jointDebugList from './components/jointDebugList/index.vue'
defineOptions({ defineOptions({
name: 'Processsupervision/interferencemanagement' name: 'amdin/terminalNetwotk'
}) })
const activeName = ref('1') const activeName = ref('1')
const Statistics = ref() const Statistics = ref()