feat: input、textare组件替换

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

@@ -1,8 +1,9 @@
 <script lang="jsx">
 import { ref, computed } from 'vue';
-import { Button, Checkbox } from 'ant-design-vue';
+import { Button, Checkbox, Input } from 'ant-design-vue';
-import { Input, Table, TableColumn, Pagination, Tooltip, Notification } from '@arco-design/web-vue';
+import { 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';
 import { INITIAL_FORM, TABLE_COLUMNS } from './constants';
@@ -209,11 +210,11 @@ export default {
           <div class="filter-row-item flex items-center">
             <span class="label">操作人员</span>
             <Input
-              v-model={query.value.operator_name}
+              v-model:value={query.value.operator_name}
               class="w-240px"
               placeholder="请输入操作人员"
-              size="medium"
+              size="middle"
-              allow-clear
+              allowClear
               onChange={handleSearch}
               v-slots={{
                 prefix: () => <IconSearch />,
@@ -223,11 +224,11 @@ export default {
           <div class="filter-row-item flex items-center">
             <span class="label">所属模块</span>
             <Input
-              v-model={query.value.module}
+              v-model:value={query.value.module}
               class="w-240px"
               placeholder="请输入所属模块"
-              size="medium"
+              size="middle"
-              allow-clear
+              allowClear
               onChange={handleSearch}
               v-slots={{
                 prefix: () => <IconSearch />,

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, Pagination, Tooltip, Notification } from '@arco-design/web-vue';
+import { 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';

src/styles/components/ant-input.scss

@@ -6,9 +6,9 @@
   padding: 0 12px;
   display: flex;
   align-items: center;
-  color: var(--Text-4, #211F24);
+  color: var(--Text-4, #211f24);
   font-family: $font-family-regular;
-  font-size: 14px;
+  font-size: 14px !important;
   font-style: normal;
   font-weight: 400;
   &::placeholder {
@@ -24,8 +24,8 @@
     background-color: #fff !important;
   }
   &:focus-within,
-  &.arco-input-focus,
+  &.ant-input-focus,
-  &.arco-textarea-focus {
+  &.ant-textarea-focus {
     background-color: var(--color-bg-2) !important;
     border-color: rgb(var(--primary-6)) !important;
     box-shadow: 0 0 0 0 var(--color-primary-light-2) !important;
@@ -38,3 +38,20 @@
     margin-right: 4px;
   }
 }
+.ant-input-affix-wrapper {
+  padding-top: 0;
+  padding-bottom: 0;
+  &:focus,
+  &-focused {
+    box-shadow: none !important;
+  }
+  .ant-input {
+    height: 30px;
+    &.ant-input-lg {
+      height: 34px;
+    }
+    &.ant-input-sm {
+      height: 26px;
+    }
+  }
+}

src/styles/components/ant-textarea.scss

@@ -0,0 +1,5 @@
+.ant-input-textarea {
+  .ant-input {
+    padding: 8px 12px 4px 12px;
+  }
+}

src/styles/components/index.scss

@@ -19,5 +19,6 @@
 @import "./ant-table.scss";
 @import "./ant-checkbox.scss";
 @import "./ant-input.scss";
+@import "./ant-textarea.scss";
 
 

src/views/agent/index/index.vue

@@ -1,41 +1,42 @@
 <template>
   <div class="agent-wrap relative h-full pl-16px">
-    <a-input
+    <Input
-      v-model="query.name"
+      v-model:value="query.name"
       @press-enter="getData()"
       placeholder="搜索智能体"
       size="large"
       allow-clear
-      class="absolute right-0 top-4px  !w-400px"
+      class="absolute right-0 top-4px !w-400px"
     >
       <template #prefix>
         <icon-search @click="getData()" />
       </template>
-    </a-input>
+    </Input>
-    <div   v-for="(item, index) in list" :key="index">
+    <div v-for="(item, index) in list" :key="index">
       <p class="span-title w-fit mb-16px">{{ item.name }}</p>
       <a-row class="grid-demo" :gutter="[20, 16]" v-if="item.agent_products.length > 0">
-        <a-col  :xs="24"
+        <a-col :xs="24" :sm="12" :md="8" :lg="5" :xl="6" :xxl="4" v-for="(product, k) in item.agent_products" :key="k">
-                :sm="12"
-                :md="8"
-                :lg="5"
-                :xl="6"
-                :xxl="4"
-                v-for="(product, k) in item.agent_products" :key="k">
           <div class="card-container cursor-pointer !h-252px" @click="goDetail(product?.type, product?.id)">
-            <div class="card-image h-120px w-100%  bg-cover bg-center mb-8px" v-image-main-color="product.image_url">
+            <div class="card-image h-120px w-100% bg-cover bg-center mb-8px" v-image-main-color="product.image_url">
-              <img class="object-contain h-full w-100% " :src="product?.image_url"/>
+              <img class="object-contain h-full w-100%" :src="product?.image_url" />
             </div>
 
             <div class="card-content w-full">
-              <TextoverTips :context="product.name" class="card-title mb-4px !text-16px"/>
+              <TextOverTips :context="product.name" class="card-title mb-4px !text-16px" />
-              <TextoverTips :context="product.description" class="card-description mb-8px color-#737478 text-14px lh-22px font-400" :line="2" />
+              <TextOverTips
+                :context="product.description"
+                class="card-description mb-8px color-#737478 text-14px lh-22px font-400"
+                :line="2"
+              />
             </div>
 
             <div class="card-footer">
               <div
                 :class="['status-tag', product.type === 1 ? 'blue-tag' : 'red-tag']"
-                :style="{ background: product.type === 1 ? 'var(--Functional-Blue-1, #F0EDFF)' : 'var(--Functional-Red-1, #FFE9E7)' }"
+                :style="{
+                  background:
+                    product.type === 1 ? 'var(--Functional-Blue-1, #F0EDFF)' : 'var(--Functional-Red-1, #FFE9E7)',
+                }"
                 data-size="mini-20px"
               >
                 <SvgIcon
@@ -48,7 +49,9 @@
                 <div class="status-text">{{ product.type === 1 ? '对话式' : '工作流' }}</div>
               </div>
               <div class="usage-info">
-                <div class="usage-count mr-2px">{{ formatNumberShow({ value: product?.views, showExactValue: true }) }}</div>
+                <div class="usage-count mr-2px">
+                  {{ formatNumberShow({ value: product?.views, showExactValue: true }) }}
+                </div>
                 <div class="usage-label">次使用</div>
               </div>
             </div>
@@ -62,10 +65,11 @@
 </template>
 
 <script setup lang="ts">
+import { Input } from 'ant-design-vue';
 import { useRouter } from 'vue-router';
 import { getAgentList } from '@/api/all/agent';
-import { formatNumberShow } from "@/utils/tools";
+import { formatNumberShow } from '@/utils/tools';
-import TextoverTips from "@/components/text-over-tips";
+import TextOverTips from '@/components/text-over-tips';
 
 const router = useRouter();
 

src/views/agent/work-flow/components/DynamicForm.vue

@@ -9,16 +9,16 @@
         :rules="field.props.rules"
         :tooltip="field.props.tip"
       >
-        <a-input
+        <Input
           allowClear
           v-if="field.type === 'input'"
-          v-model="formData[field.props.name]"
+          v-model:value="formData[field.props.name]"
           :placeholder="field?.props?.placeholder"
         />
-        <a-textarea
+        <TextArea
           v-if="field.type === 'textarea'"
           style="width: 500px; height: 200px"
-          v-model="formData[field.props.name]"
+          v-model:value="formData[field.props.name]"
           :placeholder="field?.props?.placeholder"
         />
         <!-- <a-color-picker    v-if="field.type === 'color_picker'"
@@ -52,7 +52,8 @@
 import { defineProps, defineEmits } from 'vue';
 import ImageUpload from '@/components/upload/ImageUpload.vue';
 import FileUpload from '@/components/upload/FileUpload.vue';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
+const { TextArea } = Input;
 
 const props = defineProps({
   formFields: {
@@ -80,24 +81,25 @@ const handleSubmit = async () => {
 
 <style scoped lang="scss">
 .form-container {
-  :deep(.arco-input-wrapper),
+  :deep(.ant-input),
-  :deep(.arco-textarea-wrapper) {
+  :deep(.ant-input:focus),
+  :deep(.ant-input-focused) {
     border-radius: 4px;
     border-color: #d7d7d9;
     background-color: #fff;
     height: 35px;
     width: 300px;
 
-    &:focus-within,
+    &:focus,
-    &.arco-input-focus {
+    &:focus-within {
       background-color: var(--color-bg-2);
       border-color: rgb(var(--primary-6));
       box-shadow: 0 0 0 0 var(--color-primary-light-2);
     }
+  }
 
-    &.arco-textarea-wrapper {
+  &.ant-textarea-wrapper {
-      height: 60px;
+    height: 60px;
-    }
   }
 
   .submit-btn {

src/views/components/login/index.vue

@@ -19,28 +19,25 @@
           <span class="text-4 color-#737478">AI营销工具</span>
           <Form ref="formRef" :model="loginForm" :rules="formRules" auto-label-width class="w-320 mt-48px form-wrap">
             <FormItem name="mobile">
-              <a-input
+              <Input
-                v-model="loginForm.mobile"
+                v-model:value="loginForm.mobile"
                 placeholder="输入手机号"
-                class="form-input border border-solid border-#d7d7d9 x w-100% h-48px text-14 rounded-4px color-#333 bg-#fff"
+                class="form-input border border-solid !border-#d7d7d9 w-100% h-48px !text-14px rounded-4px color-#333 bg-#fff"
                 clearable
-                allow-clear
+                allowClear
-                @blur="validateField('mobile')"
-                @input="clearError('mobile')"
               />
             </FormItem>
             <FormItem name="captcha">
               <div
-                class="form-input border border-solid border-#d7d7d9 w-100% h-48px text-14 rounded-4px color-#333 bg-#fff flex justify-between items-center"
+                class="form-input border border-solid !border-#d7d7d9 w-100% h-48px !text-14px rounded-4px color-#333 bg-#fff flex justify-between items-center"
               >
-                <a-input
+                <Input
-                  v-model="loginForm.captcha"
+                  v-model:value="loginForm.captcha"
                   placeholder="验证码"
-                  style="background-color: #fff; border: none"
+                  style="background-color: #fff; border: none !important;"
-                  allow-clear
+                  allowClear
+                  class="form-input"
                   maxlength="6"
-                  @blur="validateField('captcha')"
-                  @input="clearError('captcha')"
                 />
                 <span
                   class="w-120 font-400 text-right mr-4 text-16px"
@@ -128,7 +125,7 @@
 </template>
 
 <script setup lang="ts">
-import { Checkbox, Modal, Button, Form, FormItem } from 'ant-design-vue';
+import { Checkbox, Modal, Button, Form, FormItem, Input } from 'ant-design-vue';
 import PuzzleVerification from './components/PuzzleVerification.vue';
 import { fetchLoginCaptCha, fetchAuthorizationsCaptcha, fetchProfileInfo } from '@/api/all/login';
 import { joinEnterpriseByInviteCode } from '@/api/all';

src/views/components/login/style.scss

@@ -1,17 +1,22 @@
 .login-wrap {
-  .arco-input-wrapper,
+  // :deep(.ant-input),
-  .arco-select-view-single,
+  // .arco-select-view-single,
-  .arco-textarea-wrapper,
+  // .arco-textarea-wrapper,
-  .arco-picker,
+  // .arco-picker,
-  .arco-select-view-multiple {
+  // .arco-select-view-multiple {
-    border-radius: 4px;
+  //   border-color: #d7d7d9 !important;
-    border-color: #d7d7d9 !important;
+  //   background-color: #fff !important;
-    background-color: #fff !important;
+  //   &:focus-within,
-    &:focus-within,
+  //   &.arco-input-focus {
-    &.arco-input-focus {
+  //     background-color: var(--color-bg-2);
-      background-color: var(--color-bg-2);
+  //     // border-color: rgb(var(--primary-6));
-      // border-color: rgb(var(--primary-6));
+  //     box-shadow: 0 0 0 0 var(--color-primary-light-2);
-      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  //   }
+  // }
+  :deep(.ant-form) {
+    color: red !important;
+    .ant-input {
+      height: 100%;
     }
   }
   .login-bg {

src/views/components/management/enterprise/index.vue

@@ -30,13 +30,14 @@
       </p>
       <Form
         :model="form"
+        :rules="rules"
         class="form"
         :label-col-props="{ span: 6, offset: 0 }"
         :wrapper-col-props="{ span: 18, offset: 0 }"
         label-align="left"
       >
         <FormItem required name="name" label="新企业名称">
-          <a-input v-model.trim="form.name" size="small" :disabled="!canUpdate" placeholder="请输入新企业名称" />
+          <Input v-model:value.trim="form.name" size="small" :disabled="!canUpdate" placeholder="请输入新企业名称" />
         </FormItem>
       </Form>
     </Modal>
@@ -44,7 +45,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { Button, Form, FormItem } from 'ant-design-vue';
+import { Button, Form, FormItem, Input } from 'ant-design-vue';
 import Container from '@/components/container.vue';
 import Modal from '@/components/modal.vue';
 import { ref, reactive, computed } from 'vue';
@@ -57,6 +58,16 @@ const form = reactive({
   name: '',
 });
 
+const rules = {
+  name: [
+    {
+      required: true,
+      message: '请输入新企业名称',
+      trigger: ['blur'],
+    },
+  ],
+};
+
 const enterpriseInfo = computed(() => {
   return store.enterpriseInfo ?? {};
 });

src/views/components/management/person/index.vue

@@ -22,6 +22,7 @@
     <Modal v-model:open="infoVisible" centered title="修改用户信息" @ok="handleSubmitUserInfo">
       <Form
         class="form"
+        :rules="rules"
         :model="userInfoForm"
         :label-col-props="{ span: 3, offset: 0 }"
         :wrapper-col-props="{ span: 21, offset: 0 }"
@@ -42,7 +43,7 @@
           </div>
         </FormItem>
         <FormItem name="name" label="昵称">
-          <a-input v-model.trim="userInfoForm.name" placeholder="请输入昵称" />
+          <Input v-model:value="userInfoForm.name" placeholder="请输入昵称" />
         </FormItem>
       </Form>
     </Modal>
@@ -55,20 +56,20 @@
         :model="form"
         class="form"
         :rules="formRules"
-        :label-col-props="{ span: 5, offset: 0 }"
+        labelAlign="right"
-        :wrapper-col-props="{ span: 19, offset: 0 }"
+        :labelCol="{ span: 4 }"
-        label-align="left"
+        :wrapperCol="{ span: 20 }"
       >
         <FormItem required name="mobile" label="新手机号">
-          <a-input v-model.trim="form.mobile" size="small" placeholder="请输入新的手机号" />
+          <Input v-model:value="form.mobile" size="small" placeholder="请输入新的手机号" />
         </FormItem>
         <FormItem required name="captcha" label="获取验证码">
-          <a-input v-model.trim="form.captcha" size="small" placeholder="请输入验证码">
+          <Input v-model:value="form.captcha" size="small" placeholder="请输入验证码">
             <template #suffix>
               <span v-if="countdown <= 0" @click="sendCaptcha">发送验证码</span>
               <span v-else>{{ countdown }}s</span>
             </template>
-          </a-input>
+          </Input>
         </FormItem>
       </Form>
       <PuzzleVerification
@@ -80,7 +81,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { Button, Form, FormItem } from 'ant-design-vue';
+import { Button, Form, FormItem, Input } from 'ant-design-vue';
 import Container from '@/components/container.vue';
 import Modal from '@/components/modal.vue';
 import PuzzleVerification from '@/views/components/login/components/PuzzleVerification.vue';
@@ -125,35 +126,32 @@ const dataSource = computed(() => {
 const formRules = {
   mobile: [
     {
-      required: true,
+      validator: (_rule: any, value: string) => {
-      message: '请填写手机号',
+        if (!value) {
-      trigger: ['blur', 'change'],
+          return Promise.reject('请填写手机号');
-    },
-    {
-      validator: (value: string, callback: (error?: string) => void) => {
-        if (!/^1[3-9]\d{9}$/.test(value)) {
-          callback('手机号格式不正确');
-        } else {
-          callback();
         }
+        if (!/^1[3-9]\d{9}$/.test(value)) {
+          return Promise.reject('手机号格式不正确');
+        }
+        return Promise.resolve();
       },
+      required: true,
       trigger: ['blur', 'change'],
     },
   ],
   captcha: [
     {
       required: true,
-      message: '请填写验证码',
+      validator: (rule, value) => {
-      trigger: ['blur', 'change'],
+        if (!value) {
-    },
+          return Promise.reject('请填写验证码');
-    {
-      validator: (value: string, callback: (error?: string) => void) => {
-        if (!/^\d{6}$/.test(value)) {
-          callback('验证码必须是6位数字');
-        } else {
-          callback();
         }
+        if (!/^\d{6}$/.test(value)) {
+          return Promise.reject('验证码必须是6位数字');
+        }
+        return Promise.resolve();
       },
+
       trigger: ['blur', 'change'],
     },
   ],

src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/index.vue

@@ -1,6 +1,6 @@
 <script lang="jsx">
-import { Button } from 'ant-design-vue';
+import { Button, Textarea } from 'ant-design-vue';
-import { Image, Spin, Input, Textarea, Affix } from '@arco-design/web-vue';
+import { Image, Spin, Affix } from '@arco-design/web-vue';
 import TextOverTips from '@/components/text-over-tips';
 import SvgIcon from '@/components/svg-icon/index.vue';
 import DeleteCommentModal from './delete-comment-modal.vue';
@@ -125,24 +125,24 @@ export default {
                 </div>
               </div>
             )}
-
+            
             <Textarea
               ref={textAreaRef}
-              auto-size
+              autoSize
-              class={`max-h-220px overflow-y-auto ${isReplay.value ? 'pt-38px' : ''}`}
+              class={`max-h-220px overflow-y-auto textarea-box ${isReplay.value ? 'pt-38px' : ''}`}
               size="large"
               placeholder="输入评论"
-              v-model={comment.value}
+              v-model:value={comment.value}
               onPressEnter={onComment}
             />
           </div>
 
           {comment.value && (
             <div class="flex justify-end mt-12px">
-              <Button type="primary" ghost class="mr-12px rounded-8px" onClick={onClearComment}>
+              <Button type="primary" ghost class="cancel-btn mr-12px !rounded-8px" onClick={onClearComment}>
                 取消
               </Button>
-              <Button type="primary" class="rounded-8px" onClick={onComment}>
+              <Button type="primary" class="!rounded-8px" onClick={onComment}>
                 发送
               </Button>
             </div>

src/views/material-center/components/finished-products/explore/detail/components/ai-suggest/style.scss

@@ -19,6 +19,9 @@
         font-family: $font-family-medium;
       }
     }
+    .cancel-btn {
+      background-color: transparent !important;
+    }
     .ai-text {
       font-family: $font-family-medium;
       font-size: 16px;
@@ -30,7 +33,7 @@
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
     }
-    :deep(.arco-textarea-wrapper) {
+    .textarea-box {
       min-height: 38px;
       display: flex;
       border-color: transparent !important;
@@ -39,14 +42,11 @@
       background-color: #fff;
       color: #211f24 !important;
       transition: all 0.3s;
-      .arco-textarea-mirror,
+      padding: 8px 16px !important;
-      .arco-textarea {
-        padding: 8px 16px !important;
-      }
       &:hover {
         border-color: #6d4cfe !important;
       }
-      &.arco-textarea-focus {
+      &:focus-within {
         border-color: #6d4cfe !important;
       }
     }

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

@@ -9,35 +9,35 @@
       <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
         <a-space size="medium">
-          <a-input
+          <Input
-            v-model="query.title"
+            v-model:value="query.title"
             class="!w-240px"
             placeholder="请输入内容稿件标题"
             size="medium"
-            allow-clear
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
+          </Input>
         </a-space>
       </div>
       <div class="filter-row-item">
         <span class="label">序号</span>
         <a-space size="medium">
-          <a-input
+          <Input
-            v-model="query.uid"
+            v-model:value="query.uid"
             class="!w-160px"
             placeholder="请输入序号"
             size="medium"
-            allow-clear
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
+          </Input>
         </a-space>
       </div>
       <div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
@@ -99,10 +99,12 @@
 </template>
 
 <script setup>
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 import { defineEmits, defineProps } from 'vue';
 import { PLATFORMS } from '@/views/material-center/components/finished-products/manuscript/check-list/constants';
 import { AuditStatus } from '@/views/material-center/components/finished-products/constants';
+import { ref, nextTick } from 'vue';
+import dayjs from 'dayjs';
 
 const props = defineProps({
   query: {

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

@@ -1,9 +1,9 @@
 <script lang="jsx">
 import axios from 'axios';
 import { Swiper, SwiperSlide } from 'swiper/vue';
-import { Button, Form, FormItem } from 'ant-design-vue';
+import { Button, Form, Input, FormItem } from 'ant-design-vue';
 import { IconLoading } from '@arco-design/web-vue/es/icon';
-import { Image, Input, Textarea, Tabs, Upload, TabPane, Spin, Message as AMessage } from '@arco-design/web-vue';
+import { Image, Textarea, Tabs, Upload, TabPane, Spin, Message as AMessage } from '@arco-design/web-vue';
 import TextOverTips from '@/components/text-over-tips';
 import HighlightTextarea from './highlight-textarea';
 
@@ -206,11 +206,11 @@ export default {
         <Form ref={formRef} model={props.modelValue} rules={FORM_RULES} layout="vertical" auto-label-width>
           <FormItem label="标题" name="title" required>
             <Input
-              v-model={props.modelValue.title}
+              v-model:value={props.modelValue.title}
               placeholder="请输入标题"
               size="large"
-              maxLength={30}
+              maxlength={30}
-              show-word-limit
+              showCount
               disabled={isDisabled.value}
             />
           </FormItem>

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

@@ -1,7 +1,7 @@
 <script lang="jsx">
 import axios from 'axios';
-import { Button, Form, FormItem } from 'ant-design-vue';
+import { Button, Form, FormItem, Input } from 'ant-design-vue';
-import { Input, Textarea, Upload, Message as AMessage } from '@arco-design/web-vue';
+import { Textarea, 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';
@@ -310,17 +310,17 @@ export default {
       <Form ref={formRef} model={formData.value} rules={props.rules} layout="vertical" auto-label-width>
         <FormItem label="标题" name="title" required>
           <Input
-            v-model={formData.value.title}
+            v-model:value={formData.value.title}
             onInput={() => {
-              console.log('onInput')
+              console.log('onInput');
               onChange();
               emit('reValidate');
             }}
             placeholder="请输入标题"
             size="large"
             class="!w-500px"
-            maxLength={30}
+            maxlength={30}
-            show-word-limit
+            showCount
           />
         </FormItem>
 

src/views/material-center/components/finished-products/manuscript/components/share-manuscript-modal/share-modal.vue

@@ -1,6 +1,6 @@
 <script lang="jsx">
-import { Button, Modal, Form, FormItem } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem, Input } from 'ant-design-vue';
-import { Input, Message as AMessage } from '@arco-design/web-vue';
+import { Message as AMessage } from '@arco-design/web-vue';
 import CommonSelect from '@/components/common-select';
 
 import { useClipboard } from '@vueuse/core';
@@ -147,7 +147,7 @@ export default {
               ),
             }}
           >
-            <Input v-model={formData.value.receiver} class="!w-240px" size="large" placeholder="请输入分享对象" />
+            <Input v-model:value={formData.value.receiver} class="!w-240px" size="large" placeholder="请输入分享对象" />
           </FormItem>
         </Form>
       </Modal>

src/views/material-center/components/finished-products/manuscript/components/upload-manuscript-modal/index.vue

@@ -1,6 +1,6 @@
 <script lang="jsx">
-import { Modal, Button, Form, FormItem, RadioGroup, Radio } from 'ant-design-vue';
+import { Modal, Button, Form, FormItem, RadioGroup, Radio, Input } from 'ant-design-vue';
-import { Input, Upload, Message as AMessage, Textarea } from '@arco-design/web-vue';
+import { Upload, Message as AMessage, Textarea } from '@arco-design/web-vue';
 import { useClipboard } from '@vueuse/core';
 import { getWriterLinksGenerate, getTemplateUrl, postWorksByLink, postWorksByFile } from '@/api/all/generationWorkshop';
 import { generateFullUrl } from '@/utils/tools';
@@ -223,7 +223,7 @@ export default {
     // 渲染手写上传表单
     const renderHandwriteForm = () => (
       <FormItem label="上传链接" name="writerLink">
-        <Input v-model={form.value.writerLink} placeholder="请输入上传链接" disabled size="large" />
+        <Input v-model:value={form.value.writerLink} placeholder="请输入上传链接" disabled size="large" />
       </FormItem>
     );
 

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

@@ -3,18 +3,17 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
-        <a-input
+        <Input
-          v-model="query.title"
+          v-model:value="query.title"
           class="!w-240px"
           placeholder="请输入内容稿件标题"
-          size="medium"
+          allowClear
-          allow-clear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <!-- <div class="filter-row-item">
         <span class="label">所属项目</span>
@@ -28,20 +27,17 @@
       </div> -->
       <div class="filter-row-item">
         <span class="label">序号</span>
-        <a-space size="medium">
+        <Input
-          <a-input
+          v-model:value="query.uid"
-            v-model="query.uid"
+          class="!w-160px"
-            class="!w-160px"
+          placeholder="请输入序号"
-            placeholder="请输入序号"
+          allowClear
-            size="medium"
+          @change="handleSearch"
-            allow-clear
+        >
-            @change="handleSearch"
+          <template #prefix>
-          >
+            <icon-search />
-            <template #prefix>
+          </template>
-              <icon-search />
+        </Input>
-            </template>
-          </a-input>
-        </a-space>
       </div>
       <div class="filter-row-item">
         <span class="label">审核状态</span>
@@ -68,13 +64,13 @@
       <div class="filter-row-item">
         <Button type="primary" ghost class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
-            <icon-search class="mr-8px"/>
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
         </Button>
         <Button size="medium" @click="handleReset">
           <template #icon>
-            <icon-refresh class="mr-8px"/>
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
         </Button>
@@ -84,7 +80,7 @@
 </template>
 
 <script setup>
-import { Button } from 'ant-design-vue';
+import { Button, Input } 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

@@ -3,47 +3,26 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">文件名称</span>
-        <a-input
+        <Input
-          v-model="query.name"
+          v-model:value="query.name"
           class="!w-240px"
           placeholder="请输入文件名称"
-          size="medium"
+          allowClear
-          allow-clear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <div class="filter-row-item">
         <span class="label">序号</span>
-        <a-space size="medium">
+        <Input v-model:value="query.uid" class="!w-160px" placeholder="请输入序号" allowClear @change="handleSearch">
-          <a-input
+          <template #prefix>
-            v-model="query.uid"
+            <icon-search />
-            class="!w-160px"
+          </template>
-            placeholder="请输入序号"
+        </Input>
-            size="medium"
-            allow-clear
-            @change="handleSearch"
-          >
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-space>
       </div>
-      <!-- <div class="filter-row-item">
-        <span class="label">来源</span>
-        <CommonSelect
-          placeholder="请选择所属项目"
-          :options="CHECK_STATUS"
-          v-model="query.audit_status"
-          class="!w-160px"
-          :multiple="false"
-          @change="handleSearch"
-        />
-      </div> -->
       <div class="filter-row-item">
         <span class="label">上传时间</span>
         <a-range-picker
@@ -58,13 +37,13 @@
       <div class="filter-row-item">
         <Button type="primary" ghost class="mr-12px" size="medium" @click="handleSearch">
           <template #icon>
-            <icon-search class="mr-8px"/>
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
         </Button>
         <Button size="medium" @click="handleReset">
           <template #icon>
-            <icon-refresh class="mr-8px"/>
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
         </Button>
@@ -74,9 +53,9 @@
 </template>
 
 <script setup>
-import { defineEmits, defineProps } from 'vue';
+import { defineEmits, defineProps, ref, nextTick } from 'vue';
-// import CommonSelect from '@/components/common-select';
+import { Button, Input } from 'ant-design-vue';
-import { Button } from 'ant-design-vue';
+import dayjs from 'dayjs';
 
 const props = defineProps({
   query: {
@@ -113,10 +92,8 @@ const onDateChange = (value) => {
   handleSearch();
 };
 
-
 const handleReset = () => {
   created_at.value = [];
   emits('reset');
 };
-
 </script>

src/views/property-marketing/brands/brand-materials/index.vue

@@ -13,11 +13,11 @@
           <div class="filter-row-item flex items-center">
             <span class="label">品牌名称</span>
             <a-space size="medium">
-              <a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
+              <Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="medium" allowClear>
                 <template #prefix>
                   <icon-search />
                 </template>
-              </a-input>
+              </Input>
             </a-space>
           </div>
           <div class="filter-row flex">
@@ -46,9 +46,9 @@
           <template #title>
             <span class="modal-title">{{ form.id > 0 ? '编辑品牌' : '添加品牌' }}</span>
           </template>
-          <Form :model="form" :rules="formRule" ref="formRef" layout="horizontal" auto-label-width labelAlign="right" :labelCol="{ span: 4 }" :wrapperCol="{ span: 20 }">
+          <Form :model="form" :rules="formRule" ref="formRef" layout="horizontal" labelAlign="right" :labelCol="{ span: 3 }" :wrapperCol="{ span: 21 }">
             <FormItem name="name" label="品牌名称">
-              <a-input v-model="form.name" class="h-36px" placeholder="请输入..." />
+              <Input v-model:value="form.name" class="h-36px" placeholder="请输入..." />
             </FormItem>
             <FormItem name="logo" class="form-item-logo" label="标准版Logo">
               <div class="inline-flex">
@@ -62,7 +62,7 @@
               <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
             </FormItem>
             <FormItem name="slogan" label="Slogan">
-              <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
+              <TextArea v-model:value="form.slogan" placeholder="请输入..." :maxlength="50" showCount />
             </FormItem>
           </Form>
           <template #footer>
@@ -128,7 +128,8 @@
 import { ref, computed, reactive, onMounted } from 'vue';
 import { Message } from '@arco-design/web-vue';
 import { IconDelete } from '@arco-design/web-vue/es/icon';
-import { Button, Modal, Form, FormItem } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem, Input } from 'ant-design-vue';
+const { TextArea } = Input;
 
 import {
   addMaterials,

src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue

@@ -9,13 +9,11 @@
         <div class="filter-row flex mb-20px">
           <div class="filter-row-item flex items-center">
             <span class="label">服务/产品</span>
-            <a-space size="medium">
+            <Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="middle" allowClear>
-              <a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
+              <template #prefix>
-                <template #prefix>
+                <icon-search />
-                  <icon-search />
+              </template>
-                </template>
+            </Input>
-              </a-input>
-            </a-space>
           </div>
           <div class="filter-row-item flex items-center">
             <span class="label">时间筛选</span>
@@ -44,8 +42,7 @@
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
     >
-      <a-table :columns="columns" :data="tableData" @change="handleChange"  :pagination="false">
+      <a-table :columns="columns" :data="tableData" @change="handleChange" :pagination="false"> </a-table>
-      </a-table>
       <div class="pagination-row">
         <a-pagination
           :total="pageInfo.total"
@@ -65,7 +62,7 @@
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 
 const pageInfo = reactive({
   page: 1,
@@ -160,9 +157,9 @@ const columns = [
     background: var(--BG-white, #fff);
   }
 
-  :deep(.arco-input-wrapper),
+  :deep(.arcoInput-wrapper),
   :deep(.arco-select-view-single),
-  :deep(.arco-textarea-wrapper),
+  :deep(.ant-input),
   :deep(.arco-picker),
   :deep(.arco-select-view-multiple) {
     border-radius: 4px;
@@ -170,7 +167,7 @@ const columns = [
     background-color: #fff;
 
     &:focus-within,
-    &.arco-input-focus {
+    &.arcoInput-focus {
       background-color: var(--color-bg-2);
       border-color: rgb(var(--primary-6));
       box-shadow: 0 0 0 0 var(--color-primary-light-2);

src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue

@@ -10,11 +10,11 @@
           <div class="filter-row-item flex items-center">
             <span class="label">服务/产品</span>
             <a-space size="medium">
-              <a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
+              <Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="medium" allowClear>
                 <template #prefix>
                   <icon-search />
                 </template>
-              </a-input>
+              </Input>
             </a-space>
           </div>
           <div class="filter-row-item flex items-center">
@@ -63,7 +63,7 @@
 </template>
 
 <script setup lang="ts">
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 import { reactive, ref } from 'vue';
 
 const pageInfo = reactive({
@@ -151,7 +151,7 @@ const columns = [
 
   :deep(.arco-input-wrapper),
   :deep(.arco-select-view-single),
-  :deep(.arco-textarea-wrapper),
+  :deep(.ant-input),
   :deep(.arco-picker),
   :deep(.arco-select-view-multiple) {
     border-radius: 4px;

src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue

@@ -8,18 +8,17 @@
     <div class="filter-row flex">
       <div class="filter-row-item flex items-center">
         <span class="label">账号名称</span>
-        <a-input
+        <Input
-          v-model="query.name"
+          v-model:value="query.name"
           placeholder="请搜索..."
-          size="medium"
           class="!w-240px"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">分组</span>
@@ -69,8 +68,8 @@
 </template>
 
 <script setup>
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
-import { reactive, defineEmits, defineProps } from 'vue';
+import { reactive, defineEmits, defineProps, onMounted, nextTick, ref } from 'vue';
 import { fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
 import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
 import CommonSelect from '@/components/common-select';

src/views/property-marketing/media-account/account-detail/components/note-table/index.vue

@@ -3,7 +3,7 @@
  * @Date: 2025-06-28 12:58:09
 -->
 <template>
-  <div class="note-table-wrap bg-#fff rounded-8px  px-24px flex-1 flex flex-col">
+  <div class="note-table-wrap bg-#fff rounded-8px px-24px flex-1 flex flex-col">
     <div class="title-row">
       <div class="flex items-center">
         <span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span>
@@ -15,30 +15,26 @@
     <div class="filter-row flex my-16px">
       <div class="filter-row-item flex items-center">
         <span class="label">笔记标题</span>
-        <a-space size="medium" class="w-240px">
+        <Input v-model:value="query.title" class="!w-240px" placeholder="请搜索..." allowClear @change="handleSearch">
-          <a-input v-model="query.title" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+          <template #prefix>
-            <template #prefix>
+            <icon-search />
-              <icon-search />
+          </template>
-            </template>
+        </Input>
-          </a-input>
-        </a-space>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">发布日期</span>
-        <a-space size="medium" class="w-260px">
+        <a-range-picker
-          <a-range-picker
+          v-model="published_at"
-            v-model="published_at"
+          size="medium"
-            size="medium"
+          class="!w-260px"
-            allow-clear
+          allow-clear
-            format="YYYY-MM-DD"
+          format="YYYY-MM-DD"
-            class="w-100%"
+          @change="onDateChange"
-            @change="onDateChange"
+        />
-          />
-        </a-space>
       </div>
       <Button type="primary" ghost class="w-84px mr-12px" @click="handleSearch">
         <template #icon>
-          <icon-search class="mr-8px"/>
+          <icon-search class="mr-8px" />
         </template>
         <template #default>搜索</template>
       </Button>
@@ -114,7 +110,7 @@
 </template>
 
 <script setup>
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 import { TABLE_COLUMNS, INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
 import { useRoute } from 'vue-router';
 import { formatTableField, exactFormatTime, formatNumberShow } from '@/utils/tools';

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

@@ -4,8 +4,8 @@
 -->
 <script lang="jsx">
 import { ref, computed } from 'vue';
-import { Button, Modal, Form, FormItem, RadioGroup, Radio } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem, RadioGroup, Radio, Input } from 'ant-design-vue';
-import { Input, Upload, Switch, Tooltip, Message as AMessage, Textarea } from '@arco-design/web-vue';
+import { Upload, Switch, Tooltip, Message as AMessage, Textarea } from '@arco-design/web-vue';
 import AuthorizedAccountModal from '../authorized-account-modal';
 // import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
@@ -340,10 +340,10 @@ export default {
               {isEdit.value && (
                 <>
                   <FormItem label="账号名称" name="name">
-                    <Input v-model={form.value.name} placeholder="请输入..." size="large" disabled />
+                    <Input v-model:value={form.value.name} placeholder="请输入..." size="large" disabled />
                   </FormItem>
                   <FormItem label="账号ID" name="account_id">
-                    <Input v-model={form.value.account_id} placeholder="请输入..." size="large" disabled />
+                    <Input v-model:value={form.value.account_id} placeholder="请输入..." size="large" disabled />
                   </FormItem>
                   <FormItem label="状态" name="status">
                     <StatusBox item={form.value} />
@@ -351,10 +351,10 @@ export default {
                 </>
               )}
               <FormItem label="手机号码" name="mobile" required>
-                <Input v-model={form.value.mobile} placeholder="请输入..." size="large" />
+                <Input v-model:value={form.value.mobile} placeholder="请输入..." size="large" />
               </FormItem>
               <FormItem label="运营人员" name="operator_name" required>
-                <Input v-model={form.value.operator_name} placeholder="请输入..." class="w-240px" size="large" />
+                <Input v-model:value={form.value.operator_name} placeholder="请输入..." class="w-240px" size="large" />
               </FormItem>
               <FormItem label="运营平台" required={!isEdit.value}>
                 {isEdit.value ? (
@@ -367,7 +367,7 @@ export default {
                 )}
               </FormItem>
               <FormItem label="号码持有人" name="holder_name">
-                <Input v-model={form.value.holder_name} placeholder="请输入..." class="w-240px" size="large" />
+                <Input v-model:value={form.value.holder_name} placeholder="请输入..." class="w-240px" size="large" />
               </FormItem>
               <FormItem label="所属项目">
                 <CommonSelect

src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue

@@ -8,83 +8,70 @@
     <div class="filter-row flex">
       <div class="filter-row-item">
         <span class="label">账号名称/ID/手机号</span>
-        <a-space size="medium">
+        <Input v-model:value="query.search" class="w-240px" placeholder="请搜索..." allowClear @change="handleSearch">
-          <a-input
+          <template #prefix>
-            v-model="query.search"
+            <icon-search />
-            class="w-240px"
+          </template>
-            placeholder="请搜索..."
+        </Input>
-            size="medium"
-            allow-clear
-            @change="handleSearch"
-          >
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-space>
       </div>
       <div class="filter-row-item">
         <span class="label">状态</span>
-        <a-space class="w-180px">
+        <StatusSelect v-model="query.status" @change="handleSearch" class="w-180px" />
-          <StatusSelect v-model="query.status" @change="handleSearch" />
-        </a-space>
       </div>
       <div class="filter-row-item">
         <span class="label">平台</span>
-        <a-space class="w-160px">
+        <a-select
-          <a-select v-model="query.platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+          v-model="query.platform"
-            <a-option
+          class="w-160px"
-              v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
+          size="medium"
-              :key="index"
+          placeholder="全部"
-              :value="item.value"
+          allow-clear
-              :label="item.label"
+          @change="handleSearch"
-              >{{ item.label }}</a-option
+        >
-            >
+          <a-option
-          </a-select>
+            v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
-        </a-space>
+            :key="index"
+            :value="item.value"
+            :label="item.label"
+            >{{ item.label }}</a-option
+          >
+        </a-select>
       </div>
       <div class="filter-row-item">
         <span class="label">运营人员</span>
-        <a-space class="w-160px">
+        <CommonSelect
-          <CommonSelect
+          class="w-160px"
-            v-model="query.operator_id"
+          v-model="query.operator_id"
-            allowSearch
+          allowSearch
-            :multiple="false"
+          :multiple="false"
-            :options="operators"
+          :options="operators"
-            @change="handleSearch"
+          @change="handleSearch"
-          />
+        />
-        </a-space>
       </div>
     </div>
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">分组</span>
-        <a-space class="w-200px">
+        <CommonSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" class="!w-200px" />
-          <CommonSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
-        </a-space>
       </div>
       <div class="filter-row-item">
         <span class="label">所属项目</span>
-        <a-space class="w-200px">
+        <CommonSelect v-model="query.project_ids" :options="projects" @change="handleSearch" class="!w-200px" />
-          <CommonSelect v-model="query.project_ids" :options="projects" @change="handleSearch" />
-        </a-space>
       </div>
       <div class="filter-row-item">
         <span class="label">标签</span>
-        <a-space class="w-320px">
+        <CommonSelect v-model="query.tag_ids" :options="tags" @change="handleSearch" class="!w-320px" />
-          <CommonSelect v-model="query.tag_ids" :options="tags" @change="handleSearch" />
-        </a-space>
       </div>
       <div class="filter-row-item">
-        <Button type="primary" ghost class="w-84px mr-12px"@click="handleSearch">
+        <Button type="primary" ghost class="w-84px mr-12px" @click="handleSearch">
           <template #icon>
-            <icon-search class="mr-8px"/>
+            <icon-search class="mr-8px" />
           </template>
           <template #default>搜索</template>
         </Button>
         <Button class="w-84px" @click="handleReset">
           <template #icon>
-            <icon-refresh class="mr-8px"/>
+            <icon-refresh class="mr-8px" />
           </template>
           <template #default>重置</template>
         </Button>
@@ -95,7 +82,7 @@
 
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 import {
   fetchAccountTags,
   getProjectList,

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

@@ -13,7 +13,7 @@
   >
     <Form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
       <FormItem :label="isEdit ? '分组名称' : '新分组名称'" name="name" required>
-        <a-input v-model="form.name" placeholder="请输入…" />
+        <Input v-model:value="form.name" placeholder="请输入…" />
       </FormItem>
     </Form>
     <template #footer>
@@ -25,7 +25,7 @@
 
 <script setup>
 import { ref, watch, nextTick } from 'vue';
-import { Button, Modal, Form, FormItem } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem, Input } from 'ant-design-vue';
 import { postAccountGroups, putGroup } from '@/api/all/propertyMarketing';
 
 const emits = defineEmits(['success', 'close']);

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

@@ -17,11 +17,11 @@
       <div class="filter-row-item flex items-center">
         <span class="s1 !color-#211F24 mr-12px">分组名称</span>
         <a-space size="medium" class="w-240px">
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="reload">
+          <Input v-model:value="query.name" placeholder="请搜索..." size="middle" allowClear @change="reload">
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
+          </Input>
         </a-space>
       </div>
       <Button type="primary" size="middle" @click="openAdd"
@@ -82,7 +82,7 @@
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue';
-import { Button, Modal } from 'ant-design-vue';
+import { Button, Modal, Input } from 'ant-design-vue';
 import { getAccountGroup } from '@/api/all/propertyMarketing';
 import { exactFormatTime } from '@/utils/tools';
 

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

@@ -9,7 +9,7 @@
   >
     <Form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
       <FormItem :label="isEdit ? '标签名称' : '新标签名称'" name="name" required>
-        <a-input v-model="form.name" placeholder="请输入…" />
+        <Input v-model:value="form.name" placeholder="请输入…" />
       </FormItem>
     </Form>
     <template #footer>
@@ -21,7 +21,7 @@
 
 <script setup>
 import { ref, nextTick } from 'vue';
-import { Button, Modal, Form, FormItem } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem, Input } from 'ant-design-vue';
 import { postAccountTags, putTag } from '@/api/all/propertyMarketing';
 
 const emits = defineEmits(['success', 'close']);

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

@@ -16,17 +16,22 @@
     <div class="flex items-center justify-between mb-16px">
       <div class="filter-row-item flex items-center">
         <span class="s1 !color-#211F24 mr-12px">分组名称</span>
-        <a-space size="medium" class="w-240px">
+        <Input
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+          v-model:value="query.name"
-            <template #prefix>
+          placeholder="请搜索..."
-              <icon-search />
+          class="w-240px"
-            </template>
+          size="medium"
-          </a-input>
+          allowClear
-        </a-space>
+          @change="handleSearch"
+        >
+          <template #prefix>
+            <icon-search />
+          </template>
+        </Input>
       </div>
       <Button type="primary" @click="openAdd">
         <template #icon>
-          <icon-plus size="16" class="mr-8px"/>
+          <icon-plus size="16" class="mr-8px" />
         </template>
         <template #default>添加新标签</template>
       </Button>
@@ -46,7 +51,7 @@
           <span class="s1 mb-16px">暂无标签</span>
           <Button type="primary" class="mb-16px" @click="openAdd">
             <template #icon>
-              <icon-plus size="16" class="mr-8px"/>
+              <icon-plus size="16" class="mr-8px" />
             </template>
             <template #default>去添加</template>
           </Button>
@@ -61,9 +66,8 @@
 
 <script setup>
 import { ref } from 'vue';
-import { Button, Modal } from 'ant-design-vue';
+import { Button, Modal, Input } from 'ant-design-vue';
 import { getTagsList } from '@/api/all/propertyMarketing';
-
 import AddTag from './add-tag.vue';
 import DeleteTag from './delete-tag.vue';
 

src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepFour.vue

@@ -2,30 +2,30 @@
   <div class="table-wrap flex h-448px">
     <div class="left flex-1 pr-12px flex flex-col">
       <div class="flex items-center mb-16px">
-        <a-input
+        <Input
-          v-model="query.uid"
+          v-model:value="query.uid"
           class="w-160px mr-16px"
           placeholder="搜索序号"
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
-        <a-input
+        <Input
-          v-model="query.title"
+          v-model:value="query.title"
           class="w-220px mr-16px"
           placeholder="搜索内容稿件标题"
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
 
         <a-select
           v-model="query.uploader_id"
@@ -113,7 +113,7 @@
 
 <script setup>
 import { formatTableField, exactFormatTime } from '@/utils/tools';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 
 import { getPlacementAccountOperators, getWorksList } from '@/api/all/propertyMarketing';
 import { getUserList } from '@/api/all/common';

src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepOne.vue

@@ -1,34 +1,45 @@
 <template>
-  <Form ref="formRef" :model="formQuery" :rules="rules" layout="horizontal" auto-label-width class="h-448px">
+  <Form
+    ref="formRef"
+    :model="formQuery"
+    :rules="rules"
+    layout="horizontal"
+    class="h-448px"
+    labelAlign="right"
+    :labelCol="{ span: 2 }"
+    :wrapperCol="{ span: 21 }"
+  >
     <FormItem label="项目名称" required name="name">
-      <a-input v-model="formQuery.name" placeholder="请输入项目名称" size="large" class="!w-400px" />
+      <Input v-model:value="formQuery.name" placeholder="请输入项目名称" size="large" class="!w-400px" />
     </FormItem>
     <FormItem label="项目预算" name="budget">
-      <a-input v-model="formQuery.budget" placeholder="请输入项目预算" size="large" class="!w-400px" />
+      <Input v-model:value="formQuery.budget" placeholder="请输入项目预算" size="large" class="!w-400px" />
     </FormItem>
     <FormItem label="项目目标" name="target">
-      <a-textarea
+      <TextArea
-        v-model="formQuery.target"
+        v-model:value="formQuery.target"
         placeholder="请输入项目目标"
-        :max-length="500"
+        class="!h-154px"
-        show-word-limit
+        :maxlength="500"
-        class="h-154px"
+        showCount
       />
     </FormItem>
     <FormItem label="项目背景" name="background">
-      <a-textarea
+      <TextArea
-        v-model="formQuery.background"
+        v-model:value="formQuery.background"
+        class="!h-154px"
         placeholder="请输入项目背景"
-        :max-length="500"
+        :maxlength="500"
-        show-word-limit
+        showCount
-        class="h-154px"
       />
     </FormItem>
   </Form>
 </template>
 
 <script setup>
-import { Form, FormItem } from 'ant-design-vue';
+import { Form, FormItem, Input } from 'ant-design-vue';
+const { TextArea } = Input;
+import { ref } from 'vue';
 
 const props = defineProps({
   formQuery: {
@@ -44,7 +55,7 @@ const rules = {
 };
 
 const validate = async () => {
-  return formRef.value.validate()
+  return formRef.value.validate();
 };
 
 const reset = () => {

src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepThree.vue

@@ -2,18 +2,18 @@
   <div class="table-wrap flex h-448px">
     <div class="left flex-1 pr-12px flex flex-col">
       <div class="flex items-center mb-16px">
-        <a-input
+        <Input
-          v-model="query.name"
+          v-model:value="query.name"
           class="w-220px mr-16px"
           placeholder="搜索账户"
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
         <a-select
           v-model="query.platform"
           class="mr-16px w-160px"
@@ -117,7 +117,7 @@
 <script setup>
 import { PLATFORM_LIST, getPutAccountPlatformLogo } from '@/utils/platform';
 import { formatTableField } from '@/utils/tools';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 
 import { getPlacementAccountOperators, getPlacementAccountsList } from '@/api/all/propertyMarketing';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';

src/views/property-marketing/project-manage/project-list/components/add-project-modal/stepTwo.vue

@@ -2,18 +2,18 @@
   <div class="table-wrap flex h-448px">
     <div class="left flex-1 pr-12px flex flex-col">
       <div class="flex items-center mb-16px">
-        <a-input
+        <Input
-          v-model="query.name"
+          v-model:value="query.name"
           class="w-220px mr-16px"
           placeholder="搜索账号"
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
         <a-select
           v-model="query.platform"
           class="mr-16px w-160px"
@@ -115,7 +115,7 @@
 <script setup>
 import { MEDIA_ACCOUNT_PLATFORMS, getMediaAccountPlatformLogo } from '@/utils/platform';
 import { formatTableField } from '@/utils/tools';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 
 import { fetchAccountOperators, getMediaAccountList } from '@/api/all/propertyMarketing';
 import { useTableSelectionWithPagination } from '@/hooks/useTableSelectionWithPagination';

src/views/property-marketing/project-manage/project-list/components/filter-block/index.vue

@@ -9,22 +9,22 @@
       <div class="filter-row-item flex items-center">
         <span class="label">项目名称</span>
         <a-space size="medium">
-          <a-input
+          <Input
-            v-model="query.name"
+            v-model:value="query.name"
             class="w-240px"
             placeholder="请搜索..."
             size="medium"
-            allow-clear
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
+          </Input>
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
-        <Button type="primary" ghost class="mr-12px"@click="handleSearch">
+        <Button type="primary" ghost class="mr-12px" @click="handleSearch">
           <template #icon>
             <icon-search class="mr-8px"/>
           </template>
@@ -43,7 +43,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 
 const props = defineProps({
   query: {

src/views/property-marketing/put-account/account-data/components/filter-block/index.vue

@@ -9,11 +9,11 @@
       <div class="filter-row-item flex items-center">
         <span class="label">{{ isAccountTab ? '账户名称' : '计划名称' }}</span>
         <a-space size="medium" class="w-240px">
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+          <Input v-model:value="query.name" placeholder="请搜索..." size="middle" allowClear @change="handleSearch">
             <template #prefix>
-              <icon-search />
+              <SearchOutlined />
             </template>
-          </a-input>
+          </Input>
         </a-space>
       </div>
       <div v-if="!isAccountTab" class="filter-row-item flex items-center">
@@ -73,7 +73,7 @@
 
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 import {
   getPlacementAccountProjectGroupsList,
   getPlacementAccountsList,

src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue

@@ -13,7 +13,7 @@
   >
     <Form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
       <FormItem :label="isEdit ? '分组名称' : '新分组名称'" name="name" required>
-        <a-input v-model="form.name" placeholder="请输入…" />
+        <Input v-model:value="form.name" placeholder="请输入…" />
       </FormItem>
     </Form>
     <template #footer>
@@ -25,7 +25,7 @@
 
 <script setup>
 import { ref, watch, nextTick } from 'vue';
-import { Button, Modal, Form, FormItem } from 'ant-design-vue';
+import { Button, Modal, Form, FormItem, Input } from 'ant-design-vue';
 import { postPlacementAccountProjectGroups, putPlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
 
 const emits = defineEmits(['success', 'close']);

src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue

@@ -17,11 +17,11 @@
       <div class="filter-row-item flex items-center">
         <span class="s1 !color-#211F24 mr-12px">分组名称</span>
         <a-space size="medium" class="w-240px">
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+          <Input v-model:value="query.name" placeholder="请搜索..." size="middle" allowClear @change="handleSearch">
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
+          </Input>
         </a-space>
       </div>
       <Button type="primary" size="medium" @click="openAdd"
@@ -81,7 +81,7 @@
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue';
-import { Button, Modal } from 'ant-design-vue';
+import { Button, Modal, Input } from 'ant-design-vue';
 import { getPlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
 import { exactFormatTime } from '@/utils/tools';
 

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

@@ -220,7 +220,6 @@ const formRules = {
         if (!value) {
           return Promise.reject('请填写手机号');
         }
-        console.log({ value });
         if (!/^1[3-9]\d{9}$/.test(value)) {
           return Promise.reject('手机号格式不正确');
         } else {

src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue

@@ -33,10 +33,10 @@
         </template>
         <Form v-else ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
           <FormItem label="账户" name="account">
-            <a-input v-model="form.account" placeholder="请输入..." size="large" />
+            <Input v-model:value="form.account" placeholder="请输入..." size="large" />
           </FormItem>
           <FormItem label="密码" name="password">
-            <a-input-password v-model="form.password" placeholder="请输入..." size="large" />
+            <Input.Password v-model:value="form.password" placeholder="请输入..." size="large" />
           </FormItem>
         </Form>
       </template>
@@ -52,7 +52,7 @@
 
 <script setup>
 // 添加Modal导入
-import { Modal, Form, FormItem } from 'ant-design-vue';
+import { Modal, Form, FormItem, Input } from 'ant-design-vue';
 import dayjs from 'dayjs';
 import { Button } from 'ant-design-vue';
 import { defineExpose, ref, computed, defineEmits } from 'vue';

src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue

@@ -8,18 +8,18 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">账号名称/ID/手机号</span>
-        <a-input
+        <Input
-          v-model="query.search"
+          v-model:value="query.search"
           class="w-240px"
           placeholder="请搜索..."
           size="medium"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <div class="filter-row-item">
         <span class="label">状态</span>
@@ -76,7 +76,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 import { getPlacementAccountOperators, getProjectList } from '@/api/all/propertyMarketing';
 import { PLATFORM_LIST } from '@/utils/platform';
 import StatusSelect from '@/views/property-marketing/put-account/components/status-select';

src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/index.vue

@@ -12,33 +12,33 @@
     <div class="filter-row flex mb-16px">
       <div class="filter-row-item flex items-center">
         <span class="label">账户名称</span>
-        <a-input
+        <Input
-          v-model="query.account_name"
+          v-model:value="query.account_name"
           class="w-240px"
           placeholder="请搜索..."
           size="medium"
-          allow-clear
+          allowClear
           @change="reload"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">账户ID</span>
-        <a-input
+        <Input
-          v-model="query.account_id"
+          v-model:value="query.account_id"
           class="w-240px"
           placeholder="请搜索..."
           size="medium"
-          allow-clear
+          allowClear
           @change="reload"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
     </div>
 
@@ -115,7 +115,7 @@
 </template>
 
 <script setup>
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 import { INITIAL_FORM, INITIAL_PAGE_INFO, TABLE_COLUMNS } from './constants';
 import { formatTableField } from '@/utils/tools';
 import { postSubAccount, postAddSubAccount } from '@/api/all/propertyMarketing';

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

@@ -9,35 +9,35 @@
       <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
         <a-space size="medium">
-          <a-input
+          <Input
-            v-model="query.title"
+            v-model:value="query.title"
             class="!w-240px"
             placeholder="请输入内容稿件标题"
-            size="medium"
+            size="middle"
-            allow-clear
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
+          </Input>
         </a-space>
       </div>
       <div class="filter-row-item">
         <span class="label">序号</span>
         <a-space size="medium">
-          <a-input
+          <Input
-            v-model="query.uid"
+            v-model:value="query.uid"
             class="!w-160px"
             placeholder="请输入序号"
-            size="medium"
+            size="middle"
-            allow-clear
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
+          </Input>
         </a-space>
       </div>
       <div class="filter-row-item" v-if="query.audit_status === AuditStatus.Pending">
@@ -100,7 +100,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 import { PLATFORMS } from '@/views/writer-material-center/components/finished-products/manuscript/check-list/constants';
 import { AuditStatus } from '@/views/writer-material-center/components/finished-products/constants';
 

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

@@ -1,9 +1,9 @@
 <script lang="jsx">
 import axios from 'axios';
 import { Swiper, SwiperSlide } from 'swiper/vue';
-import { Button, Form, FormItem } from 'ant-design-vue';
+import { Button, Form, FormItem, Input } from 'ant-design-vue';
 import { IconLoading } from '@arco-design/web-vue/es/icon';
-import { Image, Input, Textarea, Tabs, Upload, TabPane, Spin, Message as AMessage } from '@arco-design/web-vue';
+import { Image, Textarea, Tabs, Upload, TabPane, Spin, Message as AMessage } from '@arco-design/web-vue';
 import TextOverTips from '@/components/text-over-tips';
 
 import 'swiper/css';
@@ -205,11 +205,11 @@ export default {
         <Form ref={formRef} model={props.modelValue} rules={FORM_RULES} layout="vertical" auto-label-width>
           <FormItem label="标题" name="title" required>
             <Input
-              v-model={props.modelValue.title}
+              v-model:value={props.modelValue.title}
               placeholder="请输入标题"
               size="large"
-              maxLength={30}
+              maxlength={30}
-              show-word-limit
+              showCount
               disabled={isDisabled.value}
             />
           </FormItem>

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

@@ -1,7 +1,7 @@
 <script lang="jsx">
 import axios from 'axios';
-import { Button, Form, FormItem } from 'ant-design-vue';
+import { Button, Form, FormItem, Input } from 'ant-design-vue';
-import { Input, Textarea, Upload, Message as AMessage } from '@arco-design/web-vue';
+import { Textarea, 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';
@@ -312,7 +312,7 @@ export default {
       <Form ref={formRef} model={formData.value} rules={props.rules} layout="vertical" auto-label-width>
         <FormItem label="标题" name="title" required>
           <Input
-            v-model={formData.value.title}
+            v-model:value={formData.value.title}
             onInput={() => {
               onChange();
               emit('reValidate');
@@ -320,14 +320,14 @@ export default {
             placeholder="请输入标题"
             size="large"
             class="!w-500px"
-            maxLength={30}
+            maxlength={30}
-            show-word-limit
+            showCount
           />
         </FormItem>
 
         <FormItem label="作品描述" name="content">
           <Textarea
-            v-model={formData.value.content}
+            v-model:value={formData.value.content}
             onInput={onChange}
             placeholder="请输入作品描述"
             size="large"

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

@@ -3,18 +3,18 @@
     <div class="filter-row">
       <div class="filter-row-item">
         <span class="label">内容稿件标题</span>
-        <a-input
+        <Input
-          v-model="query.title"
+          v-model:value="query.title"
           class="!w-240px"
           placeholder="请输入内容稿件标题"
-          size="medium"
+          size="middle"
-          allow-clear
+          allowClear
           @change="handleSearch"
         >
           <template #prefix>
             <icon-search />
           </template>
-        </a-input>
+        </Input>
       </div>
       <!-- <div class="filter-row-item">
         <span class="label">所属项目</span>
@@ -29,18 +29,18 @@
       <div class="filter-row-item">
         <span class="label">序号</span>
         <a-space size="medium">
-          <a-input
+          <Input
-            v-model="query.uid"
+            v-model:value="query.uid"
             class="!w-160px"
             placeholder="请输入序号"
-            size="medium"
+            size="middle"
-            allow-clear
+            allowClear
             @change="handleSearch"
           >
             <template #prefix>
               <icon-search />
             </template>
-          </a-input>
+          </Input>
         </a-space>
       </div>
       <div class="filter-row-item">
@@ -85,7 +85,7 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-import { Button } from 'ant-design-vue';
+import { Button, Input } from 'ant-design-vue';
 import { CHECK_STATUS } from '@/views/writer-material-center/components/finished-products/manuscript/list/constants';
 import CommonSelect from '@/components/common-select';
 // import { getProjectList } from '@/api/all/propertyMarketing';