完成 承载能力评估页面绘制

src/views/pqs/bearingCapacity/evaluationList/index.vue

@@ -4,11 +4,14 @@
             <TableHeader datePicker ref="TableHeaderRef">
                 <template #select>
                     <el-form-item label="用户类型">
-                        <el-input
-                            v-model="tableStore.table.params.searchValue"
-                            clearable
-                            placeholder="输入关键字筛选"
-                        />
+                        <el-select v-model="tableStore.table.params.searchValue" placeholder="请选择用户类型">
+                            <el-option
+                                v-for="item in userTypeList"
+                                :key="item.id"
+                                :label="item.label"
+                                :value="item.id"
+                            />
+                        </el-select>
                     </el-form-item>
                 </template>
                 <template #operation>
@@ -56,7 +59,16 @@
             </el-dialog>
             <policy v-if="policyView" @View="policyView = false" />
         </div>
-        <Added v-if="!addedShow" />
+        <!-- <Added v-if="!addedShow" @quit="addedShow = true" /> -->
+        <div v-if="!addedShow" style="position: relative">
+            <el-tabs v-model="activeName" type="border-card" :style="{ height: height }">
+                <el-tab-pane label="光伏电站承载能力评估" name="1"><photovoltaic /></el-tab-pane>
+                <el-tab-pane label="充电站、电加热负荷、电气化铁路承载能力评估" name="2">
+                    <charge />
+                </el-tab-pane>
+            </el-tabs>
+            <el-button class="quit" icon="el-icon-Close" type="primary" @click="addedShow = true">返回</el-button>
+        </div>
     </div>
 </template>
 <script setup lang="ts">
@@ -66,22 +78,27 @@ import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
 import Area from '@/components/form/area/index.vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import Added from './added.vue'
 import policy from './policy.vue'
+import photovoltaic from './photovoltaic.vue'
+import charge from './charge.vue'
+
 import { mainHeight } from '@/utils/layout'
 import { useDictData } from '@/stores/dictData'
 defineOptions({
     name: 'estimate/evaluationList'
 })
+const height = mainHeight(20).height
 const dictData = useDictData()
 const levelList = dictData.getBasicData('Dev_Voltage_Stand')
 const uesrList = dictData.getBasicData('Interference_Source')
 const view = ref(false)
+const activeName = ref('1')
 const disabled = ref(false)
 const policyView = ref(false)
-const addedShow = ref(false)
+const addedShow = ref(true)
 const TableHeaderRef = ref()
 const title = ref('')
+const userTypeList: any = ref([])
 
 const form = ref({
     name: '',
@@ -199,3 +216,10 @@ const handleClose = () => {
     view.value = false
 }
 </script>
+<style lang="scss" scoped>
+.quit {
+    position: absolute;
+    top: 5px;
+    right: 10px;
+}
+</style>