| | |
| | | </div> |
| | | |
| | | <div class="client-detail-action"> |
| | | <el-button @click="closeAppointment" >結案</el-button> |
| | | <el-button @click="sendMsg" style="margin-left: 0px">通知/約訪</el-button> |
| | | <!-- <el-button @click="closeAppointment" >結案</el-button> |
| | | <el-button @click="sendMsg" style="margin-left: 0px">通知/約訪</el-button> --> |
| | | <el-button>發送滿意度</el-button> |
| | | </div> |
| | | |
| | | </section> |
| | | |
| | | <section class="close-appointment-detail"> |
| | | <div class="close-appointment-detail-nav"> |
| | | <div class="mdTxt">結案方式</div> |
| | | <div class="mdTxt text--primary text--underline">編輯</div> |
| | | </div> |
| | | <span class="mt-10 mb-30">成交</span> |
| | | |
| | | <div class="mdTxt mb-10">保戶身份證字號</div> |
| | | <div class="mb-30">A123456789</div> |
| | | <div class="mdTxt mb-10">商品代碼Plan Code</div> |
| | | <div class="mb-30">8888888</div> |
| | | <div class="mdTxt mb-10">進件時間</div> |
| | | <div class="mb-30">2021/12/2</div> |
| | | <div class="mdTxt mb-10">備註</div> |
| | | <div class="">約訪4次,客戶很喜歡聊寶可夢。</div> |
| | | |
| | | </section> |
| | | |
| | | |
| | | <UiDialog |
| | | :isVisible.sync="isVisibleDialog" |
| | | :width="width" |
| | | class="msg-dialog"> |
| | | <div class="subTitle msg-dialog-title">約訪通知</div> |
| | | |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | } |
| | | .close-appointment-detail{ |
| | | background-color: #fff; |
| | | display: flex; |
| | | margin-top: 30px; |
| | | padding: 20px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | font-size: 20px; |
| | | } |
| | | .close-appointment-detail-nav{ |
| | | display: flex; |
| | | justify-content: space-between; |
| | | flex: 1; |
| | | } |
| | | </style> |