perf: dialog style

ui/src/styles/element-plus.scss

@@ -379,7 +379,19 @@
 
 // radio 一行一个样式
 .radio-block {
-  display: inline-grid;
+  width: 100%;
+  display: inline-flex;
+  .el-radio {
+    align-items: flex-start;
+    height: 100%;
+    width: 100%;
+    margin-top: 8px;
+  }
+  .el-radio__label {
+    width: 100%;
+    margin-top: -8px;
+    line-height: 30px;
+  }
 }
 // radio 一行一个样式 有输入框 上传头像的内容
 .radio-block-avatar {

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

@@ -4,6 +4,7 @@
     v-model="dialogVisible"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
+    width="550"
   >
     <el-form label-position="top" ref="displayFormRef" :model="form">
       <el-form-item>

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

@@ -4,9 +4,9 @@
     v-model="dialogVisible"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
+    width="550"
   >
-    <el-radio-group v-model="radioType" class="radio-block-avatar mb-16">
+    <el-radio-group v-model="radioType" class="radio-block mb-16">
-      <div>
       <el-radio value="default">
         <p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.default') }}</p>
         <AppAvatar
@@ -18,8 +18,6 @@
           :size="32"
         />
       </el-radio>
-      </div>
-      <div class="mt-8">
       <el-radio value="custom">
         <p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.customizeUpload') }}</p>
         <div class="flex mt-8">
@@ -45,11 +43,10 @@
             }}</el-button>
           </el-upload>
         </div>
-          <div class="el-upload__tip info mt-16">
+        <div class="el-upload__tip info mt-8">
           {{ $t('views.applicationOverview.appInfo.EditAvatarDialog.sizeTip') }}
         </div>
       </el-radio>
-      </div>
     </el-radio-group>
     <template #footer>
       <span class="dialog-footer">

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

@@ -4,6 +4,7 @@
     v-model="dialogVisible"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
+    width="650"
   >
     <el-form label-position="top" ref="limitFormRef" :model="form">
       <!-- <el-form-item

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

@@ -5,6 +5,7 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
     :destroy-on-close="true"
+    width="550"
   >
     <el-form
       label-position="top"
@@ -44,9 +45,7 @@
       <el-form-item v-if="!isImport">
         <template #label>
           <div class="flex align-center">
-            <span class="mr-4">{{
+            <span class="mr-4">{{ $t('views.document.form.hit_handling_method.label') }}</span>
-              $t('views.document.form.hit_handling_method.label')
-            }}</span>
             <el-tooltip
               effect="dark"
               :content="$t('views.document.form.hit_handling_method.tooltip')"

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

@@ -4,9 +4,9 @@
     v-model="dialogVisible"
     :close-on-click-modal="false"
     :close-on-press-escape="false"
+    width="550"
   >
-    <el-radio-group v-model="radioType" class="radio-block-avatar mb-16">
+    <el-radio-group v-model="radioType" class="radio-block mb-16">
-      <div>
       <el-radio value="default">
         <p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.default') }}</p>
         <AppAvatar
@@ -18,8 +18,7 @@
           :size="32"
         />
       </el-radio>
-      </div>
+
-      <div class="mt-8">
       <el-radio value="custom">
         <p>{{ $t('views.applicationOverview.appInfo.EditAvatarDialog.customizeUpload') }}</p>
         <div class="flex mt-8">
@@ -45,11 +44,10 @@
             </el-button>
           </el-upload>
         </div>
-          <div class="el-upload__tip info mt-16">
+        <div class="el-upload__tip info mt-8">
           {{ $t('views.applicationOverview.appInfo.EditAvatarDialog.sizeTip') }}
         </div>
       </el-radio>
-      </div>
     </el-radio-group>
     <template #footer>
       <span class="dialog-footer">