<template>
|
<div class="edit-appointment-record">
|
<div class="edit-appointment-record-date">
|
<span>今天 11:00 建立</span>
|
<span>今天 11:00 更新</span>
|
</div>
|
|
<div class="mdTxt mb-10">約訪時間</div>
|
<DateTimePicker
|
@changeDateTime="interviewTime = $event"
|
></DateTimePicker>
|
|
<div class="mdTxt mb-10 mt-10">約訪紀錄</div>
|
<el-input type="textarea" :rows="5" placeholder="約訪通知" resize="none">
|
</el-input>
|
|
<div class="edit-appointment-record-btn">
|
<el-button>取消</el-button>
|
<el-button :disabled="!interviewTime">確定</el-button>
|
</div>
|
</div>
|
</template>
|
<script lang="ts">
|
import { AppointmentLog } from '~/shared/models/appointment.model';
|
import { Vue, Component, Prop } from 'nuxt-property-decorator';
|
import authService from '~/shared/services/auth.service';
|
|
@Component
|
export default class InterviewAdd extends Vue {
|
interviewTime = '';
|
|
// @Prop()
|
// myAppointmentReviewLogList!: AppointmentLog[];
|
|
// isUserLogin = false;
|
|
//////////////////////////////////////////////////////////////////////
|
// mounted() {
|
// this.isUserLogin = authService.isUserLogin();
|
// }
|
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.edit-appointment-record {
|
padding-left : 10px;
|
padding-right: 10px;
|
.edit-appointment-record-date{
|
color : #68737A;
|
display : flex;
|
justify-content: space-between;
|
margin-bottom : 26px;
|
}
|
}
|
.icon {
|
color : $PRIMARY_RED;
|
display : flex;
|
flex : 1;
|
justify-content: flex-end;
|
}
|
.edit-appointment-record-btn{
|
margin-top: 30px;
|
display: flex;
|
justify-content: center;
|
}
|
</style>
|
