| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="client-detail-action" v-if="showWhenAppointmentHasClosed"> |
| | | <div class=" btn-center" v-if="showWhenAppointmentHasClosed"> |
| | | <el-button @click="inviteReview">發送滿意度</el-button> |
| | | </div> |
| | | |
| | | <div class="client-detail-action" v-if="showWhenAppointmentHasContacted"> |
| | | <el-button @click="closeAppointment" >結案</el-button> |
| | | <el-button @click="closeAppointment" class="desktop-client-detail-action-btn" >結案</el-button> |
| | | <el-button @click="sendMsg" style="margin-left: 0px">通知約訪</el-button> |
| | | </div> |
| | | |
| | | </section> |
| | | |
| | | <div class="client-detail-action btn-center" v-if="showWhenAppointmentHasCreate"> |
| | | <div class=" btn-center" v-if="showWhenAppointmentHasCreate"> |
| | | <el-button @click="sendMsg">傳送約訪通知</el-button> |
| | | </div> |
| | | </section> |
| | | |
| | | |
| | | <template v-if="showWhenAppointmentHasClosed"> |
| | | <AppointmentClosedInfo :appointmentDetail="appointmentDetail" /> |
| | |
| | | justify-content: center; |
| | | } |
| | | |
| | | @include desktop { |
| | | .client-detail-action { |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | .desktop-client-detail-action-btn{ |
| | | margin-right: 10px; |
| | | } |
| | | } |
| | | |
| | | </style> |