From f99650a3b7073096c745071ccf50d6ba2393710a Mon Sep 17 00:00:00 2001
From: wangdongbo <949818794@qq.com>
Date: Fri, 23 Jan 2026 15:51:26 +0800
Subject: [PATCH 1/3] no message

---
 pages/message/README.md          |  95 +++++
 pages/message/common-phrases.vue | 590 +++++++++++++++++++++++++++++++
 2 files changed, 685 insertions(+)
 create mode 100644 pages/message/README.md
 create mode 100644 pages/message/common-phrases.vue

diff --git a/pages/message/README.md b/pages/message/README.md
new file mode 100644
index 0000000..4cf1f3c
--- /dev/null
+++ b/pages/message/README.md
@@ -0,0 +1,95 @@
+# 常用语功能说明
+
+## 功能概述
+在聊天页面添加了常用语功能，医生可以快速选择并发送预设的常用语内容。
+
+## 功能特性
+
+### 1. 常用语列表页面 (`common-phrases.vue`)
+- 支持分类管理（文字随访、语音随访、常用回复等）
+- 支持添加、编辑、删除常用语
+- 支持添加自定义分类
+- 点击常用语直接发送到聊天
+
+### 2. 聊天输入框集成
+- 在聊天输入框的"更多"面板中添加"常用语"入口
+- 点击后跳转到常用语列表页面
+- 选择常用语后自动返回并发送
+
+### 3. 数据持久化
+- 常用语数据存储在MongoDB的`common-words`集合中
+- 支持机构级别和个人级别的常用语
+- 与PC端管理后台数据互通
+
+## 文件结构
+
+```
+ykt-wx-app/pages/message/
+├── common-phrases.vue          # 常用语列表页面
+├── components/
+│   └── chat-input.vue         # 聊天输入框组件（已更新）
+├── index.vue                  # 聊天主页面（已更新）
+└── README.md                  # 本文档
+
+ykt-wx-app/utils/
+└── api.js                     # API配置（已添加常用语接口）
+
+ytk-customer-service/knowledgeBase/common-words/
+└── index.js                   # 后端常用语接口（已添加小程序接口）
+```
+
+## API接口
+
+### 1. 获取常用语列表
+```javascript
+api('getCommonPhrases', { corpId })
+```
+
+### 2. 保存常用语
+```javascript
+api('saveCommonPhrase', {
+  id,           // 可选，更新时传入
+  corpId,
+  userId,
+  categoryId,
+  content
+})
+```
+
+### 3. 删除常用语
+```javascript
+api('deleteCommonPhrase', {
+  id,
+  corpId
+})
+```
+
+### 4. 获取分类列表
+```javascript
+api('getCommonPhraseCategories', { corpId })
+```
+
+### 5. 保存分类
+```javascript
+api('saveCommonPhraseCategory', {
+  corpId,
+  userId,
+  name
+})
+```
+
+## 使用流程
+
+1. 用户在聊天页面点击输入框右侧的"+"按钮
+2. 在弹出的功能面板中点击"常用语"
+3. 跳转到常用语列表页面
+4. 可以切换分类查看不同类型的常用语
+5. 点击任意常用语，自动返回聊天页面并发送该内容
+6. 在编辑模式下可以添加、编辑、删除常用语
+
+## 注意事项
+
+1. 常用语功能需要用户已登录并有有效的corpId
+2. 如果后端API调用失败，会使用本地模拟数据
+3. 常用语内容最多500字
+4. 分类名称最多6个字
diff --git a/pages/message/common-phrases.vue b/pages/message/common-phrases.vue
new file mode 100644
index 0000000..5d26818
--- /dev/null
+++ b/pages/message/common-phrases.vue
@@ -0,0 +1,590 @@
+<template>
+  <view class="common-phrases-page">
+    <view class="header">
+      <view class="title">快捷回复</view>
+      <view class="edit-btn" @click="toggleEditMode">{{ isEditMode ? '完成' : '编辑' }}</view>
+    </view>
+
+    <view class="category-tabs">
+      <view 
+        v-for="category in categories" 
+        :key="category.id"
+        class="category-tab"
+        :class="{ active: currentCategory === category.id }"
+        @click="switchCategory(category.id)"
+      >
+        {{ category.name }}
+      </view>
+      <view class="add-category-btn" @click="showAddCategoryDialog">
+        <text class="plus-icon">+</text>
+        加分类
+      </view>
+    </view>
+
+    <scroll-view class="phrases-list" scroll-y>
+      <view 
+        v-for="phrase in currentPhrases" 
+        :key="phrase.id"
+        class="phrase-item"
+        @click="handlePhraseClick(phrase)"
+      >
+        <view class="phrase-content">{{ phrase.content }}</view>
+        <view v-if="isEditMode" class="phrase-actions">
+          <view class="action-btn edit" @click.stop="editPhrase(phrase)">编辑</view>
+          <view class="action-btn delete" @click.stop="deletePhrase(phrase)">删除</view>
+        </view>
+      </view>
+      
+      <view v-if="currentPhrases.length === 0" class="empty-state">
+        <image src="/static/empty.svg" class="empty-icon" mode="aspectFit"></image>
+        <text class="empty-text">暂无常用语</text>
+      </view>
+    </scroll-view>
+
+    <view class="add-phrase-btn" @click="showAddPhraseDialog">
+      <text class="plus-icon-white">+</text>
+      添加快捷回复
+    </view>
+
+    <!-- 添加/编辑常用语弹窗 -->
+    <view v-if="showPhrasePopup" class="popup-mask" @click="closePopup">
+      <view class="popup-content" @click.stop>
+        <view class="popup-title">{{ editingPhrase ? '编辑' : '添加快捷回复' }}</view>
+        <textarea 
+          v-model="phraseForm.content" 
+          class="phrase-textarea"
+          placeholder="在此处输入文字"
+          maxlength="500"
+        ></textarea>
+        <view class="popup-actions">
+          <button class="cancel-btn" @click="closePopup">取消</button>
+          <button class="confirm-btn" @click="savePhrase">{{ editingPhrase ? '保存' : '确认添加' }}</button>
+        </view>
+      </view>
+    </view>
+
+    <!-- 添加分类弹窗 -->
+    <view v-if="showCategoryPopup" class="popup-mask" @click="closeCategoryPopup">
+      <view class="popup-content category-popup" @click.stop>
+        <view class="popup-title">新建分类名</view>
+        <input 
+          v-model="categoryForm.name" 
+          class="category-input"
+          placeholder="请在此填写分类名，最多6个字"
+          maxlength="6"
+        />
+        <view class="popup-actions">
+          <button class="cancel-btn" @click="closeCategoryPopup">取消</button>
+          <button class="confirm-btn" @click="saveCategory">确认添加</button>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue';
+import api from '@/utils/api';
+
+// 编辑模式
+const isEditMode = ref(false);
+
+// 分类数据
+const categories = ref([
+  { id: 'visit', name: '文字随访' },
+  { id: 'voice', name: '语音随访' },
+  { id: 'common', name: '常用回复' },
+]);
+
+const currentCategory = ref('common');
+
+// 常用语数据
+const phrases = ref([]);
+
+// 当前分类的常用语
+const currentPhrases = computed(() => {
+  return phrases.value.filter(p => p.categoryId === currentCategory.value);
+});
+
+// 弹窗显示状态
+const showPhrasePopup = ref(false);
+const showCategoryPopup = ref(false);
+
+// 表单数据
+const phraseForm = ref({
+  content: ''
+});
+
+const categoryForm = ref({
+  name: ''
+});
+
+const editingPhrase = ref(null);
+
+// 切换编辑模式
+const toggleEditMode = () => {
+  isEditMode.value = !isEditMode.value;
+};
+
+// 切换分类
+const switchCategory = (categoryId) => {
+  currentCategory.value = categoryId;
+};
+
+// 处理常用语点击
+const handlePhraseClick = (phrase) => {
+  if (isEditMode.value) {
+    return;
+  }
+  
+  // 返回到聊天页面并发送消息
+  const pages = getCurrentPages();
+  const prevPage = pages[pages.length - 2];
+  
+  if (prevPage) {
+    prevPage.$vm.sendCommonPhrase(phrase.content);
+  }
+  
+  uni.navigateBack();
+};
+
+// 显示添加常用语弹窗
+const showAddPhraseDialog = () => {
+  editingPhrase.value = null;
+  phraseForm.value.content = '';
+  showPhrasePopup.value = true;
+};
+
+// 编辑常用语
+const editPhrase = (phrase) => {
+  editingPhrase.value = phrase;
+  phraseForm.value.content = phrase.content;
+  showPhrasePopup.value = true;
+};
+
+// 保存常用语
+const savePhrase = async () => {
+  if (!phraseForm.value.content.trim()) {
+    uni.showToast({
+      title: '请输入内容',
+      icon: 'none'
+    });
+    return;
+  }
+
+  try {
+    if (editingPhrase.value) {
+      // 更新
+      await api('saveCommonPhrase', {
+        id: editingPhrase.value.id,
+        categoryId: editingPhrase.value.categoryId,
+        content: phraseForm.value.content,
+        corpId: uni.getStorageSync('corpId')
+      });
+      
+      const index = phrases.value.findIndex(p => p.id === editingPhrase.value.id);
+      if (index !== -1) {
+        phrases.value[index].content = phraseForm.value.content;
+      }
+    } else {
+      // 新增
+      const result = await api('saveCommonPhrase', {
+        categoryId: currentCategory.value,
+        content: phraseForm.value.content,
+        corpId: uni.getStorageSync('corpId')
+      });
+      
+      if (result.code === 200 && result.data) {
+        phrases.value.push(result.data);
+      } else {
+        // 如果API失败，使用本地ID
+        phrases.value.push({
+          id: Date.now(),
+          categoryId: currentCategory.value,
+          content: phraseForm.value.content
+        });
+      }
+    }
+
+    uni.showToast({
+      title: editingPhrase.value ? '保存成功' : '添加成功',
+      icon: 'success'
+    });
+
+    closePopup();
+  } catch (error) {
+    console.error('保存常用语失败:', error);
+    uni.showToast({
+      title: '操作失败',
+      icon: 'none'
+    });
+  }
+};
+
+// 删除常用语
+const deletePhrase = (phrase) => {
+  uni.showModal({
+    title: '提示',
+    content: '确定删除该常用语吗？',
+    success: async (res) => {
+      if (res.confirm) {
+        try {
+          await api('deleteCommonPhrase', {
+            id: phrase.id,
+            corpId: uni.getStorageSync('corpId')
+          });
+          
+          const index = phrases.value.findIndex(p => p.id === phrase.id);
+          if (index !== -1) {
+            phrases.value.splice(index, 1);
+          }
+
+          uni.showToast({
+            title: '删除成功',
+            icon: 'success'
+          });
+        } catch (error) {
+          console.error('删除常用语失败:', error);
+          uni.showToast({
+            title: '删除失败',
+            icon: 'none'
+          });
+        }
+      }
+    }
+  });
+};
+
+// 显示添加分类弹窗
+const showAddCategoryDialog = () => {
+  categoryForm.value.name = '';
+  showCategoryPopup.value = true;
+};
+
+// 保存分类
+const saveCategory = () => {
+  if (!categoryForm.value.name.trim()) {
+    uni.showToast({
+      title: '请输入分类名',
+      icon: 'none'
+    });
+    return;
+  }
+
+  categories.value.push({
+    id: `category_${Date.now()}`,
+    name: categoryForm.value.name
+  });
+
+  uni.showToast({
+    title: '添加成功',
+    icon: 'success'
+  });
+
+  closeCategoryPopup();
+};
+
+// 关闭弹窗
+const closePopup = () => {
+  showPhrasePopup.value = false;
+};
+
+const closeCategoryPopup = () => {
+  showCategoryPopup.value = false;
+};
+
+// 加载常用语数据
+const loadPhrases = async () => {
+  try {
+    const result = await api('getCommonPhrases', {
+      corpId: uni.getStorageSync('corpId')
+    });
+    
+    if (result.code === 200 && result.data) {
+      phrases.value = result.data;
+    } else {
+      // 如果API返回失败，使用模拟数据
+      phrases.value = getMockPhrases();
+    }
+  } catch (error) {
+    console.error('加载常用语失败:', error);
+    // 加载失败时使用模拟数据
+    phrases.value = getMockPhrases();
+  }
+};
+
+// 模拟数据
+const getMockPhrases = () => {
+  return [
+    {
+      id: 1,
+      categoryId: 'common',
+      content: '想要买草药自己熬还是配方颗粒直接开水冲着喝？线上购买全国包邮，一二线城市一般1-2天送到，其他城市可能慢一些。'
+    },
+    {
+      id: 2,
+      categoryId: 'common',
+      content: '以前得过什么病吗？做过什么检查吗？有检查结果吗？详细说一下。'
+    },
+    {
+      id: 3,
+      categoryId: 'common',
+      content: '把我之前给您开的处方，拍个照上传给我看一下，拍招清楚一点。'
+    },
+    {
+      id: 4,
+      categoryId: 'common',
+      content: '服药期间要慎炸身体，少吃油炸等辛辣食物，按时作息，精神放松。'
+    },
+    {
+      id: 5,
+      categoryId: 'common',
+      content: '煎药最好用砂锅，避免用铁锅，煎药前用冷水浸泡30分钟，水量超过药材2-5厘米，一般中药煎2次，第1次煮沸后再煎20分钟就可以倒出来了，再次加水煮沸后再煎30分钟后倒出，将2次倒出的药混合在一起，就可以按照医嘱用药了。'
+    },
+    {
+      id: 6,
+      categoryId: 'common',
+      content: '如果在线上买药，点击整体治疗方案，选择首选处方，划价取药，填写地址后去付款即可。'
+    },
+    {
+      id: 7,
+      categoryId: 'voice',
+      content: '想要买草药自己熬还是配方颗粒直接开水冲着喝？'
+    },
+    {
+      id: 8,
+      categoryId: 'visit',
+      content: '您好，我是您的健康管理师，请问有什么可以帮助您的吗？'
+    }
+  ];
+};
+
+onMounted(() => {
+  loadPhrases();
+});
+</script>
+
+<style scoped lang="scss">
+.common-phrases-page {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: #f5f5f5;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 32rpx;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+
+  .title {
+    font-size: 36rpx;
+    font-weight: 600;
+    color: #333;
+  }
+
+  .edit-btn {
+    font-size: 28rpx;
+    color: #ff6b35;
+  }
+}
+
+.category-tabs {
+  display: flex;
+  align-items: center;
+  padding: 24rpx 32rpx;
+  background-color: #fff;
+  overflow-x: auto;
+  white-space: nowrap;
+
+  .category-tab {
+    padding: 12rpx 24rpx;
+    margin-right: 16rpx;
+    font-size: 28rpx;
+    color: #666;
+    background-color: #f5f5f5;
+    border-radius: 8rpx;
+    flex-shrink: 0;
+
+    &.active {
+      color: #ff6b35;
+      background-color: #fff5f2;
+      border: 1px solid #ff6b35;
+    }
+  }
+
+  .add-category-btn {
+    display: flex;
+    align-items: center;
+    padding: 12rpx 24rpx;
+    font-size: 28rpx;
+    color: #ff6b35;
+    background-color: #fff5f2;
+    border-radius: 8rpx;
+    flex-shrink: 0;
+
+    .plus-icon {
+      font-size: 32rpx;
+      margin-right: 4rpx;
+      font-weight: 600;
+    }
+  }
+}
+
+.phrases-list {
+  flex: 1;
+  padding: 24rpx 32rpx;
+  overflow-y: auto;
+
+  .phrase-item {
+    padding: 24rpx;
+    margin-bottom: 16rpx;
+    background-color: #fff;
+    border-radius: 12rpx;
+
+    .phrase-content {
+      font-size: 28rpx;
+      color: #333;
+      line-height: 1.6;
+    }
+
+    .phrase-actions {
+      display: flex;
+      justify-content: flex-end;
+      margin-top: 16rpx;
+      padding-top: 16rpx;
+      border-top: 1px solid #f5f5f5;
+
+      .action-btn {
+        padding: 8rpx 24rpx;
+        margin-left: 16rpx;
+        font-size: 24rpx;
+        border-radius: 8rpx;
+
+        &.edit {
+          color: #007aff;
+          background-color: #e6f2ff;
+        }
+
+        &.delete {
+          color: #ff3b30;
+          background-color: #ffe6e6;
+        }
+      }
+    }
+  }
+
+  .empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 120rpx 0;
+
+    .empty-icon {
+      width: 200rpx;
+      height: 200rpx;
+      margin-bottom: 24rpx;
+    }
+
+    .empty-text {
+      font-size: 28rpx;
+      color: #999;
+    }
+  }
+}
+
+.add-phrase-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 24rpx 32rpx;
+  padding: 24rpx;
+  font-size: 28rpx;
+  color: #fff;
+  background-color: #ff6b35;
+  border-radius: 12rpx;
+
+  .plus-icon-white {
+    font-size: 36rpx;
+    margin-right: 8rpx;
+    font-weight: 600;
+  }
+}
+
+.popup-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+}
+
+.popup-content {
+  width: 600rpx;
+  padding: 32rpx;
+  background-color: #fff;
+  border-radius: 16rpx;
+
+  .popup-title {
+    font-size: 32rpx;
+    font-weight: 600;
+    color: #333;
+    text-align: center;
+    margin-bottom: 24rpx;
+  }
+
+  .phrase-textarea {
+    width: 100%;
+    min-height: 300rpx;
+    padding: 16rpx;
+    font-size: 28rpx;
+    color: #333;
+    background-color: #f5f5f5;
+    border-radius: 8rpx;
+    margin-bottom: 24rpx;
+  }
+
+  .category-input {
+    width: 100%;
+    padding: 16rpx;
+    font-size: 28rpx;
+    color: #333;
+    background-color: #f5f5f5;
+    border-radius: 8rpx;
+    margin-bottom: 24rpx;
+  }
+
+  .popup-actions {
+    display: flex;
+    justify-content: space-between;
+
+    button {
+      flex: 1;
+      padding: 20rpx;
+      font-size: 28rpx;
+      border-radius: 8rpx;
+      border: none;
+
+      &.cancel-btn {
+        margin-right: 16rpx;
+        color: #666;
+        background-color: #f5f5f5;
+      }
+
+      &.confirm-btn {
+        color: #fff;
+        background-color: #ff6b35;
+      }
+    }
+  }
+}
+</style>

