TODO#130023 客戶預約清單: 串接標註已聯絡 api

Mila

2021-11-15 3e8c86ebf61df1ac5c9dfd96c7a829a2cd9ec4a2

 PAMapp/components/Consultant/ConsultantCard.vue

@@ -5,12 +5,11 @@
            <el-col :xs="22" :sm="23">
                <el-row type="flex">
                    <el-col class="flex_column" :xs="5" :sm="3">
                        <el-avatar
                        <UiAvatar
                            :size="50"
                            :src="agentInfo.img"
                            class="cursor--pointer"
                            @click.native="$router.push(`/agentInfo`)"
                        ></el-avatar>
                            :fileName="agentInfo.img"
                            @click.native="showAgentDetail(agentInfo.agentNo)"
                        ></UiAvatar>
                        <div class="satisfaction">
                            <i class="icon-star pam-icon icon--yellow satisfaction"></i>
                            <span>{{agentInfo.avgScore }}</span>
@@ -27,7 +26,8 @@
                        </div>
                        <div
                            class="delete"
                            v-if="agentInfo.contactStatus === 'picked'"
                            v-if="agentInfo.contactStatus !== 'reserved'
                                || agentInfo.contactStatus !== 'contacted'"
                            @click="removeAgent"
                        >移除</div>
                    </el-col>
@@ -37,7 +37,7 @@
                            @click="reserveCommunication"
                            :class="agentInfo.contactStatus + 'Btn'"
                        >{{ contactTxt }}</el-button>
                        <div class="updateTime">{{updateTime}}</div>
                        <div class="updateTime" v-if="updateTime">{{updateTime | formatDate}}</div>
                    </el-col>
                </el-row>
            </el-col>
@@ -66,6 +66,7 @@
<script lang="ts">
import { Vue, Component, Prop, Emit } from 'nuxt-property-decorator';
import { Consultants } from '~/assets/ts/api/consultant';
import { isLogin } from '~/assets/ts/auth';
import { isMobileDevice } from '~/assets/ts/device';

@Component
@@ -85,18 +86,12 @@
    }

    get updateTime() {
        const newDate = new Date(this.agentInfo.updateTime);
        let year = newDate.getFullYear();
        let month = newDate.getMonth() + 1;
        let date = newDate.getDate();
        let hours = newDate.getHours();
        let minutes = newDate.getMinutes();
        return `${year}/${month}/${date} ${hours} : ${minutes}`
        return isLogin() ? this.agentInfo.updateTime : '';
    }

    reserveCommunication() {
        if (this.agentInfo.contactStatus === 'picked') {
            this.$router.push('/communication/myDemand')
        const contactStatus = this.agentInfo.contactStatus;
        if (contactStatus !== 'reserved' && contactStatus !== 'contacted') {
            isLogin() ? this.$router.push(`/questionnaire/${this.agentInfo.agentNo}`) : this.$router.push('/login');
        } else {
            this.width = isMobileDevice() ? '80%' : '';
            this.isVisibleDialog = true;
@@ -106,6 +101,10 @@
    @Emit('removeAgent') removeAgent() {
        return this.agentInfo.agentNo;
    }

    showAgentDetail(agentNo: string): void {
        this.$router.push(`/agentInfo/${agentNo}`);
    }
}
</script>