|
@@ -21,6 +21,12 @@
|
|
|
:content="item.dirName"
|
|
:content="item.dirName"
|
|
|
><p class="nameName" style="cursor: pointer;">{{ item.dirName }}</p></el-tooltip>
|
|
><p class="nameName" style="cursor: pointer;">{{ item.dirName }}</p></el-tooltip>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="stars">
|
|
|
|
|
+ <el-icon v-if="item.isFavorite == 'N'" @click.stop="starFolder(item,true)" style="margin-right: 7px;">
|
|
|
|
|
+ <Star />
|
|
|
|
|
+ </el-icon>
|
|
|
|
|
+ <img v-else @click.stop="delStarFolder(item,true)" src="@/assets/images/yellowstar.png" alt="">
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
<!-- 右键唤出的菜单 -->
|
|
<!-- 右键唤出的菜单 -->
|
|
@@ -195,6 +201,12 @@ export default {
|
|
|
emit("folderClick", item)
|
|
emit("folderClick", item)
|
|
|
console.log('item', item)
|
|
console.log('item', item)
|
|
|
}
|
|
}
|
|
|
|
|
+ const starFolder = (item) => {
|
|
|
|
|
+ emit("collectByStar", item,true)
|
|
|
|
|
+ }
|
|
|
|
|
+ const delStarFolder = (item) => {
|
|
|
|
|
+ emit("delCollect", item,true)
|
|
|
|
|
+ }
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
// getAllTop()
|
|
// getAllTop()
|
|
|
window.addEventListener("click", mouseClick, true);
|
|
window.addEventListener("click", mouseClick, true);
|
|
@@ -232,7 +244,9 @@ export default {
|
|
|
copyFir,
|
|
copyFir,
|
|
|
ordinaryList,
|
|
ordinaryList,
|
|
|
fileBox,
|
|
fileBox,
|
|
|
- folderList
|
|
|
|
|
|
|
+ folderList,
|
|
|
|
|
+ starFolder,
|
|
|
|
|
+ delStarFolder
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
components:{
|
|
components:{
|
|
@@ -264,6 +278,11 @@ export default {
|
|
|
width: 104px;
|
|
width: 104px;
|
|
|
height: 148px;
|
|
height: 148px;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
+ .stars{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 5%;
|
|
|
|
|
+ right: 5%;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.nameName {
|
|
.nameName {
|