add: TODO#134181 dateTimePicker

Mila

2022-01-17 8ece1a33dd0776e8a3cc94d3ac4faf8c6f7ff03c

 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;