manager/orion-visor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 优化表单视觉显示.

Browse Source
This commit is contained in:
lijiahang
2024-04-18 14:56:01 +08:00
parent 83ceb0e1e5
commit 33cfb13342
30 changed files with 163 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm
View File

@@ -20,8 +20,7 @@
size="small" size="small"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 6 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
@keyup.enter="() => fetchCardData()"> @keyup.enter="() => fetchCardData()">
#foreach($field in ${table.fields}) #foreach($field in ${table.fields})
<!-- $field.comment --> <!-- $field.comment -->

5
orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
View File

@@ -8,12 +8,11 @@
:cancel-button-props="{ disabled: loading }" :cancel-button-props="{ disabled: loading }"
:on-before-ok="handlerOk" :on-before-ok="handlerOk"
@cancel="handleClose"> @cancel="handleClose">
<a-spin class="full modal-form" :loading="loading"> <a-spin class="full modal-form-small" :loading="loading">
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
:rules="formRules"> :rules="formRules">
#foreach($field in ${table.fields}) #foreach($field in ${table.fields})
#if("$field.propertyName" != "id") #if("$field.propertyName" != "id")

5
orion-ops-framework/orion-ops-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-modal.vue.vm
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
:title="title" :title="title"
:top="80" :top="80"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
:rules="formRules"> :rules="formRules">
#foreach($field in ${table.fields}) #foreach($field in ${table.fields})
#if("$field.propertyName" != "id") #if("$field.propertyName" != "id")

12
orion-ops-ui/src/assets/style/layout.less
View File

@@ -67,8 +67,16 @@
} }
// -- modal // -- modal
.modal-form { .modal-form-small {
padding: 24px 20px 4px 20px; padding: 20px 20px 2px 20px;
}
.modal-form-medium {
padding: 20px 28px 4px 28px;
}
.modal-form-large {
padding: 24px 36px 4px 36px;
} }
// -- card-view // -- card-view

5
orion-ops-ui/src/components/user/user/update-password-modal/index.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
title="重置密码" title="重置密码"
:top="120" :top="120"
@@ -17,8 +17,7 @@
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:rules="rules" :rules="rules"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }">
<!-- 密码 --> <!-- 密码 -->
<a-form-item field="beforePassword" label="原始密码"> <a-form-item field="beforePassword" label="原始密码">
<a-input-password v-model="formModel.beforePassword" placeholder="请输入原始密码" /> <a-input-password v-model="formModel.beforePassword" placeholder="请输入原始密码" />

5
orion-ops-ui/src/views/asset-audit/connect-log/components/connect-log-clear-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
title="清空主机连接日志" title="清空主机连接日志"
:align-center="false" :align-center="false"
@@ -15,8 +15,7 @@
<a-spin class="full" :loading="loading"> <a-spin class="full" :loading="loading">
<a-form :model="formModel" <a-form :model="formModel"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }">
<!-- 开始时间 --> <!-- 开始时间 -->
<a-form-item field="startTimeRange" label="开始时间"> <a-form-item field="startTimeRange" label="开始时间">
<a-range-picker v-model="formModel.startTimeRange" <a-range-picker v-model="formModel.startTimeRange"

7
orion-ops-ui/src/views/asset/host-identity/components/host-identity-card-list.vue
View File

@@ -40,8 +40,7 @@
size="small" size="small"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 6 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
@keyup.enter="() => fetchCardData()"> @keyup.enter="() => fetchCardData()">
<!-- id --> <!-- id -->
<a-form-item field="id" label="id"> <a-form-item field="id" label="id">
@@ -65,8 +64,8 @@
<a-form-item field="username" label="用户名"> <a-form-item field="username" label="用户名">
<a-input v-model="formModel.username" placeholder="请输入用户名" allow-clear /> <a-input v-model="formModel.username" placeholder="请输入用户名" allow-clear />
</a-form-item> </a-form-item>
<!-- 主机秘钥 --> <!-- 秘钥 -->
<a-form-item field="keyId" label="主机秘钥"> <a-form-item field="keyId" label="秘钥">
<host-key-selector v-model="formModel.keyId" allow-clear /> <host-key-selector v-model="formModel.keyId" allow-clear />
</a-form-item> </a-form-item>
</a-form> </a-form>

