| | |
| | | class="pam-paragraph" style="flex-direction: column"> |
| | | <UiField label="身分證字號/居留證字號" :labelSize="20" class="required"> |
| | | <input |
| | | class="appointment-client-detail-close__input" |
| | | class="appointment-client-detail-close__input mt-10" |
| | | :class="{'is-invalid':!identityIdValid}" |
| | | v-model="appointmentCloseInfo.policyholderIdentityId" |
| | | placeholder="請輸入" |
| | |
| | | class="pam-paragraph"> |
| | | <UiField label="商品代碼Plan Code" :labelSize="20" class="required"> |
| | | <input |
| | | class="appointment-client-detail-close__input" |
| | | class="appointment-client-detail-close__input mt-10" |
| | | v-model="appointmentCloseInfo.planCode" |
| | | placeholder="請輸入" |
| | | type="text"> |
| | |
| | | <UiField label="進件時間" :labelSize="20" class="required"> |
| | | <DateTimePicker |
| | | :defaultValue="appointmentCloseInfo.policyEntryDate" |
| | | class="mt-10" |
| | | @changeDateTime="appointmentCloseDate = $event"></DateTimePicker> |
| | | </UiField> |
| | | </el-row> |
| | |
| | | class="pam-paragraph"> |
| | | <UiField label="未成交原因" :labelSize="20" class="required"> |
| | | <UiSelect :closeReason.sync="appointmentCloseInfo.closedReason" |
| | | :options="appointmentFailReason"/> |
| | | :options="appointmentFailReason" class="mt-10"/> |
| | | </UiField> |
| | | <input |
| | | v-if="appointmentCloseInfo.closedReason === 'other' |
| | |
| | | class="pam-paragraph"> |
| | | <UiField label="備註" :labelSize="20"> |
| | | <el-input |
| | | class="mt-10" |
| | | type="textarea" |
| | | :rows="3" |
| | | placeholder="請輸入" |