feat: 删除无用组件,组件库替换

This commit is contained in:
rd
2025-09-04 16:10:44 +08:00
parent 23d614a07f
commit 15357b6bc8
71 changed files with 509 additions and 762 deletions

View File

@ -33,9 +33,9 @@
<template #title>
<div class="flex items-center">
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>

View File

@ -1,9 +1,13 @@
<script lang="jsx">
import axios from 'axios';
import { Swiper, SwiperSlide } from 'swiper/vue';
import { Button, Form, FormItem, Input } from 'ant-design-vue';
import { Button, Form, FormItem, Input, Tabs } from 'ant-design-vue';
const { TextArea } = Input;
const { TabPane } = Tabs;
import { IconLoading } from '@arco-design/web-vue/es/icon';
import { Image, Textarea, Tabs, Upload, TabPane, Spin, Message as AMessage } from '@arco-design/web-vue';
import { Image, Upload, Spin, Message as AMessage } from '@arco-design/web-vue';
import TextOverTips from '@/components/text-over-tips';
import 'swiper/css';
@ -214,12 +218,12 @@ export default {
/>
</FormItem>
<FormItem label="作品描述" name="content" class="flex-1 content-form-item">
<Textarea
v-model={props.modelValue.content}
<TextArea
v-model:value={props.modelValue.content}
placeholder="请输入作品描述"
size="large"
show-word-limit
maxLength={1000}
showCount
maxlength={1000}
disabled={isDisabled.value}
/>
</FormItem>
@ -420,22 +424,20 @@ export default {
<div class="h-full w-full px-24px pt-16px pb-24px content-wrap flex">
<div class="flex-2 left-box mr-24px flex flex-col">
<div class="flex-1 mb-12px rounded-8px border-1px pt-8px flex flex-col pb-16px bg-#F7F8FA border-#E6E6E8 border-solid">
<Tabs v-model={activeTab.value} onTabClick={handleTabClick} class="mb-16px">
<Tabs activeKey={activeTab.value} onChange={handleTabClick} class="mb-16px">
{TAB_LIST.map((item) => (
<TabPane
key={item.value}
v-slots={{
title: () => (
<div class="flex items-center relative">
<span>{item.label}</span>
{
// activeTab.value === item.value && aiReview.value?.violation_items.length > 0 && (
// <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
// )
}
</div>
),
}}
tab={(
<div class="flex items-center relative">
<span>{item.label}</span>
{
// activeTab.value === item.value && aiReview.value?.violation_items.length > 0 && (
// <icon-exclamation-circle-fill size={14} class="color-#F64B31 absolute right--10px top-0" />
// )
}
</div>
)}
/>
))}
</Tabs>

View File

@ -22,21 +22,6 @@
}
}
.left-box {
:deep(.arco-tabs) {
.arco-tabs-nav {
.arco-tabs-tab {
height: 40px;
// padding: 0 8px;
margin: 0 16px;
}
&::before {
display: none;
}
}
.arco-tabs-content {
display: none;
}
}
:deep(.ant-form) {
height: 100%;
display: flex;

View File

@ -1,7 +1,8 @@
<script lang="jsx">
import axios from 'axios';
import { Button, Form, FormItem, Input } from 'ant-design-vue';
import { Textarea, Upload, Message as AMessage } from '@arco-design/web-vue';
const { TextArea } = Input;
import { Upload, Message as AMessage } from '@arco-design/web-vue';
import CommonSelect from '@/components/common-select';
import { VueDraggable } from 'vue-draggable-plus';
import TextOverTips from '@/components/text-over-tips';
@ -326,15 +327,15 @@ export default {
</FormItem>
<FormItem label="作品描述" name="content">
<Textarea
<TextArea
v-model:value={formData.value.content}
onInput={onChange}
placeholder="请输入作品描述"
size="large"
class="h-300px !w-784px"
show-word-limit
max-length={1000}
auto-size={{ minRows: 7, maxRows: 12 }}
showCount
maxlength={1000}
autoSize={{ minRows: 7, maxRows: 12 }}
/>
</FormItem>
{isVideo.value ? (

View File

@ -1,6 +1,7 @@
<script lang="jsx">
import { Modal, Button, Form, FormItem } from 'ant-design-vue';
import { Upload, Message as AMessage, Textarea } from '@arco-design/web-vue';
import { Modal, Button, Form, FormItem, Input } from 'ant-design-vue';
const { TextArea } = Input;
import { Upload, Message as AMessage } from '@arco-design/web-vue';
import {
getTemplateUrlWriter,
postWorksByLinkWriter,
@ -188,8 +189,8 @@ export default {
// 渲染链接上传表单
const renderLinkForm = () => (
<FormItem label="链接地址" name="link" required>
<Textarea
v-model={form.value.link}
<TextArea
v-model:value={form.value.link}
size="large"
placeholder="请输入飞书链接地址"
autoSize={{ minRows: 5, maxRows: 8 }}

View File

@ -29,9 +29,9 @@
<template #title>
<div class="flex items-center">
<span class="cts mr-4px">{{ column.title }}</span>
<a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
<Tooltip v-if="column.tooltip" :title="column.tooltip" placement="top">
<icon-question-circle class="tooltip-icon color-#737478" size="16" />
</a-tooltip>
</Tooltip>
</div>
</template>
@ -96,7 +96,7 @@
<script setup>
import { ref } from 'vue';
import { Button } from 'ant-design-vue';
import { Button, Tooltip } from 'ant-design-vue';
import { formatTableField, exactFormatTime } from '@/utils/tools';
import { TABLE_COLUMNS } from './constants';
import {