From 8ddeb572d435b3cb246dd4e05db8982a2f69fe84 Mon Sep 17 00:00:00 2001
From: wangdongbo <949818794@qq.com>
Date: Fri, 23 Jan 2026 16:09:34 +0800
Subject: [PATCH 2/3] no message

---
 App.vue                                 | 734 ++++++++++++------------
 pages.json                              |   6 +
 pages/message/common-phrases.vue        | 285 +++++----
 pages/message/components/chat-input.vue |  57 +-
 pages/message/index.vue                 |  16 +
 static/icon/icon-chinese-rx.png         | Bin 4406 -> 0 bytes
 static/icon/icon-western-rx.png         | Bin 3880 -> 0 bytes
 static/icon/kaichufang.png              | Bin 1346 -> 0 bytes
 static/icon/kaizhongyao.png             | Bin 1288 -> 0 bytes
 static/icon/quxiaobingtuikuan.png       | Bin 3930 -> 0 bytes
 utils/api.js                            |   7 +-
 11 files changed, 635 insertions(+), 470 deletions(-)
 delete mode 100644 static/icon/icon-chinese-rx.png
 delete mode 100644 static/icon/icon-western-rx.png
 delete mode 100644 static/icon/kaichufang.png
 delete mode 100644 static/icon/kaizhongyao.png
 delete mode 100644 static/icon/quxiaobingtuikuan.png

