应急队伍一览对接

13937891274

2022-07-19 cc37fa838d0a9ff5f74a0ba06a8f944938dd0807

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