5
orion-ops-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
:title="title" :title="title"
:top="80" :top="80"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
:rules="formRules"> :rules="formRules">
<!-- 名称 --> <!-- 名称 -->
<a-form-item field="name" label="名称"> <a-form-item field="name" label="名称">

9
orion-ops-ui/src/views/asset/host-key/components/host-key-form-drawer.vue
View File

@@ -8,15 +8,14 @@
:cancel-button-props="{ disabled: loading }" :cancel-button-props="{ disabled: loading }"
:on-before-ok="handlerOk" :on-before-ok="handlerOk"
@cancel="handleClose"> @cancel="handleClose">
<a-spin class="full modal-form" :loading="loading"> <a-spin class="full modal-form-small" :loading="loading">
<a-alert class="keygen-alert"> <a-alert class="keygen-alert">
请使用 ssh-keygen -m PEM -t rsa 生成秘钥 请使用 ssh-keygen -m PEM -t rsa 生成秘钥
</a-alert> </a-alert>
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 4 }" :auto-label-width="true"
:wrapper-col-props="{ span: 20 }"
:rules="formRules"> :rules="formRules">
<!-- 名称 --> <!-- 名称 -->
<a-form-item field="name" label="名称"> <a-form-item field="name" label="名称">
@@ -240,8 +239,8 @@
} }
.keygen-alert { .keygen-alert {
margin: 0 0 12px 16px; margin-bottom: 12px;
width: calc(100% - 16px); width: 100%;
} }
.password-input { .password-input {

3
orion-ops-ui/src/views/asset/host-list/components/host-card-list.vue
View File

@@ -49,8 +49,7 @@
size="small" size="small"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 6 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
@keyup.enter="() => fetchCardData()"> @keyup.enter="() => fetchCardData()">
<!-- id --> <!-- id -->
<a-form-item field="id" label="主机id"> <a-form-item field="id" label="主机id">

5
orion-ops-ui/src/views/asset/host-list/components/host-form-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
:title="title" :title="title"
:top="80" :top="80"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
:rules="formRules"> :rules="formRules">
<!-- 主机名称 --> <!-- 主机名称 -->
<a-form-item field="name" label="主机名称"> <a-form-item field="name" label="主机名称">

5
orion-ops-ui/src/views/exec/exec-command-log/components/exec-command-log-clear-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
title="清空批量执行日志" title="清空批量执行日志"
:align-center="false" :align-center="false"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }">
<!-- 执行时间 --> <!-- 执行时间 -->
<a-form-item field="startTimeRange" label="执行时间"> <a-form-item field="startTimeRange" label="执行时间">
<a-range-picker v-model="formModel.startTimeRange" <a-range-picker v-model="formModel.startTimeRange"

94
orion-ops-ui/src/views/exec/exec-command/components/exec-command-panel.vue
View File

@@ -14,50 +14,64 @@
label-align="right" label-align="right"
:auto-label-width="true" :auto-label-width="true"
:rules="formRules"> :rules="formRules">
<!-- 执行主机 --> <a-row :gutter="16">
<a-form-item field="hostIdList" label="执行主机"> <!-- 执行主机 -->
<div class="selected-host"> <a-col :span="24">
<!-- 已选择数量 --> <a-form-item field="hostIdList" label="执行主机">
<span class="usn" v-if="formModel.hostIdList?.length"> <div class="selected-host">
<!-- 已选择数量 -->
<span class="usn" v-if="formModel.hostIdList?.length">
已选择<span class="selected-host-count span-blue">{{ formModel.hostIdList?.length }}</span>台主机 已选择<span class="selected-host-count span-blue">{{ formModel.hostIdList?.length }}</span>台主机
</span> </span>
<span class="usn pointer span-blue" @click="openSelectHost"> <span class="usn pointer span-blue" @click="openSelectHost">
{{ formModel.hostIdList?.length ? '重新选择' : '选择主机' }} {{ formModel.hostIdList?.length ? '重新选择' : '选择主机' }}
</span> </span>
</div> </div>
</a-form-item> </a-form-item>
<!-- 执行描述 --> </a-col>
<a-form-item field="description" label="执行描述"> <!-- 执行描述 -->
<a-input v-model="formModel.description" <a-col :span="24">
placeholder="请输入执行描述" <a-form-item field="description" label="执行描述">
allow-clear /> <a-input v-model="formModel.description"
</a-form-item> placeholder="请输入执行描述"
<!-- 超时时间 --> allow-clear />
<a-form-item field="timeout" label="超时时间"> </a-form-item>
<a-input-number v-model="formModel.timeout" </a-col>
placeholder="为0则不超时" <!-- 超时时间 -->
:min="0" <a-col :span="14">
:max="100000" <a-form-item field="timeout"
hide-button> label="超时时间"
<template #suffix> :hide-asterisk="true">
秒 <a-input-number v-model="formModel.timeout"
</template> placeholder="为0则不超时"
</a-input-number> :min="0"
</a-form-item> :max="100000"
<!-- 脚本执行 --> hide-button>
<a-form-item field="scriptExec" label="脚本执行"> <template #suffix>
<div class="flex-center"> 秒
<a-switch v-model="formModel.scriptExec" </template>
type="round" </a-input-number>
:checked-value="EnabledStatus.ENABLED" </a-form-item>
:unchecked-value="EnabledStatus.DISABLED" /> </a-col>
<div class="question-right ml8"> <!-- 脚本执行 -->
<a-tooltip content="启用后会将命令写入脚本文件 传输到主机后执行"> <a-col :span="10">
<icon-question-circle /> <a-form-item field="scriptExec"
</a-tooltip> label="脚本执行"
</div> :hide-asterisk="true">
</div> <div class="flex-center">
</a-form-item> <a-switch v-model="formModel.scriptExec"
type="round"
:checked-value="EnabledStatus.ENABLED"
:unchecked-value="EnabledStatus.DISABLED" />
<div class="question-right ml8">
<a-tooltip content="启用后会将命令写入脚本文件 传输到主机后执行">
<icon-question-circle />
</a-tooltip>
</div>
</div>
</a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
</template> </template>
<!-- 参数表单 --> <!-- 参数表单 -->

5
orion-ops-ui/src/views/exec/exec-job-log/components/exec-job-log-clear-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
title="清空计划任务日志" title="清空计划任务日志"
:align-center="false" :align-center="false"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }">
<!-- 执行时间 --> <!-- 执行时间 -->
<a-form-item field="startTimeRange" label="执行时间"> <a-form-item field="startTimeRange" label="执行时间">
<a-range-picker v-model="formModel.startTimeRange" <a-range-picker v-model="formModel.startTimeRange"

