@xysfe/actui2 0.0.1

package/lib/GoldPayLimitLayer/index.mjs

@@ -0,0 +1,518 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find-index";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import { c as create } from "../utils/create/index.mjs";
+import { A as ActGoldLayer } from "../common/goldlayer/index.mjs";
+import { p as payTable } from "./table/index.mjs";
+import { s as signIntroduct } from "./signIntroduct/index.mjs";
+import BScroll from "better-scroll";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import { m as deepCopy, l as isArray } from "../utils/helpers/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var paySceneMap = {
+  1: "首期限额说明",
+  2: "续期限额说明",
+  3: "首期+续期限额说明"
+};
+var payTypeMap = {
+  1: "微信",
+  2: "支付宝",
+  3: "银联"
+};
+var _sfc_main = {
+  name: "ActGoldPayLimitLayer",
+  mixins: [visibleMixin],
+  components: {
+    ActGoldLayer,
+    payTable,
+    signIntroduct
+  },
+  props: {
+    title: {
+      type: String,
+      default: "支付限额说明"
+    },
+    brandColor: {
+      type: String,
+      default: "#8C7FEE"
+    },
+    btnColor: {
+      type: String,
+      default: "#8C7FEE"
+    },
+    payLimitData: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    defaultPayScene: {
+      type: Number,
+      default: 1
+    },
+    defaultPayType: {
+      type: Number,
+      default: 1
+    }
+  },
+  data: function data() {
+    return {
+      paySceneMap,
+      payTypeMap,
+      activePaySceneIndex: 0,
+      activePayTypeIndex: 0,
+      curPayRule: [],
+      renderData: [],
+      renderSignDesc: [],
+      titleData: "",
+      state: 1,
+      // scroller: null,
+      paySceneLineShow: false
+    };
+  },
+  computed: {
+    isCps: function isCps() {
+      if (this.brandColor !== "#8C7FEE") {
+        return true;
+      }
+      return false;
+    },
+    renderRuleDetail: function renderRuleDetail() {
+      var ruleDetailData = [];
+      var ruleDetailConfig = {};
+      for (var i = 0; i < this.renderData.length; i++) {
+        if (this.renderData[i].active) {
+          var payRule = this.renderData[i].payRule || [];
+          for (var j = 0; j < payRule.length; j++) {
+            if (payRule[j].active) {
+              var ruleDetail = payRule[j].ruleDetail || [];
+              var res = this.transRuleDetail(ruleDetail);
+              ruleDetailData = res.ruleDetailData;
+              ruleDetailConfig = res.ruleDetailConfig;
+              break;
+            }
+          }
+        } else {
+          continue;
+        }
+      }
+      return {
+        ruleDetailData,
+        ruleDetailConfig
+      };
+    },
+    selectPayTypeIndex: function selectPayTypeIndex() {
+      for (var i = 0; i < this.curPayRule.length; i++) {
+        if (this.curPayRule[i].active) {
+          return i;
+        }
+      }
+      return 0;
+    },
+    payTypeWrapClass: function payTypeWrapClass() {
+      var _context;
+      return _concatInstanceProperty(_context = "select-back-".concat(this.curPayRule.length, "-")).call(_context, this.selectPayTypeIndex);
+    },
+    renderPayIntroduct: function renderPayIntroduct() {
+      var renderPayIntroduct2 = [];
+      for (var i = 0; i < this.renderData.length; i++) {
+        if (this.renderData[i].active) {
+          var payRule = this.renderData[i].payRule || [];
+          for (var j = 0; j < payRule.length; j++) {
+            if (payRule[j].active && payRule[j].payDesc && isArray(payRule[j].payDesc)) {
+              renderPayIntroduct2 = payRule[j].payDesc;
+            }
+          }
+        }
+      }
+      return renderPayIntroduct2;
+    },
+    payTypeShow: function payTypeShow() {
+      return this.curPayRule.length > 1;
+    }
+  },
+  methods: {
+    close: function close() {
+      this.hide();
+      this.$emit("close");
+    },
+    reset: function reset() {
+      this.titleData = "";
+      this.state = 1;
+    },
+    toSignIntroduct: function toSignIntroduct() {
+      this.titleData = "名词说明";
+      this.state = 2;
+    },
+    toPayLimitShow: function toPayLimitShow() {
+      this.titleData = "";
+      this.state = 1;
+    },
+    paySceneSelect: function paySceneSelect(renderData, index) {
+      for (var i = 0; i < renderData.length; i++) {
+        if (index === i && !renderData[i].active) {
+          this.curPayRule = renderData[i].payRule || [];
+          this.refreshScroller();
+          this.scrollToActiveTab();
+        }
+        renderData[i].active = index === i;
+      }
+    },
+    transRuleDetail: function transRuleDetail(ruleDetail) {
+      var _this = this;
+      if (!(ruleDetail && isArray(ruleDetail))) return;
+      var transData = {};
+      var ruleDetailData = [];
+      var realLimitShow = false;
+      var batchLimitShow = false;
+      var signTypeShow = false;
+      var realAndBatchRuleShow = false;
+      _forEachInstanceProperty(ruleDetail).call(ruleDetail, function(item) {
+        var renderRow = {
+          payItemName: item.payItemName
+        };
+        renderRow.payItemType = item.payItemType || "";
+        if (~~item.canReal === 1) {
+          var _context2, _context3;
+          realLimitShow = true;
+          var oneText = Number(item.realRule.once) ? "".concat(Number(item.realRule.once) / 1e4, "万") : "无";
+          var dayText = Number(item.realRule.day) ? "".concat(Number(item.realRule.day) / 1e4, "万") : "无";
+          var monthText = Number(item.realRule.month) ? "".concat(Number(item.realRule.month) / 1e4, "万") : "无";
+          renderRow.payItemRealRule = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(oneText, "/")).call(_context3, dayText, "/")).call(_context2, monthText);
+        } else {
+          renderRow.payItemRealRule = "--";
+        }
+        if (~~item.canBatch === 1) {
+          var _context4, _context5;
+          batchLimitShow = true;
+          var _oneText = Number(item.batchRule.once) ? "".concat(Number(item.batchRule.once) / 1e4, "万") : "无";
+          var _dayText = Number(item.batchRule.day) ? "".concat(Number(item.batchRule.day) / 1e4, "万") : "无";
+          var _monthText = Number(item.batchRule.month) ? "".concat(Number(item.batchRule.month) / 1e4, "万") : "无";
+          renderRow.payItemBatchRule = _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(_oneText, "/")).call(_context5, _dayText, "/")).call(_context4, _monthText);
+        } else {
+          renderRow.payItemBatchRule = "--";
+        }
+        if (~~item.canReal && ~~item.canBatch && item.rbDesc) {
+          realAndBatchRuleShow = true;
+        }
+        if (item.rbDesc) {
+          var _context6, _context7;
+          renderRow.rbDesc = {
+            showDesc: item.rbDesc.length > 6 ? _concatInstanceProperty(_context6 = "".concat(_sliceInstanceProperty(_context7 = item.rbDesc).call(_context7, 0, 6), '...<span style="color:')).call(_context6, _this.brandColor, ';">></span>') : item.rbDesc,
+            fullDesc: item.rbDesc,
+            needShowFullDesc: item.rbDesc.length > 6
+          };
+        } else {
+          renderRow.rbDesc = {
+            showDesc: "--",
+            needShowFullDesc: false
+          };
+        }
+        if (~~item.needSign === 1 && item.signType !== "流程内签约") {
+          signTypeShow = true;
+        }
+        if (~~item.needSign === 1) {
+          renderRow.signType = item.signType;
+        } else {
+          renderRow.signType = "无";
+        }
+        if (transData[item.payItemCode]) {
+          transData[item.payItemCode].push(renderRow);
+        } else {
+          transData[item.payItemCode] = [renderRow];
+        }
+      });
+      for (var key in transData) {
+        if (transData[key]) {
+          ruleDetailData.push(transData[key]);
+        }
+      }
+      return {
+        ruleDetailData,
+        ruleDetailConfig: {
+          realLimitShow,
+          batchLimitShow,
+          signTypeShow,
+          realAndBatchRuleShow
+        }
+      };
+    },
+    payTypeSelect: function payTypeSelect(curPayRule, index) {
+      for (var i = 0; i < curPayRule.length; i++) {
+        if (index === i && !curPayRule[i].active) {
+          this.refreshScroller();
+        }
+        curPayRule[i].active = index === i;
+      }
+    },
+    initRenderData: function initRenderData() {
+      var _this2 = this;
+      var data2 = deepCopy(this.payLimitData);
+      var renderSignDesc = [];
+      var matchPayScene = _findIndexInstanceProperty(data2).call(data2, function(payData) {
+        return payData.payScene === _this2.defaultPayScene;
+      });
+      matchPayScene = matchPayScene < 0 ? 0 : matchPayScene;
+      for (var i = 0; i < data2.length; i++) {
+        this.$set(data2[i], "active", i === matchPayScene);
+        var payRule = data2[i].payRule;
+        if (i === matchPayScene) {
+          this.curPayRule = payRule;
+        }
+        var matchPayType = _findIndexInstanceProperty(payRule).call(payRule, function(payData) {
+          return payData.payType === _this2.defaultPayType;
+        });
+        matchPayType = matchPayType < 0 ? 0 : matchPayType;
+        var _loop = function _loop2() {
+          _this2.$set(payRule[j], "active", i === matchPayScene ? j === matchPayType : j === 0);
+          var ruleDetail = payRule[j].ruleDetail || [];
+          var _loop22 = function _loop23(k2) {
+            if (~~ruleDetail[k2].needSign !== 1) return 1;
+            var index = _findIndexInstanceProperty(renderSignDesc).call(renderSignDesc, function(item) {
+              return item.signType === ruleDetail[k2].signType && item.signDesc === ruleDetail[k2].signDesc;
+            });
+            if (index < 0) {
+              renderSignDesc.push({
+                signType: ruleDetail[k2].signType,
+                signDesc: ruleDetail[k2].signDesc
+              });
+            }
+          };
+          for (var k = 0; k < ruleDetail.length; k++) {
+            if (_loop22(k)) continue;
+          }
+        };
+        for (var j = 0; j < payRule.length; j++) {
+          _loop();
+        }
+      }
+      this.renderSignDesc = renderSignDesc;
+      this.renderData = data2;
+    },
+    refreshScroller: function refreshScroller() {
+      var _this3 = this;
+      if (this.scroller) {
+        this.$nextTick(function() {
+          _this3.scroller.refresh();
+          _this3.paySceneLineShow = false;
+        });
+      }
+    },
+    scrollToActiveTab: function scrollToActiveTab() {
+      var _this4 = this;
+      this.$nextTick(function() {
+        var activeBars = _this4.$refs.activeBar;
+        var slideBar = _this4.$refs.slideBar;
+        if (!activeBars || !activeBars.length || !slideBar) return;
+        var activeBar;
+        for (var i = 0; i < activeBars.length; i++) {
+          var _context8;
+          if (_includesInstanceProperty(_context8 = activeBars[i].className).call(_context8, "isActive")) {
+            activeBar = activeBars[i];
+            break;
+          }
+        }
+        if (!activeBar) return;
+        var offsetLeft = activeBar.offsetLeft;
+        slideBar.style.transform = "translateX(".concat(offsetLeft, "px)");
+      });
+    },
+    throttle: function throttle(fn, delay, atleast) {
+      var timer;
+      var previous;
+      return function() {
+        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+          args[_key] = arguments[_key];
+        }
+        var now = +/* @__PURE__ */ new Date();
+        if (!previous) previous = now;
+        if (now - previous > atleast) {
+          fn.apply(void 0, args);
+          previous = now;
+        } else {
+          clearTimeout(timer);
+          timer = setTimeout(function() {
+            fn.apply(void 0, args);
+          }, delay);
+        }
+      };
+    },
+    handelScroll: function handelScroll(pos) {
+      if (Math.abs(pos.y) >= 18) {
+        this.paySceneLineShow = true;
+      } else {
+        this.paySceneLineShow = false;
+      }
+    }
+  },
+  created: function created() {
+    this.initRenderData();
+  },
+  watch: {
+    isVisible: function isVisible(value) {
+      var _this5 = this;
+      if (value) {
+        this.scrollToActiveTab();
+        this.$nextTick(function() {
+          var limitIntroduct = _this5.$refs.limitIntroduct;
+          if (limitIntroduct) {
+            if (!_this5.scroller) {
+              _this5.scroller = new BScroll(limitIntroduct, {
+                bounce: false,
+                click: true,
+                probeType: 3
+              });
+              var scrollFunc = _this5.throttle(_this5.handelScroll, 50, 100);
+              _this5.scroller.on("scroll", scrollFunc);
+            } else {
+              _this5.scroller.refresh();
+              _this5.paySceneLineShow = false;
+            }
+          }
+        });
+      } else {
+        this.reset();
+      }
+    },
+    defaultPayScene: function defaultPayScene() {
+      this.initRenderData();
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-gold-layer", {
+    attrs: {
+      "visible": _vm.isVisible,
+      "center": false,
+      "title": _vm.titleData || _vm.title
+    },
+    on: {
+      "close": _vm.close
+    }
+  }, [_c("div", {
+    staticClass: "return",
+    attrs: {
+      "slot": "headerLeft"
+    },
+    on: {
+      "click": _vm.toPayLimitShow
+    },
+    slot: "headerLeft"
+  }, [_vm.state === 2 ? _c("i", {
+    staticClass: "return-icon"
+  }) : _vm._e()]), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.state === 1,
+      expression: "state === 1"
+    }],
+    staticClass: "limit-layer-body"
+  }, [_vm.renderData.length > 1 ? _c("div", {
+    staticClass: "pay-scene"
+  }, [_c("div", {
+    ref: "slideBar",
+    staticClass: "pay-scene-slide-bar",
+    style: {
+      "background-color": _vm.brandColor
+    }
+  }), _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.paySceneLineShow,
+      expression: "paySceneLineShow"
+    }],
+    staticClass: "pay-scene-line"
+  }), _vm._l(_vm.renderData, function(item, index) {
+    return _c("div", {
+      key: index,
+      class: ["pay-scene-tab", {
+        "active": item.active
+      }],
+      on: {
+        "click": function click($event) {
+          return _vm.paySceneSelect(_vm.renderData, index);
+        }
+      }
+    }, [_c("span", [_vm._v(" " + _vm._s(_vm.paySceneMap[item.payScene]) + " ")]), _c("div", {
+      ref: "activeBar",
+      refInFor: true,
+      class: ["active-block", {
+        "isActive": item.active
+      }]
+    })]);
+  })], 2) : _vm._e(), _c("div", {
+    staticClass: "gradual-color"
+  }), _c("div", {
+    ref: "limitIntroduct",
+    staticClass: "introduct-wrap"
+  }, [_c("div", {
+    staticClass: "introduct-body"
+  }, [_c("div", {
+    staticClass: "introduct"
+  }, [_vm.payTypeShow ? _c("div", {
+    class: ["pay-type-wrap", _vm.payTypeWrapClass]
+  }, [_c("div", {
+    staticClass: "pay-type"
+  }, _vm._l(_vm.curPayRule, function(item, index) {
+    return _c("div", {
+      key: index,
+      class: ["pay-type-tab", {
+        "active": item.active
+      }],
+      style: {
+        "color": item.active ? _vm.brandColor : ""
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.payTypeSelect(_vm.curPayRule, index);
+        }
+      }
+    }, [_vm._v(" " + _vm._s(item.payTypeDesc || _vm.payTypeMap[item.payType]) + " ")]);
+  }), 0)]) : _vm._e(), _c("div", {
+    staticClass: "pay-introduct",
+    style: {
+      "padding-top": !_vm.payTypeShow ? "16px" : ""
+    }
+  }, [_c("p", {
+    staticClass: "title"
+  }, [_vm._v(" 支付说明： ")]), _c("div", {
+    staticClass: "pay-introduct-content"
+  }, [_vm._v(" *实际以支付页面展示的支付方式为准 ")]), _vm.renderPayIntroduct && _vm.renderPayIntroduct.length ? _vm._l(_vm.renderPayIntroduct, function(item, index) {
+    return _c("div", {
+      key: index,
+      staticClass: "pay-introduct-content"
+    }, [_c("span", [_vm._v(_vm._s(index + 1) + "、")]), _c("p", [_vm._v(_vm._s(item))])]);
+  }) : _vm._e()], 2), _c("div", {
+    staticClass: "pay-table-content"
+  }, [_vm.isVisible ? _c("pay-table", {
+    attrs: {
+      "ruleDetailData": _vm.renderRuleDetail.ruleDetailData,
+      "ruleDetailConfig": _vm.renderRuleDetail.ruleDetailConfig,
+      "brandColor": _vm.brandColor
+    },
+    on: {
+      "toSignIntroduct": _vm.toSignIntroduct
+    }
+  }) : _vm._e()], 1)])])])]), _c("sign-introduct", {
+    attrs: {
+      "visible": _vm.state === 2,
+      "renderSignDesc": _vm.renderSignDesc,
+      "isCps": _vm.isCps
+    }
+  })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "882a85fc");
+var GoldPayLimitLayer = __component__.exports;
+GoldPayLimitLayer.install = function(Vue) {
+  Vue.component(GoldPayLimitLayer.name, GoldPayLimitLayer);
+  Vue.prototype["$createGoldPayLimitLayer"] = create(GoldPayLimitLayer, Vue);
+};
+export {
+  GoldPayLimitLayer as G
+};

