From b9658b7c42ca15e11153f782949c33a9b2d6a07a Mon Sep 17 00:00:00 2001 From: charlie <charlie@lvguanqingdeMacBook-Pro.local> Date: 星期五, 21 一月 2022 17:23:40 +0800 Subject: [PATCH] bugfix: 顧問結案頁面中的未結案原因select中的icon修正 --- PAMapp/pages/appointment/_appointmentId/close/index.vue | 43 ++++++++++--------------------------------- 1 files changed, 10 insertions(+), 33 deletions(-) diff --git a/PAMapp/pages/appointment/_appointmentId/close/index.vue b/PAMapp/pages/appointment/_appointmentId/close/index.vue index 194139e..3006ed1 100644 --- a/PAMapp/pages/appointment/_appointmentId/close/index.vue +++ b/PAMapp/pages/appointment/_appointmentId/close/index.vue @@ -55,26 +55,16 @@ <el-row class="pam-paragraph"> <UiField label="���漱����" :labelSize="20" class="required"> + <UiSelect :closeReason.sync="appointmentCloseInfo.closedReason" + :options="appointmentFailReason"/> </UiField> - <div class="appointment-client-detail-close__select-box"> - <select - class="appointment-client-detail-close__select" - name="closedReason" id="closedReason" v-model="appointmentCloseInfo.closedReason"> - <option :value="failReason.value" v-for="(failReason, index) in appointmentFailReason" :key="index"> - {{ failReason.key }} - </option> - </select> - <i class="icon-down down-icon"></i> - </div> - <div class="mt-10"> - <input - v-if="appointmentCloseInfo.closedReason === 'other' - || appointmentCloseInfo.closedReason === 'no_suitable_commodity'" - class="appointment-client-detail-close__input" - v-model="appointmentCloseInfo.closedOtherReason" - placeholder="隢撓�������50摮��" - type="text"> - </div> + <input + v-if="appointmentCloseInfo.closedReason === 'other' + || appointmentCloseInfo.closedReason === 'no_suitable_commodity'" + class="appointment-client-detail-close__input mt-10" + v-model="appointmentCloseInfo.closedOtherReason" + placeholder="隢撓�������50摮��" + type="text"> </el-row> </template> @@ -244,8 +234,7 @@ <style lang="scss" scoped> .appointment-close__remark, -.appointment-client-detail-close__input, -.appointment-client-detail-close__select { +.appointment-client-detail-close__input { border-radius: 5px; border : 1px solid #707070; font-size: 20px; @@ -257,18 +246,6 @@ } &.is-invalid { border-color: $PRIMARY_RED !important; - } -} -.appointment-client-detail-close__select-box { - position: relative; - - & .appointment-client-detail-close__select{ - appearance: none; - } - & .down-icon { - position: absolute; - right: 7px; - bottom: 10px; } } .invite-review{ -- Gitblit v1.8.0