css

shj

2022-07-18 2c18342e86f74dbd54c9ed72f5320be15c9ae3b1

 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>
</style>