| | |
| | | <template> |
| | | <div class="avue-tags" |
| | | v-if="showTag"> |
| | | <div v-if="showTag" |
| | | class="avue-tags"> |
| | | <!-- tag盒子 --> |
| | | <div v-if="contextmenuFlag" |
| | | class="avue-tags__contentmenu" |
| | | :style="{left:contentmenuX+'px',top:contentmenuY+'px'}"> |
| | | :style="{left:contentmenuX+'px',top:contentmenuY+'px'}" |
| | | class="avue-tags__contentmenu"> |
| | | <div class="item" |
| | | @click="clearCacheTags">{{$t('tagsView.clearCache')}} |
| | | </div> |
| | |
| | | @click="closeAllTags">{{$t('tagsView.closeAll')}} |
| | | </div> |
| | | </div> |
| | | <div class="avue-tags__box" |
| | | :class="{'avue-tags__box--close':!website.isFirstPage}"> |
| | | <div :class="{'avue-tags__box--close':!website.isFirstPage}" |
| | | class="avue-tags__box"> |
| | | <el-tabs v-model="active" |
| | | type="card" |
| | | @contextmenu.native="handleContextmenu" |
| | | :closable="tagLen!==1" |
| | | @tab-click="openTag" |
| | | @edit="menuTag"> |
| | | <el-tab-pane :key="item.value" |
| | | v-for="item in tagList" |
| | | type="card" |
| | | @edit="menuTag" |
| | | @contextmenu.native="handleContextmenu" |
| | | @tab-click="openTag"> |
| | | <el-tab-pane v-for="item in tagList" |
| | | :key="item.value" |
| | | :label="generateTitle(item)" |
| | | :name="item.value"> |
| | | </el-tab-pane> |
| | | |
| | | </el-tabs> |
| | | <el-dropdown class="avue-tags__menu"> |
| | | <el-button type="primary" |
| | | size="mini"> |
| | | <el-button size="mini" |
| | | type="primary"> |
| | | {{$t('tagsView.menu')}} |
| | | <i class="el-icon-arrow-down el-icon--right"></i> |
| | | </el-button> |
| | |
| | | cancelButtonText: "取消", |
| | | type: "warning" |
| | | }).then(() => { |
| | | clearCache().then(() => { |
| | | this.contextmenuFlag = false; |
| | | // clearCache().then(() => { |
| | | // this.contextmenuFlag = false; |
| | | // this.$message.success('清除完毕'); |
| | | // }) |
| | | this.$message.success('清除完毕'); |
| | | }) |
| | | }); |
| | | } |
| | | } |