From 8be9ada39d051be31eb39f0c2f24d70b3fb3c54c Mon Sep 17 00:00:00 2001
From: HelenHuang <LinHuang@pollex.com.tw>
Date: 星期三, 12 一月 2022 14:37:27 +0800
Subject: [PATCH] Update#134168 新增編輯約訪記錄 -頁面
---
PAMapp/pages/appointment/EditAppointmentRecord.vue | 66 +++++++++++++++++++++++++++++++++
1 files changed, 66 insertions(+), 0 deletions(-)
diff --git a/PAMapp/pages/appointment/EditAppointmentRecord.vue b/PAMapp/pages/appointment/EditAppointmentRecord.vue
new file mode 100644
index 0000000..22543ba
--- /dev/null
+++ b/PAMapp/pages/appointment/EditAppointmentRecord.vue
@@ -0,0 +1,66 @@
+<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>
+</template>
+<script lang="ts">
+import { Vue, Component } from 'nuxt-property-decorator';
+
+@Component
+export default class EditAppointmentRecord extends Vue {
+
+}
+</script>
+<style lang="scss" scoped>
+.edit-appointment-record {
+ padding-left : 10px;
+ padding-right: 10px;
+ .edit-appointment-record-date{
+ color : #68737A;
+ display : flex;
+ 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;
+ display : flex;
+ flex : 1;
+ justify-content: flex-end;
+}
+.edit-appointment-record-btn{
+ margin-top: 30px;
+ display: flex;
+ justify-content: center;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0