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

src/views/pqs/supervise/terminal/components/add.vue

@@ -0,0 +1,26 @@
+<template>
+    <el-dialog v-model="dialogVisible" :title="title" style="width: 1040px">
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button @click="dialogVisible = false">取消</el-button>
+                <el-button type="primary" @click="submit">确认</el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+const dialogVisible = ref(false)
+const title = ref('')
+
+const submit = () => {}
+
+const open = (row: any) => {
+    console.log(row)
+    title.value = row.title
+    dialogVisible.value = true
+}
+
+defineExpose({ open })
+</script>
+<style lang="scss" scoped></style>

src/views/pqs/supervise/terminal/components/networkTab.vue

@@ -36,7 +36,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-Edit" type="primary">修改</el-button>
                     <el-button icon="el-icon-Delete" type="primary">删除</el-button>
                     <el-button icon="el-icon-Download" type="primary">导出</el-button>
@@ -46,6 +46,8 @@
                 </template>
             </TableHeader>
             <Table ref="tableRef" />
+            <!-- 新增 -->
+            <newlyIncreased ref="addRef" />
         </div>
     </div>
 </template>
@@ -54,6 +56,7 @@ import { ref, onMounted, provide, nextTick } from 'vue'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
+import newlyIncreased from './add.vue'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { mainHeight } from '@/utils/layout'
 import { useDictData } from '@/stores/dictData'
@@ -75,7 +78,7 @@ const uploadData = [
 
 const dialogVisible = ref(false)
 const TableHeaderRef = ref()
-const title = ref('')
+const addRef = ref()
 
 const ruleFormRef = ref()
 const tableStore = new TableStore({
@@ -84,7 +87,7 @@ const tableStore = new TableStore({
     method: 'POST',
     column: [
         { width: '60', type: 'checkbox' },
-       
+
         { field: 'orgName', title: '所属单位' },
         { field: 'id', title: '终端编号' },
         { field: 'name', title: '终端名称' },
@@ -140,6 +143,13 @@ tableStore.table.params.searchValue = ''
 tableStore.table.params.type = ''
 
 provide('tableStore', tableStore)
+
+const add = () => {
+    addRef.value.open({
+        title: '新增'
+    })
+}
+
 onMounted(() => {
     tableStore.index()
 })