renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: input、textare组件替换

Browse Source
This commit is contained in:
rd
2025-09-04 11:07:21 +08:00
parent 1a6fad8bd5
commit cf574da1da
47 changed files with 435 additions and 425 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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,

23
src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
View File

@ -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">
<a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
<template #prefix>
<icon-search />
</template>
</a-input>
</a-space>
<Input v-model:value="query.name" class="w-240px" placeholder="请搜索..." size="middle" allowClear>
<template #prefix>
<icon-search />
</template>
</Input>
</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>
<a-table :columns="columns" :data="tableData" @change="handleChange" :pagination="false"> </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);

8
src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
View File

@ -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;

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

@ -8,18 +8,17 @@
<div class="filter-row flex">
<div class="filter-row-item flex items-center">
<span class="label">账号名称</span>
<a-input
v-model="query.name"
<Input
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 { reactive, defineEmits, defineProps } from 'vue';
import { Button, Input } from 'ant-design-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';

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

@ -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">
<a-input v-model="query.title" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
<template #prefix>
<icon-search />
</template>
</a-input>
</a-space>
<Input v-model:value="query.title" class="!w-240px" placeholder="请搜索..." allowClear @change="handleSearch">
<template #prefix>
<icon-search />
</template>
</Input>
</div>
<div class="filter-row-item flex items-center">
<span class="label">发布日期</span>
<a-space size="medium" class="w-260px">
<a-range-picker
v-model="published_at"
size="medium"
allow-clear
format="YYYY-MM-DD"
class="w-100%"
@change="onDateChange"
/>
</a-space>
<a-range-picker
v-model="published_at"
size="medium"
class="!w-260px"
allow-clear
format="YYYY-MM-DD"
@change="onDateChange"
/>
</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';

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

@ -4,8 +4,8 @@
-->
<script lang="jsx">
import { ref, computed } from 'vue';
import { Button, Modal, Form, FormItem, RadioGroup, Radio } from 'ant-design-vue';
import { Input, Upload, Switch, Tooltip, Message as AMessage, Textarea } from '@arco-design/web-vue';
import { Button, Modal, Form, FormItem, RadioGroup, Radio, Input } from 'ant-design-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

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

@ -8,83 +8,70 @@
<div class="filter-row flex">
<div class="filter-row-item">
<span class="label">账号名称/ID/手机号</span>
<a-space size="medium">
<a-input
v-model="query.search"
class="w-240px"
placeholder="请搜索..."
size="medium"
allow-clear
@change="handleSearch"
>
<template #prefix>
<icon-search />
</template>
</a-input>
</a-space>
<Input v-model:value="query.search" class="w-240px" placeholder="请搜索..." allowClear @change="handleSearch">
<template #prefix>
<icon-search />
</template>
</Input>
</div>
<div class="filter-row-item">
<span class="label">状态</span>
<a-space class="w-180px">
<StatusSelect v-model="query.status" @change="handleSearch" />
</a-space>
<StatusSelect v-model="query.status" @change="handleSearch" class="w-180px" />
</div>
<div class="filter-row-item">
<span class="label">平台</span>
<a-space class="w-160px">
<a-select v-model="query.platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
<a-option
v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
:key="index"
:value="item.value"
:label="item.label"
>{{ item.label }}</a-option
>
</a-select>
</a-space>
<a-select
v-model="query.platform"
class="w-160px"
size="medium"
placeholder="全部"
allow-clear
@change="handleSearch"
>
<a-option
v-for="(item, index) in MEDIA_ACCOUNT_PLATFORMS"
: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
v-model="query.operator_id"
allowSearch
:multiple="false"
:options="operators"
@change="handleSearch"
/>
</a-space>
<CommonSelect
class="w-160px"
v-model="query.operator_id"
allowSearch
:multiple="false"
:options="operators"
@change="handleSearch"
/>
</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" />
</a-space>
<CommonSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" class="!w-200px" />
</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" />
</a-space>
<CommonSelect v-model="query.project_ids" :options="projects" @change="handleSearch" class="!w-200px" />
</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" />
</a-space>
<CommonSelect v-model="query.tag_ids" :options="tags" @change="handleSearch" class="!w-320px" />
</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,

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

@ -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']);

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

@ -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';

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

@ -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']);

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

@ -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">
<a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
<template #prefix>
<icon-search />
</template>
</a-input>
</a-space>
<Input
v-model:value="query.name"
placeholder="请搜索..."
class="w-240px"
size="medium"
allowClear
@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';

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

@ -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
v-model="query.uid"
<Input
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>
<a-input
v-model="query.title"
</Input>
<Input
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';

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

@ -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
v-model="formQuery.target"
<TextArea
v-model:value="formQuery.target"
placeholder="请输入项目目标"
:max-length="500"
show-word-limit
class="h-154px"
class="!h-154px"
:maxlength="500"
showCount
/>
</FormItem>
<FormItem label="项目背景" name="background">
<a-textarea
v-model="formQuery.background"
<TextArea
v-model:value="formQuery.background"
class="!h-154px"
placeholder="请输入项目背景"
:max-length="500"
show-word-limit
class="h-154px"
:maxlength="500"
showCount
/>
</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 = () => {

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

@ -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
v-model="query.name"
<Input
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';

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

@ -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
v-model="query.name"
<Input
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';

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

@ -9,22 +9,22 @@
<div class="filter-row-item flex items-center">
<span class="label">项目名称</span>
<a-space size="medium">
<a-input
v-model="query.name"
<Input
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: {

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

@ -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,

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

@ -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']);

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

@ -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';

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

@ -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 {

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

@ -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';

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

@ -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';

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

@ -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';