fix
This commit is contained in:
@@ -5,7 +5,7 @@
|
|||||||
v-for="(item, i) in data.imageProcessTasks"
|
v-for="(item, i) in data.imageProcessTasks"
|
||||||
:key="item.taskId"
|
:key="item.taskId"
|
||||||
:class="{'active': node.id == stateManager.activeNodeID.value && item.taskId == data.selectTaskId}"
|
:class="{'active': node.id == stateManager.activeNodeID.value && item.taskId == data.selectTaskId}"
|
||||||
@click="setSelectTaskId(item.taskId)"
|
@mousedown="setSelectTaskId(item.taskId)"
|
||||||
>
|
>
|
||||||
<div class="header" v-if="item.status == 'RETURNED'" v-show="showHeader && node.id == stateManager.activeNodeID.value && item.taskId == data.selectTaskId" @mousedown.stop>
|
<div class="header" v-if="item.status == 'RETURNED'" v-show="showHeader && node.id == stateManager.activeNodeID.value && item.taskId == data.selectTaskId" @mousedown.stop>
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
@@ -36,10 +36,10 @@
|
|||||||
</HighlightAdmin>
|
</HighlightAdmin>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="more" v-if="item.status == 'RETURNED'" @click="clickimageProcessTaskItem(item.taskId)" @mousedown.stop>
|
<div class="more" v-if="item.status == 'RETURNED'" @mousedown="clickimageProcessTaskItem(item.taskId)">
|
||||||
<svg-icon name="more" size="24" size-unit="px" color="#C9C9C9" />
|
<svg-icon name="more" size="24" size-unit="px" color="#C9C9C9" />
|
||||||
</div>
|
</div>
|
||||||
<div class="menu" v-show="showMenu && item.taskId === clickTaskId" @mousedown.stop>
|
<div class="menu" v-show="showMenu && item.taskId === data.selectTaskId && node.id == stateManager.activeNodeID.value" @mousedown.stop>
|
||||||
<div
|
<div
|
||||||
v-for="(v, i) in menus"
|
v-for="(v, i) in menus"
|
||||||
:key="i"
|
:key="i"
|
||||||
@@ -92,15 +92,16 @@
|
|||||||
const showHeader = ref(true)
|
const showHeader = ref(true)
|
||||||
// const showHeader = ref(!!props.node?.data?.isHeader)
|
// const showHeader = ref(!!props.node?.data?.isHeader)
|
||||||
const showMenu = ref(false)
|
const showMenu = ref(false)
|
||||||
const clickTaskId = ref('')
|
|
||||||
const generateManager = inject('generateManager') as any
|
const generateManager = inject('generateManager') as any
|
||||||
const stateManager = inject('stateManager') as any
|
const stateManager = inject('stateManager') as any
|
||||||
const eventManager = inject('eventManager') as any
|
const eventManager = inject('eventManager') as any
|
||||||
const clickimageProcessTaskItem = (taskId: string) => {
|
const clickimageProcessTaskItem = (taskId: string) => {
|
||||||
if(clickTaskId.value == taskId){
|
if(data.selectTaskId == taskId){
|
||||||
showMenu.value = !showMenu.value
|
showMenu.value = !showMenu.value
|
||||||
|
}else{
|
||||||
|
showMenu.value = true
|
||||||
}
|
}
|
||||||
clickTaskId.value = taskId
|
data.selectTaskId = taskId
|
||||||
}
|
}
|
||||||
const data = reactive({
|
const data = reactive({
|
||||||
selectTaskId: props.data?.selectTaskId || '',
|
selectTaskId: props.data?.selectTaskId || '',
|
||||||
@@ -203,7 +204,6 @@
|
|||||||
}
|
}
|
||||||
const hideMenu = () => {
|
const hideMenu = () => {
|
||||||
showMenu.value = false
|
showMenu.value = false
|
||||||
clickTaskId.value = ''
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const depthCanvasClose = ()=>{
|
const depthCanvasClose = ()=>{
|
||||||
@@ -377,7 +377,8 @@
|
|||||||
}
|
}
|
||||||
> .status{
|
> .status{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 140px;
|
// height: 140px;
|
||||||
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user