package/lib/GoldPayLimitLayer/signIntroduct/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var BScroll=require("better-scroll");var common=require("../../common/index.js");var _sfc_main={name:"PayLimitSignIntroduct",data:function data(){return{}},props:{renderSignDesc:{type:Array,default:function _default(){return[]}},visible:{type:Boolean,default:false},isCps:{type:Boolean,default:false}},methods:{initScroll:function initScroll(){var _this=this;this.$nextTick(function(){var signWrapper=_this.$refs.signWrapper;if(signWrapper){if(!_this.scroller){_this.scroller=new BScroll(signWrapper,{bounce:false})}else{_this.scroller.refresh()}}})}},watch:{visible:function visible(value){if(value){this.initScroll()}}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.visible,expression:"visible"}],staticClass:"sign-introduct"},[_c("div",{staticClass:"gradual-color"}),_c("div",{ref:"signWrapper",staticClass:"sign-introduct-body"},[_c("div",{staticClass:"sign-introduct-content"},[_c("div",{staticClass:"sign-introduct-items"},[_vm._l(_vm.renderSignDesc,function(item,index){return[_c("div",{key:"sing-introduct-item".concat(index),staticClass:"sign-introduct-item"},[_c("div",{staticClass:"head-title"},[_c("p",[_vm._v(_vm._s(item.signType))]),_c("div",{staticClass:"head-bg",class:{"cps":_vm.isCps}})]),_c("div",{staticClass:"bottom-line"}),_c("p",{staticClass:"content"},[_vm._v(" "+_vm._s(item.signDesc)+" ")])])]})],2)])])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"0c7b2c0b");var signIntroduct=__component__.exports;exports.signIntroduct=signIntroduct;

