| | |
| | | <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> |
| | | <div class="date-input"> |
| | | 2022/01/10 09:00 |
| | | <i class="icon-calender icon"></i> |
| | | </div> |
| | | |
| | | <div class="mdTxt mb-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> |
| | | </div> |
| | | </div> |
| | | <InterviewAdd></InterviewAdd> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { Vue, Component } from 'nuxt-property-decorator'; |
| | |
| | | |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | <style lang="scss" > |
| | | .edit-appointment-record { |
| | | padding-left : 10px; |
| | | padding-right: 10px; |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | .required { |
| | | position: relative; |
| | | &::before { |
| | | content: '*'; |
| | | position: absolute; |
| | | color: #FF0000; |
| | | transform: translate(-12px, 0); |
| | | } |
| | | } |
| | | </style> |