feat: form组件替换

src/layouts/components/navbar/components/exit-account-modal/index.vue

@@ -8,7 +8,7 @@
     width="400px"
     wrapClassName="exit-account-modal"
     show-close="false"
-    :footer="false"
+    :footer="null"
     @cancel="onClose"
     centered
   >

src/layouts/components/navbar/components/task-center-modal/components/export-task/index.vue

@@ -1,7 +1,7 @@
 <script lang="jsx">
 import { ref, computed } from 'vue';
-import { Button } from 'ant-design-vue';
-import { Input, Table, TableColumn, Checkbox, Pagination, Tooltip, Notification } from '@arco-design/web-vue';
+import { Button, Checkbox } from 'ant-design-vue';
+import { Input, Table, TableColumn, Pagination, Tooltip, Notification } from '@arco-design/web-vue';
 import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 import NoData from '@/components/no-data';
 import { getTask, postRedoTask, postBatchDownload, batchQueryTaskStatus } from '@/api/all/common';
@@ -247,10 +247,10 @@ export default {
             <div class="flex items-center">
               <div class="flex items-center">
                 <Checkbox
-                  modelValue={checkedAll.value}
+                  checked={checkedAll.value}
                   indeterminate={indeterminate.value}
                   class="mr-8px"
-                  onChange={handleSelectAll}
+                  onChange={(e) => handleSelectAll(e.target.checked)}
                 />
                 <span class="label mr-24px">
                   已选
@@ -344,7 +344,13 @@ export default {
                           onClick={() => handleDelete(record)}
                         />
                         {record.status !== enumTaskStatus.Exporting && (
-                          <Button type="primary" ghost size="small" class="search-btn" onClick={() => handleDownload(record)}>
+                          <Button
+                            type="primary"
+                            ghost
+                            size="small"
+                            class="search-btn"
+                            onClick={() => handleDownload(record)}
+                          >
                             {record.status === enumTaskStatus.Failed ? '重新导出' : '下载'}
                           </Button>
                         )}

src/layouts/components/navbar/components/task-center-modal/components/import-task/index.vue

@@ -1,7 +1,7 @@
 <script lang="jsx">
 import { ref, computed } from 'vue';
 import { Button } from 'ant-design-vue';
-import { Input, Table, TableColumn, Checkbox, Pagination, Tooltip, Notification } from '@arco-design/web-vue';
+import { Input, Table, TableColumn, Pagination, Tooltip, Notification } from '@arco-design/web-vue';
 import { IconSearch, IconClose, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 import NoData from '@/components/no-data';
 import { getTask } from '@/api/all/common';
@@ -119,72 +119,6 @@ export default {
 
     return () => (
       <div class="import-task-wrap">
-        {/* 筛选行 */}
-        {/* <div class="filter-row flex mb-16px">
-          <div class="filter-row-item flex items-center">
-            <span class="label">操作人员</span>
-            <Input
-              v-model={query.value.operator_name}
-              class="w-240px"
-              placeholder="请输入操作人员"
-              size="medium"
-              allow-clear
-              onChange={handleSearch}
-              v-slots={{
-                prefix: () => <IconSearch />,
-              }}
-            />
-          </div>
-          <div class="filter-row-item flex items-center">
-            <span class="label">所属模块</span>
-            <Input
-              v-model={query.value.module}
-              class="w-240px"
-              placeholder="请输入所属模块"
-              size="medium"
-              allow-clear
-              onChange={handleSearch}
-              v-slots={{
-                prefix: () => <IconSearch />,
-              }}
-            />
-          </div>
-        </div> */}
-
-        {/* 已选提示行 */}
-        {/* {dataSource.value.length > 0 && selectedRows.value.length > 0 && (
-          <div
-            class={[
-              'tip-row flex justify-between px-16px py-10px w-100% mb-16px h-42px',
-              selectedRows.value.length > 0 ? ' selected' : '',
-            ].join('')}
-          >
-            <div class="flex items-center">
-              <div class="flex items-center">
-                <Checkbox
-                  modelValue={checkedAll.value}
-                  indeterminate={indeterminate.value}
-                  class="mr-8px"
-                  onChange={handleSelectAll}
-                />
-                <span class="label mr-24px">
-                  已选
-                  <span class="color-#6D4CFE">{selectedRows.value.length}</span>
-                  个文件
-                </span>
-                <span class="operation-btn" onClick={handleBatchDownload}>
-                  批量下载
-                </span>
-                <span class="operation-btn red" onClick={handleBatchDelete}>
-                  批量删除
-                </span>
-              </div>
-            </div>
-            <IconClose size={16} class="cursor-pointer color-#737478" onClick={handleCloseTip} />
-          </div>
-        )} */}
-
-        {/* 表格 */}
         <Table
           ref="tableRef"
           data={dataSource.value}

src/layouts/components/navbar/components/task-center-modal/index.vue

@@ -5,7 +5,7 @@
     wrapClassName="task-center-modal"
     width="860px"
     :mask-closable="false"
-    :footer="false"
+    :footer="null"
     @cancel="onClose"
     centered
   >