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 | 31 +++++++++++++++++++------------
1 files changed, 19 insertions(+), 12 deletions(-)
diff --git a/src/views/goalManagement/targetSettings/index.vue b/src/views/goalManagement/targetSettings/index.vue
index dcebe24..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="openD('新建')">新建</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>
@@ -115,10 +115,11 @@
<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`);
};
@@ -226,6 +230,9 @@
openD,
upShow,
upButton,
+ small,
+ disabled,
+ background,
Plus,
Delete,
Upload,
@@ -253,4 +260,4 @@
display: flex;
justify-content: right;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.2