From 2c18342e86f74dbd54c9ed72f5320be15c9ae3b1 Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期一, 18 七月 2022 17:55:09 +0800
Subject: [PATCH] css
---
src/views/goalManagement/targetDecompositionYear/index.vue | 27 ++++++++++++++++++---------
1 files changed, 18 insertions(+), 9 deletions(-)
diff --git a/src/views/goalManagement/targetDecompositionYear/index.vue b/src/views/goalManagement/targetDecompositionYear/index.vue
index 00576b5..c4999b3 100644
--- a/src/views/goalManagement/targetDecompositionYear/index.vue
+++ b/src/views/goalManagement/targetDecompositionYear/index.vue
@@ -1,18 +1,18 @@
<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="danger" :icon="Delete" plain>删除</el-button>
+ <el-button size="default" type="primary" :icon="Plus" @click="openType">新建</el-button>
+ <el-button size="default" type="warning" :icon="EditPen" plain >修改</el-button>
+ <el-button size="default" type="danger" :icon="Delete" plain>删除</el-button>
</div>
</div>
<el-table
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