Skip to content

Commit 754f7cb

Browse files
wangdan-fit2cloudwangdan-fit2cloud
committed
perf: dialog style
1 parent 8a7e41b commit 754f7cb

File tree

6 files changed

+96
-88
lines changed

6 files changed

+96
-88
lines changed

‎ui/src/styles/element-plus.scss‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -379,7 +379,19 @@
379379

380380
// radio 一行一个样式
381381
.radio-block {
382-
display: inline-grid;
382+
width: 100%;
383+
display: inline-flex;
384+
.el-radio {
385+
align-items: flex-start;
386+
height: 100%;
387+
width: 100%;
388+
margin-top: 8px;
389+
}
390+
.el-radio__label {
391+
width: 100%;
392+
margin-top: -8px;
393+
line-height: 30px;
394+
}
383395
}
384396
// radio 一行一个样式 有输入框 上传头像的内容
385397
.radio-block-avatar {

‎ui/src/views/application-overview/component/DisplaySettingDialog.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
v-model="dialogVisible"
55
:close-on-click-modal="false"
66
:close-on-press-escape="false"
7+
width="550"
78
>
89
<el-form label-position="top" ref="displayFormRef" :model="form">
910
<el-form-item>

‎ui/src/views/application-overview/component/EditAvatarDialog.vue‎

Lines changed: 39 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -4,52 +4,49 @@
44
v-model="dialogVisible"
55
:close-on-click-modal="false"
66
:close-on-press-escape="false"
7+
width="550"
78
>
8-
<el-radio-group v-model="radioType" class="radio-block-avatar mb-16">
9-
<div>
10-
<el-radio value="default">
11-
<p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.default') }}</p>
9+
<el-radio-group v-model="radioType" class="radio-block mb-16">
10+
<el-radio value="default">
11+
<p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.default') }}</p>
12+
<AppAvatar
13+
v-if="detail?.name"
14+
:name="detail?.name"
15+
pinyinColor
16+
class="mt-8 mb-8"
17+
shape="square"
18+
:size="32"
19+
/>
20+
</el-radio>
21+
<el-radio value="custom">
22+
<p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.customizeUpload') }}</p>
23+
<div class="flex mt-8">
1224
<AppAvatar
13-
v-if="detail?.name"
14-
:name="detail?.name"
15-
pinyinColor
16-
class="mt-8 mb-8"
25+
v-if="fileURL"
1726
shape="square"
1827
:size="32"
19-
/>
20-
</el-radio>
21-
</div>
22-
<div class="mt-8">
23-
<el-radio value="custom">
24-
<p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.customizeUpload') }}</p>
25-
<div class="flex mt-8">
26-
<AppAvatar
27-
v-if="fileURL"
28-
shape="square"
29-
:size="32"
30-
style="background: none"
31-
class="mr-16"
32-
>
33-
<img :src="fileURL" alt="" />
34-
</AppAvatar>
35-
<el-upload
36-
ref="uploadRef"
37-
action="#"
38-
:auto-upload="false"
39-
:show-file-list="false"
40-
accept="image/jpeg, image/png, image/gif"
41-
:on-change="onChange"
42-
>
43-
<el-button icon="Upload" :disabled="radioType !== 'custom'">{{
44-
$t('views.applicationOverview.appInfo.EditAvatarDialog.upload')
45-
}}</el-button>
46-
</el-upload>
47-
</div>
48-
<div class="el-upload__tip info mt-16">
49-
{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.sizeTip') }}
50-
</div>
51-
</el-radio>
52-
</div>
28+
style="background: none"
29+
class="mr-16"
30+
>
31+
<img :src="fileURL" alt="" />
32+
</AppAvatar>
33+
<el-upload
34+
ref="uploadRef"
35+
action="#"
36+
:auto-upload="false"
37+
:show-file-list="false"
38+
accept="image/jpeg, image/png, image/gif"
39+
:on-change="onChange"
40+
>
41+
<el-button icon="Upload" :disabled="radioType !== 'custom'">{{
42+
$t('views.applicationOverview.appInfo.EditAvatarDialog.upload')
43+
}}</el-button>
44+
</el-upload>
45+
</div>
46+
<div class="el-upload__tip info mt-8">
47+
{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.sizeTip') }}
48+
</div>
49+
</el-radio>
5350
</el-radio-group>
5451
<template #footer>
5552
<span class="dialog-footer">

‎ui/src/views/application-overview/component/LimitDialog.vue‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
v-model="dialogVisible"
55
:close-on-click-modal="false"
66
:close-on-press-escape="false"
7+
width="650"
78
>
89
<el-form label-position="top" ref="limitFormRef" :model="form">
910
<!-- <el-form-item

‎ui/src/views/document/component/ImportDocumentDialog.vue‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
:close-on-click-modal="false"
66
:close-on-press-escape="false"
77
:destroy-on-close="true"
8+
width="550"
89
>
910
<el-form
1011
label-position="top"
@@ -44,9 +45,7 @@
4445
<el-form-item v-if="!isImport">
4546
<template #label>
4647
<div class="flex align-center">
47-
<span class="mr-4">{{
48-
$t('views.document.form.hit_handling_method.label')
49-
}}</span>
48+
<span class="mr-4">{{ $t('views.document.form.hit_handling_method.label') }}</span>
5049
<el-tooltip
5150
effect="dark"
5251
:content="$t('views.document.form.hit_handling_method.tooltip')"

‎ui/src/views/function-lib/component/EditAvatarDialog.vue‎

Lines changed: 40 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -4,52 +4,50 @@
44
v-model="dialogVisible"
55
:close-on-click-modal="false"
66
:close-on-press-escape="false"
7+
width="550"
78
>
8-
<el-radio-group v-model="radioType" class="radio-block-avatar mb-16">
9-
<div>
10-
<el-radio value="default">
11-
<p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.default') }}</p>
9+
<el-radio-group v-model="radioType" class="radio-block mb-16">
10+
<el-radio value="default">
11+
<p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.default') }}</p>
12+
<AppAvatar
13+
v-if="detail?.name"
14+
:name="detail?.name"
15+
pinyinColor
16+
class="mt-8 mb-8"
17+
shape="square"
18+
:size="32"
19+
/>
20+
</el-radio>
21+
22+
<el-radio value="custom">
23+
<p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.customizeUpload') }}</p>
24+
<div class="flex mt-8">
1225
<AppAvatar
13-
v-if="detail?.name"
14-
:name="detail?.name"
15-
pinyinColor
16-
class="mt-8 mb-8"
26+
v-if="fileURL"
1727
shape="square"
1828
:size="32"
19-
/>
20-
</el-radio>
21-
</div>
22-
<div class="mt-8">
23-
<el-radio value="custom">
24-
<p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.customizeUpload') }}</p>
25-
<div class="flex mt-8">
26-
<AppAvatar
27-
v-if="fileURL"
28-
shape="square"
29-
:size="32"
30-
style="background: none"
31-
class="mr-16"
32-
>
33-
<img :src="fileURL" alt="" />
34-
</AppAvatar>
35-
<el-upload
36-
ref="uploadRef"
37-
action="#"
38-
:auto-upload="false"
39-
:show-file-list="false"
40-
accept="image/jpeg, image/png, image/gif"
41-
:on-change="onChange"
42-
>
43-
<el-button icon="Upload" :disabled="radioType !== 'custom'"
44-
>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.upload') }}
45-
</el-button>
46-
</el-upload>
47-
</div>
48-
<div class="el-upload__tip info mt-16">
49-
{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.sizeTip') }}
50-
</div>
51-
</el-radio>
52-
</div>
29+
style="background: none"
30+
class="mr-16"
31+
>
32+
<img :src="fileURL" alt="" />
33+
</AppAvatar>
34+
<el-upload
35+
ref="uploadRef"
36+
action="#"
37+
:auto-upload="false"
38+
:show-file-list="false"
39+
accept="image/jpeg, image/png, image/gif"
40+
:on-change="onChange"
41+
>
42+
<el-button icon="Upload" :disabled="radioType !== 'custom'"
43+
>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.upload') }}
44+
</el-button>
45+
</el-upload>
46+
</div>
47+
<div class="el-upload__tip info mt-8">
48+
{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.sizeTip') }}
49+
</div>
50+
</el-radio>
5351
</el-radio-group>
5452
<template #footer>
5553
<span class="dialog-footer">

0 commit comments

Comments
 (0)