package/lib/GoldPayLimitLayer/signIntroduct/index.mjs

@@ -0,0 +1,93 @@
+import BScroll from "better-scroll";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "PayLimitSignIntroduct",
+  data: function data() {
+    return {
+      // scroller: null
+    };
+  },
+  props: {
+    renderSignDesc: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    isCps: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    initScroll: function initScroll() {
+      var _this = this;
+      this.$nextTick(function() {
+        var signWrapper = _this.$refs.signWrapper;
+        if (signWrapper) {
+          if (!_this.scroller) {
+            _this.scroller = new BScroll(signWrapper, {
+              bounce: false
+            });
+          } else {
+            _this.scroller.refresh();
+          }
+        }
+      });
+    }
+  },
+  watch: {
+    visible: function visible(value) {
+      if (value) {
+        this.initScroll();
+      }
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visible,
+      expression: "visible"
+    }],
+    staticClass: "sign-introduct"
+  }, [_c("div", {
+    staticClass: "gradual-color"
+  }), _c("div", {
+    ref: "signWrapper",
+    staticClass: "sign-introduct-body"
+  }, [_c("div", {
+    staticClass: "sign-introduct-content"
+  }, [_c("div", {
+    staticClass: "sign-introduct-items"
+  }, [_vm._l(_vm.renderSignDesc, function(item, index) {
+    return [_c("div", {
+      key: "sing-introduct-item".concat(index),
+      staticClass: "sign-introduct-item"
+    }, [_c("div", {
+      staticClass: "head-title"
+    }, [_c("p", [_vm._v(_vm._s(item.signType))]), _c("div", {
+      staticClass: "head-bg",
+      class: {
+        "cps": _vm.isCps
+      }
+    })]), _c("div", {
+      staticClass: "bottom-line"
+    }), _c("p", {
+      staticClass: "content"
+    }, [_vm._v(" " + _vm._s(item.signDesc) + " ")])])];
+  })], 2)])])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "0c7b2c0b");
+var signIntroduct = __component__.exports;
+export {
+  signIntroduct as s
+};

