diff --git a/pages/case/components/archive-detail/follow-up-manage-tab.vue b/pages/case/components/archive-detail/follow-up-manage-tab.vue
index 9d1ba92..94deb03 100644
--- a/pages/case/components/archive-detail/follow-up-manage-tab.vue
+++ b/pages/case/components/archive-detail/follow-up-manage-tab.vue
@@ -62,17 +62,29 @@
}}
{{ i.taskContent || "暂无内容" }}
-
+
发送内容:
- {{ i.sendContent }}
-
-
- 🖼️
- 📄
- 📋
- {{ file.file?.name || file.name }}
+ {{
+ i.sendContent
+ }}
+
+
+ {{
+ file.file?.name || file.name
+ }}
@@ -516,6 +528,7 @@ async function sendFollowUp(todo) {
}
// 2. 处理文件列表(图片、宣教文章、问卷)
+ debugger;
if (Array.isArray(todo.fileList)) {
for (const file of todo.fileList) {
if (file.type === "image" && file.URL) {
diff --git a/pages/message/chat.scss b/pages/message/chat.scss
index 749e586..41e18ef 100644
--- a/pages/message/chat.scss
+++ b/pages/message/chat.scss
@@ -10,7 +10,7 @@ $primary-color: #0877F1;
top: 0;
left: 0;
right: 0;
- bottom: 20rpx;
+ bottom: 0;
display: flex;
flex-direction: column;
background-color: #f5f5f5;
@@ -357,30 +357,35 @@ $primary-color: #0877F1;
background: #fff;
border-top: 1rpx solid #e0e0e0;
position: relative;
- z-index: 200; // 确保输入区域在评价卡片之上,但在弹窗之下
- // padding: 32rpx 16rpx 28rpx 16rpx;
+ z-index: 200;
+ padding-bottom: env(safe-area-inset-bottom);
}
.input-toolbar {
display: flex;
align-items: center;
- padding: 28rpx 0 28rpx 0;
+ padding: 16rpx 20rpx;
+ gap: 12rpx;
}
-.voice-toggle-btn{
+
+.voice-toggle-btn {
+ width: 56rpx;
height: 56rpx;
display: flex;
align-items: center;
- flex: none;
- padding-left: 20rpx;
-
+ justify-content: center;
+ flex-shrink: 0;
+ padding: 0;
}
+
.plus-btn {
width: 56rpx;
height: 56rpx;
display: flex;
align-items: center;
- flex: none;
- padding-right: 20rpx;
+ justify-content: center;
+ flex-shrink: 0;
+ padding: 0;
}
.send-btn {
@@ -390,16 +395,16 @@ $primary-color: #0877F1;
font-weight: 600;
border: none;
border-radius: 40rpx;
- height: 64rpx;
+ height: 56rpx;
min-width: 112rpx;
padding: 0 32rpx;
- margin-left: 16rpx;
box-shadow: 0 2rpx 8rpx rgba(56, 118, 246, 0.08);
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
- flex: none;
+ flex-shrink: 0;
+ white-space: nowrap;
}
.send-btn:active {
@@ -418,10 +423,9 @@ $primary-color: #0877F1;
.text-input,
.voice-input-btn {
flex: 1;
- padding: 16rpx 46rpx;
+ padding: 16rpx;
background-color: #f3f5fa;
- border-radius: 20rpx;
- margin: 0 16rpx;
+ border-radius: 10rpx;
font-size: 28rpx;
min-height: 80rpx;
max-height: 200rpx;
@@ -436,9 +440,10 @@ $primary-color: #0877F1;
}
.text-input {
- padding: 16rpx 46rpx;
+ padding: 20rpx;
display: block;
line-height: 1.5;
+ height: 80rpx;
}
.voice-input-btn {
diff --git a/pages/message/components/chat-input.vue b/pages/message/components/chat-input.vue
index d31c866..4b6a92c 100644
--- a/pages/message/components/chat-input.vue
+++ b/pages/message/components/chat-input.vue
@@ -8,7 +8,7 @@
@@ -82,7 +82,12 @@ const props = defineProps({
});
// Emits
-const emit = defineEmits(["messageSent", "scrollToBottom", "endConsult", "openConsult"]);
+const emit = defineEmits([
+ "messageSent",
+ "scrollToBottom",
+ "endConsult",
+ "openConsult",
+]);
// 输入相关状态
const inputText = ref("");
@@ -425,7 +430,11 @@ const handleOpenConsult = () => {
const morePanelButtons = computed(() => {
const buttons = [
- { text: "照片", icon: "/static/icon/zhaopian.png", action: showImagePicker },
+ {
+ text: "照片",
+ icon: "/static/icon/zhaopian.png",
+ action: showImagePicker,
+ },
{
text: "回访任务",
icon: "/static/icon/huifangrenwu.png",