工作流

chat.vue

@@ -13,12 +13,16 @@
                 >
             </div> -->
             <el-tabs v-model="currentTab">
-            <el-tab-pane label="数据" name="one">model的数据，可配置。</el-tab-pane>
+                <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="four">
+                    <remarkList modelName="user" />
+                </el-tab-pane>
                 <el-tab-pane label="回复" name="five">回复</el-tab-pane>
             </el-tabs>
         </div>
@@ -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 {

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,