diff --git a/src/components/Apps/AccountCreateUpdateForm/const.js b/src/components/Apps/AccountCreateUpdateForm/const.js index 09201b57b..bbfcc4d9c 100644 --- a/src/components/Apps/AccountCreateUpdateForm/const.js +++ b/src/components/Apps/AccountCreateUpdateForm/const.js @@ -156,7 +156,7 @@ export const accountFieldsMeta = (vm) => { } }, push_now: { - helpText: vm.$t('WindowsPushHelpText'), + helpTip: vm.$t('WindowsPushHelpText'), hidden: (formValue) => { const automation = vm.iPlatform.automation || {} return !automation.push_account_enabled || diff --git a/src/components/DataActions/index.vue b/src/components/DataActions/index.vue index 3dfa3eed9..bd776b604 100644 --- a/src/components/DataActions/index.vue +++ b/src/components/DataActions/index.vue @@ -190,7 +190,6 @@ export default { .action-item { margin-left: 5px; - line-height: 1; &:first-child { margin-left: 0; diff --git a/src/components/Form/AutoDataForm/utils.js b/src/components/Form/AutoDataForm/utils.js index 8e0f74c56..718062394 100644 --- a/src/components/Form/AutoDataForm/utils.js +++ b/src/components/Form/AutoDataForm/utils.js @@ -162,19 +162,22 @@ export class FormFieldGenerator { afterGenerateField(field) { field.label = toSentenceCase(field.label) - if (!field.helpText && field.helpTip && field.helpTipAsText) { - field.helpText = field.helpTip - field.helpTip = '' + if (!field.helpTip && field.helpText && field.helpTextAsTip) { + field.helpTip = field.helpText + field.helpText = '' + } + if (field.placeholder) { + field.el.placeholder = field.placeholder } return field } generateField(name, fieldsMeta, remoteFieldsMeta) { - let field = { id: name, prop: name, el: {}, attrs: {}, rules: [] } + let field = { id: name, prop: name, el: {}, attrs: {}, rules: [], helpTextAsTip: true } const remoteFieldMeta = remoteFieldsMeta[name] || {} const fieldMeta = fieldsMeta[name] || {} field.label = remoteFieldMeta.label - field.helpTip = toSentenceCase(remoteFieldMeta['help_text']) + field.helpText = toSentenceCase(remoteFieldMeta['help_text']) field = this.generateFieldByType(remoteFieldMeta.type, field, fieldMeta, remoteFieldMeta) field = this.generateFieldByName(name, field) field = this.generateFieldByOther(field, fieldMeta, remoteFieldMeta) @@ -195,6 +198,11 @@ export class FormFieldGenerator { if (!label) { return field } + if (field.helpText && field.helpTextAsPlaceholder) { + field.el.placeholder = field.helpText + field.helpText = '' + return field + } if (field.type === 'select' || [ObjectSelect2].indexOf(field.component) > -1) { field.el.placeholder = i18n.t('Please select ') + label.toLowerCase() } else if (field.type === 'input') { diff --git a/src/styles/index.scss b/src/styles/index.scss index 52c025d74..4b03a3643 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -526,11 +526,3 @@ li.rmenu i.fa { .el-checkbox__inner { border-radius: 1px !important; } - -.el-button.el-button--primary { - border-color: var(--color-border); - - &:hover { - border-color: var(--color-border); - } -} diff --git a/src/utils/theme/index.js b/src/utils/theme/index.js index 1c44f993a..bf560e1d6 100644 --- a/src/utils/theme/index.js +++ b/src/utils/theme/index.js @@ -19,16 +19,20 @@ export function changeElementColor(themeColors) { const blendColor = mix('ffffff', value.replace(/#/g, ''), 35) const darken = mix('000000', value.replace(/#/g, ''), 10) colorsCssText = colorsCssText + ` - .el-button--${key}:focus { + .el-button--${key}{ + border-color: var(--color-border); + } + .el-button--${key}:focus, + .el-button--${key}:active, + .el-button--${key}:hover { background-color: ${darken}!important; + border-color: var(--color-border)!important; } .el-button--${key}.is-disabled, .el-button--${key}.is-disabled:active, .el-button--${key}.is-disabled:focus { background-color: ${blendColor}!important; - } - .el-button--${key}:hover{ - background-color: ${darken}!important; + border-color: var(--color-border); } .el-link.el-link--${key}{ color: ${value}!important; diff --git a/src/views/users/User/UserCreateUpdate.vue b/src/views/users/User/UserCreateUpdate.vue index d0ffcf3f1..5533a8529 100644 --- a/src/views/users/User/UserCreateUpdate.vue +++ b/src/views/users/User/UserCreateUpdate.vue @@ -36,6 +36,12 @@ export default { ], url: '/api/v1/users/users/', fieldsMeta: { + name: { + helpTextAsPlaceholder: true + }, + username: { + helpTextAsPlaceholder: true + }, password_strategy: { hidden: (formValue) => { return this.$route.params.id || formValue.source !== 'local'