[FIX]【保全】退保-退保原因最大输入字符数限定200；续期账户变更页-布局调整

src/views/ebiz/preserve/ct/SurrenderInfo.vue

@@ -99,6 +99,7 @@
             rows="4"
             autosize
             type="textarea"
+            maxlength="200"
             name="其他退保原因"
             placeholder="请输入其他退保原因"
             v-validate="surrenderReasonType == '6' ? 'required' : ''"

src/views/ebiz/preserve/pc/RenewalInfo.vue

@@ -49,16 +49,18 @@
         />
         <van-button type="danger" size="small" round class="bankCard mr10 w110 h20" @click="cardScanning('0')" v-no-more-click="2000">银行卡扫描</van-button>
       </van-cell-group>
-      <van-field
+      <van-cell-group class="mt10 change-container">
-        v-model="bankAdr"
+        <van-field
-        label="开户银行所在地"
+          v-model="bankAdr"
-        @click="bankProvincePopup = true"
+          label="开户银行所在地"
-        placeholder="请输入"
+          @click="bankProvincePopup = true"
-        v-validate="'required'"
+          placeholder="请输入"
-        name="开户银行所在地"
+          v-validate="'required'"
-        required
+          name="开户银行所在地"
-        readonly
+          required
-      />
+          readonly
+        />
+      </van-cell-group>
       <div class="bottom-btn bg-white">
         <van-button type="danger" size="large" @click="nextStep" v-no-more-click="2000">下一步</van-button>
       </div>
@@ -76,6 +78,12 @@
     </div>
     <!-- 银行卡扫描 -->
     <BankCardScan :scanShow="isScan" :clear="false" @getScanInfo="getBankCardInfo"></BankCardScan>
+    <!-- 信息变更提示弹窗 -->
+    <div class="dialog-container">
+      <van-dialog v-model="dialogShow" title="提示" @confirm="dialogShow = false" confirmButtonColor="#fff">
+        <p class="p15 pb20 fs14 text-center">该客户涉及到的所有保单相应信息将变更</p>
+      </van-dialog>
+    </div>
   </div>
 </template>
 
@@ -105,6 +113,7 @@ export default {
   },
   data() {
     return {
+      dialogShow: true, //信息变更弹窗是否显示
       valueKey: '',
       popupShow: false,
       pickerType: '',
@@ -142,11 +151,6 @@ export default {
   mounted() {
     // 筛选按钮的点击事件
     window.appCallBack = this.appCallBack
-    /*Dialog.confirm({
-      title: '提示',
-      message: '该客户涉及到的所有保单相应信息将变更',
-      showCancelButton: false
-    })*/
   },
   methods: {
     //区域选择
@@ -355,25 +359,39 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.van-dialog__confirm {
+.dialog-container {
-  background-color: #e9332e !important;
+  /deep/.van-dialog__confirm {
-  margin-right: 20px;
+    background-color: #e9332e !important;
+  }
+  /deep/.van-dialog__header {
+    color: #e9332e !important;
+    padding-bottom: 5px;
+  }
+  /deep/.van-dialog {
+    width: 77%;
+  }
 }
 
 .renewal-info-container {
   .cont-info-container {
-    /deep/ .van-cell__value {
+    /deep/.van-cell__value {
       text-align: left;
-      width: 75%;
+      width: 15%;
+      flex: auto;
     }
   }
-  .change-container,
+  .change-container {
-  .align-items-c {
     /deep/.van-field__label {
       text-align: left;
       width: 40%;
     }
   }
+  .align-items-c {
+    /deep/.van-field__label {
+      text-align: left;
+      width: 55%;
+    }
+  }
   /deep/ .bankCard {
     width: 120px;
     height: 20px;