26
orion-ops-ui/src/views/exec/exec-job/components/exec-job-form-drawer.vue
View File

@@ -8,7 +8,7 @@
:cancel-button-props="{ disabled: loading }" :cancel-button-props="{ disabled: loading }"
:on-before-ok="handlerOk" :on-before-ok="handlerOk"
@cancel="handleClose"> @cancel="handleClose">
<a-spin class="full spin-wrapper" :loading="loading"> <a-spin class="full modal-form-small" :loading="loading">
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
@@ -17,7 +17,9 @@
<a-row :gutter="16"> <a-row :gutter="16">
<!-- 任务名称 --> <!-- 任务名称 -->
<a-col :span="13"> <a-col :span="13">
<a-form-item field="name" label="任务名称"> <a-form-item field="name"
label="任务名称"
:hide-asterisk="true">
<a-input v-model="formModel.name" <a-input v-model="formModel.name"
placeholder="请输入任务名称" placeholder="请输入任务名称"
allow-clear /> allow-clear />
@@ -25,7 +27,9 @@
</a-col> </a-col>
<!-- 执行主机 --> <!-- 执行主机 -->
<a-col :span="11"> <a-col :span="11">
<a-form-item field="hostIdList" label="执行主机"> <a-form-item field="hostIdList"
label="执行主机"
:hide-asterisk="true">
<div class="selected-host"> <div class="selected-host">
<!-- 已选择数量 --> <!-- 已选择数量 -->
<span class="usn" v-if="formModel.hostIdList?.length"> <span class="usn" v-if="formModel.hostIdList?.length">
@@ -39,7 +43,9 @@
</a-col> </a-col>
<!-- cron --> <!-- cron -->
<a-col :span="13"> <a-col :span="13">
<a-form-item field="expression" label="cron"> <a-form-item field="expression"
label="cron"
:hide-asterisk="true">
<a-input v-model="formModel.expression" <a-input v-model="formModel.expression"
placeholder="请输入 cron 表达式" placeholder="请输入 cron 表达式"
allow-clear> allow-clear>
@@ -55,7 +61,9 @@
</a-col> </a-col>
<!-- 超时时间 --> <!-- 超时时间 -->
<a-col :span="6"> <a-col :span="6">
<a-form-item field="timeout" label="超时时间"> <a-form-item field="timeout"
label="超时时间"
:hide-asterisk="true">
<a-input-number v-model="formModel.timeout" <a-input-number v-model="formModel.timeout"
placeholder="为0则不超时" placeholder="为0则不超时"
:min="0" :min="0"
@@ -69,7 +77,9 @@
</a-col> </a-col>
<!-- 脚本执行 --> <!-- 脚本执行 -->
<a-col :span="5"> <a-col :span="5">
<a-form-item field="scriptExec" label="脚本执行"> <a-form-item field="scriptExec"
label="脚本执行"
:hide-asterisk="true">
<div class="flex-center"> <div class="flex-center">
<a-switch v-model="formModel.scriptExec" <a-switch v-model="formModel.scriptExec"
type="round" type="round"
@@ -89,7 +99,6 @@
field="command" field="command"
label="执行命令" label="执行命令"
:hide-label="true" :hide-label="true"
:wrapper-col-props="{ span: 24 }"
:help="'使用 @{{ xxx }} 来替换参数, 输入_可以获取全部变量'"> :help="'使用 @{{ xxx }} 来替换参数, 输入_可以获取全部变量'">
<template #extra> <template #extra>
<span v-permission="['asset:exec-template:query']" <span v-permission="['asset:exec-template:query']"
@@ -257,9 +266,6 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.spin-wrapper {
padding: 16px 20px;
}
.selected-host { .selected-host {
width: 100%; width: 100%;

25
orion-ops-ui/src/views/exec/exec-template/components/exec-template-exec-drawer.vue
View File

@@ -8,7 +8,7 @@
:cancel-button-props="{ disabled: loading }" :cancel-button-props="{ disabled: loading }"
:on-before-ok="handlerOk" :on-before-ok="handlerOk"
@cancel="handleClose"> @cancel="handleClose">
<a-spin class="full spin-wrapper" :loading="loading"> <a-spin class="full modal-form-small" :loading="loading">
<!-- 命令表单 --> <!-- 命令表单 -->
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
@@ -18,16 +18,19 @@
<a-row :gutter="16"> <a-row :gutter="16">
<!-- 执行描述 --> <!-- 执行描述 -->
<a-col :span="16"> <a-col :span="16">
<a-form-item field="description" label="执行描述"> <a-form-item field="description"
label="执行描述"
:hide-asterisk="true">
<a-input v-model="formModel.description" <a-input v-model="formModel.description"
placeholder="请输入执行描述" placeholder="请输入执行描述"
allow-clear /> allow-clear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<!-- 超时时间 --> <!-- 超时时间 -->
<a-col :span="7"> <a-col :span="8">
<a-form-item field="timeout" <a-form-item field="timeout"
label="超时时间"> label="超时时间"
:hide-asterisk="true">
<a-input-number v-model="formModel.timeout" <a-input-number v-model="formModel.timeout"
placeholder="为0则不超时" placeholder="为0则不超时"
:min="0" :min="0"
@@ -41,7 +44,9 @@
</a-col> </a-col>
<!-- 执行主机 --> <!-- 执行主机 -->
<a-col :span="16"> <a-col :span="16">
<a-form-item field="hostIdList" label="执行主机"> <a-form-item field="hostIdList"
label="执行主机"
:hide-asterisk="true">
<div class="selected-host"> <div class="selected-host">
<!-- 已选择数量 --> <!-- 已选择数量 -->
<span class="usn" v-if="formModel.hostIdList?.length"> <span class="usn" v-if="formModel.hostIdList?.length">
@@ -55,7 +60,9 @@
</a-col> </a-col>
<!-- 脚本执行 --> <!-- 脚本执行 -->
<a-col :span="8"> <a-col :span="8">
<a-form-item field="scriptExec" label="脚本执行"> <a-form-item field="scriptExec"
label="脚本执行"
:hide-asterisk="true">
<div class="flex-center"> <div class="flex-center">
<a-switch v-model="formModel.scriptExec" <a-switch v-model="formModel.scriptExec"
type="round" type="round"
@@ -74,7 +81,6 @@
<a-form-item field="command" <a-form-item field="command"
label="执行命令" label="执行命令"
:hide-label="true" :hide-label="true"
:wrapper-col-props="{ span: 24 }"
:help="'使用 @{{ xxx }} 来替换参数, 输入_可以获取全部变量'"> :help="'使用 @{{ xxx }} 来替换参数, 输入_可以获取全部变量'">
<exec-editor v-model="formModel.command" <exec-editor v-model="formModel.command"
container-class="command-editor" container-class="command-editor"
@@ -233,9 +239,6 @@
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.spin-wrapper {
padding: 16px 20px;
}
.selected-host { .selected-host {
width: 100%; width: 100%;
@@ -262,7 +265,7 @@
.command-editor { .command-editor {
width: 100%; width: 100%;
height: 65vh; height: 62vh;
} }
</style> </style>

25
orion-ops-ui/src/views/exec/exec-template/components/exec-template-form-drawer.vue
View File

@@ -8,7 +8,7 @@
:cancel-button-props="{ disabled: loading }" :cancel-button-props="{ disabled: loading }"
:on-before-ok="handlerOk" :on-before-ok="handlerOk"
@cancel="handleClose"> @cancel="handleClose">
<a-spin class="full modal-form" :loading="loading"> <a-spin class="full modal-form-small" :loading="loading">
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
@@ -17,15 +17,19 @@
<a-row :gutter="16"> <a-row :gutter="16">
<!-- 模板名称 --> <!-- 模板名称 -->
<a-col :span="12"> <a-col :span="12">
<a-form-item field="name" label="模板名称"> <a-form-item field="name"
label="模板名称"
:hide-asterisk="true">
<a-input v-model="formModel.name" <a-input v-model="formModel.name"
placeholder="请输入模板名称" placeholder="请输入模板名称"
allow-clear /> allow-clear />
</a-form-item> </a-form-item>
</a-col> </a-col>
<!-- 超时时间 --> <!-- 超时时间 -->
<a-col :span="7"> <a-col :span="6">
<a-form-item field="timeout" label="超时时间"> <a-form-item field="timeout"
label="超时时间"
:hide-asterisk="true">
<a-input-number v-model="formModel.timeout" <a-input-number v-model="formModel.timeout"
placeholder="为0则不超时" placeholder="为0则不超时"
:min="0" :min="0"
@@ -38,8 +42,10 @@
</a-form-item> </a-form-item>
</a-col> </a-col>
<!-- 脚本执行 --> <!-- 脚本执行 -->
<a-col :span="5"> <a-col :span="6">
<a-form-item field="scriptExec" label="脚本执行"> <a-form-item field="scriptExec"
label="脚本执行"
:hide-asterisk="true">
<div class="flex-center"> <div class="flex-center">
<a-switch v-model="formModel.scriptExec" <a-switch v-model="formModel.scriptExec"
type="round" type="round"
@@ -58,7 +64,6 @@
<a-form-item field="command" <a-form-item field="command"
label="模板命令" label="模板命令"
:hide-label="true" :hide-label="true"
:wrapper-col-props="{ span: 24 }"
:help="'使用 @{{ xxx }} 来替换参数, 输入_可以获取全部变量'"> :help="'使用 @{{ xxx }} 来替换参数, 输入_可以获取全部变量'">
<exec-editor v-model="formModel.command" <exec-editor v-model="formModel.command"
container-class="command-editor" container-class="command-editor"
@@ -70,9 +75,7 @@
<a-col :span="24"> <a-col :span="24">
<a-form-item field="parameter" <a-form-item field="parameter"
class="parameter-form-item" class="parameter-form-item"
label="命令参数" label="命令参数">
:label-col-props="{ span: 24 }"
:wrapper-col-props="{ span: 24 }">
<!-- label --> <!-- label -->
<template #label> <template #label>
<span class="span-blue pointer" @click="addParameter">添加参数</span> <span class="span-blue pointer" @click="addParameter">添加参数</span>
@@ -313,7 +316,7 @@
.command-editor { .command-editor {
width: 100%; width: 100%;
height: 65vh; height: 62vh;
} }
</style> </style>

2
orion-ops-ui/src/views/host/terminal/components/setting/extra/ssh-setting-form.vue
View File

@@ -2,7 +2,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 6 }" :label-col-props="{ span: 5 }"
:wrapper-col-props="{ span: 18 }"> :wrapper-col-props="{ span: 18 }">
<!-- 验证方式 --> <!-- 验证方式 -->
<a-form-item field="authType" label="验证方式"> <a-form-item field="authType" label="验证方式">

7
orion-ops-ui/src/views/host/terminal/components/sftp/sftp-chmod-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
title="修改权限" title="修改权限"
:align-center="false" :align-center="false"
@@ -10,8 +10,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }">
<!-- 文件路径 --> <!-- 文件路径 -->
<a-form-item field="path" <a-form-item field="path"
disabled disabled
@@ -65,7 +64,7 @@
}); });
// 修改预览 // 修改预览
const updatePreview = (v: number|undefined) => { const updatePreview = (v: number | undefined) => {
formModel.value.permission = permission10toString(v as number); formModel.value.permission = permission10toString(v as number);
}; };

