update: 我的顧問清單/預約清單: 調整需求單樣式

Mila

2021-11-18 e08bc304e5be985bf83d4e668daf8ffa0f256e14

 PAMapp/components/Consultant/ConsultantCard.vue

@@ -46,6 +46,7 @@
        <Ui-Dialog
            :isVisible.sync="isVisibleDialog"
            :width="width"
            class="pam-myDemand-dialog"
        >
            <div v-if="appointmentDetail">
                <h5 class="subTitle text--center mb-30">預約成功</h5>
@@ -69,8 +70,9 @@
</template>

<script lang="ts">
import { Vue, Component, Prop, Emit } from 'nuxt-property-decorator';
import { AppointmentDetail, Consultants, getAppointmentDetail } from '~/assets/ts/api/consultant';
import { Vue, Component, Prop, Emit, Action } from 'nuxt-property-decorator';
import { Consultants, getAppointmentDetail } from '~/assets/ts/api/consultant';
import { AppointmentDetail } from '~/assets/ts/models/AppointmentDetail';
import { isLogin } from '~/assets/ts/auth';
import { isMobileDevice } from '~/assets/ts/device';

@@ -85,6 +87,8 @@
    }
})
export default class ConsultantCard extends Vue {
    @Action removeFromMyConsultantList!: (agentNo: string) => Promise<boolean>;

    @Prop() agentInfo!: Consultants;
    isVisibleDialog = false;
    width: string = '';
@@ -107,7 +111,6 @@
    };

    get avatarFileName() {
        console.log('avatarFileName')
        return this.agentInfo.img ? this.agentInfo.img : this.agentInfo.image;
    }

@@ -136,8 +139,8 @@

    get hopeContactTime() {
        const contactList = this.appointmentDetail.hopeContactTime
            .split("'").map(item => item.slice(0, item.length - 1));
        return contactList.filter(item => !!item)
            .split("'").map(item => item.slice(0, item.length));
        return contactList.filter(item => !!item && item !== ",")
    }
    reserveCommunication() {
        const contactStatus = this.agentInfo.contactStatus;
@@ -158,8 +161,10 @@
        });
    }

    @Emit('removeAgent') removeAgent() {
        return this.agentInfo.agentNo;
    removeAgent() {
        this.removeFromMyConsultantList(this.agentInfo.agentNo).then((removeOk) => {
            console.log('removeOk?', removeOk);
        });
    }

    showAgentDetail(agentNo: string): void {
@@ -249,6 +254,8 @@

    .dialogInfo {
        font-size: 20px;
        overflow-y:scroll;
        height: 400px;
    }

</style>