保誠-保戶業務員媒合平台
Mila
2021-12-09 63ac2438fb737a2519e44fe8483a741b0f5dec8f
fixed TODO#132136/132094 將drawerSize設定為auto, 避免drawer確認按鈕被擋住
修改10個檔案
38 ■■■■■ 已變更過的檔案
PAMapp/assets/scss/vendors/elementUI/_drawer.scss 1 ●●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/components/Consultant/ConsultantCard.vue 2 ●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/components/careerSelect.vue 2 ●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/components/phoneContactTimePicker.vue 7 ●●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/components/popUpFrame.vue 2 ●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/pages/agentInfo/_agentNo.vue 1 ●●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/pages/login/index.vue 10 ●●●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/pages/questionnaire/_agentNo.vue 4 ●●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/pages/quickFilter/index.vue 1 ●●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/pages/recommendConsultant/index.vue 8 ●●●● 修補檔 | 檢視 | 原始 | 究查 | 歷程
PAMapp/assets/scss/vendors/elementUI/_drawer.scss
@@ -7,6 +7,7 @@
    .el-drawer__body {
        padding: 0 40px;
        margin-bottom: 30px;
    }
}
.pam-popUpFrame{
PAMapp/components/Consultant/ConsultantCard.vue
@@ -95,7 +95,7 @@
                </div>
            </div>
        </Ui-Dialog>
        <PopUpFrame :isOpen.sync="reviewsBtn" drawerSize='30%'>
        <PopUpFrame :isOpen.sync="reviewsBtn">
            <div class="mdTxt">
                保險顧問滿意度
                <span class="hint">選取星星</span>
PAMapp/components/careerSelect.vue
@@ -10,7 +10,7 @@
          <i class="icon-down down-icon"></i>
        </div>
      </div>
      <PopUpFrame :isOpen.sync="showJobDrawer" drawerSize='60%'>
      <PopUpFrame :isOpen.sync="showJobDrawer">
        <div class="pam-career">
          <div class="subTitle">職業</div>
          <el-radio-group class="pam-single__select--col" v-model="career" @change="handleChange">
PAMapp/components/phoneContactTimePicker.vue
@@ -33,7 +33,6 @@
    <PopUpFrame class="pam-popUpFrame"
      :isOpen.sync="isOpenByStep_1"
      :drawerSize="drawerSize"
      :dialogWidth="dialogWidth">
        <div class="pam-popUp-title">{{popUpTitle}}</div>
          <MultiSelectBtn class="mt-30"
@@ -41,7 +40,7 @@
            :options="weekOptions.options"
            :nameOfSelectAll="weekOptions.selectAll">
          </MultiSelectBtn>
          <div class="pam-popUp-confirm-bolck pam-paragraph">
          <div class="pam-popUp-confirm-bolck mt-30">
            <button class="pam-select-confirm"
              :class="[initPickerControl.selectWeekOptions.length?'el-button--primary' :'is-disabled']"
              @click="confirmByStep_1">
@@ -52,7 +51,6 @@
    <PopUpFrame class="pam-popUpFrame"
      :isOpen.sync="isOpenByStep_2"
      :drawerSize="drawerSize"
      :dialogWidth="dialogWidth">
        <div class="pam-popUp-title">{{popUpTitle}}</div>
        <MultiSelectBtn class="mt-30"
@@ -60,7 +58,7 @@
          :options="timesOfDayOptions.options"
          :nameOfSelectAll="timesOfDayOptions.selectAll">
        </MultiSelectBtn>
        <div class="pam-popUp-confirm-bolck pam-paragraph">
        <div class="pam-popUp-confirm-bolck mt-30">
          <button class="pam-select-confirm"
            :class="[initPickerControl.selectTimesOptions.length ?'el-button--primary' :'is-disabled']"
            @click="confirmByStep_2">
@@ -131,7 +129,6 @@
        }
      ],
    };
    private drawerSize="'50%'";
    private dialogWidth="376px";
    private selectedSchedule!:scheduleDto;