13
orion-ops-ui/src/views/host/terminal/components/sftp/sftp-create-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
:title="touch ? '创建文件' : '创建文件夹'" :title="touch ? '创建文件' : '创建文件夹'"
:align-center="false" :align-center="false"
@@ -10,15 +10,14 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }"> <!-- 路径 -->
<!-- 文件路径 -->
<a-form-item field="path" <a-form-item field="path"
label="文件路径" :label="`${touch ? '文件' : '文件夹'}路径`"
:rules="[{ required: true, message: '请输入文件路径' }]"> :rules="[{ required: true, message: `请输入${touch ? '文件' : '文件夹'}路径` }]">
<a-input ref="pathRef" <a-input ref="pathRef"
v-model="formModel.path" v-model="formModel.path"
placeholder="请输入文件路径" /> :placeholder="`请输入${touch ? '文件' : '文件夹'}路径`" />
</a-form-item> </a-form-item>
</a-form> </a-form>
</a-modal> </a-modal>

5
orion-ops-ui/src/views/host/terminal/components/sftp/sftp-move-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
title="移动文件" title="移动文件"
:align-center="false" :align-center="false"
@@ -10,8 +10,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }">
<!-- 原始路径 --> <!-- 原始路径 -->
<a-form-item field="path" <a-form-item field="path"
disabled disabled

