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

修改全部的el-form-item内部控件为原生控件

Browse Source
This commit is contained in:
zhujiyan
2024-05-28 15:08:10 +08:00
parent 78954d2e11
commit f43427ad36
14 changed files with 314 additions and 429 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -38,10 +38,10 @@
</el-upload>
</div>
<!-- 基础信息 -->
<el-form-item label="填报人：" prop="reporterName">
<el-form-item for="-" label="填报人：" prop="reporterName">
<el-input v-model="form.reporterName" autocomplete="off" placeholder="请输入填报人" :disabled="true" />
</el-form-item>
<el-form-item label="填报日期：" prop="reportDate">
<el-form-item for="-" label="填报日期：" prop="reportDate">
<el-date-picker
style="width: 100%"
v-model="form.reportDate"
@@ -52,10 +52,10 @@
placeholder="请选择填报日期"
/>
</el-form-item>
<el-form-item label="填报部门：" prop="orgId">
<el-form-item for="-" label="填报部门：" prop="orgId">
<el-input v-model="form.orgName" :disabled="true" autocomplete="off" />
</el-form-item>
<el-form-item label="工程投产日期：" prop="expectedProductionDate">
<el-form-item for="-" label="工程投产日期：" prop="expectedProductionDate">
<el-date-picker
style="width: 100%"
v-model="form.expectedProductionDate"
@@ -67,7 +67,7 @@
placeholder="请选择工程投产日期"
/>
</el-form-item>
<el-form-item label="所属地市：" prop="city">
<el-form-item for="-" label="所属地市：" prop="city">
<el-select
v-model="form.city"
clearable
@@ -83,7 +83,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="用户状态：" prop="userStatus">
<el-form-item for="-" label="用户状态：" prop="userStatus">
<el-select v-model="form.userStatus" placeholder="请选择用户状态" :disabled="true" style="width: 100%">
<el-option
v-for="(item, index) in userStateList"
@@ -94,7 +94,7 @@
/>
</el-select>
</el-form-item>
<el-form-item label="关联干扰源：" prop="userName">
<el-form-item for="-" label="关联干扰源：" prop="userName">
<el-select
v-model="form.userName"
clearable
@@ -110,7 +110,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="关联设备：" prop="monitoringTerminalCode">
<el-form-item for="-" label="关联设备：" prop="monitoringTerminalCode">
<el-select
v-model="form.monitoringTerminalCode"
clearable
@@ -127,10 +127,10 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="接入母线：" prop="connectedBus">
<el-form-item for="-" label="接入母线：" prop="connectedBus">
<el-input v-model="form.connectedBus" autocomplete="off" placeholder="请输入接入母线" />
</el-form-item>
<el-form-item label="监测点运行状态：" prop="operationStatus">
<el-form-item for="-" label="监测点运行状态：" prop="operationStatus">
<el-select v-model="form.operationStatus" placeholder="请选择运行状态">
<el-option
v-for="(item, index) in operationStatusList"
@@ -140,11 +140,11 @@
/>
</el-select>
</el-form-item>
<el-form-item label="监测点名称：" prop="lineName">
<el-form-item for="-" label="监测点名称：" prop="lineName">
<el-input v-model="form.lineName" autocomplete="off" placeholder="请输入监测点名称" />
</el-form-item>
<!-- {{ voltageLevelList[2].value * 10 }}:{{ 1 }} -->
<el-form-item label="监测点电压等级：" prop="voltageLevel">
<el-form-item for="-" label="监测点电压等级：" prop="voltageLevel">
<el-select
v-model="form.voltageLevel"
clearable
@@ -160,7 +160,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="PT变比：" prop="ptRatio">
<el-form-item for="-" label="PT变比：" prop="ptRatio">
<el-input
style="width: 48%"
v-model="form.ptRatio"
@@ -177,7 +177,7 @@
/>
</el-form-item>
<el-form-item label="CT变比：" prop="ctRatio">
<el-form-item for="-" label="CT变比：" prop="ctRatio">
<el-input
v-model="form.ctRatio"
style="width: 48%"
@@ -193,7 +193,7 @@
placeholder="请输入CT变比"
/>
</el-form-item>
<el-form-item label="短路容量：" prop="shortCapacity">
<el-form-item for="-" label="短路容量：" prop="shortCapacity">
<el-input
v-model="form.shortCapacity"
autocomplete="off"
@@ -203,7 +203,7 @@
<template #append>MVA</template>
</el-input>
</el-form-item>
<el-form-item label="协议容量：" prop="dealCapacity">
<el-form-item for="-" label="协议容量：" prop="dealCapacity">
<el-input
v-model="form.dealCapacity"
autocomplete="off"
@@ -213,7 +213,7 @@
<template #append>MVA</template>
</el-input>
</el-form-item>
<el-form-item label="设备容量：" prop="devCapacity">
<el-form-item for="-" label="设备容量：" prop="devCapacity">
<el-input
v-model="form.devCapacity"
autocomplete="off"
@@ -223,7 +223,7 @@
<template #append>MVA</template>
</el-input>
</el-form-item>
<el-form-item label="基准容量：" prop="standardCapacity">
<el-form-item for="-" label="基准容量：" prop="standardCapacity">
<el-input
v-model="form.standardCapacity"
autocomplete="off"
@@ -233,7 +233,7 @@
<template #append>MVA</template>
</el-input>
</el-form-item>
<el-form-item label="干扰源类型：" prop="loadType">
<el-form-item for="-" label="干扰源类型：" prop="loadType">
<el-select
v-model="form.loadType"
clearable
@@ -249,7 +249,7 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="干扰源类别：" prop="businessType">
<el-form-item for="-" label="干扰源类别：" prop="businessType">
<el-select v-model="form.businessType" clearable style="width: 100%" placeholder="请选择干扰源类别">
<el-option
v-for="item in businessTypeList"
@@ -259,13 +259,13 @@
></el-option>
</el-select>
</el-form-item>
<el-form-item label="电压偏差上限：" prop="voltageDeviationUpperLimit">
<el-form-item for="-" label="电压偏差上限：" prop="voltageDeviationUpperLimit">
<el-input-number style="width:100%" v-model="form.voltageDeviationUpperLimit" :min="-10" :max="10" />
</el-form-item>
<el-form-item label="电压偏差下限：" prop="voltageDeviationLowerLimit">
<el-form-item for="-" label="电压偏差下限：" prop="voltageDeviationLowerLimit">
<el-input-number style="width:100%" v-model="form.voltageDeviationLowerLimit" :min="-10" :max="10" />
</el-form-item>
<el-form-item label="测量间隔：" prop="timeInterval">
<el-form-item for="-" label="测量间隔：" prop="timeInterval">
<el-input
v-model="form.timeInterval"
autocomplete="off"
@@ -273,10 +273,10 @@
placeholder="请输入测量间隔"
/>
</el-form-item>
<el-form-item label="监测点编码：" prop="lineId">
<el-form-item for="-" label="监测点编码：" prop="lineId">
<el-input v-model="form.lineId" autocomplete="off" placeholder="请输入监测点编码" />
</el-form-item>
<el-form-item label="监测点性质：" prop="pointNature">
<el-form-item for="-" label="监测点性质：" prop="pointNature">
<el-select v-model="form.pointNature" placeholder="请选择监测点性质">
<el-option
v-for="(item, index) in pointNatureList"
@@ -286,25 +286,25 @@
/>
</el-select>
</el-form-item>
<el-form-item label="是否参与统计：" prop="isStatistical">
<el-form-item for="-" 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-form-item for="-" label="对象名称(对端)：" prop="objName">
<el-input v-model="form.objName" autocomplete="off" placeholder="请输入监测点对象名称" />
</el-form-item>
<el-form-item label="电网侧变电站：" prop="powerSubstationName">
<el-form-item for="-" label="电网侧变电站：" prop="powerSubstationName">
<el-input v-model="form.powerSubstationName" autocomplete="off" placeholder="请输入电网侧变电站" />
</el-form-item>
<el-form-item label="是否并网点：" prop="isGridConnectionPoint">
<el-form-item for="-" 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="mainWiringDiagram">
<el-form-item for="-" label="主接线图：" prop="mainWiringDiagram">
<el-upload
v-model:file-list="form.mainWiringDiagram"
ref="uploadRef"
@@ -409,27 +409,7 @@ const adminInfo = useAdminInfo()
const userNameList = ref([])
//查询干扰源列表获取可选数据
const projectList = ref([])
const getSelectableList = () => {
let obj = {}
getList(obj).then(res => {
projectList.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,
reportDate: obj.reportDate,
orgId: obj.orgId,
orgName: obj.orgName,
expectedProductionDate: obj.expectedProductionDate,
userName: userNameList.value[0]?.name,
userId: userNameList.value[0]?.id
}
})
}
const monitoringTerminalList = ref([])
//获取关联设备
const findAllMonitoringTerminalList = () => {
@@ -491,6 +471,25 @@ const resetForm = () => {
voltageDeviationUpperLimit: '0', // 电压偏差上限
voltageLevel: voltageLevelList[0].id //监测点电压等级
}
let obj = {}
getList(obj).then(res => {
projectList.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,
reportDate: obj.reportDate,
orgId: obj.orgId,
orgName: obj.orgName,
expectedProductionDate: obj.expectedProductionDate,
userName: userNameList.value[0]?.projectName,
userId: userNameList.value[0]?.id
}
})
changevoltageDeviationLimit()
}
//根据检测点电压等级切换电压偏差上限/下限
@@ -796,7 +795,6 @@ const open = () => {
dialogFormVisible.value = true
//初始化数据
resetForm()
getSelectableList()
}
const close = () => {
//重置表单内容
@@ -835,7 +833,6 @@ const choose = (e: any) => {
//主接线图
else if (uploadName.value == 'mainWiringDiagram') {
mainWiringDiagram.value = res.data.name
console.log(mainWiringDiagram.value, '++++++++')
}
})
}
@@ -846,7 +843,6 @@ const disabledDate = time => {
const activeName = ref('0')
//提交
const confirmForm = () => {
console.log(form.value, '打印form对象')
// 先判断提交终端信息与监测点信息
// 提交监测点信息
ruleFormRef.value.validate(valid => {
@@ -895,7 +891,7 @@ defineExpose({ open })
}
.fixed_upload {
width: 100%;
height: 50px;
height: auto;
display: flex;
justify-content: flex-end;
}