2023-11-22-dist

src/views/LibraryPage.vue

@@ -111,7 +111,7 @@
 												</a-cascader> -->
 												<el-cascader 
 													:options="options" 
-													:filterable="true" 
+													filterable
 													v-model="value.labelValue"
 													:collapse-tags="true" 
 													:show-all-levels="false" 
@@ -123,6 +123,11 @@
 													popper-class="libraryPageCascader"
 													@visible-change="dropdownVisibleChange"
 												>
+													<template #empty>
+														<div>
+															No Label
+														</div>
+													</template>
 												</el-cascader>
 											</div>
 											<div class="intersection">
@@ -327,8 +332,15 @@
 					:clearable="true"
 					:max-collapse-tags=6
 					:props="props" 
+					ref="cascader1"
 					:collapse-tags-tooltip="true"
+					@visible-change="dropdownVisibleChange1"
 				>
+				<template #empty>
+						<div>
+							No Label
+						</div>
+					</template>
 				</el-cascader>
 				<div class="rename_button_list">
                     <div class="rename_button_item rename_cancel_button"  @click="closeRenameModal()">{{ $t('LibraryPage.Cancel') }}</div>
@@ -1165,11 +1177,15 @@ export default defineComponent({
 				this.isShowMark = false
             });
 		},
-		
+		dropdownVisibleChange1(){
+			let element:any = this.$refs.cascader1
+			element.contentRef.getElementsByClassName('el-cascader-menu__empty-text')[0].innerHTML = 'No Label'
+		},
 		dropdownVisibleChange(){
 			nextTick().then(()=>{
 				let cascader = document.getElementsByClassName('libraryPageCascader')[0]
 				let cascaderChild = cascader
+				let element:any = this.$refs.cascader
 				if(cascader.children.length > 3 ){
 				}else{
 					let button1:any = document.createElement("span")
@@ -1178,12 +1194,13 @@ export default defineComponent({
 					button2.classList.add('started_btn','cascader_btn2')
 					let divMax:any = document.createElement("div")
 					divMax.classList.add('cascader_btn_max')
-					button1.textContent = 'edit'
+					button1.textContent = 'Edit'
 					// button2.textContent = '删除'
 					button1.addEventListener('click',this.removeLabel,false)
 					divMax.appendChild(button1)
 					// divMax.appendChild(button2)
 					cascaderChild?.insertAdjacentElement("afterbegin", divMax);
+					element.contentRef.getElementsByClassName('el-cascader-menu__empty-text')[0].innerHTML = 'No Label'
 					// cascader.addEventListener('click',this.cascaderClick)
 				}
 			})
@@ -1645,7 +1662,10 @@ export default defineComponent({
                                         cursor: pointer;
 										background: #fff;
                                         &.select_item_img{
-                                            border-color: #343579;
+                                            // border-color: #343579;
+											opacity: 0.5;
+											border-radius: 1rem;
+											transform: scale(0.9);
                                         }
 
                                         .content_img{