aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改标签名字自动获取焦点

Browse Source
This commit is contained in:
X1627315083
2023-12-18 14:36:20 +08:00
parent 38bbfa5259
commit f8ba824bb9
14 changed files with 66 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/component/LibraryPage/setLabel.vue
View File

@@ -15,7 +15,7 @@
<div class="setLabel_text" :class="{active:optionsItem.checkAll}">
<a-checkbox v-model:checked="optionsItem.checkAll" @change="onCheckAllChange(optionsItem)"></a-checkbox>
<span v-show="!optionsItem.openType" :title="optionsItem.classificationName">{{ optionsItem.classificationName }}</span>
<input v-show="optionsItem.openType" type="text" v-model="itemName" @keydown.enter="putName(optionsIndex,'affirm',optionsItem)">
<input v-show="optionsItem.openType" type="text" class="inputName" v-model="itemName" @keydown.enter="putName(optionsIndex,'affirm',optionsItem)">
<i v-show="optionsItem.openType" @click.stop="putName(optionsIndex,'affirm',optionsItem)" class="fi fi-br-check"></i>
<i v-show="!optionsItem.openType" @click.stop="putName(optionsIndex,'put',optionsItem)" class="fi fi-rr-edit"></i>
</div>
@@ -24,12 +24,12 @@
<li class="childrenItem_title setLabel_text" v-for="childrenItem,childrenIndex in optionsItem.childList" :class="{active:childrenItem.checkAll}" :key="childrenItem.id">
<a-checkbox v-model:checked="childrenItem.checkAll" @change="onCheckAllchildrenItem(optionsItem)"></a-checkbox>
<span v-show="!childrenItem.openType" :title="childrenItem.classificationName">{{ childrenItem.classificationName }}</span>
<input v-show="childrenItem.openType" type="text" v-model="itemName" @keydown.enter="putName(childrenIndex,'affirm',childrenItem)">
<input v-show="childrenItem.openType" type="text" class="inputName" v-model="itemName" @keydown.enter="putName(childrenIndex,'affirm',childrenItem)">
<i v-show="childrenItem.openType" @click.stop="putName(childrenIndex,'affirm',childrenItem)" class="fi fi-br-check"></i>
<i v-show="!childrenItem.openType" @click.stop="putName(childrenIndex,'put',childrenItem)" class="fi fi-rr-edit"></i>
</li>
<li class="newLabel setLabel_text">
<input v-show="optionsItem.addOpenType" type="text" v-model="itemName" @keydown.enter="putName(-1,'affirm',optionsItem)">
<input v-show="optionsItem.addOpenType" type="text" class="inputName" v-model="itemName" @keydown.enter="putName(-1,'affirm',optionsItem)">
<i @click.stop="putName(-1,'affirm',optionsItem)" v-show="optionsItem.addOpenType" class="fi fi-br-check"></i>
<div class="addLabel" v-show="!optionsItem.addOpenType" @click="newLabel(optionsItem,optionsItem.id)">+</div>
</li>
@@ -37,7 +37,7 @@
</li>
<li class="newLabel setLabel_text optionsItem_title">
<div>
<input v-show="openType" type="text" v-model="itemName" @keydown.enter="putName(-1,'affirm','')">
<input v-show="openType" type="text" class="inputName" v-model="itemName" @keydown.enter="putName(-1,'affirm','')">
<i @click.stop="putName(-1,'affirm','')" v-show="openType" class="fi fi-br-check"></i>
<div class="addLabel" v-show="!openType" @click="newLabel('','')">+</div>
</div>
@@ -91,6 +91,7 @@ export default defineComponent({
}
},
mounted(){
this.clearOpenType()
},
watch: {
@@ -172,7 +173,7 @@ export default defineComponent({
},
putName(index:number,v:string,item:any){
let e:any = window.event
e.target.parentNode.
let input = e.target.parentNode.querySelectorAll('.inputName')[0]
let data:any
if(v == 'put'){
this.clearOpenType()
@@ -181,6 +182,9 @@ export default defineComponent({
this.itemName = item.classificationName
// this.options[index].openType = true
// this.itemName = this.workspace.workspaceList[index].workSpaceName
nextTick().then(()=>{
input.focus()
})
}else if(v == 'affirm'){
if(index == -1){
if(this.itemName == ''){
@@ -217,12 +221,16 @@ export default defineComponent({
newLabel(item:any,id:any){
this.itemName = ''
this.clearOpenType()
let e:any = window.event
let input = e.target.parentNode.querySelectorAll('.inputName')[0]
if(item){
item.addOpenType = true
}else{
this.openType = true
}
nextTick().then(()=>{
input.focus()
})
},
removeLabel(val:any){
let data = {