@xysfe/actui2 0.0.1

package/lib/BankSelect/bankmsg/index.mjs

@@ -0,0 +1,765 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js/object/define-property";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _parseFloat from "@babel/runtime-corejs3/core-js/parse-float";
+import _parseInt from "@babel/runtime-corejs3/core-js/parse-int";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/values";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { P as Panel } from "../../Panel/index.mjs";
+import { G as GoldInput } from "../../GoldInput/index.mjs";
+import { G as GoldText } from "../../GoldText/index.mjs";
+import { G as GoldSelect } from "../../GoldSelect/index.mjs";
+import { I as IconPhoto } from "../../common/iconphoto/index.mjs";
+import { S as Switch } from "../../Switch/index.mjs";
+import { G as GoldArea } from "../../GoldArea/index.mjs";
+import { h as hexToRgb } from "../../utils/helpers/index.mjs";
+import { s as setCardholderRules, a as setCardholderCertRules, c as commonCardholderCertRules, b as commonCardholderRules } from "../js/index.mjs";
+import __$_require_7dfc0f72__ from "../../assets/come.0b83.png";
+import __$_require_75a05569__ from "../../assets/down.281b.png";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t.return || t.return();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    var _context17;
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = _sliceInstanceProperty(_context17 = {}.toString.call(r)).call(_context17, 8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function ownKeys(e, r) {
+  var t = _Object$keys(e);
+  if (_Object$getOwnPropertySymbols) {
+    var o = _Object$getOwnPropertySymbols(e);
+    r && (o = _filterInstanceProperty(o).call(o, function(r2) {
+      return _Object$getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var _context15, _context16;
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? _forEachInstanceProperty(_context15 = ownKeys(Object(t), true)).call(_context15, function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context16 = ownKeys(Object(t))).call(_context16, function(r2) {
+      _Object$defineProperty(e, r2, _Object$getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+var _sfc_main = {
+  name: "AddBankBox",
+  props: {
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    selectBank: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    isEdit: {
+      type: Boolean,
+      default: false
+    },
+    isShowBankBox: {
+      type: Boolean,
+      default: false
+    },
+    bankInfo: {
+      type: Object,
+      default: function _default2() {
+      }
+    },
+    exParams: {
+      type: Object,
+      default: null
+    },
+    bankChooseInfo: {
+      type: Object,
+      default: null
+    },
+    bankMsgInfo: {
+      type: Object,
+      default: null
+    },
+    titleGradualColor: {
+      type: String,
+      default: ""
+    },
+    bankAddressList: {
+      type: Array,
+      default: function _default3() {
+        return [];
+      }
+    }
+  },
+  data: function data() {
+    return {
+      bankName: "",
+      cardholderCertTypeName: "",
+      bankMsgCopy: {
+        userBankId: "",
+        bankCode: "",
+        bankCardId: "",
+        cardholder: this.exParams && this.exParams.cardholder || "",
+        cardholderCert: this.exParams && this.exParams.cardholderCert || "",
+        cardholderCertType: this.exParams && this.exParams.cardholderCertType || "0",
+        isDefault: false,
+        holderMobile: this.exParams && this.exParams.holderMobile || "",
+        // subBankAddr: '',
+        subBankName: "",
+        bankAreaCode: ""
+        // 开户行所在地
+      },
+      bankAreaDesc: "",
+      errMsgInfo: {
+        cardholder: {
+          errmsg: "",
+          regexs: [commonCardholderRules.isRequired, commonCardholderRules.isLengthChina, commonCardholderRules.hasNoSpecialCharacters, commonCardholderRules.hasNoEnglishCharacters, commonCardholderRules.isValidFormat]
+        },
+        cardholderCertType: {
+          errmsg: "",
+          regexs: [{
+            regex: "\\S",
+            errorRemind: "请选择证件类型"
+          }]
+        },
+        cardholderCert: {
+          errmsg: "",
+          regexs: [commonCardholderCertRules.isRequired, commonCardholderCertRules.noSpace, commonCardholderCertRules.idType]
+        },
+        bankCardId: {
+          errmsg: "",
+          regexs: [{
+            regex: "\\S",
+            errorRemind: "请输入银行卡号"
+          }, {
+            regex: "^[0-9]{15,19}$",
+            errorRemind: "请填写正确的银行卡号"
+          }]
+        },
+        holderMobile: {
+          errmsg: "",
+          regexs: [{
+            regex: "^[0-9]+$",
+            errorRemind: "手机号不能存在英文或符号"
+          }, {
+            regex: "^[0-9]{11}$",
+            errorRemind: "请输入11位手机号"
+          }, {
+            regex: "^[1]([3-9])[0-9]{9}$",
+            errorRemind: "请输入正确的手机号"
+          }]
+        }
+      },
+      isAgree: false,
+      showExpanded: true
+    };
+  },
+  computed: {
+    bankList: function bankList() {
+      return this.changItem();
+    },
+    bankMsg: function bankMsg() {
+      return this.bankMsgInfo ? this.bankMsgInfo : this.bankMsgCopy;
+    },
+    cardholderCertTypeOptions: function cardholderCertTypeOptions() {
+      return [{
+        text: "身份证",
+        value: "0"
+      }, {
+        text: "非中国大陆护照",
+        value: "31"
+      }, {
+        text: "外国人永久居留身份证",
+        value: "20"
+      }, {
+        text: "港澳居民来往内地通行证",
+        value: "23"
+      }, {
+        text: "台湾居民来往内地通行证",
+        value: "24"
+      }];
+    },
+    isForeignType: function isForeignType() {
+      return this.bankMsg.cardholderCertType === "31" || this.bankMsg.cardholderCertType === "20";
+    }
+  },
+  mounted: function mounted() {
+    if (!this.isEdit && this.bankMsg) {
+      var val = String(this.bankMsg.cardholderCertType);
+      this.setCertTypeRules(val);
+      this.validateRegexs("cardholder");
+      this.validateRegexs("cardholderCert");
+    }
+    if (this.bankMsg) {
+      this.bankAreaDesc = this.getAreaDesc(this.bankAddressList, this.bankMsg.bankAreaCode);
+    }
+  },
+  methods: {
+    toRgb: function toRgb(color) {
+      function getHexColor(color2) {
+        var _context, _context2, _context3;
+        var values = color2.replace(/rgba?\(/, "").replace(/\)/, "").replace(/[\s+]/g, "").split(",");
+        var a = _parseFloat(values[3] || 1);
+        var r = Math.floor(a * _parseInt(values[0]) + (1 - a) * 255);
+        var g = Math.floor(a * _parseInt(values[1]) + (1 - a) * 255);
+        var b = Math.floor(a * _parseInt(values[2]) + (1 - a) * 255);
+        return "#" + _sliceInstanceProperty(_context = "0" + r.toString(16)).call(_context, -2) + _sliceInstanceProperty(_context2 = "0" + g.toString(16)).call(_context2, -2) + _sliceInstanceProperty(_context3 = "0" + b.toString(16)).call(_context3, -2);
+      }
+      var rgb = hexToRgb(color, 0.1);
+      return getHexColor(rgb);
+    },
+    toggle: function toggle() {
+      this.showExpanded = !this.showExpanded;
+    },
+    changItem: function changItem() {
+      var list = this.selectBank;
+      var data2 = [];
+      _mapInstanceProperty(list).call(list, function(item) {
+        var _context4;
+        var title = item.title;
+        var items = [];
+        _mapInstanceProperty(_context4 = item.list).call(_context4, function(ite) {
+          items.push(_objectSpread({
+            name: ite.bank_name,
+            avatar: ite.logo
+          }, ite));
+        });
+        data2.push({
+          title,
+          items
+        });
+      });
+      return data2;
+    },
+    handleSelBank: function handleSelBank() {
+      if (this.isEdit) return;
+      this.$emit("handleSelBank");
+    },
+    chooseBank: function chooseBank(item) {
+      this.bankName = item.bank_name;
+      this.bankMsg.bankCode = item.bank_code;
+    },
+    input: function input(key, value) {
+      this.bankMsg[key] = value;
+    },
+    blur: function blur(key) {
+      if (key === "holderMobile" && this.bankMsg.holderMobile === "") {
+        this.errMsgInfo.holderMobile.errmsg = "";
+        return;
+      }
+      var regexs = this.errMsgInfo[key] && this.errMsgInfo[key].regexs;
+      if (regexs) {
+        var _iterator = _createForOfIteratorHelper(regexs), _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+            var ruleItem = _step.value;
+            if (!new RegExp(ruleItem.regex).test(this.bankMsg[key])) {
+              this.errMsgInfo[key].errmsg = ruleItem.errorRemind;
+              break;
+            } else {
+              this.errMsgInfo[key].errmsg = "";
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+    },
+    change: function change(key, value) {
+      this.$set(this.bankMsg, key, value);
+      if (key === "cardholderCertType") {
+        var val = String(value);
+        this.setCertTypeRules(val);
+        this.validateRegexs("cardholder");
+        this.validateRegexs("cardholderCert");
+      } else if (key === "bankAreaCode") {
+        this.bankAreaDesc = this.getAreaDesc(this.bankAddressList, value);
+      }
+    },
+    getAreaDesc: function getAreaDesc(range, value) {
+      if (!range || !range.length || !value || !value.length) {
+        return "";
+      }
+      var descArr = this.recursiveGetDesc({
+        values: value,
+        range
+      });
+      if (!descArr || !descArr.length) {
+        return "";
+      }
+      return descArr.join("-");
+    },
+    handleCamera: function handleCamera() {
+      this.$emit("handleCamera");
+    },
+    confirmAddOrEdit: function confirmAddOrEdit() {
+      this.$emit("confirmAddOrEdit");
+    },
+    setCertTypeRules: function setCertTypeRules(val) {
+      var cardholderRules = setCardholderRules(val);
+      var cardholderCertRules = setCardholderCertRules(val);
+      this.errMsgInfo.cardholder.regexs = cardholderRules;
+      this.errMsgInfo.cardholderCert.regexs = cardholderCertRules;
+    },
+    recursiveGetDesc: function recursiveGetDesc(_ref) {
+      var values = _valuesInstanceProperty(_ref), range = _ref.range, _ref$outData = _ref.outData, outData = _ref$outData === void 0 ? [] : _ref$outData, _ref$index = _ref.index, index = _ref$index === void 0 ? 0 : _ref$index, callback = _ref.callback;
+      for (var j = 0; j < range.length; j++) {
+        var _range$j = range[j], code = _range$j.code, name = _range$j.name, subList = _range$j.subList;
+        if (values[index] == code) {
+          outData.push(name);
+          callback && callback(range[j]);
+          index++;
+          if (subList) {
+            this.recursiveGetDesc({
+              values,
+              range: subList,
+              outData,
+              index,
+              callback
+            });
+          }
+          break;
+        }
+      }
+      return outData;
+    },
+    validateRegexs: function validateRegexs(key) {
+      var regexs = this.errMsgInfo[key].regexs;
+      if (regexs) {
+        var _iterator2 = _createForOfIteratorHelper(regexs), _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
+            var ruleItem = _step2.value;
+            if (!new RegExp(ruleItem.regex).test(this.bankMsg[key])) {
+              this.errMsgInfo[key].errmsg = ruleItem.errorRemind;
+              return;
+            } else {
+              this.errMsgInfo[key].errmsg = "";
+            }
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+    }
+  },
+  watch: {
+    bankInfo: {
+      handler: function handler(val) {
+        if (val.bankNo) {
+          this.bankMsg.bankCardId = val.bankNo;
+        }
+      },
+      deep: true
+    },
+    bankChooseInfo: {
+      handler: function handler2(val) {
+        this.bankName = val.bankName;
+        this.cardholderCertTypeName = val.cardholderCertTypeName;
+        this.bankMsg.bankCode = val.bankCode;
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  components: {
+    ActPanel: Panel,
+    ActGoldInput: GoldInput,
+    IconPhoto,
+    // BaseInput,
+    ActSwitch: Switch,
+    ActGoldText: GoldText,
+    ActGoldSelect: GoldSelect,
+    ActGoldArea: GoldArea
+    // IndexList
+  },
+  directives: {
+    clickOnce: {
+      inserted: function inserted(el, binding) {
+        el.addEventListener("click", function(event) {
+          event.stopPropagation();
+          if (!el.isClickEnabled) {
+            el.isClickEnabled = true;
+            setTimeout(function() {
+              el.isClickEnabled = false;
+            }, ~~binding.arg || 500);
+            binding.value();
+          }
+        });
+      }
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "add-box"
+  }, [_c("div", {
+    staticClass: "fillWrap"
+  }, [_c("div", {
+    staticClass: "bg"
+  }), _c("act-panel", {
+    staticStyle: {
+      "margin-top": "-15px"
+    },
+    attrs: {
+      "borderRadius": "12px"
+    }
+  }, [_c("div", {
+    staticClass: "mustFillHeader",
+    style: {
+      background: _vm.titleGradualColor
+    }
+  }, [_c("p", [_vm._v(" 必填项 ")])]), _c("div", {
+    staticClass: "headerLine"
+  }), !_vm.bankMsgInfo ? _c("act-gold-select", {
+    attrs: {
+      "tit": "证件类型",
+      "border": "bottom",
+      "placeholder": "请选择",
+      "value": _vm.bankMsg.cardholderCertType,
+      "options": _vm.cardholderCertTypeOptions,
+      "brandColor": _vm.brandColor
+    },
+    on: {
+      "change": function change2($event) {
+        var _context5;
+        return _vm.change.apply(_vm, _concatInstanceProperty(_context5 = ["cardholderCertType"]).call(_context5, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      }
+    }
+  }) : _c("act-gold-text", {
+    attrs: {
+      "tit": "证件类型",
+      "desc": _vm.cardholderCertTypeName,
+      "color": "#999999",
+      "border": "bottom"
+    }
+  }), !_vm.bankMsgInfo ? _c("act-gold-input", {
+    attrs: {
+      "tit": "持卡人",
+      "placeholder": "请填写",
+      "value": _vm.bankMsg.cardholder,
+      "color": "#333333",
+      "brandColor": _vm.brandColor,
+      "errMsg": _vm.errMsgInfo.cardholder.errmsg,
+      "allowSpace": _vm.isForeignType,
+      "border": "bottom"
+    },
+    on: {
+      "input": function input2($event) {
+        var _context6;
+        return _vm.input.apply(_vm, _concatInstanceProperty(_context6 = ["cardholder"]).call(_context6, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      },
+      "blur": function blur2($event) {
+        var _context7;
+        return _vm.blur.apply(_vm, _concatInstanceProperty(_context7 = ["cardholder"]).call(_context7, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      }
+    }
+  }) : _c("act-gold-text", {
+    attrs: {
+      "tit": "持卡人",
+      "desc": _vm.bankMsg.cardholder,
+      "color": "#999999",
+      "border": "bottom"
+    }
+  }), !_vm.bankMsgInfo ? _c("act-gold-input", {
+    attrs: {
+      "tit": "证件号码",
+      "type": "text",
+      "placeholder": "请输入证件号码",
+      "value": _vm.bankMsg.cardholderCert,
+      "errMsg": _vm.errMsgInfo.cardholderCert.errmsg,
+      "color": "#333333",
+      "border": "bottom",
+      "brandColor": _vm.brandColor
+    },
+    on: {
+      "input": function input2($event) {
+        var _context8;
+        return _vm.input.apply(_vm, _concatInstanceProperty(_context8 = ["cardholderCert"]).call(_context8, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      },
+      "blur": function blur2($event) {
+        var _context9;
+        return _vm.blur.apply(_vm, _concatInstanceProperty(_context9 = ["cardholderCert"]).call(_context9, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      }
+    }
+  }) : _c("act-gold-text", {
+    attrs: {
+      "tit": "证件号码",
+      "desc": _vm.bankMsg.cardholderCert,
+      "color": "#999999",
+      "border": "bottom"
+    }
+  }), !_vm.bankMsgInfo ? _c("act-gold-input", {
+    attrs: {
+      "tit": "银行卡号",
+      "type": "bankcard",
+      "placeholder": "请输入银行卡号",
+      "value": _vm.bankMsg.bankCardId,
+      "errMsg": _vm.errMsgInfo.bankCardId.errmsg,
+      "color": "#333333",
+      "border": "bottom",
+      "brandColor": _vm.brandColor,
+      "maxLength": 23
+    },
+    on: {
+      "input": function input2($event) {
+        var _context0;
+        return _vm.input.apply(_vm, _concatInstanceProperty(_context0 = ["bankCardId"]).call(_context0, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      },
+      "blur": function blur2($event) {
+        var _context1;
+        return _vm.blur.apply(_vm, _concatInstanceProperty(_context1 = ["bankCardId"]).call(_context1, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      }
+    }
+  }, [_c("icon-photo", {
+    attrs: {
+      "slot": "suffix"
+    },
+    on: {
+      "photoclick": _vm.handleCamera
+    },
+    slot: "suffix"
+  })], 1) : _c("act-gold-text", {
+    attrs: {
+      "tit": "银行卡号",
+      "desc": _vm.bankMsg.bankCardId,
+      "color": "#999999",
+      "border": "bottom"
+    }
+  }), !_vm.bankMsgInfo ? _c("div", {
+    staticClass: "baseElm"
+  }, [_c("div", {
+    staticClass: "wrap",
+    on: {
+      "click": _vm.handleSelBank
+    }
+  }, [_c("div", {
+    staticClass: "tit"
+  }, [_vm._v(" 开户银行 ")]), _c("div", {
+    staticClass: "selMsg"
+  }, [_vm._v(" " + _vm._s(_vm.bankName || "请选择") + " ")]), !_vm.isEdit ? _c("img", {
+    staticClass: "come",
+    attrs: {
+      "src": __$_require_7dfc0f72__,
+      "alt": ""
+    }
+  }) : _vm._e()])]) : _vm._e(), _vm.bankMsgInfo ? _c("div", {
+    staticClass: "baseElm"
+  }, [_c("div", {
+    staticClass: "wrap",
+    on: {
+      "click": _vm.handleSelBank
+    }
+  }, [_c("div", {
+    staticClass: "tit"
+  }, [_vm._v(" 开户银行 ")]), _c("div", {
+    staticClass: "selMsg"
+  }, [_vm._v(" " + _vm._s(_vm.bankName || "请选择") + " ")]), !_vm.isEdit ? _c("img", {
+    staticClass: "come",
+    attrs: {
+      "src": __$_require_7dfc0f72__,
+      "alt": ""
+    }
+  }) : _vm._e()])]) : _vm._e(), _c("div", {
+    staticClass: "baseElm"
+  }, [_c("div", {
+    staticClass: "wrap"
+  }, [_c("div", {
+    staticClass: "tit"
+  }, [_vm._v(" 设为默认卡 ")]), _c("act-switch", {
+    staticClass: "switch",
+    attrs: {
+      "size": "20",
+      "activeColor": _vm.brandColor,
+      "inactiveColor": "#eeeeee"
+    },
+    model: {
+      value: _vm.bankMsg.isDefault,
+      callback: function callback($$v) {
+        _vm.$set(_vm.bankMsg, "isDefault", $$v);
+      },
+      expression: "bankMsg.isDefault"
+    }
+  })], 1)])], 1), _c("act-panel", {
+    attrs: {
+      "borderRadius": "12px"
+    }
+  }, [_c("div", {
+    staticClass: "mustFillHeader",
+    style: {
+      background: _vm.titleGradualColor
+    }
+  }, [_c("p", [_vm._v(" 选填项 ")]), _c("div", {
+    staticClass: "dowmIcon",
+    on: {
+      "click": _vm.toggle
+    }
+  }, [_c("img", {
+    class: {
+      expanded: _vm.showExpanded
+    },
+    attrs: {
+      "src": __$_require_75a05569__,
+      "alt": ""
+    }
+  })])]), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showExpanded,
+      expression: "showExpanded"
+    }],
+    staticClass: "headerLine"
+  }), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.showExpanded,
+      expression: "showExpanded"
+    }],
+    staticClass: "fillBox"
+  }, [_c("act-gold-input", {
+    attrs: {
+      "tit": "预留手机号",
+      "placeholder": "请输入手机号",
+      "type": "tel",
+      "value": _vm.bankMsg.holderMobile,
+      "color": "#333333",
+      "brandColor": _vm.brandColor,
+      "errMsg": _vm.errMsgInfo.holderMobile.errmsg,
+      "border": "bottom"
+    },
+    on: {
+      "input": function input2($event) {
+        var _context10;
+        return _vm.input.apply(_vm, _concatInstanceProperty(_context10 = ["holderMobile"]).call(_context10, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      },
+      "blur": function blur2($event) {
+        var _context11;
+        return _vm.blur.apply(_vm, _concatInstanceProperty(_context11 = ["holderMobile"]).call(_context11, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      }
+    }
+  }), _c("act-gold-area", {
+    attrs: {
+      "tit": "开户行所在地",
+      "border": "bottom",
+      "placeholder": "请选择开户行所在地",
+      "value": _vm.bankMsg.bankAreaCode,
+      "desc": _vm.bankAreaDesc,
+      "options": _vm.bankAddressList,
+      "brandColor": _vm.brandColor
+    },
+    on: {
+      "change": function change2($event) {
+        var _context12;
+        return _vm.change.apply(_vm, _concatInstanceProperty(_context12 = ["bankAreaCode"]).call(_context12, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      }
+    }
+  }), _c("act-gold-input", {
+    attrs: {
+      "tit": "开户行支行",
+      "placeholder": "请输入开户行支行",
+      "value": _vm.bankMsg.subBankName,
+      "color": "#333333",
+      "brandColor": _vm.brandColor,
+      "border": "bottom"
+    },
+    on: {
+      "input": function input2($event) {
+        var _context13;
+        return _vm.input.apply(_vm, _concatInstanceProperty(_context13 = ["subBankName"]).call(_context13, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      },
+      "blur": function blur2($event) {
+        var _context14;
+        return _vm.blur.apply(_vm, _concatInstanceProperty(_context14 = ["subBankName"]).call(_context14, _sliceInstanceProperty(Array.prototype).call(arguments)));
+      }
+    }
+  })], 1)]), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.bankMsgInfo,
+      expression: "bankMsgInfo"
+    }],
+    staticClass: "delBtn",
+    on: {
+      "click": function click($event) {
+        return _vm.$emit("delBank", _vm.bankMsg);
+      }
+    }
+  }, [_vm._v(" 删除该银行卡 ")])], 1), _c("div", {
+    staticClass: "footer"
+  }, [_c("div", {
+    directives: [{
+      name: "click-once",
+      rawName: "v-click-once",
+      value: _vm.confirmAddOrEdit,
+      expression: "confirmAddOrEdit"
+    }],
+    staticClass: "bankfooterBtn",
+    style: "background: ".concat(_vm.brandColor)
+  }, [_vm._v(" " + _vm._s(_vm.bankMsgInfo ? "确认编辑" : "确认添加") + " ")])])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "01ce6f74");
+var bankMsg2 = __component__.exports;
+export {
+  bankMsg2 as b
+};