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

src/views/pqs/supervise/electricalEnergy/components/maintenance.vue

@@ -43,7 +43,7 @@
             </el-form-item>
         </template>
         <template #operation>
-            <el-button icon="el-icon-Plus" type="primary">新增</el-button>
+            <el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
             <el-button icon="el-icon-EditPen" type="primary">填报</el-button>
             <el-button icon="el-icon-Delete" type="primary">删除</el-button>
             <el-button icon="el-icon-SuccessFilled" type="primary">归档</el-button>
@@ -51,6 +51,8 @@
         </template>
     </TableHeader>
     <Table ref="tableRef" />
+    <!-- 新增 -->
+    <NewlyAdd v-if="showNewlyAdded" @handleClose="handleClose" @onSubmit="onSubmit"  />
 </template>
 <script setup lang="ts">
 import { ref, onMounted, provide, nextTick } from 'vue'
@@ -60,7 +62,7 @@ import TableHeader from '@/components/table/header/index.vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { mainHeight } from '@/utils/layout'
 import { useDictData } from '@/stores/dictData'
-
+import NewlyAdd from './NewlyAdd.vue'
 const dictData = useDictData()
 const uploadData = [
     {
@@ -75,11 +77,10 @@ const uploadData = [
     }
 ]
 
-const dialogVisible = ref(false)
-const title = ref('')
+const showNewlyAdded = ref(false)
 const TableHeaderRef = ref()
 const ruleFormRef = ref()
-const tableStore = new TableStore({
+const tableStore:any = new TableStore({
     url: '/system-boot/area/areaSelect',
     publicHeight: 65,
     method: 'POST',
@@ -141,4 +142,15 @@ provide('tableStore', tableStore)
 onMounted(() => {
     tableStore.index()
 })
+// 新增
+const add = () => {
+    showNewlyAdded.value = true
+}
+const onSubmit = () => {
+    console.log(123)
+}
+// 关闭弹框
+const handleClose = () => {
+    showNewlyAdded.value = false
+}
 </script>