批量接待

ef8432c0 · Sixong.Zhu · a5f82bc4 · ef8432c0 · ef8432c0 · ef8432c0
Commit ef8432c0 authored Sep 28, 2021 by Sixong.Zhu
Showing with 69 additions and 23 deletions
components/chat-container.vue
components/chat-list-model.vue
components/chat-list.vue
--- a/components/chat-container.vue
+++ b/components/chat-container.vue
 <template>
    <div class="chat-container" :class="{ 'is-in-page': isInPage }">
+        <chat-list
+            v-if="!modelName"
+            ref="chatListComp"
+            @list-count-update="$emit('list-count-update', $event)"
+        >
            <div class="search-wrap" v-if="!modelName">
                <el-input
                    class="keyword-input"
@@ -16,11 +21,7 @@
                    @click="$emit('close')"
                ></i>
            </div>
-        <chat-list
+        </chat-list>
-            v-if="!modelName"
-            ref="chatListComp"
-            @list-count-update="$emit('list-count-update', $event)"
-        />
        <chat-list-model
            v-if="modelName"
            @list-count-update="$emit('list-count-update', $event)"
@@ -101,7 +102,6 @@ export default class ChatContainer extends Vue {
    }
 }
 .keyword-input {
-    width: 300px;
    margin: 15px 0 14px 20px;
    /deep/ .el-input__inner {
        font-size: 13px;
@@ -118,7 +118,6 @@ export default class ChatContainer extends Vue {
    }
 }
 .search-wrap {
-    height: 59px;
    border-bottom: 1px solid #ddd;
 }
 .close-btn {

--- a/components/chat-list-model.vue
+++ b/components/chat-list-model.vue
@@ -66,9 +66,9 @@
                        无接待
                    </div>
                </el-scrollbar>
+                <div class="d-flex align-items-center justify-content-center">
                    <el-pagination
                        class="page-comp"
-                    background
                        small
                        @size-change="handleSizeChange"
                        :page-size="pageSize"
@@ -79,8 +79,21 @@
                        :pager-count="5"
                        layout="total, prev, pager, next"
                    ></el-pagination>
+                    <i
+                        title="刷新"
+                        class="refresh-icon"
+                        @click="getList"
+                        :class="
+                            refreshing ? 'el-icon-loading' : 'el-icon-refresh'
+                        "
+                    ></i>
+                </div>
                <div class="action-row">
-                    <el-button @click="getList">刷新</el-button>
+                    <el-button v-if="showItemCheckbox" @click="toggle"
+                        >全选</el-button
+                    >
                    <el-button
                        v-if="!showItemCheckbox"
                        @click="showItemCheckbox = true"
@@ -89,11 +102,10 @@
                    <el-button
                        v-if="showItemCheckbox"
                        @click="batchStartReception"
+                        type="primary"
                        >确定接待</el-button
                    >
-                    <el-button
+                    <el-button v-if="showItemCheckbox" @click="unselectAll"
-                        v-if="showItemCheckbox"
-                        @click="showItemCheckbox = false"
                        >取消</el-button
                    >
                </div>
@@ -156,6 +168,7 @@ export default class ModelChatList extends Vue {
    private currentPage = 1;
    private sseTs = 0;
    private showItemCheckbox = false;
+    private refreshing = false;
    private get chatRooms() {
        return this.chatList || [];
@@ -166,13 +179,15 @@ export default class ModelChatList extends Vue {
    }
    private async getList() {
+        this.refreshing = true;
        let result = await this.sdk
            .model(this.modelName)
            .list(this.listName || undefined)
            .query({
                pageIndex: this.currentPage,
                item_size: this.pageSize,
-            });
+            })
+            .finally(() => (this.refreshing = false));
        if (result.pageData.rows.length === 0 && this.currentPage !== 1) {
            this.currentPage = 1;
            if (result.pageData.record_count > 0) {
@@ -198,8 +213,9 @@ export default class ModelChatList extends Vue {
                last_msg_content: it.LastMsgContent.value,
                last_msg_ts: it.LastMsgTime.value,
                last_msg_type: it.LastMsgType.value,
-                title: it.Title.value,
+                title: it.Title.value || `会话${it.id.value}`,
-            } as ChatType;
+                checked: false,
+            } as SelectChatType;
        });
        this.total = result.pageData.record_count;
        this.$emit("list-count-update", this.total);
@@ -315,20 +331,41 @@ export default class ModelChatList extends Vue {
    private batchStartReception() {
        const chats = this.chatRooms.filter((chat) => chat.checked);
        if (chats.length === 0) {
-            this.$message.warning("请先勾选要接待的会话");
+            return this.$message.warning("请先勾选要接待的会话");
-            return;
        }
+        const length = chats.length;
+        let count = 0;
        chats.forEach((chat) => {
            const { model_name, obj_id } = chat.business_data;
            this.sdk
                .model(model_name)
                .chat(+obj_id, this.global.org.id.toString())
-                .startChat();
+                .startChat()
+                .finally(() => {
+                    count++;
+                    if (count >= length) {
+                        this.getList();
+                        this.$message.success(`批量接待完成`);
+                    }
+                });
            chat.checked = false;
        });
        this.showItemCheckbox = false;
        this.clearActiveId();
    }
+    private toggle() {
+        for (const item of this.chatList) {
+            item.checked = true;
+        }
+    }
+    private unselectAll() {
+        for (const item of this.chatList) {
+            item.checked = false;
+        }
+        this.showItemCheckbox = false;
+    }
 }
 </script>
@@ -363,8 +400,8 @@ export default class ModelChatList extends Vue {
    }
 }
 .keyword-input {
-    width: 200px;
+    width: 90%;
-    margin: 15px 0;
+    margin: 15px;
    /deep/ .el-input__inner {
        font-size: 13px;
        height: 30px;
@@ -457,4 +494,10 @@ export default class ModelChatList extends Vue {
        border-radius: 15px;
    }
 }
+.refresh-icon {
+    margin: 0 5px;
+    cursor: pointer;
+    color: #409eff;
+}
 </style>
--- a/components/chat-list.vue
+++ b/components/chat-list.vue
 <template>
    <div class="chat-list-con">
        <div class="chat-list h-100">
+            <slot />
            <div class="chat-list-scroll">
                <el-scrollbar ref="scrollbar" class="h-100 no-bottom-scrollbar">
                    <div
@@ -146,7 +147,7 @@ export default class ChatList extends Controller {
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
-    height: calc(100% - 59px);
+    height: 100%;
    border-right: 1px solid #ddd;
    .title {
        padding-left: 20px;
@@ -166,8 +167,8 @@ export default class ChatList extends Controller {
    }
 }
 .keyword-input {
-    width: 200px;
+    width: 90%;
-    margin: 15px 0;
+    margin: 15px;
    /deep/ .el-input__inner {
        font-size: 13px;
        height: 30px;
@@ -178,6 +179,9 @@ export default class ChatList extends Controller {
    /deep/ .el-icon-time {
        background: transparent;
    }
+    /deep/ .el-input__icon {
+        line-height: 32px;
+    }
 }
 .chat-list {
    .chat-item {