6
orion-ops-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
View File

@@ -1,5 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form-large"
title-align="start" title-align="start"
:title="title" :title="title"
:top="80" :top="80"
@@ -15,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
:rules="formRules"> :rules="formRules">
<!-- 配置项 --> <!-- 配置项 -->
<a-form-item field="keyName" label="配置项"> <a-form-item field="keyName" label="配置项">
@@ -257,7 +257,7 @@
} }
.param-addition { .param-addition {
margin-right: 20px; margin-bottom: 20px;
justify-content: flex-end; justify-content: flex-end;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;

5
orion-ops-ui/src/views/system/dict-value/components/dict-value-form-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
:title="title" :title="title"
:top="80" :top="80"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
:rules="formRules"> :rules="formRules">
<!-- 配置项 --> <!-- 配置项 -->
<a-form-item v-if="visible" <a-form-item v-if="visible"

5
orion-ops-ui/src/views/system/menu/components/menu-form-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
:title="title" :title="title"
:top="30" :top="30"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 7 }" :auto-label-width="true"
:wrapper-col-props="{ span: 16 }"
:rules="formRules"> :rules="formRules">
<!-- 上级菜单 --> <!-- 上级菜单 -->
<a-form-item field="parentId" label="上级菜单"> <a-form-item field="parentId" label="上级菜单">

5
orion-ops-ui/src/views/user/operator-log/components/operator-log-clear-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
title="清空操作日志" title="清空操作日志"
:align-center="false" :align-center="false"
@@ -15,8 +15,7 @@
<a-spin class="full" :loading="loading"> <a-spin class="full" :loading="loading">
<a-form :model="formModel" <a-form :model="formModel"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }">
<!-- 执行时间 --> <!-- 执行时间 -->
<a-form-item field="startTimeRange" label="执行时间"> <a-form-item field="startTimeRange" label="执行时间">
<a-range-picker v-model="formModel.startTimeRange" <a-range-picker v-model="formModel.startTimeRange"

