feat: 组件库替换

src/views/material-center/components/finished-products/manuscript/check-list/components/filter-block/index.vue

@@ -42,7 +42,7 @@
       </div>
       <div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
         <span class="label">上传时间</span>
-        <a-range-picker
+        <DatePicker.RangePicker
           v-model="created_at"
           size="medium"
           allow-clear
@@ -69,7 +69,7 @@
         </div>
         <div class="filter-row-item">
           <span class="label">审核时间</span>
-          <a-range-picker
+          <DatePicker.RangePicker
             v-model="audit_started_at"
             size="medium"
             allow-clear
@@ -99,7 +99,7 @@
 </template>
 
 <script setup>
-import { Button, Input, Select, Space } from 'ant-design-vue';
+import { Button, Input, Select, Space, DatePicker } from 'ant-design-vue';
 const { Option } = Select;
 import { defineEmits, defineProps } from 'vue';
 import { PLATFORMS } from '@/views/material-center/components/finished-products/manuscript/check-list/constants';

src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/index.vue

@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Drawer, Image } from '@arco-design/web-vue';
+import { Drawer, Image } from 'ant-design-vue';
 import TextOverTips from '@/components/text-over-tips';
 
 import icon1 from '@/assets/img/error-img.png';
@@ -32,12 +32,12 @@ export default {
     return () => (
       <Drawer
         title="审核列表"
-        visible={visible.value}
+        v-model:open={visible.value}
         width={420}
-        class="check-list-drawer-xt"
-        footer={false}
-        header={false}
-        onCancel={onClose}
+        rootClassName="check-list-drawer-xt"
+        footer={null}
+        closable={false}
+        onClose={onClose}
       >
         <div class="flex justify-between items-center h-56px px-24px">
           <div class="flex items-center">
@@ -61,13 +61,12 @@ export default {
                 height={48}
                 preview={false}
                 src={item.cover}
-                class="!rounded-4px mr-8px"
-                fit="cover"
+                class="!rounded-4px"
                 v-slots={{
                   error: () => <img src={icon1} class="w-full h-full" />,
                 }}
               />
-              <div class="flex-1 overflow-hidden flex flex-col items-start">
+              <div class="flex-1 overflow-hidden flex flex-col items-start ml-8px">
                 <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px !text-14px`} />
                 <p class="cts !text-14px">{`合规程度：${
                   item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'

src/views/material-center/components/finished-products/manuscript/check/components/check-list-drawer/style.scss

@@ -1,43 +1,41 @@
 .check-list-drawer-xt {
-  .arco-drawer-mask {
+  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
+  .ant-drawer-mask {
     background-color: transparent;
   }
-  .arco-drawer {
-    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
-    .arco-drawer-body {
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-      padding: 0 0 24px;
-      .cts {
-        color: var(--Text-1, #939499);
+  .ant-drawer-body {
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    padding: 0 0 24px;
+    .cts {
+      color: var(--Text-1, #939499);
 
-        font-family: $font-family-regular;
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 24px;
-        &.bold {
-          color: var(--Text-1, #211f24);
-          font-family: $font-family-medium;
-        }
+      font-family: $font-family-regular;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 24px;
+      &.bold {
+        color: var(--Text-1, #211f24);
+        font-family: $font-family-medium;
       }
-      .card-item {
-        cursor: pointer;
-        border: 1px solid transparent;
-        transition: all;
-        &:hover {
-          background-color: #e6e6e8;
-        }
-        &:not(:last-child) {
-          margin-bottom: 12px;
-        }
-        &.active {
-          border-color: #6d4cfe;
-          background-color: #f0edff;
-          :deep(.overflow-text) {
-            font-family: $font-family-medium !important;
-          }
+    }
+    .card-item {
+      cursor: pointer;
+      border: 1px solid transparent;
+      transition: all;
+      &:hover {
+        background-color: #e6e6e8;
+      }
+      &:not(:last-child) {
+        margin-bottom: 12px;
+      }
+      &.active {
+        border-color: #6d4cfe;
+        background-color: #f0edff;
+        :deep(.overflow-text) {
+          font-family: $font-family-medium !important;
         }
       }
     }

src/views/material-center/components/finished-products/manuscript/check/components/content-card/index.vue

@@ -137,9 +137,7 @@ export default {
     };
 
     const uploadImage = async (option, action = 'upload') => {
-      const {
-        fileItem: { file },
-      } = option;
+      const { file } = option;
 
       const { name, size, type } = file;
       const response = await getImagePreSignedUrl({ suffix: getFileExtension(name) });

src/views/material-center/components/finished-products/manuscript/check/components/header-card/index.vue

@@ -1,5 +1,5 @@
 <script lang="jsx">
-import { Image } from '@arco-design/web-vue';
+import { Image } from 'ant-design-vue';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import TextOverTips from '@/components/text-over-tips';
 
@@ -56,13 +56,13 @@ export default {
                       height={48}
                       preview={false}
                       src={item.cover}
-                      class="!rounded-4px mr-8px"
+                      class="!rounded-4px"
                       fit="cover"
                       v-slots={{
                         error: () => <img src={icon1} class="w-full h-full" />,
                       }}
                     />
-                    <div class="flex-1 overflow-hidden flex flex-col items-start">
+                    <div class="flex-1 overflow-hidden flex flex-col items-start ml-8px">
                       <TextOverTips context={item.title} class={`cts !color-#211F24 title mb-4px`} />
                       <p class="cts">{`合规程度：${item.ai_review?.compliance_level ? `${item.ai_review?.compliance_level}%` : '-'}`}</p>
                     </div>

src/views/material-center/components/finished-products/manuscript/components/edit-form/img-box.vue

@@ -23,25 +23,23 @@
             />
           </div>
         </div>
-        <a-upload
+        <Upload
           v-if="files.length < 18"
           ref="uploadRef"
           action="/"
-          draggable
-          :custom-request="(option) => emit('upload', option)"
+          :customRequest="(option) => emit('upload', option)"
           accept=".jpg,.jpeg,.png,.gif,.webp"
-          :show-file-list="false"
+          :showUploadList="false"
           multiple
           class="!flex !items-center"
-          :limit="18 - files.length"
         >
-          <template #upload-button>
+          <template #default>
             <div class="upload-box">
               <icon-plus size="14" class="mb-16px color-#3C4043" />
               <span class="cts !color-#211F24">上传图片</span>
             </div>
           </template>
-        </a-upload>
+        </Upload>
       </VueDraggable>
     </div>
   </FormItem>
@@ -49,7 +47,7 @@
 
 <script setup>
 import { VueDraggable } from 'vue-draggable-plus';
-import { FormItem} from 'ant-design-vue';
+import { FormItem, Upload } from 'ant-design-vue';
 
 const props = defineProps({
   files: {

src/views/material-center/components/finished-products/manuscript/components/edit-form/index.vue

@@ -131,9 +131,7 @@ export default {
         formData.value.videoInfo.uploadStatus = ENUM_UPLOAD_STATUS.UPLOADING;
         emit('updateVideoInfo', formData.value.videoInfo);
 
-        const {
-          fileItem: { file },
-        } = option;
+        const { file } = option;
         setVideoInfo(file);
 
         const response = await getVideoPreSignedUrl({ suffix: getFileExtension(file.name) });
@@ -164,9 +162,7 @@ export default {
     };
     // 文件上传处理
     const uploadImage = async (option) => {
-      const {
-        fileItem: { file },
-      } = option;
+      const { file } = option;
 
       // 验证文件数量
       if (formData.value.files?.length >= 18) {

src/views/material-center/components/finished-products/manuscript/list/components/filter-block/index.vue

@@ -52,7 +52,7 @@
       </div>
       <div class="filter-row-item">
         <span class="label">上传时间</span>
-        <a-range-picker
+        <DatePicker.RangePicker
           v-model="created_at"
           size="medium"
           allow-clear
@@ -80,7 +80,7 @@
 </template>
 
 <script setup>
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input, DatePicker } from 'ant-design-vue';
 import { defineEmits, defineProps } from 'vue';
 import { CHECK_STATUS } from '@/views/material-center/components/finished-products/manuscript/list/constants';
 import CommonSelect from '@/components/common-select';

src/views/material-center/components/raw-material/components/filter-block/index.vue

@@ -25,8 +25,8 @@
       </div>
       <div class="filter-row-item">
         <span class="label">上传时间</span>
-        <a-range-picker
-          v-model="created_at"
+        <DatePicker.RangePicker
+          v-model:value="created_at"
           size="medium"
           allow-clear
           format="YYYY-MM-DD"
@@ -54,7 +54,7 @@
 
 <script setup>
 import { defineEmits, defineProps, ref, nextTick } from 'vue';
-import { Button, Input } from 'ant-design-vue';
+import { Button, Input, DatePicker } from 'ant-design-vue';
 import dayjs from 'dayjs';
 
 const props = defineProps({