兰宝车间质量管理系统-前端
疯狂的狮子Li
2023-04-03 1595cb282aab5399862fac6406b5de550863e3b6
src/components/RightToolbar/index.vue
@@ -1,3 +1,22 @@
<template>
  <div class="top-right-btn" :style="style">
    <el-row>
      <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top" v-if="search">
        <el-button circle icon="Search" @click="toggleSearch()" />
      </el-tooltip>
      <el-tooltip class="item" effect="dark" content="刷新" placement="top">
        <el-button circle icon="Refresh" @click="refresh()" />
      </el-tooltip>
      <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
        <el-button circle icon="Menu" @click="showColumn()" />
      </el-tooltip>
    </el-row>
    <el-dialog :title="title" v-model="open" append-to-body>
      <el-transfer :titles="['显示', '隐藏']" v-model="value" :data="columns" @change="dataChange"></el-transfer>
    </el-dialog>
  </div>
</template>
<script setup lang="ts">
import { TransferKey } from "element-plus";
import { PropType } from "vue";
@@ -68,25 +87,6 @@
  })
})
</script>
<template>
   <div class="top-right-btn" :style="style">
      <el-row>
         <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top" v-if="search">
            <el-button circle icon="Search" @click="toggleSearch()" />
         </el-tooltip>
         <el-tooltip class="item" effect="dark" content="刷新" placement="top">
            <el-button circle icon="Refresh" @click="refresh()" />
         </el-tooltip>
         <el-tooltip class="item" effect="dark" content="显隐列" placement="top" v-if="columns">
            <el-button circle icon="Menu" @click="showColumn()" />
         </el-tooltip>
      </el-row>
      <el-dialog :title="title" v-model="open" append-to-body>
         <el-transfer :titles="['显示', '隐藏']" v-model="value" :data="columns" @change="dataChange"></el-transfer>
      </el-dialog>
   </div>
</template>
<style lang="scss" scoped>
:deep(.el-transfer__button) {