From fea917fa791c2f813904e8892f02ee2f394dd0d2 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期五, 15 七月 2022 15:06:27 +0800 Subject: [PATCH] 菜单 --- src/views/goalManagement/targetDecompositionYear/index.vue | 25 +++++++++++++++++-------- 1 files changed, 17 insertions(+), 8 deletions(-) diff --git a/src/views/goalManagement/targetDecompositionYear/index.vue b/src/views/goalManagement/targetDecompositionYear/index.vue index 00576b5..4260417 100644 --- a/src/views/goalManagement/targetDecompositionYear/index.vue +++ b/src/views/goalManagement/targetDecompositionYear/index.vue @@ -1,10 +1,11 @@ <template> + <div> <search></search> <div class="minCenter"> <div class="btns"> <div> - <el-button type="primary" :icon="Plus" @click="openDai">新建</el-button> - <el-button type="warning" :icon="EditPen" plain @click="openDai">修改</el-button> + <el-button type="primary" :icon="Plus" @click="openType">新建</el-button> + <el-button type="warning" :icon="EditPen" plain >修改</el-button> <el-button type="danger" :icon="Delete" plain>删除</el-button> </div> </div> @@ -12,7 +13,6 @@ ref="multipleTableRef" :data="tableData" style="width: 100%" - @selection-change="handleSelectionChange" > <el-table-column label="序号" @@ -76,9 +76,12 @@ /> </div> </div> + <Dailog ref="Show"></Dailog> + </div> </template> <script lang="ts"> import search from '../targetSettings/component/search.vue' +import Dailog from './component/Dailog.vue' import { ref, toRefs, reactive, onMounted, defineComponent } from "vue"; import { ElMessageBox, @@ -104,10 +107,10 @@ } import type { TableColumnCtx } from "element-plus/es/components/table/src/table-column/defaults"; export default defineComponent({ - components: { ElButton, ElInput,search}, + components: { ElButton, ElInput,search,Dailog}, setup() { - - + + // 下方导航与表格 const activeName = ref("1"); const handleClick = (tab: TabsPaneContext, event: Event) => { @@ -162,7 +165,11 @@ const handleCurrentChange = (val: number) => { console.log(`current page: ${val}`); }; - + // 打开弹窗 + const Show=ref() + const openType=()=>{ + Show.value.openDailog() + } return { activeName, handleClick, @@ -172,6 +179,8 @@ pageSize4, handleSizeChange, handleCurrentChange, + Show, + openType, Plus, Delete, Upload, @@ -200,4 +209,4 @@ display: flex; justify-content: right; } -</style> \ No newline at end of file +</style> -- Gitblit v1.9.2