css

shj

2022-07-18 2c18342e86f74dbd54c9ed72f5320be15c9ae3b1

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