timi/gao-customer-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update filter style

Browse Source
This commit is contained in:
Timi
2026-09-23 13:40:45 +08:00
parent 73b7544572
commit b79e5bb0ea
24 changed files with 167 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/ai/components/AiConversationList.vue
+2 -7
View File
@@ -7,7 +7,7 @@
:overlay-props="{ zIndex: popupZIndex - 1 }"
>
<section class="ai-conversation-list" @scroll="handleScroll">
<header class="header glass-white">
<header class="header glass-header">
<h3>历史会话</h3>
<t-button
theme="danger"
@@ -65,7 +65,7 @@
size="1.5rem"
text="正在加载会话"
/>
<div class="footer glass-white">
<div class="footer glass-bottom">
<span class="llm gray">Deepseek v4.1-flash</span>
<t-button
class="agreement-button"
@@ -282,7 +282,6 @@ watch(() => props.sessionKey, async () => {
z-index: 1;
display: flex;
position: sticky;
box-shadow: var(--td-shadow-1);
align-items: center;
justify-content: space-between;
@@ -341,16 +340,12 @@ watch(() => props.sessionKey, async () => {
display: flex;
padding: 0 .5rem;
position: sticky;
box-shadow: 0 -2px 10px rgba(0, 0, 0, .03);
align-items: center;
justify-content: space-between;
.llm {
font-size: .875rem;
}
.agreement-button {
}
}
}
src/pages/customer/CustomerDataCharts.vue
+2 -4
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.stat.read" class="customer-data-charts-page">
<div class="header bg-white">
<div class="filters glass">
<t-input
v-model="customerCode"
class="customer-search"
@@ -272,12 +272,11 @@ function getDateEnd(date: Date): Date {
display: flex;
flex-direction: column;
.header {
.filters {
top: var(--app-nav-height);
z-index: 10;
padding: .5rem 1rem;
position: sticky;
box-shadow: var(--td-shadow-1);
.customer-search {
--td-button-border-radius: .875rem;
@@ -285,7 +284,6 @@ function getDateEnd(date: Date): Date {
width: 100%;
border: 1px solid var(--td-component-border);
background: var(--td-bg-color-container);
padding-right: .3rem;
border-radius: 1rem;
}
src/pages/customer/CustomerInviteRank.vue
+1 -4
View File
@@ -1,8 +1,5 @@
<template>
<div
v-can="permissionCodes.customer.read"
class="customer-invite-rank"
>
<div v-can="permissionCodes.customer.read" class="customer-invite-rank">
<t-pull-down-refresh
class="list-wrapper"
v-model="isRefreshing"
src/pages/customer/CustomerList.vue
+4 -8
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.customer.read" class="customer-list">
<div class="filter bg-white">
<div class="filters glass">
<t-input
v-model.trim="keyword"
class="search"
@@ -506,7 +506,7 @@ function buildCreatedAtRange(): [number | undefined, number | undefined] {
.customer-list {
padding: var(--app-nav-height) 0 1rem 0;
.filter {
.filters {
top: var(--app-nav-height);
left: 0;
right: 0;
@@ -514,17 +514,14 @@ function buildCreatedAtRange(): [number | undefined, number | undefined] {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #f5f5f8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.search {
--td-button-border-radius: .75rem;
--td-input-vertical-padding: .25rem 1rem;
border: 1px solid rgba(148, 163, 184, .28);
border: 1px solid var(--td-component-border);
z-index: 2;
background: #f8fbff;
padding-right: .3rem;
border-radius: 1rem;
}
@@ -533,11 +530,10 @@ function buildCreatedAtRange(): [number | undefined, number | undefined] {
--td-spacer-1: 6px;
width: 100%;
border: 1px solid var(--td-component-border);
overflow: hidden;
margin-top: -1rem;
padding-top: .8rem;
background: #fff;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 0 0 1rem 1rem;
}
}
src/pages/event/EventRecordList.vue
+6 -11
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.eventRecord.read" class="registration-record-list">
<div class="search-bar">
<div class="filters glass">
<div class="search-date">
<t-input
v-model.trim="keyword"
@@ -684,12 +684,11 @@ onUnmounted(() => {
<style scoped lang="less">
.registration-record-list {
gap: 1rem;
display: flex;
padding: calc(var(--app-nav-height)) 0 6rem 0;
padding: var(--app-nav-height) 0 6rem 0;
flex-direction: column;
.search-bar {
.filters {
top: var(--app-nav-height);
left: 0;
right: 0;
@@ -697,8 +696,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.search-date {
@@ -709,9 +706,8 @@ onUnmounted(() => {
--td-input-vertical-padding: .25rem 1rem;
flex: 1;
border: 1px solid rgba(148, 163, 184, .28);
border: 1px solid var(--td-component-border);
z-index: 2;
background: #f8fbff;
padding-right: .3rem;
border-radius: 1rem;
}
@@ -720,7 +716,7 @@ onUnmounted(() => {
--td-spacer: 4px;
--td-spacer-1: 6px;
border: 1px solid rgba(148, 163, 184, .18);
border: 1px solid var(--td-component-border);
z-index: 1;
margin-left: -2.5rem;
padding-left: 3rem;
@@ -737,11 +733,10 @@ onUnmounted(() => {
--td-spacer-1: 6px;
width: 100%;
border: 1px solid rgba(148, 163, 184, .18);
overflow: hidden;
margin-top: -1rem;
padding-top: .8rem;
background: #fff;
border: 1px solid rgba(148, 163, 184, .18);
border-top: none;
border-radius: 0 0 1rem 1rem;
src/pages/followUpReminder/FollowUpReminderList.vue
+87 -104
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.customerFollowUpReminder.read" class="follow-up-reminder-list">
<div class="filter bg-white">
<div class="filters glass">
<t-input
v-model="customerSearchKeyword"
class="customer"
@@ -41,114 +41,98 @@
</t-dropdown-menu>
</div>
<t-pull-down-refresh
class="list-wrap"
v-model="isRefreshing"
:refresh-timeout="30000"
@refresh="refresh"
@scrolltolower="fetch"
>
<t-cell-group class="summary" theme="card">
<t-cell title="提醒数量" :note="`共 ${pageResult.total} 条`" />
<t-cell v-if="dateFilterType !== 'all'" title="提醒时间" :note="dateFilterLabel" />
<t-cell v-if="selectedCustomer || selectedResponsibleId" title="筛选条件">
<template #note>
<div class="selected-filter">
<t-tag
v-if="selectedCustomer"
theme="primary"
variant="light-outline"
:content="`客户：${selectedCustomer.name || selectedCustomer.code || '未命名'}`"
/>
<t-tag
v-if="selectedResponsibleId"
theme="primary"
variant="light-outline"
:content="`负责人：${selectedResponsibleName}`"
/>
<t-button size="extra-small" variant="text" @click="clearFilters">清空筛选</t-button>
</div>
</template>
</t-cell>
</t-cell-group>
<t-cell-group v-if="pageResult.list.length" class="items fix-last-cell-line empty-cell-title-margin" theme="card">
<t-swipe-cell
v-for="(item, index) in pageResult.list"
:key="item.id || index"
class="item"
>
<t-cell
v-entrance-transition="index * 30"
class="cell"
arrow
@click="toDetail(item)"
<div class="list-wrap">
<customer-profile-card class="customer" :customer="selectedCustomer" />
<t-cell-group class="summary" theme="card">
<t-cell title="提醒数量" :note="`共 ${pageResult.total} 条`" />
<t-cell v-if="dateFilterType !== 'all'" title="提醒时间" :note="dateFilterLabel" />
<t-cell v-if="selectedResponsibleId" title="负责人" :note="selectedResponsibleName" />
</t-cell-group>
<t-cell-group v-if="pageResult.list.length" class="items fix-last-cell-line empty-cell-title-margin" theme="card">
<t-swipe-cell
v-for="(item, index) in pageResult.list"
:key="item.id || index"
class="item"
>
<template #leftIcon>
<t-image
v-if="getCustomerPhotoURL(item.customer, 64)"
:src="getCustomerPhotoURL(item.customer, 64)"
:alt="getCustomerName(item)"
fit="cover"
class="avatar"
/>
<div v-else class="avatar fallback" v-text="getCustomerName(item).slice(0, 1)" />
</template>
<template #title>
<div class="title">
<div class="name-channel">
<span class="text-bold" v-text="getCustomerName(item)" />
<t-tag
v-if="item.notifyChannelList?.includes('INTERNAL')"
size="small"
theme="primary"
variant="outline"
content="站内信"
/>
<t-tag
v-if="item.notifyChannelList?.includes('SMS')"
size="small"
theme="warning"
variant="outline"
content="短信"
/>
<t-cell
v-entrance-transition="index * 30"
class="cell"
arrow
@click="toDetail(item)"
>
<template #leftIcon>
<t-image
v-if="getCustomerPhotoURL(item.customer, 64)"
:src="getCustomerPhotoURL(item.customer, 64)"
:alt="getCustomerName(item)"
fit="cover"
class="avatar"
/>
<div v-else class="avatar fallback" v-text="getCustomerName(item).slice(0, 1)" />
</template>
<template #title>
<div class="title">
<div class="name-channel">
<span class="text-bold" v-text="getCustomerName(item)" />
<t-tag
v-if="item.notifyChannelList?.includes('INTERNAL')"
size="small"
theme="primary"
variant="outline"
content="站内信"
/>
<t-tag
v-if="item.notifyChannelList?.includes('SMS')"
size="small"
theme="warning"
variant="outline"
content="短信"
/>
</div>
<t-tag size="small" :theme="getStatusTheme(item.status)" :content="getStatusText(item.status)" />
</div>
<t-tag size="small" :theme="getStatusTheme(item.status)" :content="getStatusText(item.status)" />
</div>
</template>
<template #description>
<div class="description">
<div class="content clip-text" v-text="getContentSummary(item.content)" />
<div class="time-responsible">
</template>
<template #description>
<div class="description">
<div class="content clip-text" v-text="getContentSummary(item.content)" />
<div class="time-responsible">
<span
class="remind-time"
:class="getReminderTimeClass(item)"
v-text="getReminderTimeText(item.remindAt)"
/>
<span v-text="`负责人：${getResponsibleName(item)}`" />
<span v-text="`负责人：${getResponsibleName(item)}`" />
</div>
</div>
</template>
</t-cell>
<template #right>
<div class="swipe-actions">
<t-button
v-if="canComplete && item.status === 'PENDING'"
class="complete swipe-cell-button"
variant="text"
:loading="operatingId === item.id && operatingType === 'complete'"
@click.stop="confirmComplete(item)"
>完成</t-button>
<t-button
v-if="canDelete"
class="delete swipe-cell-button"
variant="text"
:loading="operatingId === item.id && operatingType === 'delete'"
@click.stop="confirmDelete(item)"
>删除</t-button>
</div>
</template>
</t-cell>
<template #right>
<div class="swipe-actions">
<t-button
v-if="canComplete && item.status === 'PENDING'"
class="complete swipe-cell-button"
variant="text"
:loading="operatingId === item.id && operatingType === 'complete'"
@click.stop="confirmComplete(item)"
>完成</t-button>
<t-button
v-if="canDelete"
class="delete swipe-cell-button"
variant="text"
:loading="operatingId === item.id && operatingType === 'delete'"
@click.stop="confirmDelete(item)"
>删除</t-button>
</div>
</template>
</t-swipe-cell>
</t-cell-group>
<div class="center-tips" v-text="isLoading ? '正在加载提醒' : pageResult.list.length ? (isNoMore ? '已经到底了' : '上拉加载更多') : '暂无跟进提醒'" />
</t-swipe-cell>
</t-cell-group>
<div class="center-tips" v-text="isLoading ? '正在加载提醒' : pageResult.list.length ? (isNoMore ? '已经到底了' : '上拉加载更多') : '暂无跟进提醒'" />
</div>
</t-pull-down-refresh>
<customer-selector
v-model="selectedCustomerId"
@@ -676,7 +660,7 @@ onUnmounted(() => navBarStore.clearRight());
.follow-up-reminder-list {
padding: var(--app-nav-height) 0 1rem;
.filter {
.filters {
top: var(--app-nav-height);
left: 0;
right: 0;
@@ -684,8 +668,6 @@ onUnmounted(() => navBarStore.clearRight());
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #f5f5f8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.customer {
@@ -694,7 +676,7 @@ onUnmounted(() => navBarStore.clearRight());
width: 100%;
border: 1px solid var(--td-component-border);
background: var(--td-bg-color-container);
z-index: 1;
padding-right: .3rem;
border-radius: 1rem;
}
@@ -703,11 +685,10 @@ onUnmounted(() => navBarStore.clearRight());
--td-spacer-1: 6px;
width: 100%;
border: 1px solid rgba(148, 163, 184, .18);
z-index: -1;
border: 1px solid var(--td-component-border);
overflow: hidden;
margin-top: -1rem;
background: #fff;
background: #FFF;
border-top: none;
padding-top: .8rem;
border-radius: 0 0 1rem 1rem;
@@ -733,10 +714,12 @@ onUnmounted(() => navBarStore.clearRight());
}
.list-wrap {
padding: 1rem 0;
gap: 1rem;
display: flex;
flex-direction: column;
.summary {
margin-bottom: 1rem;
.customer {
margin: 0 1rem;
}
.items {
src/pages/fulfillment/OrderFulfillmentList.vue
+2 -6
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.orderFulfillment.read" class="fulfillment-list">
<div class="filters">
<div class="filters glass">
<t-input
class="customer"
v-model.trim="customerSearchKeyword"
@@ -517,8 +517,6 @@ onUnmounted(() => navBarStore.clearRight());
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.customer {
@@ -526,7 +524,7 @@ onUnmounted(() => navBarStore.clearRight());
width: 100%;
border: 1px solid var(--td-component-border);
background: var(--td-bg-color-container);
z-index: 1;
padding-right: .3rem;
border-radius: 1rem;
@@ -544,10 +542,8 @@ onUnmounted(() => navBarStore.clearRight());
width: 100%;
border: 1px solid rgba(148, 163, 184, .18);
z-index: -1;
overflow: hidden;
margin-top: -1rem;
background: #fff;
border-top: none;
padding-top: .8rem;
border-radius: 0 0 1rem 1rem;
src/pages/package/PackageConfigList.vue
+2 -9
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.packageConfig.read" class="package-config-list">
<div class="filters">
<div class="filters glass">
<t-input
v-model.trim="keyword"
class="keyword"
@@ -217,16 +217,14 @@ onUnmounted(() => {
padding: var(--app-nav-height) 0 1rem;
.filters {
gap: .5rem;
top: var(--app-nav-height);
left: 0;
right: 0;
z-index: 10;
gap: .5rem;
display: flex;
padding: .75rem 1rem;
position: sticky;
background: var(--td-bg-color-page);
box-shadow: var(--td-shadow-1);
.keyword {
--td-input-vertical-padding: .25rem 1rem;
@@ -234,7 +232,6 @@ onUnmounted(() => {
flex: 1;
border: 1px solid var(--td-component-border);
z-index: 1;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
@@ -246,10 +243,6 @@ onUnmounted(() => {
margin-left: -2rem;
padding-left: 2rem;
border-radius: 1rem;
&:after {
display: none;
}
}
}
src/pages/package/PackageOrderConfigList.vue
+1 -8
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.packageConfig.read" class="package-order-config-list">
<div class="filters">
<div class="filters glass">
<t-input
v-model.trim="keyword"
class="keyword"
@@ -211,8 +211,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: var(--td-bg-color-page);
box-shadow: var(--td-shadow-1);
.keyword {
--td-input-vertical-padding: .25rem 1rem;
@@ -220,7 +218,6 @@ onUnmounted(() => {
flex: 1;
border: 1px solid var(--td-component-border);
z-index: 1;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
@@ -232,10 +229,6 @@ onUnmounted(() => {
margin-left: -2rem;
padding-left: 2rem;
border-radius: 1rem;
&:after {
display: none;
}
}
}
src/pages/point/PointAccountList.vue
+1 -5
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.point.accountRead" class="point-account-list">
<div class="filters">
<div class="filters glass">
<t-input
v-model.trim="keyword"
class="customer"
@@ -257,8 +257,6 @@ onMounted(async () => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.customer {
@@ -267,7 +265,6 @@ onMounted(async () => {
width: 100%;
border: 1px solid var(--td-component-border);
background: var(--td-bg-color-container);
padding-right: .3rem;
border-radius: 1rem;
}
@@ -277,7 +274,6 @@ onMounted(async () => {
gap: 1rem;
display: flex;
min-height: 70vh;
padding-top: 1rem;
flex-direction: column;
.list {
src/pages/point/PointLedgerList.vue
+3 -7
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.point.ledgerRead" class="point-ledger-list">
<div class="filters">
<div class="filters glass">
<t-input
v-model="customerKeyword"
class="customer"
@@ -482,7 +482,6 @@ onUnmounted(() => {
<style scoped lang="less">
.point-ledger-list {
gap: 1rem;
display: flex;
padding: var(--app-nav-height) 0 1rem;
flex-direction: column;
@@ -495,8 +494,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.customer {
@@ -505,7 +502,7 @@ onUnmounted(() => {
width: 100%;
border: 1px solid var(--td-component-border);
background: var(--td-bg-color-container);
z-index: 1;
padding-right: .3rem;
border-radius: 1rem;
}
@@ -514,8 +511,7 @@ onUnmounted(() => {
--td-spacer-1: 6px;
width: 100%;
border: 1px solid rgba(148, 163, 184, .18);
z-index: -1;
border: 1px solid var(--td-component-border);
overflow: hidden;
margin-top: -1rem;
border-top: none;
src/pages/point/PointRedeemSkuList.vue
+1 -4
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.pointRedeemSku.manage" class="redeem-sku-list">
<div class="filters">
<div class="filters glass">
<t-input
v-model.trim="keyword"
class="keyword"
@@ -194,15 +194,12 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #f5f5f8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.keyword {
--td-input-vertical-padding: .25rem 1rem;
border: 1px solid var(--td-component-border);
background: var(--td-bg-color-container);
border-radius: 1rem;
}
}
src/pages/point/PointRedemptionList.vue
+2 -6
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.pointRedemption.create" class="redemption-list">
<div class="filters">
<div class="filters glass">
<t-input
v-model.trim="keyword"
class="keyword"
@@ -421,8 +421,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #f5f5f8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.keyword {
@@ -431,7 +429,6 @@ onUnmounted(() => {
flex: 1;
border: 1px solid var(--td-component-border);
z-index: 2;
background: var(--td-bg-color-container);
padding-right: .3rem;
border-radius: 1rem;
@@ -448,10 +445,9 @@ onUnmounted(() => {
--td-spacer-1: 6px;
width: 100%;
border: 1px solid rgba(148, 163, 184, .18);
border: 1px solid var(--td-component-border);
overflow: hidden;
margin-top: -1rem;
background: #fff;
border-top: none;
padding-top: .8rem;
border-radius: 0 0 1rem 1rem;
src/pages/product/ProductCategoryList.vue
+1 -4
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.productCategory.read" class="product-category-list">
<div class="filters bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -368,8 +368,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: var(--td-bg-color-page);
box-shadow: var(--td-shadow-1);
.keyword {
--td-input-vertical-padding: 8px 14px;
@@ -377,7 +375,6 @@ onUnmounted(() => {
flex: 1;
border: 1px solid var(--td-component-border);
z-index: 1;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
src/pages/product/ProductList.vue
+2 -20
View File
@@ -1,6 +1,6 @@
<template>
<div ref="productListRef" v-can="permissionCodes.product.read" class="product-list">
<div class="filters bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -431,8 +431,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.keyword {
@@ -440,7 +438,6 @@ onUnmounted(() => {
border: 1px solid var(--td-component-border);
z-index: 1;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
@@ -448,26 +445,11 @@ onUnmounted(() => {
--td-spacer-1: 6px;
width: 100%;
border: 1px solid rgba(148, 163, 184, .18);
overflow: hidden;
margin-top: -1rem;
padding-top: .8rem;
background: #fff;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 0 0 1rem 1rem;
&:after {
display: none;
}
:deep(.t-dropdown-menu__item) {
min-width: 0;
}
:deep(.t-dropdown-menu__title) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
src/pages/product/ProductStockList.vue
+2 -6
View File
@@ -1,6 +1,6 @@
<template>
<div ref="productStockListRef" v-can="permissionCodes.productStock.read" class="product-stock-list">
<div class="search bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -10,7 +10,6 @@
placeholder="搜索产品名称（拼音）或编码"
/>
</div>
<t-pull-down-refresh
class="list-wrap empty-cell-title-margin"
v-model="isRefreshing"
@@ -322,18 +321,15 @@ onUnmounted(() => {
.product-stock-list {
padding: var(--app-nav-height) 0 1rem;
.search {
.filters {
top: var(--app-nav-height);
z-index: 10;
padding: .75rem 1rem;
position: sticky;
background: var(--td-bg-color-page);
box-shadow: var(--td-shadow-1);
.keyword {
border: 1px solid var(--td-component-border);
padding: .5rem 1rem;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
}
src/pages/product/ProductStockRecordList.vue
+1 -18
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.productStock.read" class="product-stock-record-list">
<div class="filters bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -560,8 +560,6 @@ onUnmounted(() => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.keyword {
@@ -570,7 +568,6 @@ onUnmounted(() => {
flex: 1;
border: 1px solid var(--td-component-border);
z-index: 2;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
@@ -581,23 +578,9 @@ onUnmounted(() => {
border: 1px solid rgba(148, 163, 184, .18);
overflow: hidden;
margin-top: -1rem;
background: #fff;
border-top: none;
padding-top: .8rem;
border-radius: 0 0 1rem 1rem;
&:after {
display: none;
}
:deep(.t-dropdown-menu__item) {
min-width: 0;
}
:deep(.t-dropdown-menu__title) {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
src/pages/product/ProductStockSkuList.vue
+2 -5
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.productStock.read" class="product-stock-sku-list">
<div class="search bg-white">
<div class="filters glass">
<t-input
v-model="keyword"
class="keyword"
@@ -318,18 +318,15 @@ onUnmounted(() => {
.product-stock-sku-list {
padding: var(--app-nav-height) 0 1rem;
.search {
.filters {
top: var(--app-nav-height);
z-index: 10;
padding: .75rem 1rem;
position: sticky;
background: var(--td-bg-color-page);
box-shadow: var(--td-shadow-1);
.keyword {
border: 1px solid var(--td-component-border);
padding: .5rem 1rem;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
}
src/pages/salesOrder/ConsumptionRecordList.vue
+2 -6
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="permissionCodes.salesOrder.read" class="consumption-record-list">
<div class="filters">
<div class="filters glass">
<t-input
class="keyword"
:value="customerDisplayText"
@@ -474,8 +474,6 @@ onMounted(async () => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.keyword {
@@ -484,7 +482,6 @@ onMounted(async () => {
border: 1px solid var(--td-component-border);
z-index: 1;
background: var(--td-bg-color-container);
padding-right: .3rem;
border-radius: 1rem;
@@ -501,11 +498,10 @@ onMounted(async () => {
--td-spacer-1: 6px;
width: 100%;
border: 1px solid rgba(148, 163, 184, .18);
overflow: hidden;
margin-top: -1rem;
padding-top: .8rem;
background: #fff;
border: 1px solid rgba(148, 163, 184, .18);
border-radius: 0 0 1rem 1rem;
}
}
src/pages/salesOrder/FundRecordList.vue
+2 -23
View File
@@ -1,6 +1,6 @@
<template>
<div v-can="pageAccess" class="sales-order-record-list">
<div class="filters">
<div class="filters glass">
<t-input
class="customer"
v-model.trim="customerSearchKeyword"
@@ -522,8 +522,6 @@ onUnmounted(() => navBarStore.clearRight());
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.customer {
@@ -531,8 +529,7 @@ onUnmounted(() => navBarStore.clearRight());
--td-input-vertical-padding: .25rem 1rem;
border: 1px solid var(--td-component-border);
z-index: 2;
background: var(--td-bg-color-container);
z-index: 1;
padding-right: .3rem;
border-radius: 1rem;
@@ -548,32 +545,14 @@ onUnmounted(() => navBarStore.clearRight());
width: 100%;
border: 1px solid rgba(148, 163, 184, .18);
z-index: -1;
overflow: hidden;
margin-top: -1rem;
background: #fff;
border-top: none;
padding-top: .8rem;
border-radius: 0 0 1rem 1rem;
}
}
.date-summary {
:deep(.t-cell__title) {
flex: 0 0 4.5rem;
}
:deep(.t-cell__note) {
flex: 1 1 0;
min-width: 0;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
}
:deep(.t-pull-down-refresh) {
padding-top: .75rem;
}
src/pages/salesOrder/SalesOrderList.vue
+1 -3
View File
@@ -1,6 +1,6 @@
<template>
<div ref="salesOrderListRef" v-can="permissionCodes.salesOrder.read" class="sales-order-list">
<div class="filters">
<div class="filters glass">
<div class="search-row">
<t-input
v-model.trim="keyword"
@@ -726,8 +726,6 @@ onUnmounted(() => {
z-index: 10;
padding: .75rem 1rem .5rem;
position: sticky;
background: var(--td-bg-color-page);
box-shadow: var(--td-shadow-1);
.search-row {
gap: .5rem;
src/pages/setting/Help.vue
+2 -6
View File
@@ -1,6 +1,6 @@
<template>
<div class="help-page empty-cell-title-margin">
<div class="search-wrap">
<div class="filters glass">
<t-input
v-model.trim="searchKeyword"
class="search"
@@ -289,12 +289,11 @@ onMounted(async () => {
<style scoped lang="less">
.help-page {
gap: 1rem;
display: flex;
padding: var(--app-nav-height) 0 1rem;
flex-direction: column;
.search-wrap {
.filters {
top: var(--app-nav-height);
left: 0;
right: 0;
@@ -302,8 +301,6 @@ onMounted(async () => {
display: flex;
padding: .75rem 1rem;
position: sticky;
background: #F5F5F8;
box-shadow: var(--td-shadow-1);
flex-direction: column;
.search {
@@ -313,7 +310,6 @@ onMounted(async () => {
flex: 1;
border: 1px solid var(--td-component-border);
z-index: 2;
background: var(--td-bg-color-container);
border-radius: 1rem;
}
}