PAMapp/components/popUpFrame.vue
@@ -19,7 +19,7 @@
  @Component
  export default class PopUpFrame extends Vue {
    @PropSync('isOpen',{type:Boolean,default:false}) syncIsOpen!:boolean;
    @Prop({default:'30%'}) drawerSize!:string; // element UI drawer default size
    @Prop({default:'auto'}) drawerSize!:string; // element UI drawer default size
    @Prop({default:'50%'}) dialogWidth!:string; // element UI dialog default width
    private get isUseDrawer() : boolean {
PAMapp/pages/agentInfo/_agentNo.vue
@@ -165,7 +165,6 @@
    </PopUpFrame>
    <PopUpFrame
      drawerSize="40%"
      :isOpen.sync="isAlertFieldInfo"
      >
        <div class="text--center mdTxt fs-18">
PAMapp/pages/login/index.vue
@@ -170,7 +170,6 @@
      <PopUpFrame
        :isOpen.sync="registerDialogVisible"
        :dialogWidth="'90%'"
        :drawerSize="'95%'"
        class="pam-register-dialog"
        @closePopUp="isReadContract = false"
      >
@@ -282,12 +281,11 @@
      <PopUpFrame class="pam-popUpFrame"
        :isOpen.sync="emailOtpConfirmVisable"
        :drawerSize="'35%'"
      >
        <div class="pam-popUp-title text--center">已將驗證訊息發送至</div>
        <div class="pam-popUp-title text--center">{{email}}</div>
        <div class="pam-popUp-title text--center">請查看電子郵件並完成驗證流程</div>
        <div class="pam-popUp-confirm-bolck pam-paragraph">
        <div class="pam-popUp-confirm-bolck mt-30">
          <div class="text--center">
            <el-button
                type="primary"
@@ -300,14 +298,13 @@
      <PopUpFrame class="pam-popUpFrame"
        :isOpen.sync="registerSuccessConfirmVisable"
        @closePopUp="confirmApplySuccess"
        :drawerSize="'35%'"
      >
          <div class="pam-popUp-title text--center">
            歡迎您登入成功,如您預約諮詢,顧問會以您留下的{{ connectDevice === 'MOBILE' ? '手機號碼' : 'Email'}}與您聯繫
          </div>
          <div class="pam-popUp-txt text--center mb-10 mt-5"
          >即將轉跳頁面...{{autoRedirectCounter}}秒</div>
          <div class="pam-popUp-confirm-bolck pam-paragraph">
          <div class="pam-popUp-confirm-bolck mt-30">
            <div class="text--center">
              <el-button
                  type="primary"
@@ -320,13 +317,12 @@
      <PopUpFrame class="pam-popUpFrame"
        :isOpen.sync="phoneSuccessConfirmVisable"
        @closePopUp="confirmApplySuccess"
        :drawerSize="'30%'"
      >
          <div class="pam-popUp-title text--center"
          >歡迎您登入成功</div>
          <div class="pam-popUp-txt text--center mb-30 mt-5 xsTxt"
          >即將轉跳頁面...{{autoRedirectCounter}}秒</div>
          <div class="pam-popUp-confirm-bolck pam-paragraph">
          <div class="pam-popUp-confirm-bolck mt-30">
            <div class="text--center">
              <el-button
                  type="primary"
PAMapp/pages/questionnaire/_agentNo.vue
@@ -97,7 +97,7 @@
      </div>
    </div>
    <PopUpFrame :isOpen.sync="showDrawer" :drawerSize=" '95%' ">
    <PopUpFrame :isOpen.sync="showDrawer">
      <div class="qaTextTitle mdTxt">
        <strong>想要詢問的問題</strong>
      </div>
@@ -517,7 +517,7 @@
//詳細問題drawer中間內容空間大小設置
.qa-dialog{
  overflow-y:auto;
  height: 500px;
  height: 60vh;
  margin-top: 20px;
}
PAMapp/pages/quickFilter/index.vue
@@ -49,7 +49,6 @@
        <PopUpFrame
            :isOpen.sync="isOpenQuestionPopUp"
            :drawerSize="questionOption.name === 'communicationStyles' ? '55%' : '35%'"
            :dialogWidth="'400px'"
            class="pam-myDemand-dialog"
        >
PAMapp/pages/recommendConsultant/index.vue
@@ -13,7 +13,7 @@
        <i class="icon-down down-icon"></i>
      </div>
      <PopUpFrame :isOpen.sync="showAddress"
        :drawerSize="'65%'">
      >
        <AddressPicker
          @confirm="confirmAddress" />
      </PopUpFrame>
@@ -55,7 +55,7 @@
    </div>
    <PopUpFrame :isOpen.sync="showDialog"
      :drawerSize=" '95%' ">
    >
      <div class="qaTextTitle mdTxt">
        <strong>想要詢問的問題</strong>
      </div>
@@ -68,7 +68,7 @@
          </div>
        </div>
      </div>
      <div class="text--center mdTxt mt-30 mb-30">
      <div class="text--center mdTxt mt-30">
        <el-button type="primary" @click="showDialog = false">我知道了</el-button>
      </div>
    </PopUpFrame>
@@ -364,7 +364,7 @@
  .qa-dialog {
    overflow-y: auto;
    height: 500px;
    height: 60vh;
    margin-top: 20px;
    text-align: justify;
  }