add: TODO#134181 dateTimePicker

Mila

2022-01-17 8ece1a33dd0776e8a3cc94d3ac4faf8c6f7ff03c

 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>