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/targetSettings/index.vue | 52 ++++++++++++++++++++++++++++++----------------------
1 files changed, 30 insertions(+), 22 deletions(-)
diff --git a/src/views/goalManagement/targetSettings/index.vue b/src/views/goalManagement/targetSettings/index.vue
index 9df0376..45b358c 100644
--- a/src/views/goalManagement/targetSettings/index.vue
+++ b/src/views/goalManagement/targetSettings/index.vue
@@ -1,4 +1,5 @@
<template>
+<div>
<search></search>
<div class="minCenter">
<el-tabs
@@ -8,13 +9,13 @@
>
<div class="btns">
<div>
- <el-button type="primary" :icon="Plus" @click="openDai">新建</el-button>
- <el-button type="danger" :icon="Delete">删除</el-button>
+ <el-button type="primary" size="default" :icon="Plus" @click="openD('新建')">新建</el-button>
+ <el-button type="danger" size="default" :icon="Delete" plain>删除</el-button>
</div>
<div>
- <el-button :icon="Upload" @click="upButton"></el-button>
- <el-button :icon="Download"></el-button>
- <el-button :icon="Refresh"></el-button>
+ <el-button size="default" :icon="Upload" @click="upButton"></el-button>
+ <el-button size="default" :icon="Download"></el-button>
+ <el-button size="default" :icon="Refresh"></el-button>
</div>
</div>
<el-tab-pane label="目标定制(年)" name="1"> </el-tab-pane>
@@ -24,7 +25,6 @@
ref="multipleTableRef"
:data="tableData"
style="width: 100%"
- @selection-change="handleSelectionChange"
>
<el-table-column
label="序号"
@@ -91,10 +91,10 @@
show-overflow-tooltip
>
<template #default>
- <el-button link type="primary" size="small" :icon="View" @click="handleClick"
+ <el-button link type="primary" size="default" :icon="View" @click="handleClick"
>查看</el-button
>
- <el-button link type="primary" size="small" :icon="Delete">删除</el-button>
+ <el-button link type="primary" size="default" :icon="Delete">删除</el-button>
</template>
</el-table-column>
</el-table>
@@ -112,13 +112,14 @@
@current-change="handleCurrentChange"
/>
</div>
- <dailogAdd :dialogVisible="Show"></dailogAdd>
- <upData :updata="upShow"></upData>
+ <dailogAdd ref="openAdd"></dailogAdd>
+ <upData ref="upShow"></upData>
+ </div>
</div>
</template>
<script lang="ts">
import dailogAdd from './component/dailogAdd.vue'
-import upData from './component/updata.vue'
+import upData from '../../../components/updata/updata.vue'
import search from './component/search.vue'
import { ref, toRefs, reactive, onMounted, defineComponent } from "vue";
import {
@@ -146,8 +147,8 @@
export default defineComponent({
components: { ElButton, ElInput,dailogAdd,upData,search},
setup() {
-
-
+
+
// 下方导航与表格
const activeName = ref("1");
const handleClick = (tab: TabsPaneContext, event: Event) => {
@@ -196,6 +197,9 @@
];
const currentPage4 = ref(4);
const pageSize4 = ref(100);
+ const small = ref(false)
+ const disabled = ref(false)
+ const background = ref(false)
const handleSizeChange = (val: number) => {
console.log(`${val} items per page`);
};
@@ -203,14 +207,15 @@
console.log(`current page: ${val}`);
};
// 弹窗
- let Show=ref(false)
- let openDai=()=>{
- Show.value=true
- }
+ const openAdd=ref()
+ const openD=(type:String,value:any)=>{
+ openAdd.value.openDialog(type,value)
+ }
+
// 上传
- const upShow=ref(false)
+ const upShow=ref()
const upButton=()=>{
- upShow.value=true
+ upShow.value.openDialog()
}
return {
activeName,
@@ -221,10 +226,13 @@
pageSize4,
handleSizeChange,
handleCurrentChange,
- Show,
- openDai,
+ openAdd,
+ openD,
upShow,
upButton,
+ small,
+ disabled,
+ background,
Plus,
Delete,
Upload,
@@ -252,4 +260,4 @@
display: flex;
justify-content: right;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.2