修改微信小程序的空白区域
This commit is contained in:
@@ -1,84 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "CustomerList",
|
||||
props: {
|
||||
list: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
salesName: "",
|
||||
customerName: ""
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onInputChange() {
|
||||
},
|
||||
handleRefresh() {
|
||||
this.$emit("filterClick", {
|
||||
salesName: this.salesName.trim(),
|
||||
customerName: this.customerName.trim()
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||||
_easycom_uni_icons2();
|
||||
}
|
||||
const _easycom_uni_icons = () => "../../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_icons();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.t($props.list.length),
|
||||
b: common_vendor.o((...args) => $options.handleRefresh && $options.handleRefresh(...args)),
|
||||
c: common_vendor.o([($event) => $data.salesName = $event.detail.value, (...args) => $options.onInputChange && $options.onInputChange(...args)]),
|
||||
d: $data.salesName,
|
||||
e: common_vendor.o((...args) => $options.handleRefresh && $options.handleRefresh(...args)),
|
||||
f: common_vendor.o([($event) => $data.customerName = $event.detail.value, (...args) => $options.onInputChange && $options.onInputChange(...args)]),
|
||||
g: $data.customerName,
|
||||
h: common_vendor.p({
|
||||
type: "refresh",
|
||||
size: "18",
|
||||
color: "#2A68FF"
|
||||
}),
|
||||
i: common_vendor.o((...args) => $options.handleRefresh && $options.handleRefresh(...args)),
|
||||
j: common_vendor.f($props.list, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(item.name),
|
||||
b: common_vendor.t(item.intent),
|
||||
c: common_vendor.n(item.intent === "高" ? "intent-high" : "intent-medium"),
|
||||
d: common_vendor.t(item.serviceStaff),
|
||||
e: common_vendor.t(item.serviceCount),
|
||||
f: common_vendor.t(item.lastService),
|
||||
g: common_vendor.f(item.tags, (tag, tagIndex, i1) => {
|
||||
return {
|
||||
a: common_vendor.t(tag.text),
|
||||
b: common_vendor.n("tag-" + tag.color),
|
||||
c: tagIndex
|
||||
};
|
||||
}),
|
||||
h: item.phone || item.budget
|
||||
}, item.phone || item.budget ? common_vendor.e({
|
||||
i: item.phone
|
||||
}, item.phone ? {
|
||||
j: common_vendor.t(item.phone)
|
||||
} : {}, {
|
||||
k: item.budget
|
||||
}, item.budget ? {
|
||||
l: common_vendor.t(item.budget)
|
||||
} : {}) : {}, {
|
||||
m: index,
|
||||
n: common_vendor.o(($event) => _ctx.$emit("itemClick", item), index)
|
||||
});
|
||||
})
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-323a5a4c"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages-subpackage/customer/components/CustomerList.js.map
|
||||
@@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-icons": "../../../uni_modules/uni-icons/components/uni-icons/uni-icons"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view class="customer-list-container data-v-323a5a4c"><view class="service-status-toolbar data-v-323a5a4c"><text class="toolbar-total data-v-323a5a4c">共{{a}}条</text><input class="toolbar-input data-v-323a5a4c" placeholder="所属销售姓名" placeholder-style="color: #b0b0b0" confirm-type="search" bindconfirm="{{b}}" bindinput="{{c}}" value="{{d}}"/><input class="toolbar-input data-v-323a5a4c" placeholder="客户姓名" placeholder-style="color: #b0b0b0" confirm-type="search" bindconfirm="{{e}}" bindinput="{{f}}" value="{{g}}"/><view class="toolbar-actions data-v-323a5a4c"><view class="toolbar-btn toolbar-btn--refresh data-v-323a5a4c" bindtap="{{i}}"><uni-icons wx:if="{{h}}" class="data-v-323a5a4c" u-i="323a5a4c-0" bind:__l="__l" u-p="{{h}}"></uni-icons><text class="data-v-323a5a4c">刷新</text></view></view></view><scroll-view class="customer-list data-v-323a5a4c" scroll-y><view wx:for="{{j}}" wx:for-item="item" wx:key="m" class="customer-card data-v-323a5a4c" catchtap="{{item.n}}"><view class="customer-header data-v-323a5a4c"><text class="customer-name-text data-v-323a5a4c">{{item.a}}</text><view class="{{['intent-badge', 'data-v-323a5a4c', item.c]}}"><text class="data-v-323a5a4c">意向{{item.b}}</text></view></view><view class="customer-service-info data-v-323a5a4c"><text class="data-v-323a5a4c">服务人员:{{item.d}} 服务{{item.e}}次 上次服务:{{item.f}}</text></view><view class="customer-tags data-v-323a5a4c"><view wx:for="{{item.g}}" wx:for-item="tag" wx:key="c" class="{{['tag-item', 'data-v-323a5a4c', tag.b]}}"><text class="data-v-323a5a4c">{{tag.a}}</text></view></view><view wx:if="{{item.h}}" class="customer-footer data-v-323a5a4c"><text wx:if="{{item.i}}" class="customer-phone data-v-323a5a4c">{{item.j}}</text><text wx:if="{{item.k}}" class="customer-budget data-v-323a5a4c">{{item.l}}</text></view></view></scroll-view></view>
|
||||
@@ -1,169 +0,0 @@
|
||||
|
||||
.customer-list-container.data-v-323a5a4c {
|
||||
/* 使用绝对定位,从tab页底部开始,到底部导航栏结束 */
|
||||
position: absolute;
|
||||
top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 96rpx; /* 底部导航栏高度 */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #F5F5F5;
|
||||
padding: 24rpx 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.service-status-toolbar.data-v-323a5a4c {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
gap: 8rpx; /* 增加间距,避免元素被挤压 */
|
||||
padding: 12rpx 8rpx; /* 增加内边距,给搜索框更多空间 */
|
||||
margin-bottom: 24rpx; /* 与列表项间距保持一致(24rpx) */
|
||||
background-color: #F8F8FA;
|
||||
border-radius: 8rpx;
|
||||
border: 1px solid #EFEFF2;
|
||||
overflow-x: auto;
|
||||
min-height: 64rpx; /* 设置最小高度,确保搜索区域不被挤压 */
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0; /* 防止被压缩 */
|
||||
}
|
||||
.toolbar-total.data-v-323a5a4c {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
margin-right: 8rpx; /* 增加右边距,与搜索框保持距离 */
|
||||
line-height: 1.2;
|
||||
padding: 0 4rpx; /* 增加左右内边距 */
|
||||
}
|
||||
.toolbar-input.data-v-323a5a4c {
|
||||
flex: 1;
|
||||
min-width: 120rpx; /* 增加最小宽度,避免被挤压变形 */
|
||||
max-width: 200rpx; /* 设置最大宽度,保持合理比例 */
|
||||
height: 56rpx; /* 稍微增加高度,提升可用性 */
|
||||
line-height: 56rpx;
|
||||
background-color: #F5F6FA;
|
||||
border-radius: 8rpx;
|
||||
padding: 0 12rpx; /* 增加左右内边距 */
|
||||
font-size: 24rpx;
|
||||
border: 1px solid transparent;
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 1; /* 允许适当收缩,但保持最小宽度 */
|
||||
}
|
||||
.toolbar-actions.data-v-323a5a4c {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
flex-shrink: 0;
|
||||
gap: 8rpx; /* 增加按钮之间的间距 */
|
||||
}
|
||||
.toolbar-btn.data-v-323a5a4c {
|
||||
padding: 0 12rpx; /* 增加左右内边距 */
|
||||
height: 56rpx; /* 与输入框高度保持一致 */
|
||||
min-width: 56rpx;
|
||||
color: #2A68FF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4rpx; /* 增加图标和文字之间的间距 */
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.toolbar-btn text.data-v-323a5a4c {
|
||||
color: #2A68FF;
|
||||
}
|
||||
.customer-list.data-v-323a5a4c {
|
||||
/* 使用flex填充剩余空间 */
|
||||
flex: 1;
|
||||
background-color: transparent;
|
||||
box-sizing: border-box;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.customer-card.data-v-323a5a4c {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 32rpx;
|
||||
margin-bottom: 24rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
.customer-header.data-v-323a5a4c {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.customer-name-text.data-v-323a5a4c {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
.intent-badge.data-v-323a5a4c {
|
||||
padding: 6rpx 16rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
.intent-high.data-v-323a5a4c {
|
||||
background-color: #E3F2FD;
|
||||
}
|
||||
.intent-high text.data-v-323a5a4c {
|
||||
font-size: 24rpx;
|
||||
color: #1976D2;
|
||||
font-weight: 500;
|
||||
}
|
||||
.intent-medium.data-v-323a5a4c {
|
||||
background-color: #FFF3E0;
|
||||
}
|
||||
.intent-medium text.data-v-323a5a4c {
|
||||
font-size: 24rpx;
|
||||
color: #F57C00;
|
||||
font-weight: 500;
|
||||
}
|
||||
.customer-service-info.data-v-323a5a4c {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.customer-service-info text.data-v-323a5a4c {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
.customer-tags.data-v-323a5a4c {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 20rpx;
|
||||
gap: 12rpx;
|
||||
}
|
||||
.tag-item.data-v-323a5a4c {
|
||||
padding: 8rpx 16rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
.tag-orange.data-v-323a5a4c {
|
||||
background-color: #FFF3E0;
|
||||
}
|
||||
.tag-orange text.data-v-323a5a4c {
|
||||
font-size: 24rpx;
|
||||
color: #F57C00;
|
||||
}
|
||||
.tag-blue.data-v-323a5a4c {
|
||||
background-color: #E3F2FD;
|
||||
}
|
||||
.tag-blue text.data-v-323a5a4c {
|
||||
font-size: 24rpx;
|
||||
color: #1976D2;
|
||||
}
|
||||
.customer-footer.data-v-323a5a4c {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-top: 16rpx;
|
||||
border-top: 1px solid #F0F0F0;
|
||||
}
|
||||
.customer-phone.data-v-323a5a4c {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
.customer-budget.data-v-323a5a4c {
|
||||
font-size: 26rpx;
|
||||
color: #1976D2;
|
||||
}
|
||||
@@ -1,149 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "ServiceList",
|
||||
props: {
|
||||
list: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
total: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
salesName: "",
|
||||
customerName: "",
|
||||
selectedServiceItem: null,
|
||||
showServiceActionMenu: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onInputChange() {
|
||||
},
|
||||
handleRefresh() {
|
||||
this.$emit("filterClick", {
|
||||
salesName: this.salesName.trim(),
|
||||
customerName: this.customerName.trim()
|
||||
});
|
||||
},
|
||||
onReachBottom() {
|
||||
this.$emit("reachBottom");
|
||||
},
|
||||
// 菜单按钮点击
|
||||
onMenuButtonClick(item) {
|
||||
if (this.selectedServiceItem && this.selectedServiceItem.id === item.id && this.showServiceActionMenu) {
|
||||
this.closeServiceActionMenu();
|
||||
return;
|
||||
}
|
||||
this.selectedServiceItem = item;
|
||||
this.showServiceActionMenu = true;
|
||||
},
|
||||
// 关闭菜单
|
||||
closeServiceActionMenu() {
|
||||
this.showServiceActionMenu = false;
|
||||
this.selectedServiceItem = null;
|
||||
},
|
||||
// 处理删除
|
||||
handleDelete(item) {
|
||||
this.closeServiceActionMenu();
|
||||
this.$emit("menuAction", {
|
||||
action: "delete",
|
||||
item
|
||||
});
|
||||
},
|
||||
// 处理查看
|
||||
handleView(item) {
|
||||
this.closeServiceActionMenu();
|
||||
this.$emit("menuAction", {
|
||||
action: "view",
|
||||
item
|
||||
});
|
||||
},
|
||||
// 处理AI分析
|
||||
handleAnalysis(item) {
|
||||
this.closeServiceActionMenu();
|
||||
this.$emit("menuAction", {
|
||||
action: "analysis",
|
||||
item
|
||||
});
|
||||
},
|
||||
// 处理录音
|
||||
handleAudio(item) {
|
||||
this.closeServiceActionMenu();
|
||||
this.$emit("menuAction", {
|
||||
action: "audio",
|
||||
item
|
||||
});
|
||||
},
|
||||
// 处理列表项点击
|
||||
handleItemClick(item) {
|
||||
if (this.showServiceActionMenu) {
|
||||
return;
|
||||
}
|
||||
this.$emit("itemClick", item);
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||||
_easycom_uni_icons2();
|
||||
}
|
||||
const _easycom_uni_icons = () => "../../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_icons();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t($props.total || $props.list.length),
|
||||
b: common_vendor.o((...args) => $options.handleRefresh && $options.handleRefresh(...args)),
|
||||
c: common_vendor.o([($event) => $data.salesName = $event.detail.value, (...args) => $options.onInputChange && $options.onInputChange(...args)]),
|
||||
d: $data.salesName,
|
||||
e: common_vendor.o((...args) => $options.handleRefresh && $options.handleRefresh(...args)),
|
||||
f: common_vendor.o([($event) => $data.customerName = $event.detail.value, (...args) => $options.onInputChange && $options.onInputChange(...args)]),
|
||||
g: $data.customerName,
|
||||
h: common_vendor.p({
|
||||
type: "refresh",
|
||||
size: "18",
|
||||
color: "#2A68FF"
|
||||
}),
|
||||
i: common_vendor.o((...args) => $options.handleRefresh && $options.handleRefresh(...args)),
|
||||
j: common_vendor.f($props.list, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(item.title),
|
||||
b: "0c664d9c-1-" + i0,
|
||||
c: common_vendor.o(($event) => $options.onMenuButtonClick(item), index),
|
||||
d: common_vendor.t(item.date),
|
||||
e: common_vendor.t(item.description),
|
||||
f: common_vendor.t(item.customerName.charAt(0)),
|
||||
g: common_vendor.t(item.customerName),
|
||||
h: $data.selectedServiceItem && $data.selectedServiceItem.id === item.id && $data.showServiceActionMenu
|
||||
}, $data.selectedServiceItem && $data.selectedServiceItem.id === item.id && $data.showServiceActionMenu ? {
|
||||
i: common_vendor.o(($event) => $options.handleDelete(item), index),
|
||||
j: common_vendor.o(($event) => $options.handleView(item), index),
|
||||
k: common_vendor.o(($event) => $options.handleAnalysis(item), index),
|
||||
l: common_vendor.o(($event) => $options.handleAudio(item), index),
|
||||
m: common_vendor.o(() => {
|
||||
}, index)
|
||||
} : {}, {
|
||||
n: index,
|
||||
o: $data.selectedServiceItem && $data.selectedServiceItem.id === item.id ? 1 : "",
|
||||
p: common_vendor.o(($event) => $options.handleItemClick(item), index)
|
||||
});
|
||||
}),
|
||||
k: common_vendor.p({
|
||||
type: "more-filled",
|
||||
size: "20",
|
||||
color: "#999"
|
||||
}),
|
||||
l: common_vendor.o((...args) => $options.onReachBottom && $options.onReachBottom(...args)),
|
||||
m: $data.showServiceActionMenu
|
||||
}, $data.showServiceActionMenu ? {
|
||||
n: common_vendor.o((...args) => $options.closeServiceActionMenu && $options.closeServiceActionMenu(...args))
|
||||
} : {});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0c664d9c"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/pages-subpackage/customer/components/ServiceList.js.map
|
||||
@@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-icons": "../../../uni_modules/uni-icons/components/uni-icons/uni-icons"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view class="service-list-container data-v-0c664d9c"><view class="service-status-toolbar data-v-0c664d9c"><text class="toolbar-total data-v-0c664d9c">共{{a}}条</text><input class="toolbar-input data-v-0c664d9c" placeholder="所属销售姓名" placeholder-style="color: #b0b0b0" confirm-type="search" bindconfirm="{{b}}" bindinput="{{c}}" value="{{d}}"/><input class="toolbar-input data-v-0c664d9c" placeholder="客户姓名" placeholder-style="color: #b0b0b0" confirm-type="search" bindconfirm="{{e}}" bindinput="{{f}}" value="{{g}}"/><view class="toolbar-actions data-v-0c664d9c"><view class="toolbar-btn toolbar-btn--refresh data-v-0c664d9c" bindtap="{{i}}"><uni-icons wx:if="{{h}}" class="data-v-0c664d9c" u-i="0c664d9c-0" bind:__l="__l" u-p="{{h}}"></uni-icons><text class="data-v-0c664d9c">刷新</text></view></view></view><scroll-view class="service-list data-v-0c664d9c" scroll-y bindscrolltolower="{{l}}"><view wx:for="{{j}}" wx:for-item="item" wx:key="n" class="{{['service-item', 'data-v-0c664d9c', item.o && 'service-item--active']}}" bindtap="{{item.p}}"><view class="service-header data-v-0c664d9c"><text class="service-title data-v-0c664d9c">{{item.a}}</text><view class="service-menu-button data-v-0c664d9c" catchtap="{{item.c}}"><uni-icons wx:if="{{k}}" class="data-v-0c664d9c" u-i="{{item.b}}" bind:__l="__l" u-p="{{k}}"></uni-icons></view></view><view class="service-meta data-v-0c664d9c"><text class="service-date data-v-0c664d9c">{{item.d}}</text></view><view class="service-content data-v-0c664d9c"><text class="service-desc data-v-0c664d9c">{{item.e}}</text></view><view class="service-customer data-v-0c664d9c"><view class="customer-avatar data-v-0c664d9c"><text class="avatar-text data-v-0c664d9c">{{item.f}}</text></view><text class="customer-name data-v-0c664d9c">{{item.g}}</text></view><view wx:if="{{item.h}}" class="service-action-menu data-v-0c664d9c" catchtap="{{item.m}}"><view class="service-action-menu-item service-action-menu-item--danger data-v-0c664d9c" bindtap="{{item.i}}"><text class="data-v-0c664d9c">删除</text></view><view class="service-action-menu-divider data-v-0c664d9c"></view><view class="service-action-menu-item data-v-0c664d9c" bindtap="{{item.j}}"><text class="data-v-0c664d9c">查看</text></view><view class="service-action-menu-divider data-v-0c664d9c"></view><view class="service-action-menu-item data-v-0c664d9c" bindtap="{{item.k}}"><text class="data-v-0c664d9c">AI分析</text></view><view class="service-action-menu-divider data-v-0c664d9c"></view><view class="service-action-menu-item data-v-0c664d9c" bindtap="{{item.l}}"><text class="data-v-0c664d9c">录音</text></view></view></view></scroll-view><view wx:if="{{m}}" class="service-action-menu-mask data-v-0c664d9c" bindtap="{{n}}"></view></view>
|
||||
@@ -1,206 +0,0 @@
|
||||
|
||||
.service-list-container.data-v-0c664d9c {
|
||||
/* 使用绝对定位,从tab页底部开始,到底部导航栏结束 */
|
||||
position: absolute;
|
||||
top: 160rpx; /* 导航栏(88rpx) + tab页(72rpx) = 160rpx */
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 96rpx; /* 底部导航栏高度 */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #F5F5F5;
|
||||
padding: 24rpx 16rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.service-status-toolbar.data-v-0c664d9c {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
gap: 8rpx; /* 增加间距,避免元素被挤压 */
|
||||
padding: 12rpx 8rpx; /* 增加内边距,给搜索框更多空间 */
|
||||
margin-bottom: 24rpx; /* 与列表项间距保持一致(24rpx) */
|
||||
background-color: #F8F8FA;
|
||||
border-radius: 8rpx;
|
||||
border: 1px solid #EFEFF2;
|
||||
overflow-x: auto;
|
||||
min-height: 64rpx; /* 设置最小高度,确保搜索区域不被挤压 */
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0; /* 防止被压缩 */
|
||||
}
|
||||
.toolbar-total.data-v-0c664d9c {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
margin-right: 8rpx; /* 增加右边距,与搜索框保持距离 */
|
||||
line-height: 1.2;
|
||||
padding: 0 4rpx; /* 增加左右内边距 */
|
||||
}
|
||||
.toolbar-input.data-v-0c664d9c {
|
||||
flex: 1;
|
||||
min-width: 120rpx; /* 增加最小宽度,避免被挤压变形 */
|
||||
max-width: 200rpx; /* 设置最大宽度,保持合理比例 */
|
||||
height: 56rpx; /* 稍微增加高度,提升可用性 */
|
||||
line-height: 56rpx;
|
||||
background-color: #F5F6FA;
|
||||
border-radius: 8rpx;
|
||||
padding: 0 12rpx; /* 增加左右内边距 */
|
||||
font-size: 24rpx;
|
||||
border: 1px solid transparent;
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 1; /* 允许适当收缩,但保持最小宽度 */
|
||||
}
|
||||
.toolbar-actions.data-v-0c664d9c {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
flex-shrink: 0;
|
||||
gap: 8rpx; /* 增加按钮之间的间距 */
|
||||
}
|
||||
.toolbar-btn.data-v-0c664d9c {
|
||||
padding: 0 12rpx; /* 增加左右内边距 */
|
||||
height: 56rpx; /* 与输入框高度保持一致 */
|
||||
min-width: 56rpx;
|
||||
color: #2A68FF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4rpx; /* 增加图标和文字之间的间距 */
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.toolbar-btn text.data-v-0c664d9c {
|
||||
color: #2A68FF;
|
||||
}
|
||||
.service-list.data-v-0c664d9c {
|
||||
/* 使用flex填充剩余空间 */
|
||||
flex: 1;
|
||||
background-color: transparent;
|
||||
box-sizing: border-box;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.service-item.data-v-0c664d9c {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 32rpx;
|
||||
margin-bottom: 24rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
|
||||
position: relative;
|
||||
}
|
||||
.service-header.data-v-0c664d9c {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 16rpx;
|
||||
position: relative;
|
||||
}
|
||||
.service-title.data-v-0c664d9c {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
.service-menu-button.data-v-0c664d9c {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.service-action-menu.data-v-0c664d9c {
|
||||
position: absolute;
|
||||
top: 60rpx;
|
||||
right: 32rpx;
|
||||
width: 160rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 12rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
|
||||
z-index: 100;
|
||||
overflow: hidden;
|
||||
margin-right: 0;
|
||||
}
|
||||
.service-action-menu-item.data-v-0c664d9c {
|
||||
padding: 24rpx 32rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.service-action-menu-item.data-v-0c664d9c:active {
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
.service-action-menu-item--danger.data-v-0c664d9c {
|
||||
color: #FF5722;
|
||||
}
|
||||
.service-action-menu-divider.data-v-0c664d9c {
|
||||
height: 1rpx;
|
||||
background-color: #E0E0E0;
|
||||
margin: 0 16rpx;
|
||||
}
|
||||
.service-action-menu-mask.data-v-0c664d9c {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: transparent;
|
||||
z-index: 99;
|
||||
}
|
||||
.service-meta.data-v-0c664d9c {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.service-date.data-v-0c664d9c {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.service-duration.data-v-0c664d9c {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
.service-content.data-v-0c664d9c {
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
.service-desc.data-v-0c664d9c {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.service-customer.data-v-0c664d9c {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.customer-avatar.data-v-0c664d9c {
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
background-color: #2196F3;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
.avatar-text.data-v-0c664d9c {
|
||||
font-size: 32rpx;
|
||||
color: #FFFFFF;
|
||||
font-weight: 500;
|
||||
}
|
||||
.customer-name.data-v-0c664d9c {
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
.ai-tag.data-v-0c664d9c {
|
||||
padding-top: 16rpx;
|
||||
border-top: 1px solid #F0F0F0;
|
||||
}
|
||||
.ai-tag text.data-v-0c664d9c {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
}
|
||||
Reference in New Issue
Block a user