完成承载能力评估联调

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

@@ -15,58 +15,30 @@
                 </template>
                 <template #operation>
                     <el-button icon="el-icon-Setting" type="primary" @click="configuration">承载能力评估策略</el-button>
-                    <el-button icon="el-icon-Plus" type="primary" @click="addedShow = false">
+                    <el-button icon="el-icon-Plus" type="primary" @click=";(addedShow = false), (code = null)">
                         新增承载能力评估
                     </el-button>
                 </template>
             </TableHeader>
             <Table ref="tableRef" />
-            <el-dialog v-model="view" :title="title" width="600" :before-close="handleClose">
-                <el-form ref="ruleFormRef" :model="form" label-width="auto" :disabled="disabled" :rules="rules">
-                    <el-form-item label="用户名称：" prop="name">
-                        <el-input v-model="form.name" clearable placeholder="请输入用户名称" />
-                    </el-form-item>
-                    <el-form-item label="用户类型：" prop="userType">
-                        <el-select v-model="form.userType" clearable collapse-tagsplaceholder="请选择用户类型">
-                            <el-option v-for="item in uesrList" :key="item.id" :label="item.name" :value="item.id" />
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="电压等级：" prop="level">
-                        <el-select v-model="form.level" clearable collapse-tags placeholder="请选择电压等级">
-                            <el-option v-for="item in levelList" :key="item.id" :label="item.name" :value="item.id" />
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="用户协议容量(MVA)：" prop="mav1">
-                        <el-input v-model="form.mav1" clearable placeholder="请输入用户协议容量" />
-                    </el-form-item>
-                    <el-form-item label="拟接入容量(MVA)：" prop="mav2">
-                        <el-input v-model="form.mav2" clearable placeholder="请输入拟接入容量" />
-                    </el-form-item>
-                    <el-form-item label="区域">
-                        <Area v-model="form.deptIndex" style="width: 100%" />
-                    </el-form-item>
-                    <el-form-item label="详细地址：" prop="detailed">
-                        <el-input
-                            clearable
-                            v-model="form.detailed"
-                            :autosize="{ minRows: 2, maxRows: 4 }"
-                            type="textarea"
-                            placeholder="请输入详细地址"
-                        />
-                    </el-form-item>
-                </el-form>
-            </el-dialog>
+
             <policy v-if="policyView" @View="policyView = false" />
         </div>
         <!-- <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 label="光伏电站承载能力评估" name="1" v-if="code == null || code == 1">
+                    <photovoltaic :rowList="rowList" />
+                </el-tab-pane>
+                <el-tab-pane
+                    label="充电站、电加热负荷、电气化铁路承载能力评估"
+                    name="2"
+                    v-if="code == null || code == 2"
+                >
+                    <charge :rowList="rowList" />
                 </el-tab-pane>
             </el-tabs>
-            <el-button class="quit" icon="el-icon-Close" type="primary" @click="addedShow = true">返回</el-button>
+            <el-button class="quit" icon="el-icon-Close" type="primary" @click="quit">返回</el-button>
         </div>
     </div>
 </template>
@@ -80,7 +52,7 @@ import { ElMessage, ElMessageBox } from 'element-plus'
 import policy from './components/policy.vue'
 import photovoltaic from './components/photovoltaic.vue'
 import charge from './components/charge.vue'
-
+import { remove } from '@/api/advance-boot/bearingCapacity'
 import { mainHeight } from '@/utils/layout'
 import { useDictData } from '@/stores/dictData'
 defineOptions({
@@ -90,42 +62,18 @@ const height = mainHeight(20).height
 const dictData = useDictData()
 const levelList = dictData.getBasicData('Dev_Voltage_Stand')
 const uesrList = dictData.getBasicData('CARRY_CAPCITY_USER_TYPE')
-const view = ref(false)
 const activeName = ref('1')
-const disabled = ref(false)
+
 const policyView = ref(false)
 const addedShow = ref(true)
+const code = ref(null)
+const rowList = ref({})
 const TableHeaderRef = ref()
-const title = ref('')
 
-const form = ref({
-    name: '',
-    level: '',
-    deptIndex: dictData.state.area[0].id,
-    userType: '光伏电站',
-    type: '光伏电站',
-    mav1: '100',
-    mav2: '100',
-    user: 'Admin',
-    time: '2024-01-03',
-    detailed: '详细地址'
-})
-const rules = {
-    name: [{ required: true, message: '请输入用户名称', trigger: 'blur' }],
-    userType: [{ required: true, message: '请选择用户类型', trigger: 'change' }],
-    level: [{ required: true, message: '请选择电压等级', trigger: 'change' }],
-    mav1: [{ required: true, message: '请输入用户协议容量', trigger: 'blur' }],
-    mav2: [{ required: true, message: '请输入拟接入容量', trigger: 'blur' }],
-    detailed: [{ required: true, message: '请输入详细地址', trigger: 'blur' }]
-}
-
-const ruleFormRef = ref()
-const tableStore = new TableStore({
+const tableStore: any = new TableStore({
     url: '/advance-boot/result/queryResultList',
     method: 'POST',
     column: [
-        // { width: '60', type: 'checkbox' },
-
         {
             field: 'index',
             title: '序号',
@@ -134,7 +82,7 @@ const tableStore = new TableStore({
                 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
             }
         },
-        { field: 'lineName', title: '配变台区' },
+        { field: 'lineName', title: '配变台区', width: '500' },
         {
             field: 'evaluateType',
             title: '评估类型',
@@ -177,12 +125,12 @@ const tableStore = new TableStore({
                     icon: 'el-icon-Plus',
                     render: 'basicButton',
                     click: row => {
-                        if (ruleFormRef.value) ruleFormRef.value.resetFields()
-
-                        disabled.value = true
-                        title.value = '查看承载能力预评估用户'
-                        form.value = JSON.parse(JSON.stringify(row))
-                        view.value = true
+                        rowList.value = row
+                        let data = uesrList.filter(item => item.id == row.evaluateType)[0].code
+                        data == 'Power_Station_Users'
+                            ? ((code.value = 1), (activeName.value = '1'))
+                            : ((code.value = 2), (activeName.value = '2'))
+                        addedShow.value = false
                     }
                 },
                 {
@@ -197,7 +145,12 @@ const tableStore = new TableStore({
                         confirmButtonType: 'danger',
                         title: '确定删除？'
                     },
-                    click: row => {}
+                    click: row => {
+                        remove({ ids: row.id }).then(() => {
+                            ElMessage.success('删除成功')
+                            tableStore.index()
+                        })
+                    }
                 }
             ]
         }
@@ -209,25 +162,17 @@ tableStore.table.params.evaluateType = ''
 tableStore.table.params.id = dictData.state.area[0].id
 
 provide('tableStore', tableStore)
+const quit = () => {
+    addedShow.value = true
+    rowList.value = {}
+}
 onMounted(() => {
-    TableHeaderRef.value.setDatePicker([{ label: '周', value: 4 }])
-    TableHeaderRef.value.setInterval(4)
-    setTimeout(() => {
-        tableStore.table.params.startTime = TableHeaderRef.value.datePickerRef.timeValue[0]
-        tableStore.table.params.endTime = TableHeaderRef.value.datePickerRef.timeValue[1]
-        tableStore.index()
-    }, 100)
+    tableStore.index()
 })
 // 配置
 const configuration = () => {
     policyView.value = true
 }
-
-// 取消
-const handleClose = () => {
-    ruleFormRef.value.resetFields()
-    view.value = false
-}
 </script>
 <style lang="scss" scoped>
 .quit {