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/InterviewAdd.vue | 25 +++++++------------------
1 files changed, 7 insertions(+), 18 deletions(-)
diff --git a/PAMapp/components/Interview/InterviewAdd.vue b/PAMapp/components/Interview/InterviewAdd.vue
index 7d6684b..6cac922 100644
--- a/PAMapp/components/Interview/InterviewAdd.vue
+++ b/PAMapp/components/Interview/InterviewAdd.vue
@@ -6,18 +6,17 @@
</div>
<div class="mdTxt 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="mdTxt mb-10">蝝赤蝝����</div>
+ <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>蝣箏��</el-button>
+ <el-button :disabled="!interviewTime">蝣箏��</el-button>
</div>
</div>
</template>
@@ -28,6 +27,8 @@
@Component
export default class InterviewAdd extends Vue {
+ interviewTime = '';
+
// @Prop()
// myAppointmentReviewLogList!: AppointmentLog[];
@@ -51,18 +52,6 @@
justify-content: space-between;
margin-bottom : 26px;
}
-}
-.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;
--
Gitblit v1.8.0