| | |
| | | <template> |
| | | <div> |
| | | <search></search> |
| | | <div class="minCenter"> |
| | | <el-tabs |
| | |
| | | > |
| | | <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> |
| | |
| | | <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 { |
| | |
| | | export default defineComponent({ |
| | | components: { ElButton, ElInput,dailogAdd,upData,search}, |
| | | setup() { |
| | | |
| | | |
| | | |
| | | |
| | | // 下方导航与表格 |
| | | const activeName = ref("1"); |
| | | const handleClick = (tab: TabsPaneContext, event: Event) => { |
| | |
| | | display: flex; |
| | | justify-content: right; |
| | | } |
| | | </style> |
| | | </style> |