From 8ece1a33dd0776e8a3cc94d3ac4faf8c6f7ff03c Mon Sep 17 00:00:00 2001
From: Mila <Mila@pollex.com.tw>
Date: 星期一, 17 一月 2022 10:08:26 +0800
Subject: [PATCH] add: TODO#134181 dateTimePicker
---
PAMapp/components/Interview/InterviewMsg.vue | 37 ++++++++++---------------------------
1 files changed, 10 insertions(+), 27 deletions(-)
diff --git a/PAMapp/components/Interview/InterviewMsg.vue b/PAMapp/components/Interview/InterviewMsg.vue
index 98d0ea9..b9518c4 100644
--- a/PAMapp/components/Interview/InterviewMsg.vue
+++ b/PAMapp/components/Interview/InterviewMsg.vue
@@ -20,22 +20,19 @@
v-model="interviewTxt">
</el-input>
<div class="mdTxt mt-30 mb-10">����赤��挾</div>
- <div class="date-input">
- 2022/01/10 09:00
- <i class="icon-calender icon"></i>
- </div>
+ <DateTimePicker
+ @changeDateTime="interviewTime = $event"
+ ></DateTimePicker>
<div class="msg-dialog-btn">
- <el-button>���</el-button>
+ <el-button :disabled="!interviewTime">���</el-button>
</div>
</el-dialog>
</div>
</template>
<script lang="ts">
-import { AppointmentLog } from '~/shared/models/appointment.model';
-import { Vue, Component, Prop, PropSync, Emit } from 'nuxt-property-decorator';
-import authService from '~/shared/services/auth.service';
+import { Vue, Component, Prop, PropSync, Emit, Action } from 'nuxt-property-decorator';
@Component
export default class InterviewAdd extends Vue {
@@ -45,12 +42,17 @@
@Prop({default:'90%'})
dialogWidth!:string;
+ @Prop()
+ appointmentId!: number;
+
@Emit('closeDialog')
closeDialog() {
return;
}
interviewTxt = "";
+ interviewTime = '';
+
}
</script>
@@ -80,25 +82,6 @@
margin-top: 30px;
display: flex;
justify-content: center;
-}
-
-.date-input {
- align-items : center;
- background-color: #fff;
- border : 1px solid #707070;
- border-radius : 5px;
- display : flex;
- font-size : 20px;
- height : 46px;
- margin-bottom : 30px;
- padding-left : 20px;
- padding-right : 20px;
-}
-.icon {
- color : $PRIMARY_RED;
- display : flex;
- flex : 1;
- justify-content: flex-end;
}
</style>
--
Gitblit v1.8.0