package/lib/GoldPayLimitLayer/signIntroduct/style.css

@@ -0,0 +1 @@
+.sign-introduct[data-v-0c7b2c0b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:500px;overflow:hidden;background:#F7F8FC}.sign-introduct .gradual-color[data-v-0c7b2c0b]{-webkit-flex-shrink:0;flex-shrink:0;z-index:2;height:22px;background:-webkit-linear-gradient(bottom,#F7F8FC 0%,#FFFFFF 100%);background:linear-gradient(0deg,#F7F8FC 0%,#FFFFFF 100%);width:100%}.sign-introduct .sign-introduct-body[data-v-0c7b2c0b]{z-index:4;overflow:auto}.sign-introduct .sign-introduct-body .sign-introduct-content[data-v-0c7b2c0b]{margin:0 10px;overflow:hidden;padding-bottom:30px;background:#F7F8FC}.sign-introduct .sign-introduct-body .sign-introduct-content .sign-introduct-items[data-v-0c7b2c0b]{box-shadow:0px 3px 10px 0px rgba(179,179,179,0.06);border-radius:12px}.sign-introduct .sign-introduct-body .sign-introduct-content .sign-introduct-item[data-v-0c7b2c0b]{padding:0 14px;margin-bottom:10px;background:#FFFFFF;box-shadow:0 3px 10px 0 rgba(179,179,179,0.06);border-radius:12px;margin-bottom:10px}.sign-introduct .sign-introduct-body .sign-introduct-content .sign-introduct-item .head-title[data-v-0c7b2c0b]{position:relative;height:48px;padding-top:12.5px;margin-left:0.5px}.sign-introduct .sign-introduct-body .sign-introduct-content .sign-introduct-item .head-title p[data-v-0c7b2c0b]{height:24.5px;font-weight:bold;font-size:16px;color:#333;line-height:24.5px}.sign-introduct .sign-introduct-body .sign-introduct-content .sign-introduct-item .head-title .head-bg[data-v-0c7b2c0b]{width:181px;height:43px;background-image:url(../../assets/head-title-bg.8c22.png);background-size:100% 100%;position:absolute;top:1px;right:-13px}.sign-introduct .sign-introduct-body .sign-introduct-content .sign-introduct-item .head-title .head-bg.cps[data-v-0c7b2c0b]{background-image:url(../../assets/head-title-bg-cps.4690.png)}.sign-introduct .sign-introduct-body .sign-introduct-content .sign-introduct-item .bottom-line[data-v-0c7b2c0b]{width:327px;height:0.5px;background:#F5F5F5}.sign-introduct .sign-introduct-body .sign-introduct-content .sign-introduct-item .bottom-line[data-v-0c7b2c0b]:last-child{display:none}.sign-introduct .sign-introduct-body .sign-introduct-content .sign-introduct-item .content[data-v-0c7b2c0b]{margin-top:6px;font-size:14px;font-weight:400;color:#666;line-height:24px;min-height:50px;padding-bottom:10px}

package/lib/GoldPayLimitLayer/style.css

@@ -0,0 +1 @@
+.return[data-v-882a85fc]{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;z-index:1;height:100%}.return .return-icon[data-v-882a85fc]{margin:12px;background-repeat:no-repeat;background-image:url(../assets/return.95f2.png);width:10.5px;height:15px;background-position:center;background-size:100% 100%}.limit-layer-body[data-v-882a85fc]{height:61.57vh;background:#F7F8FC;overflow:hidden}.pay-scene[data-v-882a85fc]{z-index:4;background:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;position:relative;height:44px;padding:12px 23px 0 23px}.pay-scene .pay-scene-slide-bar[data-v-882a85fc]{width:22px;height:3px;border-radius:1.5px;position:absolute;bottom:0;left:0;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.645,0.045,0.355,1);transition:-webkit-transform 0.3s cubic-bezier(0.645,0.045,0.355,1);transition:transform 0.3s cubic-bezier(0.645,0.045,0.355,1);transition:transform 0.3s cubic-bezier(0.645,0.045,0.355,1),-webkit-transform 0.3s cubic-bezier(0.645,0.045,0.355,1)}.pay-scene .pay-scene-line[data-v-882a85fc]{z-index:20;width:100%;height:1px;background:#f5f5f5;position:absolute;bottom:-1px;left:0}.pay-scene .pay-scene-tab[data-v-882a85fc]{font-size:14px;font-weight:400;color:#666666;line-height:20px}.pay-scene .pay-scene-tab .active-block[data-v-882a85fc]{margin:11px auto 0;width:22px;height:3px;border-radius:1.5px;background:transparent}.pay-scene .pay-scene-tab.active[data-v-882a85fc]{font-size:16px;font-weight:bold;color:#333333;line-height:23px}.gradual-color[data-v-882a85fc]{width:100%;height:22px;background:-webkit-linear-gradient(bottom,#F7F8FC 0%,#FFFFFF 100%);background:linear-gradient(0deg,#F7F8FC 0%,#FFFFFF 100%)}.introduct-wrap[data-v-882a85fc]{margin:0 1rem;z-index:3;height:50vh;position:relative}.introduct-wrap .introduct-body[data-v-882a85fc]{padding:0px;background:#FFFFFF;box-shadow:0rem 0.3rem 1rem 0rem rgba(179,179,179,0.06);border-radius:1.2rem;position:absolute;width:100%;top:-0.6rem}.introduct[data-v-882a85fc]{border-radius:10px;overflow:hidden;margin-bottom:10px}.introduct .pay-type-wrap[data-v-882a85fc]{background-size:100% 100%;background-repeat:no-repeat;background-color:transparent}.introduct .pay-type-wrap.select-back-2-0[data-v-882a85fc]{background-image:url(../assets/select-back-2-0.d814.png)}.introduct .pay-type-wrap.select-back-2-1[data-v-882a85fc]{background-image:url(../assets/select-back-2-1.5fb3.png)}.introduct .pay-type-wrap.select-back-3-0[data-v-882a85fc]{background-image:url(../assets/select-back-3-0.591a.png)}.introduct .pay-type-wrap.select-back-3-1[data-v-882a85fc]{background-image:url(../assets/select-back-3-1.bac3.png)}.introduct .pay-type-wrap.select-back-3-2[data-v-882a85fc]{background-image:url(../assets/select-back-3-2.0f91.png)}.introduct .pay-type-wrap .pay-type[data-v-882a85fc]{height:42px;padding-bottom:12px;margin-top:-4px;box-sizing:content-box;border-radius:10px 10px 1px 1px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}.introduct .pay-type-wrap .pay-type .pay-type-tab[data-v-882a85fc]{font-size:15px;font-weight:400;color:#666666;line-height:21px;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;text-align:center}.introduct .pay-type-wrap .pay-type .pay-type-tab.active[data-v-882a85fc]{font-size:16px;font-weight:bold;color:#8C7FEE;line-height:22px}.introduct .pay-introduct[data-v-882a85fc]{padding:0 12px 12px;background:#fff;font-size:14px;font-weight:400;color:#333333;line-height:22px}.introduct .pay-introduct .pay-introduct-content[data-v-882a85fc]{display:-webkit-box;display:-webkit-flex;display:flex;color:#666}.introduct .pay-table-content[data-v-882a85fc]{padding-bottom:12px;background:#fff}

package/lib/GoldPayLimitLayer/table/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var BScroll=require("better-scroll");var utils_helpers=require("../../utils/helpers/index.js");var __$_require_41378d9c__=require("../../assets/question.ce8a.png");var common=require("../../common/index.js");var _sfc_main={name:"PayLimitTable",props:{ruleDetailData:{type:Array,default:function _default(){return[]}},ruleDetailConfig:{type:Object,default:function _default2(){return[]}},brandColor:{type:String,default:"#8C7FEE"}},computed:{showTable:function showTable(){if(this.ruleDetailData&&utils_helpers.isArray(this.ruleDetailData)&&this.ruleDetailData.length){return true}return false}},data:function data(){return{dialog:null}},methods:{showFullDesc:function showFullDesc(rbDesc){if(rbDesc.needShowFullDesc){if(this.dialog){this.dialog.setData("",rbDesc.fullDesc)}else{this.dialog=this.$createGoldDialog({closable:true,content:rbDesc.fullDesc,showConfirmButton:false})}this.dialog.show()}},toSignIntroduct:function toSignIntroduct(){this.$emit("toSignIntroduct")}},watch:{ruleDetailData:{handler:function handler(value){var _this=this;if(value){this.$nextTick(function(){var tables=_this.$refs.payTable;if(tables){if(!_this.scroller){_this.scroller=new BScroll(tables,{scrollX:true,scrollY:false,click:true,bounce:false})}else{_this.scroller.refresh()}}})}},immediate:true}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.showTable,expression:"showTable"}],ref:"payTable",staticClass:"pay-table"},[_c("div",{staticStyle:{"display":"inline-block","padding":"0 12px","min-width":"100%"}},[_c("table",{staticClass:"pay-table-body"},[_c("thead",[_c("tr",[_c("th",{staticClass:"center"},[_vm._v(" 支付方式 ")]),_c("th",[_vm._v("支付类型")]),_vm.ruleDetailConfig.realLimitShow?_c("th",[_vm._v(" 单笔/单日/单月 "),_c("br"),_vm._v(" 实时限额 ")]):_vm._e(),_vm.ruleDetailConfig.batchLimitShow?_c("th",[_vm._v(" 单笔/单日/单月 "),_c("br"),_vm._v(" 非实时限额 ")]):_vm._e(),_vm.ruleDetailConfig.realAndBatchRuleShow?_c("th",[_vm._v(" 实时扣和 "),_c("br"),_vm._v(" 非实时扣款规则 ")]):_vm._e(),_vm.ruleDetailConfig.signTypeShow?_c("th",{staticClass:"with-icon",on:{"click":_vm.toSignIntroduct}},[_vm._m(0)]):_vm._e()])]),_c("tbody",[_vm._l(_vm.ruleDetailData,function(curGroupRuleDetail,i){return _vm._l(curGroupRuleDetail,function(curRuleDetail,j){return _c("tr",{key:i+j},[j===0?_c("td",{staticClass:"center",style:{"border-bottom":i===_vm.ruleDetailData.length-1?"none":""},attrs:{"rowspan":j===0?curGroupRuleDetail.length:1}},[_vm._v(" "+_vm._s(curRuleDetail.payItemName)+" ")]):_vm._e(),_c("td",[_vm._v(" "+_vm._s(curRuleDetail.payItemType)+" ")]),_vm.ruleDetailConfig.realLimitShow?_c("td",[_vm._v(" "+_vm._s(curRuleDetail.payItemRealRule)+" ")]):_vm._e(),_vm.ruleDetailConfig.batchLimitShow?_c("td",[_vm._v(" "+_vm._s(curRuleDetail.payItemBatchRule)+" ")]):_vm._e(),_vm.ruleDetailConfig.realAndBatchRuleShow?_c("td",{domProps:{"innerHTML":_vm._s(curRuleDetail.rbDesc.showDesc)},on:{"click":function click($event){return _vm.showFullDesc(curRuleDetail.rbDesc)}}}):_vm._e(),_vm.ruleDetailConfig.signTypeShow?_c("td",[_vm._v(" "+_vm._s(curRuleDetail.signType)+" ")]):_vm._e()])})})],2)])])])};var _sfc_staticRenderFns=[function(){var _vm=this,_c=_vm._self._c;return _c("div",[_vm._v(" 签约方式 "),_c("img",{attrs:{"src":__$_require_41378d9c__,"alt":""}})])}];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"7a638d25");var payTable=__component__.exports;exports.payTable=payTable;