工作流

chat.vue

@@ -12,15 +12,19 @@
                     >添加成员</el-button
                 >
             </div> -->
-        <el-tabs v-model="currentTab">
-            <el-tab-pane label="数据" name="one">model的数据，可配置。</el-tab-pane>
-            <el-tab-pane :label="`成员${chatMembers.length}人`" name="two">
-                <ChatMembers />
-            </el-tab-pane>
-            <el-tab-pane label="工作流" name="three">工作流</el-tab-pane>
-            <el-tab-pane label="备注" name="four">备注</el-tab-pane>
-            <el-tab-pane label="回复" name="five">回复</el-tab-pane>
-        </el-tabs>
+            <el-tabs v-model="currentTab">
+                <el-tab-pane label="数据" name="one"
+                    >model的数据，可配置。</el-tab-pane
+                >
+                <el-tab-pane :label="`成员${chatMembers.length}人`" name="two">
+                    <ChatMembers />
+                </el-tab-pane>
+                <el-tab-pane label="工作流" name="three">工作流</el-tab-pane>
+                <el-tab-pane label="备注" name="four">
+                    <remarkList modelName="user" />
+                </el-tab-pane>
+                <el-tab-pane label="回复" name="five">回复</el-tab-pane>
+            </el-tabs>
         </div>
         <ChatCreator
             v-if="visible"
@@ -33,6 +37,8 @@
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
 
+import remarkList from "../components/common/remarkList.vue";
+
 import ChatRoom from "./chat-room.vue";
 import ChatMembers from "./components/chat-members.vue";
 import MessageList from "./message-list.vue";
@@ -41,7 +47,9 @@ import buttonThrottle from "./utils/button-throttle";
 import ChatCreator from "@/customer-service/create-chat.vue";
 import { ChatStore, chatStore } from "@/customer-service/store/model";
 
-@Component({ components: { MessageList, ChatRoom, ChatCreator, ChatMembers } })
+@Component({
+    components: { MessageList, ChatRoom, ChatCreator, ChatMembers, remarkList },
+})
 export default class Chat extends Vue {
     @chatStore.Getter(ChatStore.GETTER_CURRENT_CHAT_PRESENT_MEMBERS)
     private readonly chatMembers!: ChatStore.GETTER_CURRENT_CHAT_PRESENT_MEMBERS;
@@ -58,10 +66,10 @@ export default class Chat extends Vue {
     @chatStore.Action(ChatStore.ACTION_CHAT_ADD_MEMBERS)
     private readonly _addMember!: ChatStore.ACTION_CHAT_ADD_MEMBERS;
 
-    private currentTab = "one"
+    private currentTab = "one";
 
     private get chatMembersId() {
-        return this.chatMembers.map(k => +k.eid);
+        return this.chatMembers.map((k) => +k.eid);
     }
 
     private visible = false;
@@ -88,7 +96,7 @@ export default class Chat extends Vue {
 .chat-con {
     --chat-panel-width: 350px;
     font-size: 13px;
-    color:black;
+    color: black;
 }
 .chat-area,
 .chat-panel {
@@ -97,7 +105,7 @@ export default class Chat extends Vue {
 }
 
 .chat-area {
-    width: calc(100%  - var(--chat-panel-width) - 2px);
+    width: calc(100% - var(--chat-panel-width) - 2px);
 }
 .chat-panel {
     position: relative;

store/index.ts

@@ -283,6 +283,8 @@ export default {
         async [ChatStore.ACTION_GET_MY_CHAT_LIST]({
             commit,
         }) /* ...params: Parameters<ChatStore.ACTION_GET_MY_CHAT_LIST> */ {
+            const data = await xim.fetchChatList();
+            console.log("debugg", data);
             const { pageData } = await model().list().query({
                 pageIndex: 1,
                 item_size: 50,