5
orion-ops-ui/src/views/user/role/components/role-form-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
:title="title" :title="title"
:top="80" :top="80"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
:rules="formRules"> :rules="formRules">
<!-- 角色名称 --> <!-- 角色名称 -->
<a-form-item field="name" label="角色名称"> <a-form-item field="name" label="角色名称">

2
orion-ops-ui/src/views/user/role/components/role-menu-grant-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-small"
title-align="start" title-align="start"
title="分配菜单" title="分配菜单"
width="80%" width="80%"

5
orion-ops-ui/src/views/user/user/components/user-form-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
:title="title" :title="title"
:top="80" :top="80"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true"
:wrapper-col-props="{ span: 18 }"
:rules="formRules"> :rules="formRules">
<!-- 用户名 --> <!-- 用户名 -->
<a-form-item field="username" label="用户名"> <a-form-item field="username" label="用户名">

5
orion-ops-ui/src/views/user/user/components/user-grant-roles-form-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
title="分配角色" title="分配角色"
:top="120" :top="120"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }">
<!-- 用户名 --> <!-- 用户名 -->
<a-form-item field="username" label="用户名"> <a-form-item field="username" label="用户名">
<a-input v-model="updateUser.username" :disabled="true" /> <a-input v-model="updateUser.username" :disabled="true" />

5
orion-ops-ui/src/views/user/user/components/user-reset-password-form-modal.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<a-modal v-model:visible="visible" <a-modal v-model:visible="visible"
body-class="modal-form" body-class="modal-form-large"
title-align="start" title-align="start"
title="重置密码" title="重置密码"
:top="120" :top="120"
@@ -16,8 +16,7 @@
<a-form :model="formModel" <a-form :model="formModel"
ref="formRef" ref="formRef"
label-align="right" label-align="right"
:label-col-props="{ span: 5 }" :auto-label-width="true">
:wrapper-col-props="{ span: 18 }">
<!-- 用户名 --> <!-- 用户名 -->
<a-form-item field="username" label="用户名"> <a-form-item field="username" label="用户名">
<a-input v-model="updateUser.username" :disabled="true" /> <a-input v-model="updateUser.username" :disabled="true" />