This commit is contained in:
lVAL 2021-01-04 18:25:42 +08:00
commit 0d183d53ce
4 changed files with 20 additions and 11 deletions

View File

@ -1,12 +1,15 @@
<template> <template>
<div class="xian-02__system request_box"> <div class="xian-02__system request_box">
<div class="title-box"> <div :id="domIdRequestBar" class="title-box">
<div class="title-name">操作请求堆栈</div> <div class="title-name">操作请求堆栈</div>
<div class="icon" :class="{'is-active': unfold}" @click="unflodDiv"> <div v-if="!unfold" class="icon" @click="unflodDiv">
<i class="el-icon-arrow-down" /> <i class="el-icon-arrow-down" />
</div> </div>
<div v-else :id="domIdConfirm" class="icon" @click="unflodDiv">
<i class="el-icon-arrow-up" />
</div>
</div> </div>
<div class="content-box" :class="{'is-active': unfold}"> <div v-show="!unfold" class="content-box" :class="{'is-active': unfold}">
<el-table ref="table" :data="tempData" border :cell-style="tableStyle" style="width: 100%;background: #000;border: none;outline: none;" height="120" size="mini" highlight-current-row :show-header="false" @row-click="clickEvent"> <el-table ref="table" :data="tempData" border :cell-style="tableStyle" style="width: 100%;background: #000;border: none;outline: none;" height="120" size="mini" highlight-current-row :show-header="false" @row-click="clickEvent">
<el-table-column prop="station" style="margin-left:10px" /> <el-table-column prop="station" style="margin-left:10px" />
<el-table-column prop="operation" style="margin-left:10px" /> <el-table-column prop="operation" style="margin-left:10px" />
@ -21,7 +24,7 @@
</el-row> </el-row>
<div class="button-group" style="overflow: hidden;"> <div class="button-group" style="overflow: hidden;">
<div class="button-bottom-left"> <div class="button-bottom-left">
<el-button :id="domIdConfirm" size="mini" style="float: left;" :loading="loading" @click="commit">发送请求</el-button> <el-button v-if="!unfold" :id="domIdConfirm" size="mini" style="float: left;" :loading="loading" @click="commit">发送请求</el-button>
</div> </div>
<div class="button-bottom-right"> <div class="button-bottom-right">
<el-button :id="domIdCancel" size="mini" style="float: right;" @click="cancel">取消请求</el-button> <el-button :id="domIdCancel" size="mini" style="float: right;" @click="cancel">取消请求</el-button>
@ -64,6 +67,9 @@ export default {
}, },
domIdCancel() { domIdCancel() {
return OperationEvent.Command.commandXian.cancel.domId; return OperationEvent.Command.commandXian.cancel.domId;
},
domIdRequestBar() {
return OperationEvent.Command.commandXian.requestBar.domId;
} }
}, },
watch: { watch: {
@ -95,6 +101,12 @@ export default {
methods: { methods: {
unflodDiv() { unflodDiv() {
this.unfold = !this.unfold; this.unfold = !this.unfold;
this.$nextTick(() => {
this.$store.dispatch('training/emitTipFresh');
// setTimeout(() => {
// this.$store.dispatch('training/emitTipFresh');
// }, 200);
});
}, },
clickEvent(row, event, column) { clickEvent(row, event, column) {
this.row = row; this.row = row;
@ -197,9 +209,6 @@ export default {
padding: 0px 6px; padding: 0px 6px;
transition: transform .3s,-webkit-transform .3s; transition: transform .3s,-webkit-transform .3s;
font-weight: 300; font-weight: 300;
&.is-active{
transform: rotate(180deg);
}
} }
} }

View File

@ -197,8 +197,6 @@ export default {
} }
}); });
this.doShow(this.$store.state.menuOperation.menuPosition); this.doShow(this.$store.state.menuOperation.menuPosition);
} else {
this.doClose();
} }
}, },
'$store.state.menuOperation.requestList': function (list) { '$store.state.menuOperation.requestList': function (list) {

View File

@ -243,6 +243,10 @@ export const OperationEvent = {
cancel: { cancel: {
operation: '0091', operation: '0091',
domId: '_Tips-commandXian-cancel{BOTTOM}' domId: '_Tips-commandXian-cancel{BOTTOM}'
},
requestBar: {
operation: '0092',
domId: '_Tips-commandXian-requestBar{TOP}'
} }
} }
}, },

View File

@ -78,7 +78,6 @@ export default {
this.tPosition.align = this.position.align || 'bottom'; this.tPosition.align = this.position.align || 'bottom';
this.tPosition.x = this.position.x - (this.arrawLeft + this.offset); this.tPosition.x = this.position.x - (this.arrawLeft + this.offset);
this.parentWidth = 0;
this.textAlign = this.position.textAlign || 'center'; this.textAlign = this.position.textAlign || 'center';
if (this.tPosition.align == 'top') { if (this.tPosition.align == 'top') {
@ -88,7 +87,6 @@ export default {
const distance = 5; const distance = 5;
this.tPosition.y = this.position.y - (height + distance); this.tPosition.y = this.position.y - (height + distance);
} }
if (this.tPosition.x < 0) this.tPosition.x = 0; if (this.tPosition.x < 0) this.tPosition.x = 0;
if (this.tPosition.y < 0) this.tPosition.y = 0; if (this.tPosition.y < 0) this.tPosition.y = 0;
}); });