feat: 样式调整

src/views/property-marketing/media-account/account-manage/components/account-table/footer-btn.tsx

@@ -117,7 +117,7 @@ export default defineComponent({
           return renderUpdateBtn();
         } else if ([EnumErrorStatus.REQUEST, EnumErrorStatus.FREEZE].includes(error_status)) {
           return (
-            <Tooltip title={statusInfo.value?.disabledBtnTooltip}>
+            <Tooltip title={statusInfo.value.disabledBtnTooltip}>
               <Button type="primary" ghost size="small" disabled>
                 重新授权
               </Button>

src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue

@@ -4,7 +4,19 @@
 -->
 <script lang="jsx">
 import { ref, computed } from 'vue';
-import { Button, Modal, Form, FormItem, RadioGroup, Radio, Input, message, Tooltip, Upload, Switch } from 'ant-design-vue';
+import {
+  Button,
+  Modal,
+  Form,
+  FormItem,
+  RadioGroup,
+  Radio,
+  Input,
+  message,
+  Tooltip,
+  Upload,
+  Switch,
+} from 'ant-design-vue';
 const { TextArea } = Input;
 import AuthorizedAccountModal from '../authorized-account-modal';
 // import ImportPromptModal from '../import-prompt-modal';
@@ -275,6 +287,7 @@ export default {
           model={form.value}
           rules={rules}
           layout="horizontal"
+          labelAlign="right"  
           labelCol={{ span: 4 }}
           wrapperCol={{ span: 20 }}
         >
@@ -293,19 +306,14 @@ export default {
                   <Upload
                     ref={uploadRef}
                     action="/"
-                    draggable
-                    custom-request={handleUpload}
+                    customRequest={handleUpload}
                     accept=".xlsx,.xls"
-                    show-file-list={false}
+                    showUploadList={false}
                   >
-                    {{
-                      'upload-button': () => (
-                        <div class="upload-box">
-                          <span class="text mb-4px">点击或拖拽文件到此处上传</span>
-                          <span class="tip">支持 xls, xlsx格式</span>
-                        </div>
-                      ),
-                    }}
+                    <div class="upload-box">
+                      <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                      <span class="tip">支持 xls, xlsx格式</span>
+                    </div>
                   </Upload>
                 ) : (
                   <div class="flex items-center">

src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss

@@ -36,15 +36,8 @@
           }
         }
       }
-      .arco-upload-drag {
-        height: 120px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        .arco-icon {
-          margin-bottom: 16px;
-        }
+      .ant-upload {
+        width: 100%;
       }
       .upload-box {
         display: flex;
@@ -77,13 +70,13 @@
         }
       }
     }
-    .upload-dragger {
-      border: 1px dashed #d9d9d9;
-      padding: 24px 0;
-      text-align: center;
-      background: #fafafa;
-      cursor: pointer;
-    }
+    // .upload-dragger {
+    //   border: 1px dashed #d9d9d9;
+    //   padding: 24px 0;
+    //   text-align: center;
+    //   background: #fafafa;
+    //   cursor: pointer;
+    // }
     .upload-error {
       color: #f53f3f;
       margin-left: 8px;