button标签设置隐藏和显示_标签组件:fySystemTagTree

效果图

46f35010cf31d8da8331621523d964ed.png
<template>
  <div :style="'width:' + width" class="fy-product-tag">
    <!--标签选择框-->
    <div @click.stop="handleOpen" class="slecte-box-tags">
      <div class="tags-box">
        <el-tag
          v-for="tag in selectedTages"
          :key="tag[tagId]"
          closable
          @close.stop="handleCloseTag(tag)"
        >
          {
    { tag[propLabel] }}
        </el-tag>
      </div>
      <i class="tag-right-arrow"></i>
    </div>
    <fy-dialog
      :show="isShow"
      :title="title"
      :appendToBody="true"
      :modalAppendToBody="true"
      :closeImmediately="true"
      :hasCancelBtn="false"
      @update:show="handleClose"
      @confim="confirmOperation"
      dialogWidth="50%"
    >
      <div class="main">
        <!--搜索框-->
        <div class="search">
          <div class="search-box">
            <i class="default-search-icon"></i>
            <fy-input
              placeholder="请输入关键词进行搜索"
              v-model="searchContent"
              :underline="false"
              :clearable="false"
            ></fy-input>
            <el-button
              @click.stop="handleClear"
              type="text"
              :class="{ 'tag-remove-icon': isShowClear }"
            ></el-button>
          </div>
          <el-button
            v-show="isEmpty || isShowResults"
            @click.stop="handleCancel"
            type="text"
            style="margin-left: 12px"
            >取消</el-button
          >
        </div>
        <!--显示搜索结果展示-->
        <div v-show="isShowResults" class="search-results">
          <el-checkbox-group
            v-model="selectedCheckList"
            @change="handleCheckbox"
          >
            <el-checkbox
              v-for="(item, index) in searchResult"
              :label="item[tagId]"
              :key="item[tagId]"
            >
              {
    { item[propLabel] }}
            </el-checkbox>
          </el-checkbox-group>
        </div>

        <!--选择标签树展示 树最后一级节点展示-->
        <div v-show="isShwoTree" class="fy-choose-content">
          <div class="left-tree-box">
            <div class="tree-content">
              <el-tree
                :data="data"
                :props="defaultProps"
                :expand-on-click-node="expandOnClickNode"
                :node-key="nodeKey"
                :default-expand-all="defaultExpandAll"
                :show-checkbox="showCheckbox"
                :render-con
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值