绘制技术监督页面 联调承载能力评估

src/views/pqs/bearingCapacity/evaluationList/components/charge.vue

@@ -8,12 +8,34 @@
                     </div>
                 </template>
                 <div :style="`height: calc(${height} / 2 - 117px);overflow-y: auto`">
-                    <el-form :model="form" label-width="auto" style="max-width: 500px; margin: auto">
-                        <el-form-item label="变压器接线方式">
-                            <el-input v-model="form.name" />
+                    <el-form :model="form" label-width="150px" style="max-width: 500px; margin: auto">
+                        <el-form-item label="接线类型">
+                            <el-select v-model="form.ptType" collapse-tags placeholder="请选择接线类型">
+                                <el-option
+                                    v-for="item in connection"
+                                    :key="item.value"
+                                    :label="item.name"
+                                    :value="item.value"
+                                />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="连接方式" v-if="form.ptType == 0">
+                            <el-select
+                                v-model="form.connectionMode"
+                                clearable
+                                collapse-tags
+                                placeholder="请选择连接方式"
+                            >
+                                <el-option v-for="item in method" :key="item.id" :label="item.name" :value="item.id" />
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="功率因数">
+                            <el-select v-model="form.k" clearable collapse-tags placeholder="请选择功率因数">
+                                <el-option v-for="item in factor" :key="item.id" :label="item.name" :value="item.id" />
+                            </el-select>
                         </el-form-item>
                         <el-form-item label="电压等级">
-                            <el-select v-model="form.level" clearable collapse-tags placeholder="请选择电压等级">
+                            <el-select v-model="form.scale" clearable collapse-tags placeholder="请选择电压等级">
                                 <el-option
                                     v-for="item in levelList"
                                     :key="item.id"
@@ -23,10 +45,10 @@
                             </el-select>
                         </el-form-item>
                         <el-form-item label="供电设备容量(MVA)">
-                            <el-input v-model="form.name" />
+                            <el-input-number v-model="form.deviceCapacity" style="width: 100%;" :min="0" placeholder="请填入供电设备容量" />
                         </el-form-item>
                         <el-form-item label="最小短路容量(MVA)">
-                            <el-input v-model="form.name" />
+                            <el-input-number v-model="form.shortCapacity" style="width: 100%;" :min="0" placeholder="请填入最小短路容量" />
                         </el-form-item>
                     </el-form>
                 </div>
@@ -86,6 +108,35 @@ import { mainHeight } from '@/utils/layout'
 const dictData = useDictData()
 const height = mainHeight(80).height
 const levelList = dictData.getBasicData('Dev_Voltage_Stand')
+const connection: any = dictData.getBasicData('Dev_Connect')
+const method = dictData.getBasicData('Connet_Group_Way')
+const factor = [
+    {
+        name: 0.95,
+        id: 0.95
+    },
+    {
+        name: 0.96,
+        id: 0.96
+    },
+    {
+        name: 0.97,
+        id: 0.97
+    },
+    {
+        name: 0.98,
+        id: 0.98
+    },
+    {
+        name: 0.99,
+        id: 0.99
+    },
+    {
+        name: 1.0,
+        id: 1.0
+    }
+]
+
 const tableData = ref([
     {
         name: '谐波电流幅值(A)',
@@ -231,7 +282,14 @@ const column = ref([
         width: '80px'
     }
 ])
-const form: any = ref({})
+const form: any = ref({
+    ptType: '0',
+    connectionMode: '',
+    k: '1',
+    scale: '',
+    shortCapacity: '',
+    deviceCapacity: ''
+})
 const pieCharts = ref({})
 // 承载能力评估
 const assess = () => {