update: 顧問_預約單細節 - 結案明細

HelenHuang

2022-01-17 9493c2dfcf2016fcb2359338366d72f7453b02c1

update: 顧問_預約單細節 - 結案明細

 PAMapp/pages/appointment/_appointmentId/close/index.vue

@@ -40,11 +40,7 @@
          type="flex"
          class="pam-paragraph">
          <UiField label="進件時間" :labelSize="20">
            <input
              class="appointment-client-detail-close__input"
              v-model="appointmentCloseInfo.planCode"
              placeholder="TBD: 日期元件"
              type="text">
          <DateTimePicker  @changeDateTime="appointmentCloseDate = $event"></DateTimePicker>
          </UiField>
        </el-row>
      </template>
@@ -106,6 +102,12 @@
        <el-button @click="closeAppointment">確認</el-button>
      </el-row>

      <PopUpFrame :isOpen.sync="isShowSuccessAlert">
        <div class="text--middle invite-review">
          <div  class="mb-30 mt-10">結案成功</div>
          <el-button type="primary" @click="closeAlert">確定</el-button>
        </div>
      </PopUpFrame>
  </div>
</template>

@@ -122,11 +124,14 @@

  contactStatus = ContactStatus;

  appointmentCloseDate = '';
  isShowSuccessAlert = false;

  appointmentCloseInfo = {
    closedOtherReason     : '',
    closedReason          : 'other',
    planCode              : '',
    policyEntryDate       : '',
    policyEntryDate       : this.appointmentCloseDate,
    policyholderIdentityId: '',
    remark                : '',
    selectCloseOption     : 'done',
@@ -161,6 +166,7 @@
        policyholderIdentityId: this.appointmentCloseInfo.policyholderIdentityId,
      }
      appointmentService.closeAppointment(toDoneAppointment).then((res) => res);
      this.isShowSuccessAlert = true;
    } else {
      const toCloseAppointment: ToCloseAppointment = {
        appointmentId    : appointmentId,
@@ -170,7 +176,13 @@
        remark           : this.appointmentCloseInfo.remark,
      }
      appointmentService.closeAppointment(toCloseAppointment).then((res) => res);
      this.isShowSuccessAlert = true;
    }
  }

  closeAlert(){
    this.isShowSuccessAlert = false ;
    this.$router.push(`/myAppointmentList/contactedList`);
  }

}
@@ -189,4 +201,9 @@
    color: $MID_GREY;
  }
}
.invite-review{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
</style>