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') }}
+
+
+
+
+
+ {{ $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
>
-
+
+
- {{ buildUrl(scope.row) }}
-
- {{ $t('pwdShow') }}:{{ scope.row.password }}
-
-
- {{ $t('remarkShow') }}:{{ scope.row.remark }}
-
+
+ {{ buildUrl(scope.row) }}
+
+
+
+
-
+
- {{ $t('allDocs') }}
- {{ $t('look') }}
+
+ {{ scope.row.password }}
+
+
+
+
-
+
+
+ {{ $t('allDocs') }}
+ {{ $t('look') }}
+
+
{{ $t('public') }}
@@ -58,6 +75,7 @@
{{ scope.row.gmtCreate.split(' ')[0] }}
+
-
-
+
+
@@ -119,6 +137,12 @@
{{ $t('encryption') }}
+
+
+ {{ $t('randomPassword') }}
+
+
+
{{ $t('expirationTime') }}
@@ -159,6 +183,9 @@
+
+
+