diff --git a/App.vue b/App.vue
index bffc016..1010425 100644
--- a/App.vue
+++ b/App.vue
@@ -1,365 +1,369 @@
-<script>
-import useAccountStore from "@/store/account.js";
-import { globalTimChatManager } from "@/utils/tim-chat.js";
-
-export default {
-  onLaunch: function () {
-    // 需在 pinia 安装后再获取 store，避免 getActivePinia 报错
-    const { login } = useAccountStore();
-    login();
-    console.log("App Launch: ");
-  },
-  onShow: function () {
-    console.log("App Show");
-  },
-  onHide: function () {
-    console.log("App Hide");
-    // 小程序退出时退出腾讯IM登录
-    // try {
-    //   if (globalTimChatManager && globalTimChatManager.tim) {
-    //     console.log('小程序退出，开始退出腾讯IM');
-    //     globalTimChatManager.destroy();
-    //     console.log('腾讯IM退出成功');
-    //   }
-    // } catch (error) {
-    //   console.error('退出腾讯IM失败:', error);
-    // }
-  },
-};
-</script>
-
-<style lang="scss">
-$primary-color: #0074ff;
-
-page {
-  height: 100%;
-  background: #f5f5f5;
-}
-
-.shadow-up {
-  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
-    rgba(0, 0, 0, 0.1) 0px -10px 15px -3px, rgba(0, 0, 0, 0.1) 0px -4px 6px -4px;
-}
-
-.shadow-lg {
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-}
-
-.relative {
-  position: relative;
-}
-
-.inline-block {
-  display: inline-block;
-}
-
-.flex {
-  display: flex;
-}
-
-.flex-col {
-  flex-direction: column;
-}
-
-.flex-wrap {
-  flex-wrap: wrap;
-}
-
-.flex-grow {
-  flex-grow: 1;
-}
-
-.flex-shrink-0 {
-  flex-shrink: 0;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.justify-around {
-  justify-content: space-around;
-}
-
-.justify-end {
-  justify-content: flex-end;
-}
-
-.bg-gray {
-  background: #f5f5f5;
-}
-
-.bg-primary {
-  background: $primary-color;
-}
-
-.bg-success {
-  background: green;
-}
-
-.bg-white {
-  background: #fff;
-}
-
-.bg-warning {
-  background: orange;
-}
-
-.bg-danger {
-  background: rgb(248 113 113);
-}
-
-.py-5 {
-  padding-top: 10rpx;
-  padding-bottom: 10rpx;
-}
-
-.p-15 {
-  padding: 30rpx;
-}
-
-.p-10 {
-  padding: 20rpx;
-}
-
-.px-5 {
-  padding-left: 10rpx;
-  padding-right: 10rpx;
-}
-
-.px-10 {
-  padding-left: 20rpx;
-  padding-right: 20rpx;
-}
-
-.px-12 {
-  padding-left: 24rpx;
-  padding-right: 24rpx;
-}
-
-.px-15 {
-  padding-left: 30rpx;
-  padding-right: 30rpx;
-}
-
-.pt-5 {
-  padding-top: 10rpx;
-}
-.pt-15 {
-  padding-top: 30rpx;
-}
-
-.break-all {
-  word-break: break-all;
-}
-
-.pb-5 {
-  padding-bottom: 10rpx;
-}
-
-.pb-10 {
-  padding-bottom: 20rpx;
-}
-
-.py-10 {
-  padding-top: 20rpx;
-  padding-bottom: 20rpx;
-}
-
-.py-12 {
-  padding-top: 24rpx;
-  padding-bottom: 24rpx;
-}
-
-.py-15 {
-  padding-top: 30rpx;
-  padding-bottom: 30rpx;
-}
-
-.mr-5 {
-  margin-right: 10rpx;
-}
-
-.mr-10 {
-  margin-right: 20rpx;
-}
-
-.ml-15 {
-  margin-left: 30rpx;
-}
-
-.mb-5 {
-  margin-bottom: 10rpx;
-}
-
-.mb-10 {
-  margin-bottom: 20rpx;
-}
-
-.mt-10 {
-  margin-top: 20rpx;
-}
-
-.mt-15 {
-  margin-top: 30rpx;
-}
-
-.mt-12 {
-  margin-top: 24rpx;
-}
-
-.mx-10 {
-  margin-left: 20rpx;
-  margin-right: 20rpx;
-}
-
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.rounded {
-  border-radius: 16rpx;
-}
-
-.rounded-sm {
-  border-radius: 8rpx;
-}
-
-.rounded-full {
-  border-radius: 999px;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.text-gray {
-  color: #999;
-}
-
-.text-black {
-  color: #000;
-}
-
-.text-dark {
-  color: #333;
-}
-
-.text-danger {
-  color: #f56c6c;
-}
-
-.text-primary {
-  color: $primary-color;
-}
-
-.text-success {
-  color: #67c23a;
-}
-
-.text-white {
-  color: #fff;
-}
-
-.text-warning {
-  color: #f56c6c;
-}
-
-.text-sm {
-  font-size: 24rpx;
-}
-
-.text-base {
-  font-size: 28rpx;
-}
-
-.text-lg {
-  font-size: 32rpx;
-}
-
-.text-xl {
-  font-size: 36rpx;
-}
-
-.leading-normal {
-  line-height: 1.5;
-}
-
-.border {
-  border: 1px solid #eee;
-}
-
-.border-dashed {
-  border: 1px dashed #eee;
-}
-
-.border-b {
-  border-bottom: 1px solid #eee;
-}
-
-.border-auto {
-  border: 1px solid;
-}
-
-.border-dashed-auto {
-  border: 1px dashed;
-}
-
-.border-primary {
-  border: 1px solid $primary-color;
-}
-
-.font-semibold {
-  font-weight: bold;
-}
-
-.truncate {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.w-0 {
-  width: 0;
-}
-
-.w-full {
-  width: 100%;
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.border-box {
-  box-sizing: border-box;
-}
-
-.line-clamp-2 {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-}
-
-.h-full {
-  height: 100%;
-}
-
-.safe-bottom-padding {
-  height: env(safe-area-inset-bottom);
-}
-</style>
+<script>
+	import useAccountStore from "@/store/account.js";
+	import {
+		globalTimChatManager
+	} from "@/utils/tim-chat.js";
+
+	export default {
+		onLaunch: function() {
+			// 需在 pinia 安装后再获取 store，避免 getActivePinia 报错
+			const {
+				login
+			} = useAccountStore();
+			login();
+			console.log("App Launch: ");
+		},
+		onShow: function() {
+			console.log("App Show");
+		},
+		onHide: function() {
+			console.log("App Hide");
+			try {
+				if (globalTimChatManager && globalTimChatManager.tim) {
+					console.log('小程序退出，开始退出腾讯IM');
+					globalTimChatManager.destroy();
+					console.log('腾讯IM退出成功');
+				}
+			} catch (error) {
+				console.error('退出腾讯IM失败:', error);
+			}
+		},
+	};
+</script>
+
+<style lang="scss">
+	$primary-color: #0074ff;
+
+	page {
+		height: 100%;
+		background: #f5f5f5;
+	}
+
+	.shadow-up {
+		box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px,
+			rgba(0, 0, 0, 0.1) 0px -10px 15px -3px, rgba(0, 0, 0, 0.1) 0px -4px 6px -4px;
+	}
+
+	.shadow-lg {
+		box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+	}
+
+	.relative {
+		position: relative;
+	}
+
+	.inline-block {
+		display: inline-block;
+	}
+
+	.flex {
+		display: flex;
+	}
+
+	.flex-col {
+		flex-direction: column;
+	}
+
+	.flex-wrap {
+		flex-wrap: wrap;
+	}
+
+	.flex-grow {
+		flex-grow: 1;
+	}
+
+	.flex-shrink-0 {
+		flex-shrink: 0;
+	}
+
+	.items-center {
+		align-items: center;
+	}
+
+	.justify-center {
+		justify-content: center;
+	}
+
+	.justify-between {
+		justify-content: space-between;
+	}
+
+	.justify-around {
+		justify-content: space-around;
+	}
+
+	.justify-end {
+		justify-content: flex-end;
+	}
+
+	.bg-gray {
+		background: #f5f5f5;
+	}
+
+	.bg-primary {
+		background: $primary-color;
+	}
+
+	.bg-success {
+		background: green;
+	}
+
+	.bg-white {
+		background: #fff;
+	}
+
+	.bg-warning {
+		background: orange;
+	}
+
+	.bg-danger {
+		background: rgb(248 113 113);
+	}
+
+	.py-5 {
+		padding-top: 10rpx;
+		padding-bottom: 10rpx;
+	}
+
+	.p-15 {
+		padding: 30rpx;
+	}
+
+	.p-10 {
+		padding: 20rpx;
+	}
+
+	.px-5 {
+		padding-left: 10rpx;
+		padding-right: 10rpx;
+	}
+
+	.px-10 {
+		padding-left: 20rpx;
+		padding-right: 20rpx;
+	}
+
+	.px-12 {
+		padding-left: 24rpx;
+		padding-right: 24rpx;
+	}
+
+	.px-15 {
+		padding-left: 30rpx;
+		padding-right: 30rpx;
+	}
+
+	.pt-5 {
+		padding-top: 10rpx;
+	}
+
+	.pt-15 {
+		padding-top: 30rpx;
+	}
+
+	.break-all {
+		word-break: break-all;
+	}
+
+	.pb-5 {
+		padding-bottom: 10rpx;
+	}
+
+	.pb-10 {
+		padding-bottom: 20rpx;
+	}
+
+	.py-10 {
+		padding-top: 20rpx;
+		padding-bottom: 20rpx;
+	}
+
+	.py-12 {
+		padding-top: 24rpx;
+		padding-bottom: 24rpx;
+	}
+
+	.py-15 {
+		padding-top: 30rpx;
+		padding-bottom: 30rpx;
+	}
+
+	.mr-5 {
+		margin-right: 10rpx;
+	}
+
+	.mr-10 {
+		margin-right: 20rpx;
+	}
+
+	.ml-15 {
+		margin-left: 30rpx;
+	}
+
+	.mb-5 {
+		margin-bottom: 10rpx;
+	}
+
+	.mb-10 {
+		margin-bottom: 20rpx;
+	}
+
+	.mt-10 {
+		margin-top: 20rpx;
+	}
+
+	.mt-15 {
+		margin-top: 30rpx;
+	}
+
+	.mt-12 {
+		margin-top: 24rpx;
+	}
+
+	.mx-10 {
+		margin-left: 20rpx;
+		margin-right: 20rpx;
+	}
+
+	.mx-auto {
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	.rounded {
+		border-radius: 16rpx;
+	}
+
+	.rounded-sm {
+		border-radius: 8rpx;
+	}
+
+	.rounded-full {
+		border-radius: 999px;
+	}
+
+	.text-center {
+		text-align: center;
+	}
+
+	.text-right {
+		text-align: right;
+	}
+
+	.text-gray {
+		color: #999;
+	}
+
+	.text-black {
+		color: #000;
+	}
+
+	.text-dark {
+		color: #333;
+	}
+
+	.text-danger {
+		color: #f56c6c;
+	}
+
+	.text-primary {
+		color: $primary-color;
+	}
+
+	.text-success {
+		color: #67c23a;
+	}
+
+	.text-white {
+		color: #fff;
+	}
+
+	.text-warning {
+		color: #f56c6c;
+	}
+
+	.text-sm {
+		font-size: 24rpx;
+	}
+
+	.text-base {
+		font-size: 28rpx;
+	}
+
+	.text-lg {
+		font-size: 32rpx;
+	}
+
+	.text-xl {
+		font-size: 36rpx;
+	}
+
+	.leading-normal {
+		line-height: 1.5;
+	}
+
+	.border {
+		border: 1px solid #eee;
+	}
+
+	.border-dashed {
+		border: 1px dashed #eee;
+	}
+
+	.border-b {
+		border-bottom: 1px solid #eee;
+	}
+
+	.border-auto {
+		border: 1px solid;
+	}
+
+	.border-dashed-auto {
+		border: 1px dashed;
+	}
+
+	.border-primary {
+		border: 1px solid $primary-color;
+	}
+
+	.font-semibold {
+		font-weight: bold;
+	}
+
+	.truncate {
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.w-0 {
+		width: 0;
+	}
+
+	.w-full {
+		width: 100%;
+	}
+
+	.overflow-hidden {
+		overflow: hidden;
+	}
+
+	.border-box {
+		box-sizing: border-box;
+	}
+
+	.line-clamp-2 {
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2;
+		overflow: hidden;
+	}
+
+	.h-full {
+		height: 100%;
+	}
+
+	.safe-bottom-padding {
+		height: env(safe-area-inset-bottom);
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 4e9ea8a..a97b558 100644
--- a/pages.json
+++ b/pages.json
@@ -13,6 +13,12 @@
 				"enablePullDownRefresh": false
 			}
 		},
+		{
+			"path": "pages/message/common-phrases",
+			"style": {
+				"navigationBarTitleText": "常用语"
+			}
+		},
 		{
 			"path": "pages/case/case",
 			"style": {
diff --git a/pages/message/common-phrases.vue b/pages/message/common-phrases.vue
index 5d26818..39a22a3 100644
--- a/pages/message/common-phrases.vue
+++ b/pages/message/common-phrases.vue
@@ -1,61 +1,95 @@
 <template>
   <view class="common-phrases-page">
-    <view class="header">
-      <view class="title">快捷回复</view>
-      <view class="edit-btn" @click="toggleEditMode">{{ isEditMode ? '完成' : '编辑' }}</view>
-    </view>
+    <!-- 自定义导航栏 -->
+    <view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+      <view class="navbar-content">
 
-    <view class="category-tabs">
-      <view 
-        v-for="category in categories" 
-        :key="category.id"
-        class="category-tab"
-        :class="{ active: currentCategory === category.id }"
-        @click="switchCategory(category.id)"
-      >
-        {{ category.name }}
-      </view>
-      <view class="add-category-btn" @click="showAddCategoryDialog">
-        <text class="plus-icon">+</text>
-        加分类
-      </view>
-    </view>
-
-    <scroll-view class="phrases-list" scroll-y>
-      <view 
-        v-for="phrase in currentPhrases" 
-        :key="phrase.id"
-        class="phrase-item"
-        @click="handlePhraseClick(phrase)"
-      >
-        <view class="phrase-content">{{ phrase.content }}</view>
-        <view v-if="isEditMode" class="phrase-actions">
-          <view class="action-btn edit" @click.stop="editPhrase(phrase)">编辑</view>
-          <view class="action-btn delete" @click.stop="deletePhrase(phrase)">删除</view>
+        <view class="navbar-center">
+          <text class="navbar-title">快捷回复</text>
+        </view>
+        <view class="navbar-right" @click="toggleEditMode">
+          <text class="edit-text">{{ isEditMode ? '完成' : '编辑' }}</text>
         </view>
       </view>
-      
-      <view v-if="currentPhrases.length === 0" class="empty-state">
-        <image src="/static/empty.svg" class="empty-icon" mode="aspectFit"></image>
-        <text class="empty-text">暂无常用语</text>
-      </view>
-    </scroll-view>
+    </view>
 
-    <view class="add-phrase-btn" @click="showAddPhraseDialog">
-      <text class="plus-icon-white">+</text>
-      添加快捷回复
+    <view class="content-wrapper">
+      <!-- 左侧分类列表 -->
+      <view class="category-sidebar">
+        <scroll-view class="category-list" scroll-y>
+          <view 
+            v-for="category in categories" 
+            :key="category.id"
+            class="category-item"
+            :class="{ active: currentCategory === category.id }"
+            @click="switchCategory(category.id)"
+            @longpress="handleCategoryLongPress(category)"
+          >
+            <view class="category-name">{{ category.name }}</view>
+            <view v-if="currentCategory === category.id" class="active-indicator"></view>
+            <view v-if="isEditMode && category.deletable" class="delete-badge" @click.stop="deleteCategory(category)">
+              <text class="delete-icon">×</text>
+            </view>
+          </view>
+          
+          <view class="add-category-item" @click="showAddCategoryDialog">
+            <text class="plus-icon">+</text>
+            <text>加分类</text>
+          </view>
+        </scroll-view>
+      </view>
+
+      <!-- 右侧常用语列表 -->
+      <view class="phrases-container">
+        <view class="add-phrase-header" @click="showAddPhraseDialog">
+          <text class="add-icon">+</text>
+          <text class="add-text">添加快捷回复</text>
+        </view>
+
+        <scroll-view class="phrases-list" scroll-y>
+          <view 
+            v-for="phrase in currentPhrases" 
+            :key="phrase.id"
+            class="phrase-item"
+            @click="handlePhraseClick(phrase)"
+          >
+            <view class="phrase-content">{{ phrase.content }}</view>
+            <view v-if="isEditMode" class="phrase-actions">
+              <view class="action-btn edit" @click.stop="editPhrase(phrase)">
+                <text>编辑</text>
+              </view>
+              <view class="action-btn delete" @click.stop="deletePhrase(phrase)">
+                <text>删除</text>
+              </view>
+            </view>
+          </view>
+          
+          <view v-if="currentPhrases.length === 0" class="empty-state">
+            <image src="/static/empty.svg" class="empty-icon" mode="aspectFit"></image>
+            <text class="empty-text">暂无常用语</text>
+            <text class="empty-hint">点击上方按钮添加常用语</text>
+          </view>
+        </scroll-view>
+      </view>
     </view>
 
     <!-- 添加/编辑常用语弹窗 -->
     <view v-if="showPhrasePopup" class="popup-mask" @click="closePopup">
       <view class="popup-content" @click.stop>
-        <view class="popup-title">{{ editingPhrase ? '编辑' : '添加快捷回复' }}</view>
+        <view class="popup-header">
+          <text class="popup-title">{{ editingPhrase ? '编辑快捷回复' : '添加快捷回复' }}</text>
+          <view class="popup-close" @click="closePopup">
+            <text class="close-icon">×</text>
+          </view>
+        </view>
         <textarea 
           v-model="phraseForm.content" 
           class="phrase-textarea"
           placeholder="在此处输入文字"
           maxlength="500"
+          :auto-height="true"
         ></textarea>
+        <view class="char-count">{{ phraseForm.content.length }}/500</view>
         <view class="popup-actions">
           <button class="cancel-btn" @click="closePopup">取消</button>
           <button class="confirm-btn" @click="savePhrase">{{ editingPhrase ? '保存' : '确认添加' }}</button>
@@ -66,11 +100,16 @@
     <!-- 添加分类弹窗 -->
     <view v-if="showCategoryPopup" class="popup-mask" @click="closeCategoryPopup">
       <view class="popup-content category-popup" @click.stop>
-        <view class="popup-title">新建分类名</view>
+        <view class="popup-header">
+          <text class="popup-title">新建分类</text>
+          <view class="popup-close" @click="closeCategoryPopup">
+            <text class="close-icon">×</text>
+          </view>
+        </view>
         <input 
           v-model="categoryForm.name" 
           class="category-input"
-          placeholder="请在此填写分类名，最多6个字"
+          placeholder="请输入分类名，最多6个字"
           maxlength="6"
         />
         <view class="popup-actions">
@@ -86,14 +125,17 @@
 import { ref, computed, onMounted } from 'vue';
 import api from '@/utils/api';
 
+// 获取系统状态栏高度
+const statusBarHeight = ref(0);
+
 // 编辑模式
 const isEditMode = ref(false);
 
 // 分类数据
 const categories = ref([
-  { id: 'visit', name: '文字随访' },
-  { id: 'voice', name: '语音随访' },
-  { id: 'common', name: '常用回复' },
+  { id: 'visit', name: '文字随访', deletable: false },
+  { id: 'voice', name: '语音随访', deletable: false },
+  { id: 'common', name: '常用回复', deletable: false },
 ]);
 
 const currentCategory = ref('common');
@@ -121,6 +163,11 @@ const categoryForm = ref({
 
 const editingPhrase = ref(null);
 
+// 返回上一页
+const goBack = () => {
+  uni.navigateBack();
+};
+
 // 切换编辑模式
 const toggleEditMode = () => {
   isEditMode.value = !isEditMode.value;
@@ -365,6 +412,12 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
+// 使用项目主题色
+$primary-color: #0877F1;
+$primary-light: #e8f3ff;
+$primary-gradient-start: #1b5cc8;
+$primary-gradient-end: #0877f1;
+
 .common-phrases-page {
   height: 100vh;
   display: flex;
@@ -388,62 +441,117 @@ onMounted(() => {
 
   .edit-btn {
     font-size: 28rpx;
-    color: #ff6b35;
+    color: $primary-color;
   }
 }
 
-.category-tabs {
+.content-wrapper {
+  flex: 1;
   display: flex;
-  align-items: center;
-  padding: 24rpx 32rpx;
-  background-color: #fff;
-  overflow-x: auto;
-  white-space: nowrap;
+  overflow: hidden;
+}
 
-  .category-tab {
-    padding: 12rpx 24rpx;
-    margin-right: 16rpx;
-    font-size: 28rpx;
-    color: #666;
-    background-color: #f5f5f5;
-    border-radius: 8rpx;
-    flex-shrink: 0;
+// 左侧分类栏
+.category-sidebar {
+  width: 200rpx;
+  background-color: #f8f8f8;
+  border-right: 1px solid #e5e5e5;
+
+  .category-list {
+    height: 100%;
+  }
+
+  .category-item {
+    position: relative;
+    padding: 32rpx 24rpx;
+    text-align: center;
+    background-color: #f8f8f8;
+    border-bottom: 1px solid #e5e5e5;
+
+    .category-name {
+      font-size: 28rpx;
+      color: #666;
+    }
 
     &.active {
-      color: #ff6b35;
-      background-color: #fff5f2;
-      border: 1px solid #ff6b35;
+      background-color: #fff;
+
+      .category-name {
+        color: $primary-color;
+        font-weight: 600;
+      }
+
+      .active-indicator {
+        position: absolute;
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 6rpx;
+        height: 40rpx;
+        background-color: $primary-color;
+        border-radius: 0 4rpx 4rpx 0;
+      }
     }
   }
 
-  .add-category-btn {
+  .add-category-item {
     display: flex;
+    flex-direction: column;
     align-items: center;
-    padding: 12rpx 24rpx;
-    font-size: 28rpx;
-    color: #ff6b35;
-    background-color: #fff5f2;
-    border-radius: 8rpx;
-    flex-shrink: 0;
+    justify-content: center;
+    padding: 32rpx 24rpx;
+    font-size: 24rpx;
+    color: $primary-color;
+    background-color: #f8f8f8;
 
     .plus-icon {
       font-size: 32rpx;
-      margin-right: 4rpx;
       font-weight: 600;
+      margin-bottom: 8rpx;
     }
   }
 }
 
+// 右侧内容区
+.phrases-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background-color: #fff;
+}
+
+.add-phrase-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24rpx;
+  background: linear-gradient(270deg, $primary-gradient-start 2.26%, $primary-gradient-end 94.33%);
+  border-bottom: 1px solid rgba(8, 119, 241, 0.1);
+
+  .add-icon {
+    font-size: 32rpx;
+    color: #fff;
+    font-weight: 600;
+    margin-right: 8rpx;
+  }
+
+  .add-text {
+    font-size: 28rpx;
+    color: #fff;
+    font-weight: 500;
+  }
+}
+
 .phrases-list {
   flex: 1;
-  padding: 24rpx 32rpx;
-  overflow-y: auto;
+  padding: 24rpx;
 
   .phrase-item {
     padding: 24rpx;
     margin-bottom: 16rpx;
-    background-color: #fff;
+    background-color: #f8f8f8;
     border-radius: 12rpx;
+    border-left: 4rpx solid $primary-color;
 
     .phrase-content {
       font-size: 28rpx;
@@ -456,7 +564,7 @@ onMounted(() => {
       justify-content: flex-end;
       margin-top: 16rpx;
       padding-top: 16rpx;
-      border-top: 1px solid #f5f5f5;
+      border-top: 1px solid #e5e5e5;
 
       .action-btn {
         padding: 8rpx 24rpx;
@@ -465,8 +573,8 @@ onMounted(() => {
         border-radius: 8rpx;
 
         &.edit {
-          color: #007aff;
-          background-color: #e6f2ff;
+          color: $primary-color;
+          background-color: $primary-light;
         }
 
         &.delete {
@@ -497,24 +605,6 @@ onMounted(() => {
   }
 }
 
-.add-phrase-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 24rpx 32rpx;
-  padding: 24rpx;
-  font-size: 28rpx;
-  color: #fff;
-  background-color: #ff6b35;
-  border-radius: 12rpx;
-
-  .plus-icon-white {
-    font-size: 36rpx;
-    margin-right: 8rpx;
-    font-weight: 600;
-  }
-}
-
 .popup-mask {
   position: fixed;
   top: 0;
@@ -582,7 +672,8 @@ onMounted(() => {
 
       &.confirm-btn {
         color: #fff;
-        background-color: #ff6b35;
+        background: linear-gradient(270deg, $primary-gradient-start 2.26%, $primary-gradient-end 94.33%);
+        box-shadow: 0 2rpx 8rpx rgba(8, 119, 241, 0.2);
       }
     }
   }
diff --git a/pages/message/components/chat-input.vue b/pages/message/components/chat-input.vue
index 5184f6f..d63b037 100644
--- a/pages/message/components/chat-input.vue
+++ b/pages/message/components/chat-input.vue
@@ -150,6 +150,23 @@ const sendTextMessage = async () => {
   inputText.value = "";
 };
 
+// 从常用语发送文本消息
+const sendTextMessageFromPhrase = async (content) => {
+  if (!content.trim()) return;
+  
+  await sendMessage("text", content);
+  
+  // 发送成功后滚动到底部
+  nextTick(() => {
+    emit("scrollToBottom");
+  });
+};
+
+// 暴露方法给父组件调用
+defineExpose({
+  sendTextMessageFromPhrase
+});
+
 // 发送图片消息
 const sendImageMessage = async (imageFile) => {
   console.log("chat-input sendImageMessage 被调用，参数:", imageFile);
@@ -337,14 +354,40 @@ const sendSurveyMessage = async () => {
   await sendCustomMessage(surveyMessage);
 };
 
-// 更多面板按钮配置
+// 跳转到常用语页面
+const goToCommonPhrases = () => {
+  uni.navigateTo({
+    url: '/pages/message/common-phrases'
+  });
+};
+
 const morePanelButtons = [
-  { text: "照片", icon: "/static/home/photo.png", action: showImagePicker },
-  { text: "拍摄", icon: "/static/home/video.png", action: takePhoto },
-  // { text: '病情', icon: '/static/home/avatar.svg', action: sendSymptomMessage },
-  // { text: '处方', icon: '/static/home/avatar.svg', action: sendPrescriptionMessage },
-  // { text: '续方', icon: '/static/home/avatar.svg', action: sendRefillMessage },
-  // { text: '问卷', icon: '/static/home/avatar.svg', action: sendSurveyMessage }
+  { text: "照片", icon: "/static/icon/zhaopian.png", action: showImagePicker },
+  {
+    text: "回访任务",
+    icon: "/static/icon/zhaopian.png",
+    action: showImagePicker,
+  },
+  {
+    text: "常用语",
+    icon: "/static/icon/changyongyu.png",
+    action: goToCommonPhrases,
+  },
+  {
+    text: "宣教",
+    icon: "/static/icon/xuanjiaowenzhang.png",
+    action: showImagePicker,
+  },
+  {
+    text: "问卷",
+    icon: "/static/icon/zhaopian.png",
+    action: showImagePicker,
+  },
+  {
+    text: "结束问诊",
+    icon: "/static/icon/jieshuzixun.png",
+    action: showImagePicker,
+  },
 ];
 
 function handleInputFocus() {
diff --git a/pages/message/index.vue b/pages/message/index.vue
index 19d0432..e09f80f 100644
--- a/pages/message/index.vue
+++ b/pages/message/index.vue
@@ -111,6 +111,7 @@
     <!-- 聊天输入组件 -->
     <ChatInput
       v-if="!isEvaluationPopupOpen"
+      ref="chatInputRef"
       :timChatManager="timChatManager"
       :formatTime="formatTime"
       @scrollToBottom="() => scrollToBottom(true)"
@@ -153,6 +154,9 @@ const timChatManager = globalTimChatManager;
 const { account, openid, isIMInitialized } = storeToRefs(useAccountStore());
 const { initIMAfterLogin } = useAccountStore();
 
+// 聊天输入组件引用
+const chatInputRef = ref(null);
+
 const groupId = ref("");
 const {
   chatMember,
@@ -590,6 +594,18 @@ onHide(() => {
   stopIMMonitoring();
 });
 
+// 发送常用语（从常用语页面返回时调用）
+const sendCommonPhrase = (content) => {
+  if (chatInputRef.value) {
+    chatInputRef.value.sendTextMessageFromPhrase(content);
+  }
+};
+
+// 暴露方法给常用语页面调用
+defineExpose({
+  sendCommonPhrase
+});
+
 // 页面卸载
 onUnmounted(() => {
   clearMessageCache();
diff --git a/static/icon/icon-chinese-rx.png b/static/icon/icon-chinese-rx.png
deleted file mode 100644
index 10ee891d7137aa4c92c56830a6c7938e266b2f3d..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4406
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

diff --git a/static/icon/icon-western-rx.png b/static/icon/icon-western-rx.png
deleted file mode 100644
index 00cb9a8c93c7bb49e8a37b61163965203c92c31f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3880
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

diff --git a/static/icon/kaichufang.png b/static/icon/kaichufang.png
deleted file mode 100644
index 647f267605775a510e9f6960d520509780dbe9ec..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1346
zcmV-I1-<%-P)<h;3K|Lk000e1NJLTq001Ze001xu1^@s6V|zH8000E{Nkl<ZcmeE~
zTWl0n9LB$y-O|zvwN)U+UMzTrVrwfzRI1pNQkzB$HIlw;jV+-XOkecDMB{@G`ofFB
z1T=z4DO%E!21_9*tkQC;wm{LCC|FuGY6N@TUAnvD`KB&Tx7)dNXRR@``R~lm|9`&o
z+i%XCJ!fT@{ByfcRv&kFes|2>sYDaha0@My-NH1Wg5c{4aJO0End+!Pt(o%S*DU}>
z4;Sj3kfC#<qiH}Rp;+bRs;Vl7tF9rhX3NVhHFewmaMf*7B8A-mk^0~@GLVH#WRsK9
zGVhlV*rh1SMqz!r-5^%=$Uqh{kxiDQ;G5#&Y9pcHkrAU3(|I#mWFngkMJYC;eD3^3
zm=QM8q6W2$>eReolLe`%+j{B8ezdl=V^8D9Q3W-qr2-hdknO+!6dQbqIZyw;9F%1l
znM*Q|xBNalRG5!~2l9}UorQ#igqS&P+QIa+Td?Wr3e?xth;U(RtxG-D*SYY5s~Xu^
zx5ot15KxjNEX~cqYp*t7!}=$Yk+E2HOp+uxolY!TcpC}}R^pY0m$0F99q6*1q=tZt
z7cIo*s*Rw7dL1VvC8DyT3~N>w*$Qb0NLTJ$maE5hBbN{#kLt~v@KjleZIHTv^Wx%A
z^kDuC05d0qEEj-wIjIZCv6q-Q-wfB38baFTq%L4`a`Kdpt-K+m9Zu>3dORL0Ow(!!
zNhiyqc)E1~2Y>!WEOx|K_O!0eUvN4cD1P+eSwG#nfI~yW=sn+Oo+hl)@AqSLY+Rk9
z=;UmkZe2k3ckGK!3=LaftcKu{#r(+0o40#5W6}_?@8Y-E*W3!P&qrQUp@kb04t}s_
zFPel#z#p(YPZ|O$3UH>o2kjk4bs+!Y*22-bPg>e=_NyMazwAO=`(aph(h!hc2ZKR;
zDgYas_Ul4w;X=-JojQw&2|s+k>o{`sxMe3z0fr#EPIu4fq!v!=9NTIm+{sl%1rX~F
zZON2#(|~L>lapGwaOc=g8zCq6H6K7Q5X5t0A+kcOFSRw=b4!41NJy=dS~xxD*j5|v
z6J6*!bq1*mQt-suN3^La=avE4nvkI}dG*?#;8Zdp=Dd&gHj7Rt#~kbQ!t3>+MeGti
z9xw7&u0U$)f{5j_0;Ccl>7@I_N%#W+NaEk>!h&%91A~wxN!?0NH#}wyNFhRY9Qho4
zx*-A2K2wR(lE)DrKaXisF)}i$*3F+EdDRpZAe9M8CqwgOW%+s(KemP`Q*mp0np!tH
zIti-2(Y!<rNG(E!#-zjPP`3zXoXpBxg4{c@F+T3WrOW-4nijSIQk9TaoJ>hcMn!ok
zBuPT|*S)wtF+rJWVH+To2^sDrH(WW{nTU&XvIN{*agX!jmgljmumIoxa2bchI98Jp
zUTg)VJ|XF3+rbWS(k@xIR^3Byt*udy^?&cH@40IkI7KyyMZ~Ya{m!Nl!*)RSLP)yu
z&h~fFbFNRljd{!ORez0GD#o1G<HMoDpW&^yx2t1M{9wsu5hEsmp`NY`{Dk*+H)6-m
z-D<qIYx1~b=ZDyT;GpVYsCK4fOaa-c*Xu?9l>y=81+nbv#Rajx<W_<%Gj9|z2Q&gO
z%HISua>ytzi?7hDMn!X#Cz~wh0QX!081^ekZdp;}Hw5Wv!{UFrfJ|hQ$F2>2qrg!s
zNm8r0IOn&U3}hh_+5Q3m0RR7Q7Z!v7000I_L_t&o0EJATxe4Fy0ssI207*qoM6N<$
Eg2io%BLDyZ

diff --git a/static/icon/kaizhongyao.png b/static/icon/kaizhongyao.png
deleted file mode 100644
index f9d649e5f04635d8ceda22b06d4986650ab078aa..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1288
zcmV+j1^4=iP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm000ENNkl<ZcmdRy
zPiz!r7{=e$;zg<ww5fX`F;z6t13^HK+&p?9shZfRi8LY=mOvX0_D~ZIf5O_-V2X)<
zYE&9YG#XPuNRfjINE#!F5V&w51StOs2Ov#(e$#I!o$c=Y*%`W9@;?2(`R09}_j%Zv
z*>ASdGWa(&HPs@t3k6|BI3rvZZaXk%jdSFX+mb<RtJ;8sEf&@bM<wKfuvge9yezZ{
zi-iXrn6t(?a>%_vtpEq-m6|*f8&JcXuuHAZ2?N4Pp+QI*)KCk@IXHz}Qj*vPM7}`S
zq6Vjhyzr2aRlo)3X?h3?;u6O)Ai}3a$fdGf<3izn1>E#F>Uu`@i8LUhSHyBcSSHL>
z(CdWj9ojS0fC$#AdY{lN%yrOnpVLsWcSQrPa8Q*G2(=1&4>~PnHIy}=0xp}~Wh-j4
zxZ7!()qR!$C33?KDHHb^>LSoG<g^6@1q>*G$Jekjxc)TMRiJ6uY4n8!3}}^aNuB_j
z)@7g#jlMYFfSmCy*z2FEVlwvcNjrSx&rpz41@+95UZ>St^9|@|v%nXLhU((_^&63e
zadIL^(1=zq%`+fJY^HeTdy8@Y{CDzy%XfcZZ*^|)5vPuvnKf|0#d-p)b(;O%=xZuw
zKcXRCd@=N$T`Tz?zj*0#WN~Q@9B@Sz1{2VVX5YXY!Sm5aG%n2=IdI6n{&qMN<doKx
z<0{Q5bL?qu)JMUK#fmZs^}e(M?c4*arIfw7hItieUX6j5(#p;~(P{vmT&~qtzOXD5
zPq#fuY8H4A1548~_2kzZfM@IG_wC(x-VDXoEgP)m@yAF{i)S#vyJ`%g$|=8$956t}
z&%f@sWB-hWV*kOzHh$$Q>1ol1fkkOq4vro%0MGA-{;<zJ|0)!FfB4ZRCnrfyi$xe<
zla!XIR`tyoNZq_=Q<njVxW2y}?6)u!w)I)_LUsgHqyq*f(oxj3dIAHf@1||L1`J^3
z;~o9}-e~5YXXZTL(`yqqZ<3xCS21ulElUmS&tiZds#0m_-uRvYNGja}`L0e*XN^-B
z_$w`IQ&W?Hv^-VR|BZoB6;26N$45K+4M0%o9w-d(3k?~W0nMY04Gj$!MR{D9Z*d&$
zd;$pnhClNRp5~%~?<M}0Fkb?#Xr6u}(?>Bb<$HwK@#rHD$IgvPtb%Kg(>!g!HQ1>!
z_P5L19j{vzjnyI;aKIH@4Lw35TD_#=C1i4RUMqb<ta$#pXRWaP!_YlX*nX&Z4i30t
zHJwiCb6UM4-+*^y_KBH|3H2IiL!+-RU_j39>P)*(j~hHRwL6WHI2{24EGglP#ttEq
zHxBV+5oqaf+5&vD3~*M7KWSVi)Jv>$nr7)KYk({j@L28C9QPV(67=qLTFMHjXn<^2
zxJGlXKMgS>n>2c^aT+Qzh8mzs1YAzbHRlPSVNQZx%U$o#hLHxS77;i0D$TnEzDP9O
zmw=ldt6a~>Cb0~_BEq}E4$b)?te}zoh=xo8E;yIcL*Q{9i#WD{BAdw13!8MjMCcNZ
z3GB@^BnoP%g<}bv0=t1kB#8|a+0|@Z_*CH1YSsFyLcj2vz<V|u#5<Y;=B#m!9CBN!
y72x2!Qj^C$00030|2wt``~Uy|21!IgR09A&upK>5EbUGJ0000<MNUMnLSTXgh*c;6

diff --git a/static/icon/quxiaobingtuikuan.png b/static/icon/quxiaobingtuikuan.png
deleted file mode 100644
index 97c24a321ac59b9ac012d892bd73ff786e74d600..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3930
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
a=>cZ4X{qjWfo&%<07E_GjZ$5gsQ&@{f?g~D

diff --git a/utils/api.js b/utils/api.js
index f2164e7..243ca6b 100644
--- a/utils/api.js
+++ b/utils/api.js
@@ -15,7 +15,12 @@ const urlsConfig = {
   },
 
   knowledgeBase: {
-    getArticleByIds: 'getArticleByIds'
+    getArticleByIds: 'getArticleByIds',
+    getCommonPhrases: 'getCommonPhrases',
+    saveCommonPhrase: 'saveCommonPhrase',
+    deleteCommonPhrase: 'deleteCommonPhrase',
+    getCommonPhraseCategories: 'getCommonPhraseCategories',
+    saveCommonPhraseCategory: 'saveCommonPhraseCategory'
   },
   member: {
     addCustomer: 'add',

From 119ada94347a91face802e0a585e3778e62a7f24 Mon Sep 17 00:00:00 2001
From: wangdongbo <949818794@qq.com>
Date: Fri, 23 Jan 2026 16:42:50 +0800
Subject: [PATCH 3/3] no message

---
 pages/message/common-phrases.vue | 140 +++++++++++++++++++------------
 1 file changed, 88 insertions(+), 52 deletions(-)

diff --git a/pages/message/common-phrases.vue b/pages/message/common-phrases.vue
index cae8a9a..f917d00 100644
--- a/pages/message/common-phrases.vue
+++ b/pages/message/common-phrases.vue
@@ -220,59 +220,63 @@ const editPhrase = (phrase) => {
 const savePhrase = async () => {
   if (!phraseForm.value.content.trim()) {
     uni.showToast({
-      title: "请输入内容",
-      icon: "none",
+      title: '请输入内容',
+      icon: 'none'
     });
     return;
   }
 
   try {
-    if (editingPhrase.value) {
-      // 更新
-      await api("saveCommonPhrase", {
-        id: editingPhrase.value.id,
-        categoryId: editingPhrase.value.categoryId,
-        content: phraseForm.value.content,
-        corpId: uni.getStorageSync("corpId"),
+    const corpId = uni.getStorageSync('corpId');
+    const userId = uni.getStorageSync('userId');
+    
+    if (!corpId || !userId) {
+      uni.showToast({
+        title: '请先登录',
+        icon: 'none'
       });
-
-      const index = phrases.value.findIndex(
-        (p) => p.id === editingPhrase.value.id
-      );
-      if (index !== -1) {
-        phrases.value[index].content = phraseForm.value.content;
-      }
-    } else {
-      // 新增
-      const result = await api("saveCommonPhrase", {
-        categoryId: currentCategory.value,
-        content: phraseForm.value.content,
-        corpId: uni.getStorageSync("corpId"),
-      });
-
-      if (result.code === 200 && result.data) {
-        phrases.value.push(result.data);
-      } else {
-        // 如果API失败，使用本地ID
-        phrases.value.push({
-          id: Date.now(),
-          categoryId: currentCategory.value,
-          content: phraseForm.value.content,
-        });
-      }
+      return;
     }
 
-    uni.showToast({
-      title: editingPhrase.value ? "保存成功" : "添加成功",
-      icon: "success",
+    const result = await api('saveCommonPhrase', {
+      id: editingPhrase.value?.id,
+      categoryId: editingPhrase.value?.categoryId || currentCategory.value,
+      content: phraseForm.value.content,
+      corpId,
+      userId
     });
 
-    closePopup();
+    if (result.code === 200) {
+      if (editingPhrase.value) {
+        // 更新
+        const index = phrases.value.findIndex(p => p.id === editingPhrase.value.id);
+        if (index !== -1) {
+          phrases.value[index].content = phraseForm.value.content;
+        }
+      } else {
+        // 新增
+        if (result.data) {
+          phrases.value.push(result.data);
+        }
+      }
+
+      uni.showToast({
+        title: editingPhrase.value ? '保存成功' : '添加成功',
+        icon: 'success'
+      });
+
+      closePopup();
+    } else {
+      uni.showToast({
+        title: result.message || '操作失败',
+        icon: 'none'
+      });
+    }
   } catch (error) {
-    console.error("保存常用语失败:", error);
+    console.error('保存常用语失败:', error);
     uni.showToast({
-      title: "操作失败",
-      icon: "none",
+      title: '操作失败',
+      icon: 'none'
     });
   }
 };
@@ -398,20 +402,52 @@ const closeCategoryPopup = () => {
 // 加载常用语数据
 const loadPhrases = async () => {
   try {
-    const result = await api("getCommonPhrases", {
-      corpId: uni.getStorageSync("corpId"),
+    const corpId = uni.getStorageSync('corpId');
+    const userId = uni.getStorageSync('userId');
+    
+    if (!corpId) {
+      uni.showToast({
+        title: '请先登录',
+        icon: 'none'
+      });
+      return;
+    }
+    
+    const result = await api('getCommonPhrases', {
+      corpId,
+      userId
     });
-
-    if (result.code === 200 && result.data) {
-      phrases.value = result.data;
-    } else {
-      // 如果API返回失败，使用模拟数据
-      phrases.value = getMockPhrases();
+    
+    if (result.code === 200) {
+      // 更新常用语列表
+      if (Array.isArray(result.data)) {
+        phrases.value = result.data;
+      }
+      
+      // 更新分类列表（合并默认分类和后台分类）
+      if (Array.isArray(result.categories)) {
+        const backendCategories = result.categories.map(cat => ({
+          id: cat.id,
+          name: cat.name,
+          deletable: true // 后台分类都可以删除
+        }));
+        
+        // 如果后台有分类，使用后台分类，否则使用默认分类
+        if (backendCategories.length > 0) {
+          categories.value = backendCategories;
+          // 设置当前分类为第一个
+          if (!currentCategory.value || !categories.value.find(c => c.id === currentCategory.value)) {
+            currentCategory.value = categories.value[0].id;
+          }
+        }
+      }
     }
   } catch (error) {
-    console.error("加载常用语失败:", error);
-    // 加载失败时使用模拟数据
-    phrases.value = getMockPhrases();
+    console.error('加载常用语失败:', error);
+    uni.showToast({
+      title: '加载失败',
+      icon: 'none'
+    });
   }
 };