feat: input、textare组件替换

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
-          v-model="query.search"
+        <Input
+          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
-          v-model="query.account_name"
+        <Input
+          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
-          v-model="query.account_id"
+        <Input
+          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';