update: 顧問登入-未聯絡清單，發送約訪通知 api 串接

Tomas

2022-01-17 4e2d4a859ec0516de067622412cfa1933163a2bb

 PAMapp/components/Interview/InterviewMsg.vue

@@ -19,20 +19,24 @@
        resize="none"
        v-model="interviewTxt">
        </el-input>

      <div class="mdTxt mt-30 mb-10">預計約訪時段</div>
      <DateTimePicker
        @changeDateTime="interviewTime = $event"
      ></DateTimePicker>

      <div class="msg-dialog-btn">
        <el-button :disabled="!interviewTime">傳送</el-button>
        <el-button @click="addInterview"  :disabled="!interviewTime">傳送</el-button>
      </div>

        </el-dialog>
  </div>
</template>
<script lang="ts">
import { Vue, Component, Prop, PropSync, Emit, Action } from 'nuxt-property-decorator';
import { Vue, Component, Prop, PropSync, Emit } from 'nuxt-property-decorator';

import appointmentService from '~/shared/services/appointment.service';
import { Appointment, ToInformAppointment } from '~/shared/models/appointment.model';

@Component
export default class InterviewMsg extends Vue {
@@ -43,7 +47,7 @@
    dialogWidth!:string;

    @Prop()
    appointmentId!: number;
    client!: Appointment;

    @Emit('closeDialog')
    closeDialog() {
@@ -53,6 +57,22 @@
    interviewTxt = "";
    interviewTime = '';

    //////////////////////////////////////////////////////////////////////

    addInterview() {
      const appointmentInformation: ToInformAppointment = {
        appointmentId: this.client.id,
        email        : this.client?.email,
        interviewDate: this.interviewTime,
        message      : this.interviewTxt,
        phone        : this.client?.phone,
      };
      appointmentService.informAppointment(appointmentInformation).then((_) => {
        // TODO: close dialog after confirm success msg drawer (assign to Helen)[Tomas, 2022/1/17 11:21];
        this.dialogVisible = false;
      });
    }

}
</script>