@xysfe/actui2 0.0.1

package/lib/BankSelect/index.mjs

@@ -0,0 +1,862 @@
+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 _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+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 _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js/instance/index-of";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find-index";
+import { c as create } from "../utils/create/index.mjs";
+import { b as bankMsg } from "./bankmsg/index.mjs";
+import { b as bankBox } from "./bankbox/index.mjs";
+import { A as ActPopup } from "../common/popup/index.mjs";
+import { p as popupMixin } from "../mixins/popup/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { S as Scroll } from "../common/scroll/index.mjs";
+import { T as Toast } from "../Toast/index.mjs";
+import { L as Loading } from "../Loading/index.mjs";
+import { f as fetch } from "../utils/post/index.mjs";
+import { F as FileUpload } from "../FileUpload/index.mjs";
+import { b as bankChooseBox } from "./bankchoosebox/index.mjs";
+import { G as GoldDialog } from "../GoldDialog/index.mjs";
+import { o as outerHeight, g as getErrmsg, h as hexToRgb } from "../utils/helpers/index.mjs";
+import __$_require_9cb8bdaa__ from "../assets/edit.7607.png";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';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 _context14, _context15;
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? _forEachInstanceProperty(_context14 = ownKeys(Object(t), true)).call(_context14, function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context15 = ownKeys(Object(t))).call(_context15, function(r2) {
+      _Object$defineProperty(e, r2, _Object$getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+var _sfc_main = {
+  name: "ActBankSelect",
+  mixins: [popupMixin, visibleMixin],
+  props: {
+    appId: {
+      type: String,
+      default: ""
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    entryData: {
+      type: Object,
+      default: function _default() {
+      }
+    },
+    exParams: {
+      type: Object,
+      default: function _default2() {
+      }
+    },
+    selectedBankCardId: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  data: function data() {
+    return {
+      headerText: "选择银行卡",
+      selIndex: -1,
+      isEdit: false,
+      isAdd: false,
+      isShowBankBox: false,
+      hasInited: false,
+      bankInfo: {
+        dataBase: "",
+        bankNo: ""
+      },
+      bankContentHeight: 0,
+      docmHeight: document.documentElement.clientHeight,
+      loadingWrap: false,
+      isChooseBank: false,
+      bankChooseInfo: {
+        bankName: "",
+        bankCode: ""
+      },
+      preOverflowValue: "",
+      bankMsgInfo: null,
+      userBankId: ""
+    };
+  },
+  computed: {
+    supportList: function supportList() {
+      return this.entryData.supportList || [];
+    },
+    unSupportList: function unSupportList() {
+      return this.entryData.unSupportList || [];
+    },
+    selectBank: function selectBank() {
+      return this.entryData.selectBank || [];
+    },
+    xysBankList: function xysBankList() {
+      return this.entryData.xysBankList || [];
+    },
+    editBankList: function editBankList() {
+      var _context;
+      return _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(this.supportList), _toConsumableArray(this.unSupportList));
+    },
+    bankList: function bankList() {
+      var selectBank2 = this.changItem(this.selectBank);
+      var xysBankList2 = this.changItem(this.xysBankList);
+      return {
+        selectBank: selectBank2,
+        xysBankList: xysBankList2
+      };
+    },
+    titleGradualColor: function titleGradualColor() {
+      if (this.brandColor && this.brandColor.toLowerCase() !== "#8c7fee") {
+        return "linear-gradient(45deg, #FFF 50%, #FFF2F0 100%)";
+      } else {
+        return "linear-gradient(45deg, #FFF 50%, #F1F1FF 100%)";
+      }
+    },
+    bankAddressList: function bankAddressList() {
+      return this.entryData.bankAddressList || [];
+    }
+  },
+  methods: {
+    genRgba: function genRgba(color, alpha) {
+      function getHexColor(color2) {
+        var _context2, _context3, _context4;
+        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(_context2 = "0" + r.toString(16)).call(_context2, -2) + _sliceInstanceProperty(_context3 = "0" + g.toString(16)).call(_context3, -2) + _sliceInstanceProperty(_context4 = "0" + b.toString(16)).call(_context4, -2);
+      }
+      var rgb = hexToRgb(color || "#8c7fee", alpha || 0.1);
+      return getHexColor(rgb);
+    },
+    init: function init() {
+      var _this = this;
+      this.refresh();
+      var u = navigator.userAgent;
+      if (_indexOfInstanceProperty(u).call(u, "Android") > -1 || _indexOfInstanceProperty(u).call(u, "Adr") > -1) {
+        window.addEventListener("resize", function() {
+          if (_this.bankContentHeight === 0) {
+            return;
+          }
+          var showHeight = document.body.clientHeight;
+          if (_this.docmHeight > showHeight) {
+            _this.$refs.bankSelectContent.style.height = _this.docmHeight - showHeight + 30 + "px";
+          } else {
+            _this.$refs.bankSelectContent.style.height = _this.bankContentHeight + "px";
+          }
+        });
+      }
+    },
+    changItem: function changItem(entryData) {
+      var list = entryData;
+      var data2 = [];
+      _mapInstanceProperty(list).call(list, function(item) {
+        var _context5;
+        var title = item.title;
+        var items = [];
+        _mapInstanceProperty(_context5 = item.list).call(_context5, function(ite) {
+          items.push(_objectSpread({
+            name: ite.bank_name,
+            avatar: ite.logo
+          }, ite));
+        });
+        data2.push({
+          title,
+          items
+        });
+      });
+      return data2;
+    },
+    cancel: function cancel() {
+      this.back();
+      this.hide();
+      this.isChooseBank = false;
+      this.isAdd = false;
+    },
+    back: function back() {
+      this.isEdit = false;
+      if (this.isAdd && !this.isChooseBank) {
+        this.isAdd = false;
+      }
+      this.bankInfo = {
+        dataBase: "",
+        bankNo: ""
+      };
+      this.headerText = "选择银行卡";
+      if (this.isChooseBank) {
+        this.headerText = "添加银行卡";
+        this.isAdd = true;
+        this.isChooseBank = false;
+        this.$refs.bankChooseBox.hide();
+      }
+    },
+    handleEdit: function handleEdit(item) {
+      var info = item;
+      var bankInfo = {
+        userBankId: info.id,
+        bankCode: info.bank_code,
+        bankCardId: info.bank_card_id,
+        cardholder: info.cardholder,
+        cardholderCert: info.cardholder_cert,
+        cardholderCertType: info.cardholder_cert_type || "0",
+        isDefault: !!~~info.is_default,
+        holderMobile: info.cardholder_mobile,
+        subBankAddr: info.bank_sub_addr_name,
+        subBankName: info.bank_sub_name,
+        bankAreaCode: info.bank_area_code || ""
+      };
+      this.bankChooseInfo.bankName = info.bank_name;
+      this.bankChooseInfo.bankCode = info.bank_code;
+      this.bankChooseInfo.cardholderCertTypeName = info.cardholder_cert_type_desc;
+      this.bankMsgInfo = bankInfo;
+      this.headerText = "编辑银行卡";
+      this.refresh();
+      this.isEdit = true;
+    },
+    handleAdd: function handleAdd() {
+      this.headerText = "添加银行卡";
+      this.bankChooseInfo.bankName = "";
+      this.bankChooseInfo.bankCode = "";
+      this.bankMsgInfo = null;
+      this.isAdd = true;
+      this.refresh();
+    },
+    chooseBank: function chooseBank(item) {
+      this.headerText = "添加银行卡";
+      this.$refs.bankChooseBox.hide();
+      this.bankChooseInfo.bankName = item.bank_name;
+      this.bankChooseInfo.bankCode = item.bank_code;
+    },
+    handleSelBank: function handleSelBank() {
+      this.headerText = "选择开户行";
+      this.isChooseBank = true;
+      this.$refs.bankChooseBox.show();
+    },
+    handleCamera: function handleCamera() {
+      var _this2 = this;
+      return _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee() {
+        var res, _ref, ret, _ref$data, data2, bankNo, dataBase, url, localId, _t;
+        return _regeneratorRuntime.wrap(function(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              _this2.$refs.addOrEditBox.errMsgInfo["bankCardId"].errmsg = "";
+              _context6.prev = 1;
+              _context6.next = 2;
+              return FileUpload.ocr({
+                url: "/file/bankOcr",
+                appId: _this2.appId
+              });
+            case 2:
+              res = _context6.sent;
+              _ref = res || {}, ret = _ref.ret, _ref$data = _ref.data, data2 = _ref$data === void 0 ? {} : _ref$data;
+              if (!(Number(ret) === 0)) {
+                _context6.next = 3;
+                break;
+              }
+              bankNo = data2.bankNo, dataBase = data2.dataBase, url = data2.url, localId = data2.localId;
+              _this2.bankInfo.dataBase = url || dataBase || localId;
+              _this2.bankInfo.bankNo = bankNo;
+              _this2.$refs.addOrEditBox.bankMsg.bankCardId = bankNo;
+              _this2.isShowBankBox = true;
+              _context6.next = 5;
+              break;
+            case 3:
+              if (!(Number(ret) === 167182641)) {
+                _context6.next = 4;
+                break;
+              }
+              _this2.$refs.bankToast.show("没有识别到银行卡");
+              _context6.next = 5;
+              break;
+            case 4:
+              throw res;
+            case 5:
+              _context6.next = 7;
+              break;
+            case 6:
+              _context6.prev = 6;
+              _t = _context6["catch"](1);
+              _this2.$refs.bankToast.show(getErrmsg(_t));
+            case 7:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee, null, [[1, 6]]);
+      }))();
+    },
+    closeCamera: function closeCamera(value) {
+      if (value) {
+        this.bankInfo.bankNo = value;
+      }
+      this.isShowBankBox = false;
+    },
+    refresh: function refresh() {
+      var _this3 = this;
+      this.$nextTick(function() {
+        _this3.$refs.scroll.refresh();
+      });
+    },
+    delBank: function delBank(item) {
+      this.userBankId = item.userBankId;
+      this.$refs.delDialog.show();
+    },
+    handleDelConfrim: function handleDelConfrim() {
+      var _this4 = this;
+      fetch("/Home/UserBank/unBindUserBank", {
+        userBankId: this.userBankId
+      }).then(function(res) {
+        if (+res.data.ret === 0) {
+          _this4.$refs.bankToast.show("删除成功");
+          _this4.isEdit = false;
+          _this4.isAdd = false;
+          _this4.$emit("resetData", res);
+          _this4.refresh();
+        } else {
+          _this4.$refs.bankToast.show(res.data.errmsg);
+        }
+      });
+    },
+    setDefault: function setDefault(item) {
+      var _this5 = this;
+      fetch("/Home/UserBank/updateUserBankData", {
+        userBankId: item.id,
+        isDefault: 1
+      }).then(function(res) {
+        if (+res.data.ret === 0) {
+          _this5.$refs.bankToast.show("设置成功");
+          _this5.$emit("resetData", res);
+          _this5.refresh();
+        } else {
+          _this5.$refs.bankToast.show(res.data.errmsg);
+        }
+      });
+    },
+    handleSelect: function handleSelect(item, index) {
+      if (this.selIndex !== index) {
+        this.selIndex = index;
+      } else {
+        this.selIndex = -1;
+      }
+    },
+    confirmSelBank: function confirmSelBank() {
+      var item = this.supportList[this.selIndex];
+      if (!item) {
+        this.$refs.bankToast.show("请选择银行卡");
+        return;
+      }
+      this.$emit("confirm", item);
+      this.hide();
+    },
+    handleConfirmAddOrEdit: function handleConfirmAddOrEdit() {
+      var _context7, _this6 = this;
+      var addOrEditBox = this.$refs.addOrEditBox;
+      var validate = true;
+      _mapInstanceProperty(_context7 = _Object$keys(addOrEditBox.errMsgInfo)).call(_context7, function(key) {
+        if (addOrEditBox.errMsgInfo[key].errmsg !== "") {
+          validate = false;
+        }
+      });
+      if (!validate) {
+        this.$refs.bankToast.show("请填写正确信息");
+      } else if (addOrEditBox.bankMsg.cardholderCertType === "") {
+        this.$refs.bankToast.show("请选择证件类型");
+      } else if (addOrEditBox.bankMsg.cardholder === "") {
+        this.$refs.bankToast.show("请填写持卡人");
+      } else if (addOrEditBox.bankMsg.cardholderCert === "") {
+        this.$refs.bankToast.show("请填写证件号码");
+      } else if (addOrEditBox.bankMsg.bankCardId === "") {
+        this.$refs.bankToast.show("请填写银行卡号");
+      } else if (addOrEditBox.bankName === "") {
+        this.$refs.bankToast.show("请选择开户银行");
+      } else {
+        var _context8;
+        var params = {};
+        _mapInstanceProperty(_context8 = _Object$keys(addOrEditBox.bankMsg)).call(_context8, function(key) {
+          if (key === "isDefault") {
+            params[key] = +addOrEditBox.bankMsg[key];
+          } else {
+            params[key] = addOrEditBox.bankMsg[key];
+          }
+        });
+        if (params.cardholderCert) {
+          params.cardholderCert = params.cardholderCert.toUpperCase();
+        }
+        if (this.isAdd) {
+          delete params.userBankId;
+        }
+        if (this.entryData.productId) {
+          params.productId = this.entryData.productId;
+        }
+        this.showLoading();
+        fetch(this.isAdd ? "/Home/UserBank/addUserBank" : "/Home/UserBank/updateUserBankData", params).then(function(res) {
+          _this6.hideLoading();
+          if (+res.data.ret === 0) {
+            _this6.$refs.bankToast.show(_this6.isAdd ? "添加成功" : "编辑成功");
+            setTimeout(function() {
+              _this6.isAdd = false;
+              _this6.isEdit = false;
+              _this6.isChooseBank = false;
+              _this6.$emit("resetData");
+              _this6.refresh();
+            }, 400);
+          } else if (+res.data.ret === 9999) {
+            var dialog = _this6.$createGoldDialog({
+              buttonType: "sticky",
+              zIndex: 202,
+              dialogType: 2,
+              showCancelButton: true,
+              showConfirmButton: true,
+              confirmButtonText: "我知道了",
+              cancelButtonText: "咨询客服",
+              confirmButtonColor: _this6.brandColor,
+              title: "银行卡信息有误",
+              content: res.data.errmsg,
+              onCancel: function onCancel() {
+                window.XYSConsultV3 && window.XYSConsultV3.genConsultUrl({
+                  scene: "ocr",
+                  businessParam: {
+                    productTitle: "",
+                    errorWriting: res.data.errmsg,
+                    tpl: "ocrfailed"
+                  }
+                }).then(function(url) {
+                  location.href = url;
+                });
+              }
+            });
+            dialog.show();
+          } else {
+            _this6.$refs.bankToast.show(res.data.errmsg);
+          }
+        }).catch(function(err) {
+          _this6.hideLoading();
+        });
+      }
+    },
+    modifyBankNo: function modifyBankNo(value) {
+      if (!this.bankInfo) {
+        this.bankInfo = {};
+      }
+      this.bankInfo.bankNo = value;
+    },
+    getPayRuleDesc: function getPayRuleDesc(payRuleDetail) {
+      var realRuleOnce = payRuleDetail.realRule && payRuleDetail.realRule.once && Number(payRuleDetail.realRule.once / 1e4);
+      var realRuleDay = payRuleDetail.realRule && payRuleDetail.realRule.day && Number(payRuleDetail.realRule.day / 1e4);
+      var batchRuleOnce = payRuleDetail.batchRule && payRuleDetail.batchRule.once && Number(payRuleDetail.batchRule.once / 1e4);
+      var batchRuleDay = payRuleDetail.batchRule && payRuleDetail.batchRule.day && Number(payRuleDetail.batchRule.day / 1e4);
+      var realRuleOnceDesc = realRuleOnce ? "".concat(realRuleOnce, "w") : "无";
+      var realRuleDayDesc = realRuleDay ? "".concat(realRuleDay, "w") : "无";
+      var batchRuleOnceDesc = batchRuleOnce ? "".concat(batchRuleOnce, "w") : "无";
+      var batchRuleDayDesc = batchRuleDay ? "".concat(batchRuleDay, "w") : "无";
+      if (~~payRuleDetail.canReal === 1 && ~~payRuleDetail.canBatch === 1) {
+        var _context9, _context0;
+        return [_concatInstanceProperty(_context9 = "实时 单笔/单日 ".concat(realRuleOnceDesc, "/")).call(_context9, realRuleDayDesc), _concatInstanceProperty(_context0 = "非实时 单笔/单日 ".concat(batchRuleOnceDesc, "/")).call(_context0, batchRuleDayDesc)];
+      } else if (~~payRuleDetail.canReal === 1) {
+        var _context1;
+        return [_concatInstanceProperty(_context1 = "单笔/单日 ".concat(realRuleOnceDesc, "/")).call(_context1, realRuleDayDesc)];
+      } else if (~~payRuleDetail.canBatch === 1) {
+        var _context10;
+        return [_concatInstanceProperty(_context10 = "卡限额: 非实时 单笔/单日 ".concat(batchRuleOnceDesc, "/")).call(_context10, batchRuleDayDesc)];
+      }
+    },
+    showLoading: function showLoading() {
+      this.loadingWrap = true;
+      this.$refs.loading.show();
+    },
+    hideLoading: function hideLoading() {
+      this.loadingWrap = false;
+      this.$refs.loading.hide();
+    }
+  },
+  components: {
+    ActPopup,
+    scroll: Scroll,
+    // editBox,
+    bankMsg,
+    bankBox,
+    Toast,
+    Loading,
+    // IndexList,
+    bankChooseBox,
+    ActGoldDialog: GoldDialog
+  },
+  watch: {
+    isVisible: {
+      handler: function handler(value) {
+        var _this7 = this;
+        if (value) {
+          this.preOverflowValue = document && document.body && document.body.style && document.body.style.overflow;
+          this.init();
+          if (this.selectedBankCardId) {
+            var _context11;
+            this.selIndex = _findIndexInstanceProperty(_context11 = this.supportList).call(_context11, function(item) {
+              return +item.bank_card_id === +_this7.selectedBankCardId;
+            });
+          }
+          if (!this.bankContentHeight && value) {
+            this.$nextTick(function() {
+              _this7.bankContentHeight = outerHeight(_this7.$refs.bankSelectContent);
+            });
+          }
+          document.body.style.overflow = "hidden";
+        } else {
+          document.body.style.overflow = this.preOverflowValue || "";
+        }
+      },
+      immediate: true
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "act-bankSelect"
+  }, [_c("transition", {
+    attrs: {
+      "name": "act-bankSelect-fade"
+    }
+  }, [_c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "mask": true,
+      "center": false,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.preventDefault();
+      },
+      "mask-click": _vm.cancel
+    }
+  }, [_c("transition", {
+    attrs: {
+      "name": "act-wrapper-move"
+    }
+  }, [_vm.isVisible ? _c("div", {
+    ref: "bankSelectContent",
+    staticClass: "act-bankSelct-wrapper",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "act-bank-select-hd"
+  }, [_c("i", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isEdit || _vm.isAdd || _vm.isChooseBank,
+      expression: "isEdit || isAdd || isChooseBank"
+    }],
+    staticClass: "icon-back",
+    on: {
+      "click": _vm.back
+    }
+  }), _vm._v(" " + _vm._s(_vm.headerText) + " "), _c("i", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.isEdit && !_vm.isAdd && !_vm.isChooseBank,
+      expression: "!isEdit && !isAdd && !isChooseBank"
+    }],
+    staticClass: "icon-close",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.cancel.apply(null, arguments);
+      }
+    }
+  })]), _c("div", {
+    staticClass: "act-bank-content",
+    style: "background: #F7F8FC"
+  }, [_c("div", {
+    staticClass: "act-bank-linerbg"
+  }), _c("div", {
+    staticStyle: {
+      "height": "384px",
+      "margin-top": "-14px",
+      "z-index": "3"
+    }
+  }, [_c("scroll", {
+    ref: "scroll"
+  }, [!_vm.isEdit && !_vm.isAdd ? _c("div", {
+    staticClass: "init-box"
+  }, [_c("div", {
+    staticClass: "support-content"
+  }, [_vm.supportList.length ? _c("div", {
+    staticClass: "title",
+    style: {
+      "background": _vm.titleGradualColor
+    }
+  }, [_c("span", [_vm._v("请选择银行卡")])]) : _vm._e(), _vm._l(_vm.supportList, function(item, index) {
+    var _context12;
+    return _c("div", {
+      key: index + "sel",
+      staticClass: "selItem",
+      on: {
+        "click": function click($event) {
+          $event.stopPropagation();
+          return _vm.handleSelect(item, index);
+        }
+      }
+    }, [_c("div", {
+      staticClass: "bankMsgBox"
+    }, [_c("div", {
+      staticClass: "selIcon",
+      style: "background-color: ".concat(index === _vm.selIndex ? _vm.brandColor : "#DBDAE5")
+    }), _c("div", {
+      staticClass: "iconbox"
+    }, [_c("img", {
+      staticClass: "icon",
+      attrs: {
+        "src": item.logo,
+        "alt": ""
+      }
+    })]), _c("div", {
+      staticClass: "bankMsg"
+    }, [_c("div", {
+      staticClass: "title"
+    }, [_vm._v(" " + _vm._s(item.bank_name) + " (" + _vm._s(String(item.bank_card_id).substr(-4)) + ") "), _c("span", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: +item.is_default === 1,
+        expression: "+item.is_default === 1"
+      }],
+      staticClass: "cmd",
+      style: _concatInstanceProperty(_context12 = "color: ".concat(_vm.brandColor, "; background: ")).call(_context12, _vm.genRgba(_vm.brandColor))
+    }, [_vm._v(" 默认 ")])]), _c("div", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: item.cardholder,
+        expression: "item.cardholder"
+      }],
+      staticClass: "ckr"
+    }, [_vm._v(" 持卡人：" + _vm._s(item.cardholder) + " ")]), item.payRuleDetail ? _c("div", {
+      staticClass: "limit-info"
+    }, _vm._l(_vm.getPayRuleDesc(item.payRuleDetail), function(payRuleItem, payRuleIndex) {
+      return _c("p", {
+        key: payRuleIndex,
+        staticClass: "limit-info-item"
+      }, [_vm._v(" " + _vm._s(payRuleItem) + " ")]);
+    }), 0) : _vm._e()])]), _c("div", {
+      staticClass: "edit-bnt-box",
+      on: {
+        "click": function click($event) {
+          $event.stopPropagation();
+          return _vm.handleEdit(item);
+        }
+      }
+    }, [_c("img", {
+      staticClass: "editIcon",
+      attrs: {
+        "src": __$_require_9cb8bdaa__,
+        "alt": ""
+      }
+    })])]);
+  })], 2), _c("div", {
+    staticClass: "unsupport-content"
+  }, [_vm.unSupportList.length ? _c("div", {
+    staticClass: "title",
+    style: {
+      "background": _vm.titleGradualColor
+    }
+  }, [_c("span", [_vm._v("以下银行卡不支持")])]) : _vm._e(), _vm._l(_vm.unSupportList, function(ite, idx) {
+    var _context13;
+    return _c("div", {
+      key: idx,
+      staticClass: "disabledItem"
+    }, [_c("div", {
+      staticClass: "bankMsgBox"
+    }, [_c("div", {
+      staticClass: "noselIcon"
+    }), _c("div", {
+      staticClass: "iconbox"
+    }, [_c("img", {
+      staticClass: "icon",
+      attrs: {
+        "src": ite.logo,
+        "alt": ""
+      }
+    })]), _c("div", {
+      staticClass: "bankMsg"
+    }, [_c("p", {
+      staticClass: "title"
+    }, [_vm._v(" " + _vm._s(ite.bank_name) + " (" + _vm._s(String(ite.bank_card_id).substr(-4)) + ") "), _c("span", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: +ite.is_default === 1,
+        expression: "+ite.is_default === 1"
+      }],
+      staticClass: "cmd",
+      style: _concatInstanceProperty(_context13 = "color: ".concat(_vm.brandColor, "; background: ")).call(_context13, _vm.genRgba(_vm.brandColor))
+    }, [_vm._v(" 默认 ")])]), ite.cardholder ? _c("p", {
+      staticClass: "ckr"
+    }, [_vm._v(" 持卡人：" + _vm._s(ite.cardholder) + " ")]) : _vm._e(), ite.payRuleDetail ? _c("div", {
+      staticClass: "limit-info"
+    }, _vm._l(_vm.getPayRuleDesc(ite.payRuleDetail), function(payRuleItem, payRuleIndex) {
+      return _c("p", {
+        key: payRuleIndex,
+        staticClass: "limit-info-item"
+      }, [_vm._v(" " + _vm._s(payRuleItem) + " ")]);
+    }), 0) : _vm._e()]), _c("div", {
+      staticClass: "edit-bnt-box",
+      on: {
+        "click": function click($event) {
+          return _vm.handleEdit(ite);
+        }
+      }
+    }, [_c("img", {
+      staticClass: "editIcon",
+      attrs: {
+        "src": __$_require_9cb8bdaa__,
+        "alt": ""
+      }
+    })])]), ite.errTips ? _c("p", {
+      staticClass: "cmt"
+    }, [_vm._v(" " + _vm._s(ite.errTips) + " ")]) : _vm._e()]);
+  })], 2)]) : _vm._e()])], 1), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.isEdit && !_vm.isAdd && !_vm.isChooseBank,
+      expression: "!isEdit && !isAdd && !isChooseBank"
+    }],
+    staticClass: "footerBtn"
+  }, [_c("div", {
+    staticClass: "addBtn",
+    on: {
+      "click": _vm.handleAdd
+    }
+  }, [_vm._v(" + 添加 ")]), _c("div", {
+    staticClass: "confirmBtn",
+    style: "background: ".concat(_vm.brandColor),
+    on: {
+      "click": _vm.confirmSelBank
+    }
+  }, [_vm._v(" 确认 ")])])]), _c("bank-choose-box", {
+    ref: "bankChooseBox",
+    attrs: {
+      "brandColor": _vm.brandColor,
+      "bankList": _vm.bankList,
+      "exParams": _vm.exParams
+    },
+    on: {
+      "chooseBank": _vm.chooseBank
+    }
+  }), _vm.isAdd || _vm.isEdit ? _c("bank-msg", {
+    ref: "addOrEditBox",
+    attrs: {
+      "isEdit": _vm.isEdit,
+      "brandColor": _vm.brandColor,
+      "isShowBankBox": _vm.isShowBankBox,
+      "bankInfo": _vm.bankInfo,
+      "exParams": _vm.exParams,
+      "bankChooseInfo": _vm.bankChooseInfo,
+      "bankMsgInfo": _vm.bankMsgInfo,
+      "titleGradualColor": _vm.titleGradualColor,
+      "bankAddressList": _vm.bankAddressList
+    },
+    on: {
+      "delBank": _vm.delBank,
+      "handleSelBank": _vm.handleSelBank,
+      "handleCamera": _vm.handleCamera,
+      "confirmAddOrEdit": _vm.handleConfirmAddOrEdit
+    }
+  }) : _vm._e(), _vm.isShowBankBox ? _c("bankBox", {
+    attrs: {
+      "brandColor": _vm.brandColor,
+      "isShowBankBox": _vm.isShowBankBox,
+      "bankInfo": _vm.bankInfo
+    },
+    on: {
+      "handleCamera": _vm.handleCamera,
+      "closeCamera": _vm.closeCamera,
+      "modifyBankNo": _vm.modifyBankNo
+    }
+  }) : _vm._e()], 1) : _vm._e()])], 1)], 1), _c("Toast", {
+    ref: "bankToast"
+  }), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.loadingWrap,
+      expression: "loadingWrap"
+    }],
+    staticClass: "loading-box",
+    style: "z-index: ".concat(_vm.zIndex + 1)
+  }, [_c("Loading", {
+    ref: "loading",
+    staticClass: "loading",
+    attrs: {
+      "type": "cir3",
+      "color": "#ffffff"
+    }
+  }), _c("div", {
+    staticClass: "text"
+  }, [_vm._v(" 添加中 ")])], 1), _c("act-gold-dialog", {
+    ref: "delDialog",
+    attrs: {
+      "maskClosable": true,
+      "title": "提示",
+      "buttonType": "sticky",
+      "showCancelButton": "",
+      "showConfirmButton": "",
+      "confirmButtonColor": _vm.brandColor || "#8c7fee",
+      "confirmButtonText": "确认删除"
+    },
+    on: {
+      "confirm": _vm.handleDelConfrim
+    }
+  }, [_c("div", {
+    staticStyle: {
+      "text-align": "center"
+    }
+  }, [_vm._v(" 是否删除该银行卡？ ")])])], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "764344b7");
+var BankSelect = __component__.exports;
+BankSelect.install = function(Vue) {
+  Vue.component(BankSelect.name, BankSelect);
+  Vue.prototype["$createBankSelect"] = create(BankSelect, Vue);
+};
+export {
+  BankSelect as B
+};