div

clickdeleteCurrentBlock删除/a-buttondiv

si*****i

center;span最小刻度单位/spana-radio-group

value秒1秒/a-radio-buttona-radio-button

value5秒5秒/a-radio-buttona-radio-button

value10秒10秒/a-radio-button/a-radio-group/divdiv

stylepadding-left:

10px;span刻度总时长/spana-input-number

placeholder请输入任务想定名称stylewidth:

80px

changemaxPeriodChange/a-input-number/div/div/divdiv

styleposition:

formatSecond(clickBlock.startTime)

}}/div/divdiv

formatSecond(clickBlock.endTime)

classtriangleDiv

:iditem.idclasstae_base_block1v-for(item,

index)

:keyindexmousedowndialogueBlockClick(item):class{

block_selected1:

:iditem.idclasstae_base_block2v-for(item,

index)

:keyindexmousedowndialogueBlockClick(item):class{

block_selected2:

{...mapState([runningScenario]),leftBorderValue()

{let

{if(this.initDefaultDatanull){this.initDefaultDatathis.initData}else{this.initDatathis.initDefaultData}this.init()setTimeout(()

{let

document.getElementById(backgroundTimeLineDiv)this.clientLeft

backgroundTimeLineDiv.getBoundingClientRect().left},

stopScenario]),async

this.initData.backgroundTimeLine)

{backgroundData.id

this.timeToPx(backgroundData.startTime

this.initData.startTime)backgroundData.widthPx

this.timeToPx(backgroundData.period)backgroundData.endTime

backgroundData.periodbackgroundData.blockType

backgroundData.typebackgroundData.sortNumber

sortNumber//

this.timeToPx(dialogueDetail[0]

0for

this.initData.equipmentTimeLine)

{equipmentData.id

this.timeToPx(equipmentData.startTime

this.initData.startTime)equipmentData.widthPx

this.timeToPx(equipmentData.period)equipmentData.endTime

equipmentData.periodequipmentData.blockType

equipmentData.typeequipmentData.sortNumber

sortNumber//

this.timeToPx(dialogueDetail[0]

dialogue.period)}this.$nextTick(()

{this.initBlockClickEvent()})},/***

增加素材到刻度尺*

{this.initData.backgroundTimeLine.push(data)}

else

{this.initData.equipmentTimeLine.push(data)}this.init()},timeToPx(time)

{switch

this.initData.startTime}},async

dataConfirm()

{this.$emit(save-scheme-dialog,

this.initData)},dialogueBlockClick(block)

{this.clickBlock

this.initData.backgroundTimeLine)

{if

(this.initData.backgroundTimeLine[index].id

this.clickBlock.id)

{this.initData.backgroundTimeLine.splice(index,

1)break}}}

this.initData.equipmentTimeLine)

(this.initData.equipmentTimeLine[index].id

this.clickBlock.id)

{this.initData.equipmentTimeLine.splice(index,

nullmessage.success(删除成功)this.init()}

else

{message.error(未选择台词块)}},initBlockClickEvent()

{for

this.initData.backgroundTimeLine)

{let

document.getElementById(dialogueWrapper.id)dom.onmousedown

(e)

this.initData.equipmentTimeLine)

{let

document.getElementById(dialogueWrapper.id)dom.onmousedown

(e)

dialogueWrapper)}}},maxPeriodChange(){this.init()},onmousedownEvent(event,

clickBlock)

Number.parseFloat(clickBlock.leftPx)document.onmousemove

(me)

this.initData.backgroundTimeLine[clickBlock.sortNumber

1]}if

(this.initData.backgroundTimeLine[clickBlock.sortNumber

1])

this.initData.backgroundTimeLine[clickBlock.sortNumber

1]}}

this.initData.equipmentTimeLine[clickBlock.sortNumber

1]}if

(this.initData.equipmentTimeLine[clickBlock.sortNumber

1])

this.initData.equipmentTimeLine[clickBlock.sortNumber

1]}}//

Number.parseInt(preBlock.leftPx)

Number.parseInt(preBlock.widthPx))

Number.parseInt(preBlock.leftPx)

Number.parseInt(preBlock.widthPx)}}

else

Number.parseInt(clickBlock.widthPx)

Number.parseInt(nextBlock.leftPx))

{offsetPx

Number.parseInt(nextBlock.leftPx)

Number.parseInt(clickBlock.widthPx)}}clickBlock.leftPx

offsetPx

this.pxToTime(offsetPx)clickBlock.endTime

clickBlock.startTime

clickBlock.period}document.onmouseup

null}},closeDialog()

{this.$emit(close-dialog)return

false},play()

{this.startTimethis.calcTriangleDivLeft()for

(let

this.initData.backgroundTimeLine)

{if

runningthis.runScenario({_this:

this,scenario:

this.initData.equipmentTimeLine)

{if

1000)message.success(开始播放)},pause()

{if

nullmessage.success(暂停)},stop()

{if

this.initData.backgroundTimeLine)

{block.status

this.initData.equipmentTimeLine)

{block.status

null}message.success(停止)},calcTriangleDivLeft()

{switch

this.pxToTime(offsetPx)this.tempBlockData

{id:

this.timeToPx(this.tempData.period),startTime:

startTime,endTime:

this.tempData.period,blockType:

(this.judgeBlockCoincidence(this.tempBlockData))

not-allowedthis.tempBlockData.success

false}else

Tool.deepCopy(this.tempData)tempData.startTime

this.tempBlockData.startTimethis.initData.periodthis.tempBlockData.periodif

signal)

{this.initData.backgroundTimeLine.push(tempData)this.initData.backgroundTimeLine.sort((a,

a.startTime

{this.initData.equipmentTimeLine.push(tempData)this.initData.equipmentTimeLine.sort((a,

a.startTime

-1)}//console.log(规划-鼠标松开1,this.tempData.period)this.init()//console.log(规划-鼠标松开2,this.tempData.period)}this.tempBlockData

nullthis.tempData

判断是否有重合judgeBlockCoincidence(blockData)

{let

this.initData.backgroundTimeLine}

else

this.initData.equipmentTimeLine}for

(let

tempData},updata(tempData){this.initDatatempDatathis.init()}}

/script