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

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;