diff --git a/src/frontend/src/components/jb-dialog/index.vue b/src/frontend/src/components/jb-dialog/index.vue index 3b7e8f7acf..b6d10b1d9e 100644 --- a/src/frontend/src/components/jb-dialog/index.vue +++ b/src/frontend/src/components/jb-dialog/index.vue @@ -37,6 +37,9 @@ :width="renderWidth" v-on="$listeners" @input="handleInputValue"> + @@ -46,6 +49,7 @@ - +
+ {{ title }} +
- import TaskHostNodeModel from '@model/task-host-node'; - // import ServerPanel from '@components/choose-ip/server-panel'; import Empty from '@components/empty'; import ScrollFaker from '@components/scroll-faker'; @@ -102,7 +92,7 @@ }, data () { const { hostNodeInfo } = new TaskHostNodeModel({}); - + return { isShowDetail: false, hostNodeInfo, @@ -123,7 +113,7 @@ handlerView () { const curVariable = this.data.find(item => item.name === this.name); this.hostNodeInfo = Object.freeze(curVariable.defaultTargetValue.hostNodeInfo); - + this.isShowDetail = true; }, handleClose () { @@ -159,58 +149,20 @@ text-align: left; } - .bk-dialog-wrapper .bk-dialog-body { - padding: 0; - - .server-panel { - height: 100%; - - &.show-detail { - overflow: hidden; - } - - .host-detail.show { - padding-left: 20%; - } - } - } - - .content-wraper { - height: 450px; - max-height: 450px; - min-height: 450px; - margin-top: -1px; - } - - button[name="cancel"] { - display: none; - } - .variable-title { position: relative; - height: 68px; - padding-top: 0; - padding-bottom: 0; - padding-left: 25px; + margin-top: 18px; font-size: 20px; - line-height: 68px; - color: #000; + line-height: 28px; + color: #313238; text-align: left; - border-bottom: 1px solid #dcdee5; } - .global-variable-dialog-close { - position: absolute; - top: 0; - right: 0; - font-size: 32px; - color: #c4c6cc; - cursor: pointer; - transition: all 0.15s; - - &:hover { - transform: rotateZ(90deg); - } + .content-wraper { + height: 450px; + max-height: 450px; + min-height: 450px; + margin-top: 12px; } }