diff --git a/front/src/layout_share/index.vue b/front/src/layout_share/index.vue index 8ad3560a8e59e62ecd75d1aed4b39dd73ff85f34..a54d59727154a1198e196774aa63cbd3e01ab657 100644 --- a/front/src/layout_share/index.vue +++ b/front/src/layout_share/index.vue @@ -20,14 +20,29 @@ auto-complete="on" @submit.native.prevent > +
{{ shareConfig.shareName }}
- {{ $t('btnOk') }} + @@ -55,16 +70,18 @@ export default { return { shareConfig: { id: '', - type: 0 + type: 0, + shareName: '' }, encryptFormData: { password: '' }, encryptFormRules: { password: [ - { required: true, message: $t('notEmpty'), trigger: 'blur' } + { required: true, message: $t('passwordNotEmpty'), trigger: 'blur' } ] - } + }, + isPasswordVisible: false } }, computed: { @@ -151,6 +168,9 @@ export default { }, handleClickOutside() { this.$store.dispatch('app/closeSideBarView', { withoutAnimation: false }) + }, + togglePasswordVisibility() { + this.isPasswordVisible = !this.isPasswordVisible; } } } @@ -165,6 +185,9 @@ export default { position: relative; height: 100%; width: 100%; + display: flex; + justify-content: center; + align-items: center; &.mobile.openSidebar{ position: fixed; top: 0; @@ -192,6 +215,23 @@ export default { width: 100%; } .encrypt-form { - margin-top: 200px; + margin-top: 0; + width: 600px; + padding: 40px; + box-sizing: border-box; + } + + .share-name { + text-align: center; + margin-bottom: 25px; + font-weight: bold; + font-size: 20px; + min-height: 25px; + } + + .btn-send { + height: 40px; + line-height: 40px; + padding: 0 10px; } diff --git a/front/src/utils/i18n/languages/en-us.js b/front/src/utils/i18n/languages/en-us.js index 271c53240330ae2ede85540ee0d17c04a8cbddf8..7fd29e5bbdfc5e867e12305c8a879aae37c1561f 100644 --- a/front/src/utils/i18n/languages/en-us.js +++ b/front/src/utils/i18n/languages/en-us.js @@ -477,6 +477,9 @@ export default { 'valid': 'valid', 'invalid': 'invalid', 'bindingApiDoc': 'Binding interface document', + 'randomPassword': ' Random Password', + 'passwordNotEmpty': 'Password not empty', + 'shareName': 'Share Name', // ---- common end ---- // ---- 组件特有的,key表示组件名称(文件夹名称) ---- RichTextEditor: { diff --git a/front/src/utils/i18n/languages/zh-cn.js b/front/src/utils/i18n/languages/zh-cn.js index 069eb783c7fbe78cc65e62965cb182d037c8bbb9..95fdd39ee4f56545654384757a7ca90564690454 100644 --- a/front/src/utils/i18n/languages/zh-cn.js +++ b/front/src/utils/i18n/languages/zh-cn.js @@ -478,6 +478,9 @@ export default { 'valid': '有效', 'invalid': '无效', 'bindingApiDoc': '绑定接口文档', + 'randomPassword': ' 随机密码', + 'passwordNotEmpty': '密码不能为空', + 'shareName': '分享名称', // ---- common end ---- // ---- 组件特有的,key表示组件名称(文件夹名称) ---- RichTextEditor: { diff --git a/front/src/views/project/ShareConfig/index.vue b/front/src/views/project/ShareConfig/index.vue index 761a956573ad873bc3ad70a9727a344c6aaae749..8b636d4b194b6fbb9a4e2c8af07ba45675c4a743 100644 --- a/front/src/views/project/ShareConfig/index.vue +++ b/front/src/views/project/ShareConfig/index.vue @@ -8,23 +8,40 @@ border highlight-current-row > - + + - + - + + + + - - + + @@ -119,6 +137,12 @@ {{ $t('encryption') }} + + + {{ $t('randomPassword') }} + + +