remove unused code

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
-                        v-for="item in chatRooms"
-                        :key="item.chat_id"
-                        class="chat-item"
-                        :class="{ selected: isSelected(item) }"
-                        @click="goToChatRoom(item)"
-                    >
-                        <div class="red-dot" v-if="item.unread_msg_count > 0">
-                            {{ item.unread_msg_count }}
-                        </div>
-                        <div class="chat-info">
-                            <div
-                                class="
-                                    chat-info-left
-                                    d-flex
-                                    justify-content-between
-                                    align-items-center
-                                "
-                            >
-                                <div
-                                    :title="item.customer_name"
-                                    class="chat-name flex-fill text-dot-dot-dot"
-                                >
-                                    <span>{{
-                                        item.title || item.chat_id
-                                    }}</span>
-                                </div>
-                                <div v-if="item.last_msg_ts" class="chat-time">
-                                    {{ formatTimestamp(item.last_msg_ts) }}
-                                </div>
-                            </div>
-                            <div class="chat-msg text-dot-dot-dot">
-                                {{ buildLastMessage(item) }}
-                            </div>
-                        </div>
-                    </div>
-                    <div
-                        class="empty"
-                        v-if="chatRooms && chatRooms.length <= 0"
-                    >
-                        {{ searchKeyword ? "无相关接待" : "无接待" }}
-                    </div>
-                </el-scrollbar>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script lang="ts">
-    import { Component, Prop, Ref, Vue } from "vue-property-decorator";
-    import Controller from "./controller/chat-list";
-    import { EVENTS } from "@/EventConsts";
-    import avatar from "@/customer-service/components/avatar.vue";
-    import { Chat as ChatType } from "@/customer-service/xim/models/chat";
-    import { ServiceType } from "../model";
-    import xim from "@/customer-service/xim";
-
-    @Component({ components: { avatar } })
-    export default class ChatList extends Controller {
-        private searchKeyword = "";
-
-        @Prop({ type: Number, default: -1 })
-        private selected!: number;
-
-        @Ref("scrollbar")
-        private readonly scrollbar!: Vue & { update: () => void };
-
-        private unReadMsgCount = 0;
-
-        private get chatRooms() {
-            if (this.chatList) {
-                const list = this.chatList.list
-                    .filter((chat) => chat.title.indexOf(this.searchKeyword) > -1)
-                    .sort((x, y) => y.last_msg_ts - x.last_msg_ts);
-                let unReadMsgCount = 0;
-                list.filter((chat) => chat.unread_msg_count > 0).forEach((chat) => {
-                    unReadMsgCount += chat.unread_msg_count;
-                });
-                this.unReadMsgCount = unReadMsgCount;
-                this.$emit("list-count-update", this.unReadMsgCount);
-                xim.$emit(EVENTS.NewMsg, this.unReadMsgCount);
-                return list;
-            }
-            return [];
-        }
-
-        private isSelected(item: ChatType) {
-            if (this.chatId) {
-                return item.chat_id === this.chatId;
-            }
-            return this.selected === item.chat_id;
-        }
-
-        async created() {
-            await this.getMyChatList();
-            this.setSource(ServiceType.Backend);
-            this.scrollbar.update();
-        }
-
-        mounted() {
-            this.saveMyId();
-        }
-
-        public async search(searchKeyword: string) {
-            this.searchKeyword = searchKeyword.trim();
-        }
-
-        private async goToChatRoom(data: ChatType) {
-            if (this.chatId === data.chat_id) {
-                this.showChat();
-                return;
-            }
-            await this.saveChatId(data.chat_id).finally(this.raiseChatIdChanged);
-
-            this.showChat();
-            this.close();
-
-            if (data.unread_msg_count > 0) {
-                data.unread_msg_count = 0;
-            }
-        }
-
-        private raiseChatIdChanged() {
-            this.$emit("change");
-        }
-
-        private close() {
-            this.$emit("close");
-        }
-
-        private goToDetail(model_name: string, keyvalue: string) {
-            this.$router.push(
-                `/${this.$route.params.project}/${this.$route.params.entrance}/detail/${model_name}/key/${keyvalue}`
-            );
-            this.close();
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .chat-list-con {
-        display: inline-block;
-        width: 25%;
-        box-sizing: border-box;
-        height: 100%;
-        border-right: 1px solid #ddd;
-        .title {
-            padding-left: 20px;
-            line-height: 59px;
-            font-size: 18px;
-            border-bottom: 1px solid #e1e1e1;
-        }
-    }
-    .chat-list {
-        text-align: center;
-    }
-    .chat-list-scroll {
-        height: 100%;
-
-        .empty {
-            margin-top: 100%;
-        }
-    }
-    .keyword-input {
-        width: 90%;
-        margin: 15px;
-        /deep/ .el-input__inner {
-            font-size: 13px;
-            height: 30px;
-            line-height: 30px;
-            border-radius: 15px;
-            padding-right: 15px;
-        }
-        /deep/ .el-icon-time {
-            background: transparent;
-        }
-        /deep/ .el-input__icon {
-            line-height: 32px;
-        }
-    }
-    .chat-list {
-        .chat-item {
-            position: relative;
-            cursor: pointer;
-            padding: 4px 15px 10px;
-            border-bottom: 1px solid #eee;
-            &:hover {
-                background: #e4f0ff;
-            }
-
-            &.selected {
-                background: #f0f0f0;
-            }
-            .red-dot {
-                position: absolute;
-                min-width: 14px;
-                height: 14px;
-                line-height: 14px;
-                padding: 0 2px;
-                background: #e87005;
-                border-radius: 7px;
-                z-index: 1;
-                right: 10px;
-                bottom: 10px;
-                font-size: 12px;
-                color: #fff;
-            }
-            .chat-info {
-                display: inline-block;
-                vertical-align: middle;
-                width: calc(100% - 10px);
-                .chat-name {
-                    line-height: 35px;
-                    font-size: 16px;
-                }
-            }
-            .chat-info-left {
-                text-align: start;
-                font-size: 14px;
-                line-height: 20px;
-                color: #333333;
-                margin-bottom: 10px;
-
-                .chat-time {
-                    text-align: end;
-                    flex: none;
-                    color: #999999;
-                    margin-left: 10px;
-                    font-size: 12px;
-                    line-height: 1;
-                }
-            }
-            .chat-msg {
-                color: #888;
-                text-align: start;
-                font-size: 12px;
-                margin-top: -15px;
-            }
-        }
-    }
-    .chat-check-detail {
-        margin-left: 10px;
-    }
-</style>