mirror of
https://gitee.com/lijiahangmax/orion-ops.git
synced 2026-09-24 15:30:00 +08:00
disabled drag modal.
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="500"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<a-form-item label="名称" hasFeedback>
|
||||
<a-input v-decorator="decorators.name" allowClear/>
|
||||
</a-form-item>
|
||||
<a-form-item label="标签" hasFeedback>
|
||||
<a-form-item label="唯一标识" hasFeedback>
|
||||
<a-input v-decorator="decorators.tag" allowClear/>
|
||||
</a-form-item>
|
||||
<a-form-item label="版本仓库">
|
||||
@@ -17,7 +17,7 @@
|
||||
<a-icon type="reload"/>
|
||||
</a>
|
||||
</a-form-item>
|
||||
<a-form-item label="描述">
|
||||
<a-form-item label="描述" style="margin-bottom: 0;">
|
||||
<a-textarea v-decorator="decorators.description" allowClear/>
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
@@ -41,10 +41,10 @@ function getDecorators() {
|
||||
tag: ['tag', {
|
||||
rules: [{
|
||||
required: true,
|
||||
message: '请输入标签'
|
||||
message: '请输入唯一标识'
|
||||
}, {
|
||||
max: 32,
|
||||
message: '标签长度不能大于32位'
|
||||
message: '唯一标识长度不能大于32位'
|
||||
}]
|
||||
}],
|
||||
vcsId: ['vcsId'],
|
||||
@@ -64,8 +64,8 @@ export default {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {
|
||||
labelCol: { span: 3 },
|
||||
wrapperCol: { span: 19 }
|
||||
labelCol: { span: 4 },
|
||||
wrapperCol: { span: 17 }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,8 +1,7 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="640"
|
||||
:width="660"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
:maskClosable="false"
|
||||
:destroyOnClose="true"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="650"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
@@ -13,7 +12,7 @@
|
||||
<a-form-item label="环境名称" hasFeedback>
|
||||
<a-input v-decorator="decorators.name" allowClear/>
|
||||
</a-form-item>
|
||||
<a-form-item label="标签" hasFeedback>
|
||||
<a-form-item label="唯一标识" hasFeedback>
|
||||
<a-input v-decorator="decorators.tag" allowClear/>
|
||||
</a-form-item>
|
||||
<a-form-item label="是否需要审核">
|
||||
@@ -54,10 +53,10 @@ function getDecorators() {
|
||||
tag: ['tag', {
|
||||
rules: [{
|
||||
required: true,
|
||||
message: '请输入标签'
|
||||
message: '请输入唯一标识'
|
||||
}, {
|
||||
max: 32,
|
||||
message: '标签长度不能大于32位'
|
||||
message: '唯一标识长度不能大于32位'
|
||||
}]
|
||||
}],
|
||||
releaseAudit: ['releaseAudit', {
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="560"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="578"
|
||||
:maskStyle="{opacity: 0.8, animation: 'none'}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:width="550"
|
||||
:maskStyle="{opacity: 0.8, animation: 'none'}"
|
||||
:dialogStyle="{top: '64px', padding: 0}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="执行审核"
|
||||
:maskClosable="false"
|
||||
:destroyOnClose="true"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="560"
|
||||
:maskStyle="{opacity: 0.4, animation: 'none'}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:width="550"
|
||||
:maskStyle="{opacity: 0.8, animation: 'none'}"
|
||||
:dialogStyle="{top: '64px', padding: 0}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="560"
|
||||
:maskStyle="{opacity: 0.4, animation: 'none'}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="设置定时执行"
|
||||
:width="330"
|
||||
:okButtonProps="{props: {disabled: !valid}}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="发布审核"
|
||||
:maskClosable="false"
|
||||
:destroyOnClose="true"
|
||||
|
||||
@@ -232,7 +232,7 @@ export default {
|
||||
visible: true
|
||||
}
|
||||
if (this.$enum.RELEASE_ACTION_TYPE.TRANSFER.value === type) {
|
||||
action.command = 'scp @{bundle_path} @{target_username}@@{target_host}:@{transfer_path}'
|
||||
action.command = 'scp "@{bundle_path}" @{target_username}@@{target_host}:"@{transfer_path}"'
|
||||
} else {
|
||||
action.command = ''
|
||||
}
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:width="550"
|
||||
:maskStyle="{opacity: 0.8, animation: 'none'}"
|
||||
:dialogStyle="{top: '64px', padding: 0}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="设置发布定时"
|
||||
:width="330"
|
||||
:okButtonProps="{props: {disabled: !valid}}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="详情"
|
||||
width="700px"
|
||||
:dialogStyle="{top: '16px'}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:width="1024"
|
||||
:dialogStyle="{top: '64px'}"
|
||||
:bodyStyle="{padding: '8px'}"
|
||||
|
||||
@@ -7,16 +7,18 @@
|
||||
<!-- 一级菜单 -->
|
||||
<a-menu-item v-if="!menuItem.children" @click="toRoute(menuItem.path)" :key="menuItem.id">
|
||||
<a-icon :type="menuItem.icon"/>
|
||||
<span>{{ menuItem.name }}</span>
|
||||
<span class="usn">{{ menuItem.name }}</span>
|
||||
</a-menu-item>
|
||||
<!-- 二级菜单 -->
|
||||
<a-sub-menu v-else :key="menuItem.id">
|
||||
<template #title>
|
||||
<a-icon :type="menuItem.icon"/>
|
||||
<span>{{ menuItem.name }}</span>
|
||||
<span class="usn">{{ menuItem.name }}</span>
|
||||
</template>
|
||||
<a-menu-item v-for="subMenuItem in menuItem.children" :key="subMenuItem.id" @click="toRoute(subMenuItem.path)">
|
||||
{{ subMenuItem.name }}
|
||||
<span class="usn">
|
||||
{{ subMenuItem.name }}
|
||||
</span>
|
||||
</a-menu-item>
|
||||
</a-sub-menu>
|
||||
</template>
|
||||
|
||||
@@ -180,7 +180,7 @@ export default {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 6px;
|
||||
margin-bottom: 8px;
|
||||
color: rgba(0, 0, 0, .65);
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="650"
|
||||
:dialogStyle="{top: '64px', padding: 0}"
|
||||
@@ -15,6 +14,7 @@
|
||||
<MachineSelector ref="machineSelector"
|
||||
placeholder="请选择"
|
||||
@change="setDefaultConfig"
|
||||
:query="{status: $enum.ENABLE_STATUS.ENABLE.value}"
|
||||
v-decorator="decorators.machineId"/>
|
||||
</a-form-item>
|
||||
<!-- 追踪模式 -->
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="500"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="450"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
<div class="machine-wrapper">
|
||||
<!-- 机器模态框 -->
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="750"
|
||||
:zIndex="805"
|
||||
@@ -18,7 +17,7 @@
|
||||
<a-form-item label="名称" hasFeedback>
|
||||
<a-input v-decorator="decorators.name" allowClear/>
|
||||
</a-form-item>
|
||||
<a-form-item label="标签" hasFeedback>
|
||||
<a-form-item label="唯一标识" hasFeedback>
|
||||
<a-input v-decorator="decorators.tag" allowClear/>
|
||||
</a-form-item>
|
||||
<a-form-item label="ssh信息" style="margin-bottom: 0">
|
||||
@@ -32,7 +31,7 @@
|
||||
placeholder="主机"
|
||||
v-decorator="decorators.host"/>
|
||||
</a-form-item>
|
||||
<a-form-item hasFeedback style="display: inline-block; width: 25%">
|
||||
<a-form-item style="display: inline-block; width: 25%">
|
||||
<a-input addon-before="-p"
|
||||
placeholder="端口"
|
||||
v-decorator="decorators.sshPort"/>
|
||||
@@ -108,10 +107,10 @@ function getDecorators() {
|
||||
tag: ['tag', {
|
||||
rules: [{
|
||||
required: true,
|
||||
message: '请输入标签'
|
||||
message: '请输入唯一标识'
|
||||
}, {
|
||||
max: 32,
|
||||
message: '标签长度不能大于32位'
|
||||
message: '唯一标识长度不能大于32位'
|
||||
}]
|
||||
}],
|
||||
username: ['username', {
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="450"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="详情"
|
||||
width="700px"
|
||||
:maskClosable="false"
|
||||
@@ -20,10 +19,10 @@
|
||||
<a-descriptions-item label="用户名" :span="3">
|
||||
{{ detail.username }}
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="标签" :span="3">
|
||||
<a-tag color="#5C7CFA">
|
||||
<a-descriptions-item label="唯一标识" :span="3">
|
||||
<span class="span-blue">
|
||||
{{ detail.tag }}
|
||||
</a-tag>
|
||||
</span>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="认证方式" :span="2">
|
||||
<a-tag v-if="detail.authType">
|
||||
|
||||
@@ -27,6 +27,12 @@ export default {
|
||||
value: {
|
||||
type: Number,
|
||||
default: undefined
|
||||
},
|
||||
query: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
@@ -46,7 +52,10 @@ export default {
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
const machineListRes = await this.$api.getMachineList({ limit: 10000 })
|
||||
const machineListRes = await this.$api.getMachineList({
|
||||
limit: 10000,
|
||||
...this.query
|
||||
})
|
||||
if (machineListRes.data && machineListRes.data.rows && machineListRes.data.rows.length) {
|
||||
for (const row of machineListRes.data.rows) {
|
||||
this.machineList.push({
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="临时挂载"
|
||||
:width="450"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:width="650"
|
||||
:footer="null"
|
||||
:destroyOnClose="true"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:width="450"
|
||||
:footer="null"
|
||||
:destroyOnClose="true"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="700"
|
||||
:dialogStyle="{top: '32px'}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="文件提权"
|
||||
:width="450"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="文件移动"
|
||||
:width="450"
|
||||
okText="移动"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="创建"
|
||||
width="450px"
|
||||
:maskClosable="false"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="500"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="650"
|
||||
:dialogStyle="{top: '64px'}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:width="1000"
|
||||
:dialogStyle="{top: '16px'}"
|
||||
:bodyStyle="{padding: '8px'}"
|
||||
|
||||
@@ -232,7 +232,7 @@ const terminalOperator = {
|
||||
disconnect() {
|
||||
console.log('disconnect')
|
||||
this.pingThread && clearInterval(this.pingThread)
|
||||
this.client.send(this.$enum.TERMINAL_OPERATOR.DISCONNECT.value)
|
||||
this.client && this.client.send(this.$enum.TERMINAL_OPERATOR.DISCONNECT.value)
|
||||
},
|
||||
ping() {
|
||||
console.log('ping')
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:width="500"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
:maskClosable="false"
|
||||
|
||||
@@ -119,7 +119,7 @@ export default {
|
||||
this.$refs.terminalMain.init(options, setting)
|
||||
} catch (e) {
|
||||
this.loading()
|
||||
this.$message.error('初始化失败')
|
||||
this.$message.error(e.msg || '初始化失败')
|
||||
this.machine.status = this.$enum.TERMINAL_STATUS.ERROR.value
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:title="title"
|
||||
:width="650"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
title="修改密码"
|
||||
:okButtonProps="{props: {disabled: loading}}"
|
||||
:maskClosable="false"
|
||||
|
||||
@@ -67,7 +67,10 @@
|
||||
<!-- 上半部分 标题 -->
|
||||
<div class="message-item-container-top">
|
||||
<a-badge class="message-item-dot" :dot="item.status === $enum.READ_STATUS.UNREAD.value">
|
||||
<span class="message-item-title" v-text="$enum.valueOf($enum.valueOf($enum.MESSAGE_CLASSIFY, item.classify).type, item.type).label"/>
|
||||
<span class="message-item-title"
|
||||
title="详情"
|
||||
@click="openDetail(item)"
|
||||
v-text="$enum.valueOf($enum.valueOf($enum.MESSAGE_CLASSIFY, item.classify).type, item.type).label"/>
|
||||
</a-badge>
|
||||
</div>
|
||||
<!-- 下半部分 消息 -->
|
||||
@@ -79,7 +82,7 @@
|
||||
<div class="message-item-container-right">
|
||||
<!-- 类型 -->
|
||||
<span class="message-item-type span-blue" @click="chooseClassify(item.classify)">
|
||||
{{ $enum.valueOf($enum.MESSAGE_CLASSIFY, item.classify).label }}
|
||||
{{ $enum.valueOf($enum.MESSAGE_CLASSIFY, item.classify).label }}
|
||||
</span>
|
||||
<!-- 时间 -->
|
||||
<span class="message-item-date">{{ item.createTime | formatDate }} ({{ item.createTimeAgo }})</span>
|
||||
@@ -261,13 +264,14 @@ export default {
|
||||
width: 100%;
|
||||
|
||||
.message-item-dot /deep/ .ant-badge-dot {
|
||||
margin: 4px -6px;
|
||||
margin: 4px -8px;
|
||||
}
|
||||
|
||||
.message-item-title {
|
||||
color: #181E33;
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 8px;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<a-modal v-model="visible"
|
||||
v-drag-modal
|
||||
:width="500"
|
||||
:maskClosable="false"
|
||||
:title="$enum.valueOf($enum.valueOf($enum.MESSAGE_CLASSIFY, data.classify).type, data.type).label"
|
||||
|
||||
Reference in New Issue
Block a user