@xysfe/actui2 0.0.1

package/lib/GoldBenefitDemo/benefit/index.mjs

@@ -0,0 +1,93 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { b as benefitTitle } from "./title/index.mjs";
+import { b as benefitAmount } from "./amount/index.mjs";
+import { b as benefitSlider } from "./slider/index.mjs";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var COMPONENSMAP = {
+  16: "benefitTitle",
+  17: "benefitAmount",
+  18: "benefitSlider"
+};
+var _sfc_main = {
+  name: "ActGoldBenefit",
+  props: {
+    tables: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    theme: {
+      type: Object,
+      default: function _default2() {
+        return {};
+      }
+    },
+    defaultValue: {
+      type: Number,
+      default: 60
+    },
+    healthCfg: {
+      type: Object,
+      default: function _default3() {
+        return {};
+      }
+    }
+  },
+  components: {
+    benefitTitle,
+    benefitAmount,
+    benefitSlider
+  },
+  computed: {
+    components: function components() {
+      var _context;
+      return _mapInstanceProperty(_context = [16, 17, 18]).call(_context, function(t) {
+        return COMPONENSMAP[t];
+      });
+    }
+  },
+  methods: {
+    updateAge: function updateAge(v) {
+      this.$refs.titleCmp && this.$refs.titleCmp.changeData(v);
+      this.$refs.amountCmp && this.$refs.amountCmp.changeData(v);
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "benefit"
+  }, [_c("benefit-title", {
+    ref: "titleCmp",
+    attrs: {
+      "element": _vm.tables,
+      "theme": _vm.theme
+    }
+  }), _c("benefit-amount", {
+    ref: "amountCmp",
+    attrs: {
+      "element": _vm.tables,
+      "theme": _vm.theme
+    }
+  }), _c("benefit-slider", {
+    attrs: {
+      "tables": _vm.tables,
+      "theme": _vm.theme,
+      "healthCfg": _vm.healthCfg
+    },
+    on: {
+      "updateAge": _vm.updateAge
+    }
+  })], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "8670fc0b");
+var GoldBenefit = __component__.exports;
+export {
+  GoldBenefit as G
+};

package/lib/GoldBenefitDemo/benefit/slider/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _filterInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/filter");var _findInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/find");var BScroll=require("better-scroll");var common=require("../../../common/index.js");var _sfc_main={name:"ActGoldBenefitSlider",data:function data(){return{windowX:0,listScroll:null,min:0,max:100,minPolicyTotal:0}},props:{tables:{type:Object,default:function _default(){return{}}},theme:{type:Object,default:function _default2(){return{}}},defaultValue:{type:Number,default:0},healthCfg:{type:Object,default:function _default3(){return{}}}},computed:{step:function step(){return 5},chooseAge:function chooseAge(){var realValue=+this.defaultValue;if(!realValue){realValue=Math.floor((this.min+this.max)/2)}else{if(realValue<this.min){return this.min}else if(realValue>this.max){return this.max}}return realValue},during:function during(){return this.max-this.min+1},width:function width(){return 12*(this.max-this.min)+1},rows:function rows(){return this.tables&&this.tables.rows||[]}},watch:{tables:{deep:true,handler:function handler(v){if(v&&v.rows&&v.rows.length){this.initTableData(v)}}}},methods:{initTableData:function initTableData(v){var rows2=v.rows;var _this$healthCfg=this.healthCfg,policyTotal=_this$healthCfg.policyTotal,insuresAge=_this$healthCfg.insuresAge,cashValue=_this$healthCfg.cashValue,premiumTotal=_this$healthCfg.premiumTotal;var arr=_filterInstanceProperty(rows2).call(rows2,function(item){if(item[cashValue]!==0||item[premiumTotal]!==0){return item}});if(arr&&arr.length){this.min=arr[0][insuresAge];this.max=arr[arr.length-1][insuresAge];this.minPolicyTotal=arr[0][policyTotal];this.initScroll()}},initScroll:function initScroll(){var _this=this;var wrapper=document.querySelector(".wrapper");var startX=(this.min-this.chooseAge)*12;this.$refs.wrappercontent.style.width=~~this.windowX+this.width+"px";this.$nextTick(function(){var that=_this;if(!_this.listScroll){_this.listScroll=new BScroll(wrapper,{probeType:3,startX,scrollX:true,scrollY:false});that.listScroll.on("scrollEnd",that.scrollEndCb)}else{if(startX>=0){startX=0}_this.listScroll.refresh();_this.listScroll.scrollTo(startX,0,0);_this.changeFn(_this.chooseAge)}})},scrollEndCb:function scrollEndCb(pos){var that=this;var chooseAge2;if(pos.x>=0){chooseAge2=that.min}else if(Math.abs(pos.x)>=that.width){chooseAge2=that.max}else{chooseAge2=Math.floor(Math.abs(pos.x)/12+1+that.min);var scrollX=-(Math.floor(Math.abs(pos.x)/12+1)*12);that.listScroll.scrollTo(scrollX,0,0)}that.changeFn(chooseAge2)},changeFn:function changeFn(v){var _context;var _this$healthCfg2=this.healthCfg,policyTotal=_this$healthCfg2.policyTotal,insuresAge=_this$healthCfg2.insuresAge,cashValue=_this$healthCfg2.cashValue,premiumTotal=_this$healthCfg2.premiumTotal;var obj={policyTotal:"",insuresAge:v,cashValue:"",premiumTotal:""};var res=_findInstanceProperty(_context=this.rows).call(_context,function(item){return+item[insuresAge]===+v});if(res){obj.policyTotal=res[policyTotal]-this.minPolicyTotal;obj.cashValue=res[cashValue];obj.premiumTotal=res[premiumTotal]}this.$emit("updateAge",obj)}},mounted:function mounted(){var containerWidth=this.$refs.chooseContainer&&this.$refs.chooseContainer.offsetWidth;var curWidth=containerWidth||window.innerWidth||document.body&&document.body.clientWidth;this.windowX=curWidth>750?750:curWidth;this.initScroll()}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{staticClass:"choose-wrapper"},[_c("div",{ref:"chooseContainer",staticClass:"choose"},[_c("div",{staticClass:"choose-container wrapper"},[_c("div",{ref:"wrappercontent",staticClass:"choose-content"},_vm._l(_vm.during,function(number){return _c("div",{key:number,staticClass:"choose-item"},[_c("span",{staticClass:"number-item",class:{"number-part":(number+_vm.min-1)%_vm.step==0}}),(number+_vm.min-1)%_vm.step==0?_c("span",{staticClass:"number-text"},[_vm._v(_vm._s(number+_vm.min-1))]):_vm._e()])}),0)]),_c("div",{staticClass:"choose-value",style:{background:_vm.theme.brandColor}})]),_c("div",{staticClass:"translate-left"}),_c("div",{staticClass:"translate-right"})])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"19861120");var benefitSlider=__component__.exports;exports.benefitSlider=benefitSlider;

package/lib/GoldBenefitDemo/benefit/slider/index.mjs

@@ -0,0 +1,200 @@
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find";
+import BScroll from "better-scroll";
+import { n as normalizeComponent } from "../../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActGoldBenefitSlider",
+  data: function data() {
+    return {
+      windowX: 0,
+      listScroll: null,
+      min: 0,
+      max: 100,
+      minPolicyTotal: 0
+      // 起始保障年份
+    };
+  },
+  props: {
+    tables: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    theme: {
+      type: Object,
+      default: function _default2() {
+        return {};
+      }
+    },
+    defaultValue: {
+      type: Number,
+      default: 0
+    },
+    healthCfg: {
+      type: Object,
+      default: function _default3() {
+        return {};
+      }
+    }
+  },
+  computed: {
+    step: function step() {
+      return 5;
+    },
+    chooseAge: function chooseAge() {
+      var realValue = +this.defaultValue;
+      if (!realValue) {
+        realValue = Math.floor((this.min + this.max) / 2);
+      } else {
+        if (realValue < this.min) {
+          return this.min;
+        } else if (realValue > this.max) {
+          return this.max;
+        }
+      }
+      return realValue;
+    },
+    during: function during() {
+      return this.max - this.min + 1;
+    },
+    width: function width() {
+      return 12 * (this.max - this.min) + 1;
+    },
+    rows: function rows() {
+      return this.tables && this.tables.rows || [];
+    }
+  },
+  watch: {
+    tables: {
+      deep: true,
+      handler: function handler(v) {
+        if (v && v.rows && v.rows.length) {
+          this.initTableData(v);
+        }
+      }
+    }
+  },
+  methods: {
+    initTableData: function initTableData(v) {
+      var rows2 = v.rows;
+      var _this$healthCfg = this.healthCfg, policyTotal = _this$healthCfg.policyTotal, insuresAge = _this$healthCfg.insuresAge, cashValue = _this$healthCfg.cashValue, premiumTotal = _this$healthCfg.premiumTotal;
+      var arr = _filterInstanceProperty(rows2).call(rows2, function(item) {
+        if (item[cashValue] !== 0 || item[premiumTotal] !== 0) {
+          return item;
+        }
+      });
+      if (arr && arr.length) {
+        this.min = arr[0][insuresAge];
+        this.max = arr[arr.length - 1][insuresAge];
+        this.minPolicyTotal = arr[0][policyTotal];
+        this.initScroll();
+      }
+    },
+    initScroll: function initScroll() {
+      var _this = this;
+      var wrapper = document.querySelector(".wrapper");
+      var startX = (this.min - this.chooseAge) * 12;
+      this.$refs.wrappercontent.style.width = ~~this.windowX + this.width + "px";
+      this.$nextTick(function() {
+        var that = _this;
+        if (!_this.listScroll) {
+          _this.listScroll = new BScroll(wrapper, {
+            probeType: 3,
+            startX,
+            scrollX: true,
+            scrollY: false
+          });
+          that.listScroll.on("scrollEnd", that.scrollEndCb);
+        } else {
+          if (startX >= 0) {
+            startX = 0;
+          }
+          _this.listScroll.refresh();
+          _this.listScroll.scrollTo(startX, 0, 0);
+          _this.changeFn(_this.chooseAge);
+        }
+      });
+    },
+    scrollEndCb: function scrollEndCb(pos) {
+      var that = this;
+      var chooseAge2;
+      if (pos.x >= 0) {
+        chooseAge2 = that.min;
+      } else if (Math.abs(pos.x) >= that.width) {
+        chooseAge2 = that.max;
+      } else {
+        chooseAge2 = Math.floor(Math.abs(pos.x) / 12 + 1 + that.min);
+        var scrollX = -(Math.floor(Math.abs(pos.x) / 12 + 1) * 12);
+        that.listScroll.scrollTo(scrollX, 0, 0);
+      }
+      that.changeFn(chooseAge2);
+    },
+    changeFn: function changeFn(v) {
+      var _context;
+      var _this$healthCfg2 = this.healthCfg, policyTotal = _this$healthCfg2.policyTotal, insuresAge = _this$healthCfg2.insuresAge, cashValue = _this$healthCfg2.cashValue, premiumTotal = _this$healthCfg2.premiumTotal;
+      var obj = {
+        policyTotal: "",
+        insuresAge: v,
+        cashValue: "",
+        premiumTotal: ""
+      };
+      var res = _findInstanceProperty(_context = this.rows).call(_context, function(item) {
+        return +item[insuresAge] === +v;
+      });
+      if (res) {
+        obj.policyTotal = res[policyTotal] - this.minPolicyTotal;
+        obj.cashValue = res[cashValue];
+        obj.premiumTotal = res[premiumTotal];
+      }
+      this.$emit("updateAge", obj);
+    }
+  },
+  mounted: function mounted() {
+    var containerWidth = this.$refs.chooseContainer && this.$refs.chooseContainer.offsetWidth;
+    var curWidth = containerWidth || window.innerWidth || document.body && document.body.clientWidth;
+    this.windowX = curWidth > 750 ? 750 : curWidth;
+    this.initScroll();
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "choose-wrapper"
+  }, [_c("div", {
+    ref: "chooseContainer",
+    staticClass: "choose"
+  }, [_c("div", {
+    staticClass: "choose-container wrapper"
+  }, [_c("div", {
+    ref: "wrappercontent",
+    staticClass: "choose-content"
+  }, _vm._l(_vm.during, function(number) {
+    return _c("div", {
+      key: number,
+      staticClass: "choose-item"
+    }, [_c("span", {
+      staticClass: "number-item",
+      class: {
+        "number-part": (number + _vm.min - 1) % _vm.step == 0
+      }
+    }), (number + _vm.min - 1) % _vm.step == 0 ? _c("span", {
+      staticClass: "number-text"
+    }, [_vm._v(_vm._s(number + _vm.min - 1))]) : _vm._e()]);
+  }), 0)]), _c("div", {
+    staticClass: "choose-value",
+    style: {
+      background: _vm.theme.brandColor
+    }
+  })]), _c("div", {
+    staticClass: "translate-left"
+  }), _c("div", {
+    staticClass: "translate-right"
+  })]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "19861120");
+var benefitSlider = __component__.exports;
+export {
+  benefitSlider as b
+};

package/lib/GoldBenefitDemo/benefit/slider/style.css

@@ -0,0 +1 @@
+.choose-wrapper[data-v-19861120]{position:relative}.choose-wrapper .translate-left[data-v-19861120]{position:absolute;left:0;top:0;bottom:0;height:58px;width:48px;background:-webkit-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0.8));background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,0.8))}.choose-wrapper .translate-right[data-v-19861120]{position:absolute;right:0;top:0;bottom:0;height:58px;width:48px;background:-webkit-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,0.8));background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,0.8))}.choose[data-v-19861120]{position:relative;width:100%;height:58px;overflow:hidden;margin-bottom:26px}.choose .choose-value[data-v-19861120]{position:absolute;top:0;left:50%;width:3px;height:28px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:3px}.choose .choose-container[data-v-19861120]{width:100%;height:58px;overflow:hidden}.choose .choose-content[data-v-19861120]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;height:58px;padding:10px 50% 0}.choose .choose-content .number-item[data-v-19861120]{margin-top:12px;width:100%;height:6px;border-left:1px solid #eeeeee}.choose .choose-content .number-part[data-v-19861120]{margin-top:0;height:18px}.choose .choose-item[data-v-19861120]{-webkit-flex-shrink:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:12px}.choose .choose-item .number-text[data-v-19861120]{margin:5px 0 0 -12px;line-height:17px;font-size:12px;color:#999;text-align:center;white-space:nowrap}.choose .choose-item[data-v-19861120]:last-child{width:1px}

package/lib/GoldBenefitDemo/benefit/style.css

@@ -0,0 +1 @@
+.benefit[data-v-8670fc0b]{position:relative;background:#fff;margin:0 16px;border-radius:12px;overflow:hidden;text-align:center;line-height:1;color:#666;box-shadow:0px 4px 8px 0px rgba(179,179,179,0.09),0px -4px 8px 0px rgba(179,179,179,0.1)}.benefit>.visible-hide[data-v-8670fc0b]{visibility:hidden}

package/lib/GoldBenefitDemo/benefit/title/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var common=require("../../../common/index.js");var _sfc_main={name:"ActGoldBenefitTitle",props:{theme:{type:Object,default:function _default(){return{}}}},data:function data(){return{policyTotal:"",insuresAge:""}},methods:{changeData:function changeData(_ref){var policyTotal=_ref.policyTotal,insuresAge=_ref.insuresAge;this.policyTotal=policyTotal;this.insuresAge=insuresAge}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",[_c("div",{staticClass:"act-gold-benefit-title"},[_vm._v(" 保单年度为 "),_c("span",{staticClass:"num"},[_vm._v(_vm._s(_vm.policyTotal))]),_vm._v("年 ，被保险人 "),_c("span",{staticClass:"num"},[_vm._v(_vm._s(_vm.insuresAge))]),_vm._v("周岁 ")])])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"4b9474f5");var benefitTitle=__component__.exports;exports.benefitTitle=benefitTitle;

package/lib/GoldBenefitDemo/benefit/title/index.mjs

@@ -0,0 +1,41 @@
+import { n as normalizeComponent } from "../../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActGoldBenefitTitle",
+  props: {
+    theme: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  data: function data() {
+    return {
+      policyTotal: "",
+      insuresAge: ""
+    };
+  },
+  methods: {
+    changeData: function changeData(_ref) {
+      var policyTotal = _ref.policyTotal, insuresAge = _ref.insuresAge;
+      this.policyTotal = policyTotal;
+      this.insuresAge = insuresAge;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", [_c("div", {
+    staticClass: "act-gold-benefit-title"
+  }, [_vm._v(" 保单年度为 "), _c("span", {
+    staticClass: "num"
+  }, [_vm._v(_vm._s(_vm.policyTotal))]), _vm._v("年 ，被保险人 "), _c("span", {
+    staticClass: "num"
+  }, [_vm._v(_vm._s(_vm.insuresAge))]), _vm._v("周岁 ")])]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "4b9474f5");
+var benefitTitle = __component__.exports;
+export {
+  benefitTitle as b
+};

package/lib/GoldBenefitDemo/benefit/title/style.css

@@ -0,0 +1 @@
+.act-gold-benefit-title[data-v-4b9474f5]{margin:0 22px;padding:0 22px;background:#f9f9f9;border-radius:0px 0px 5px 5px;line-height:27px;color:#666666;display:inline-block;overflow:hidden}.act-gold-benefit-title .num[data-v-4b9474f5]{color:#333333}

package/lib/GoldBenefitDemo/costTable/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var BScroll=require("better-scroll");var mixins_visible=require("../../mixins/visible/index.js");var common_goldlayer=require("../../common/goldlayer/index.js");var common=require("../../common/index.js");var _sfc_main={name:"ActGoldCostTable",mixins:[mixins_visible.visibleMixin],data:function data(){return{scroller:null}},components:{ActGoldLayer:common_goldlayer.ActGoldLayer},props:{tables:{type:Object,default:function _default(){return{}}},theme:{type:Object,default:function _default2(){return{}}}},computed:{title:function title(){return this.tables.title||"现金价值表"},styleOption:function styleOption(){if(this.theme&&this.theme.brandColor){return{backgroundColor:this.theme.brandColor}}return{}}},methods:{showCol:function showCol(index){var displayArr=this.tables.display||[];if(displayArr[index]!==void 0&&~~displayArr[index]===1){return true}return false},close:function close(){this.hide()}},watch:{isVisible:function isVisible(value){var _this=this;if(value){var tables=document.querySelector(".cost-scroll");if(tables){this.$nextTick(function(){if(!_this.scroller){_this.scroller=new BScroll(tables,{})}else{_this.scroller.refresh()}})}}}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("act-gold-layer",{attrs:{"visible":_vm.isVisible,"center":false,"title":"保单利益演示表"},on:{"close":_vm.close}},[_c("div",{staticClass:"cost"},[_c("p",{staticClass:"cost-title"},[_vm._v(" "+_vm._s(_vm.title)+" ")]),_c("p",{staticClass:"cost-table-head"},[_vm._v(" 基于用户所选信息的保单利益演示如下： ")]),_vm.tables.cols&&_vm.tables.rows&&_vm.tables.rows.length?[_c("div",[_c("div",{staticClass:"table-tr thead"},[_vm._l(_vm.tables.cols,function(thead,theadIndex){return[_vm.showCol(theadIndex)?_c("span",{key:"head-"+theadIndex,staticClass:"table-item",style:_vm.styleOption},[_vm._v(" "+_vm._s(thead)+" ")]):_vm._e()]})],2),_c("div",{staticClass:"cost-scroll"},[_c("table",{staticClass:"table-body"},[_vm.tables.rows&&_vm.tables.rows.length?_c("tbody",_vm._l(_vm.tables.rows,function(tr,trIndex){return _c("tr",{key:"tr-"+trIndex,staticClass:"table-tr"},[_vm._l(tr,function(td,tdIndex){return[_vm.showCol(tdIndex)?_c("td",{key:"td-"+trIndex+"-"+tdIndex,staticClass:"table-item"},[_vm._v(" "+_vm._s(Math.round(td*100)/100)+" ")]):_vm._e()]})],2)}),0):_vm._e()])])])]:[_c("div",{staticClass:"no-data"},[_vm._v(" 暂时无法展示 ")])]],2)])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"d4495644");var GoldCostTable=__component__.exports;exports.GoldCostTable=GoldCostTable;

package/lib/GoldBenefitDemo/costTable/index.mjs

@@ -0,0 +1,121 @@
+import BScroll from "better-scroll";
+import { v as visibleMixin } from "../../mixins/visible/index.mjs";
+import { A as ActGoldLayer } from "../../common/goldlayer/index.mjs";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActGoldCostTable",
+  mixins: [visibleMixin],
+  data: function data() {
+    return {
+      scroller: null
+    };
+  },
+  components: {
+    ActGoldLayer
+  },
+  props: {
+    tables: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    theme: {
+      type: Object,
+      default: function _default2() {
+        return {};
+      }
+    }
+  },
+  computed: {
+    title: function title() {
+      return this.tables.title || "现金价值表";
+    },
+    styleOption: function styleOption() {
+      if (this.theme && this.theme.brandColor) {
+        return {
+          backgroundColor: this.theme.brandColor
+        };
+      }
+      return {};
+    }
+  },
+  methods: {
+    showCol: function showCol(index) {
+      var displayArr = this.tables.display || [];
+      if (displayArr[index] !== void 0 && ~~displayArr[index] === 1) {
+        return true;
+      }
+      return false;
+    },
+    close: function close() {
+      this.hide();
+    }
+  },
+  watch: {
+    isVisible: function isVisible(value) {
+      var _this = this;
+      if (value) {
+        var tables = document.querySelector(".cost-scroll");
+        if (tables) {
+          this.$nextTick(function() {
+            if (!_this.scroller) {
+              _this.scroller = new BScroll(tables, {});
+            } else {
+              _this.scroller.refresh();
+            }
+          });
+        }
+      }
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("act-gold-layer", {
+    attrs: {
+      "visible": _vm.isVisible,
+      "center": false,
+      "title": "保单利益演示表"
+    },
+    on: {
+      "close": _vm.close
+    }
+  }, [_c("div", {
+    staticClass: "cost"
+  }, [_c("p", {
+    staticClass: "cost-title"
+  }, [_vm._v(" " + _vm._s(_vm.title) + " ")]), _c("p", {
+    staticClass: "cost-table-head"
+  }, [_vm._v(" 基于用户所选信息的保单利益演示如下： ")]), _vm.tables.cols && _vm.tables.rows && _vm.tables.rows.length ? [_c("div", [_c("div", {
+    staticClass: "table-tr thead"
+  }, [_vm._l(_vm.tables.cols, function(thead, theadIndex) {
+    return [_vm.showCol(theadIndex) ? _c("span", {
+      key: "head-" + theadIndex,
+      staticClass: "table-item",
+      style: _vm.styleOption
+    }, [_vm._v(" " + _vm._s(thead) + " ")]) : _vm._e()];
+  })], 2), _c("div", {
+    staticClass: "cost-scroll"
+  }, [_c("table", {
+    staticClass: "table-body"
+  }, [_vm.tables.rows && _vm.tables.rows.length ? _c("tbody", _vm._l(_vm.tables.rows, function(tr, trIndex) {
+    return _c("tr", {
+      key: "tr-" + trIndex,
+      staticClass: "table-tr"
+    }, [_vm._l(tr, function(td, tdIndex) {
+      return [_vm.showCol(tdIndex) ? _c("td", {
+        key: "td-" + trIndex + "-" + tdIndex,
+        staticClass: "table-item"
+      }, [_vm._v(" " + _vm._s(Math.round(td * 100) / 100) + " ")]) : _vm._e()];
+    })], 2);
+  }), 0) : _vm._e()])])])] : [_c("div", {
+    staticClass: "no-data"
+  }, [_vm._v(" 暂时无法展示 ")])]], 2)]);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "d4495644");
+var GoldCostTable = __component__.exports;
+export {
+  GoldCostTable as G
+};

package/lib/GoldBenefitDemo/costTable/style.css

@@ -0,0 +1 @@
+.cost[data-v-d4495644]{bottom:0;width:100%;padding:0px 15px 0}.cost .cost-title[data-v-d4495644]{padding-right:28px;font-size:16px;color:#333;line-height:24px;margin-bottom:16px}.cost .cost-table-head[data-v-d4495644]{font-size:13px;color:#666;line-height:1;margin-bottom:12px}.cost .cost-desc[data-v-d4495644]{margin-bottom:12px;color:#333}.cost-scroll[data-v-d4495644]{height:280px;overflow:hidden}.no-data[data-v-d4495644]{height:280px;font-size:14px;margin-top:40px;text-align:center}.thead.table-tr .table-item[data-v-d4495644]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;line-height:1.4;height:40px;background-color:#8c7fee;color:#fff;font-size:12px;opacity:0.65;padding:0 2px}.table-body[data-v-d4495644]{width:100%}.table-tr[data-v-d4495644]{display:-webkit-box;display:-webkit-flex;display:flex}.table-tr .table-item[data-v-d4495644]:first-child{width:64px}.table-tr .table-item[data-v-d4495644]:nth-child(2){width:40px}.table-tr .table-item[data-v-d4495644]:nth-child(3){-webkit-box-flex:1;-webkit-flex:1;flex:1}.table-tr .table-item[data-v-d4495644]:nth-child(4){-webkit-box-flex:1;-webkit-flex:1;flex:1}.table-tr .table-item[data-v-d4495644]:nth-child(5){-webkit-box-flex:1;-webkit-flex:1;flex:1}.table-tr .table-item[data-v-d4495644]:nth-child(6){-webkit-box-flex:1;-webkit-flex:1;flex:1}.table-tr .table-item[data-v-d4495644]{height:24px;line-height:24px;border:1px solid #f5f5f5;font-size:12px;text-align:center;color:#999}.table-tr .table-item.sw[data-v-d4495644]{color:#fe5b70}

package/lib/GoldBenefitDemo/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _Object$getOwnPropertySymbols=require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");var _Object$getOwnPropertyDescriptor=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");var _Object$getOwnPropertyDescriptors=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptors");var _Object$defineProperties=require("@babel/runtime-corejs3/core-js/object/define-properties");var _Object$defineProperty=require("@babel/runtime-corejs3/core-js/object/define-property");var _defineProperty=require("@babel/runtime-corejs3/helpers/defineProperty");var _Object$values=require("@babel/runtime-corejs3/core-js/object/values");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");var _Promise=require("@babel/runtime-corejs3/core-js/promise");var _findInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/find");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _Object$keys=require("@babel/runtime-corejs3/core-js/object/keys");var _someInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/some");var _filterInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/filter");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 _context8,_context9;var t=null!=arguments[r]?arguments[r]:{};r%2?_forEachInstanceProperty(_context8=ownKeys(Object(t),true)).call(_context8,function(r2){_defineProperty(e,r2,t[r2])}):_Object$getOwnPropertyDescriptors?_Object$defineProperties(e,_Object$getOwnPropertyDescriptors(t)):_forEachInstanceProperty(_context9=ownKeys(Object(t))).call(_context9,function(r2){_Object$defineProperty(e,r2,_Object$getOwnPropertyDescriptor(t,r2))})}return e}var utils_create=require("../utils/create/index.js");var GoldBenefitDemo_benefit=require("./benefit/index.js");var GoldBenefitDemo_costTable=require("./costTable/index.js");var lodashEs=require("lodash-es");var common=require("../common/index.js");var COSTTABLE_CACHE={};var _sfc_main={name:"ActGoldBenefitDemo",components:{GoldBenefit:GoldBenefitDemo_benefit.GoldBenefit,GoldCostTable:GoldBenefitDemo_costTable.GoldCostTable},data:function data(){return{loading:true,benefitElems:null,costTableInfo:{},costSlideVar:-1,moduleData:null,hasQuesMask:false,valideProduct:[],curProduct:{},index:0,ins:null}},props:{benefitInfo:{type:Array,default:function _default(){return[]}},costBtnText:{type:String,default:"查看利益演示表"},brandColor:{type:String,default:""},defaultValue:{type:Number,default:60},requestUrl:{type:String,default:"/CRM/InsurancePlan4User/getAnnuityCostTable"},requestParams:{type:Object,default:function _default2(){return{}}}},computed:{realTheme:function realTheme(){var theme={brandColor:window.g_agentShowCfg&&window.g_agentShowCfg.brandcolor||"#8c7fee",btnColor:window.g_agentShowCfg&&window.g_agentShowCfg.btncolor||"#8c7fee"};if(this.brandColor){theme.brandColor=this.brandColor;theme.btnColor=this.brandColor}return theme}},watch:{benefitInfo:{deep:true,immediate:true,handler:function handler(newValue,oldValue){if(!lodashEs.isEqual(newValue,oldValue)&&!lodashEs.isEmpty(newValue)){this.getValideProduct(lodashEs.cloneDeep(newValue))}}}},mounted:function mounted(){},methods:{onShowTable:function onShowTable(){this.$refs.costTable&&this.$refs.costTable.show();this.$emit("showTable")},getCostTableInfo:function getCostTableInfo(){var _context,_context2,_context3,_context4,_this=this;var postData1=this.curProduct&&this.curProduct.tableParams||{};if(!this.curProduct.tableId){this.delCurProduct();return}var _postData1$plan=postData1.plan,plan=_postData1$plan===void 0?{}:_postData1$plan,_postData1$insured=postData1.insured,insured=_postData1$insured===void 0?[]:_postData1$insured,_postData1$applicant=postData1.applicant,applicant=_postData1$applicant===void 0?{}:_postData1$applicant,common2=postData1.common;var bundle=function bundle2(){var obj=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return _Object$values(obj).join("_")};var cacheKey=_concatInstanceProperty(_context=_concatInstanceProperty(_context2=_concatInstanceProperty(_context3=_concatInstanceProperty(_context4="".concat(bundle(common2),"_")).call(_context4,bundle(insured),"_")).call(_context3,bundle(plan),"_")).call(_context2,bundle(applicant),"_")).call(_context,this.curProduct.tableId);if(COSTTABLE_CACHE[cacheKey]){return _Promise.resolve(COSTTABLE_CACHE[cacheKey])}this.loading=true;this.$fetch(this.requestUrl,_objectSpread({genes:postData1,gid:this.curProduct.gid,tableId:this.curProduct.tableId},this.requestParams)).then(function(_ref){var ret=_ref.ret,data2=_ref.data,errmsg=_ref.errmsg;if(ret===0&&!lodashEs.isEmpty(data2)){_this.costTableInfo=data2;COSTTABLE_CACHE[cacheKey]=data2}else{_this.costTableInfo={};_this.delCurProduct();return _Promise.reject(errmsg)}}).catch(function(e){_this.delCurProduct();return _Promise.reject(e||"系统繁忙，请稍后再试")})},toggle:function toggle(){var ins=this.$createPicker({data:[this.valideProduct],selectedIndex:[this.index],confirmColor:this.realTheme.brandColor,onSelect:this.selectHandle});ins.show();this.ins=ins},selectHandle:function selectHandle(data2){this.curGroupId=data2&&data2[0];this.toggleFn(this.curGroupId)},toggleFn:function toggleFn(v){var _this2=this;if(lodashEs.isEmpty(this.valideProduct)){return}if(!v){this.curProduct=this.valideProduct[0]}else{var _context5;_findInstanceProperty(_context5=this.valideProduct).call(_context5,function(item,index){if(item.value===v){_this2.index=index;_this2.curProduct=item;return true}})}this.getCostTableInfo()},updateAge:function updateAge(){},getValideProduct:function getValideProduct(v){var _this3=this;var arr=[];_forEachInstanceProperty(v).call(v,function(item){var common2=item.common,tableId=item.tableId,cashTable=item.cashTable,gid=item.gid;if(cashTable){cashTable=_this3.fmtHealthMap(cashTable)}if(!lodashEs.isEmpty(tableId)&&!lodashEs.isEmpty(cashTable)){arr.push({value:common2.groupId,text:common2.productTitle,tableId,gid,productCategory:common2.productCategory,healthCfg:cashTable,tableParams:_objectSpread({groupId:common2.groupId,common:common2,applicant:item.applicant},item.insureds[0])})}});this.valideProduct=arr;this.toggleFn()},fmtHealthMap:function fmtHealthMap(data2){var _context6;if(data2&&this.isType(data2,"Object")&&_Object$keys(data2).length&&_someInstanceProperty(_context6=_Object$values(data2)).call(_context6,function(item){return!!item})){for(var key in data2){if(data2[key]){data2[key]=+data2[key]-1}}return data2}},isType:function isType(v,type){return Object.prototype.toString.call(v)==="[object "+type+"]"},delCurProduct:function delCurProduct(){var _context7,_this4=this;this.valideProduct=_filterInstanceProperty(_context7=this.valideProduct).call(_context7,function(item){return item.value!==_this4.curProduct.value});this.toggleFn()}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{directives:[{name:"show",rawName:"v-show",value:_vm.valideProduct&&_vm.valideProduct.length,expression:"valideProduct && valideProduct.length"}],staticClass:"act-gold-benefit-demo"},[_c("div",{staticClass:"gold-finance-title act-row act-justify-between"},[_c("p",{staticClass:"title-inner"},[_vm._v(" 保单利益演示 ")]),_c("div",{staticClass:"name single-line",style:{color:_vm.realTheme.brandColor}},[_vm._v(" "+_vm._s(_vm.curProduct&&_vm.curProduct.text)+" ")]),_c("div",{staticClass:"toggle-btn act-row act-middle",style:{background:_vm.realTheme.brandColor},on:{"click":_vm.toggle}},[_vm._v(" 更换 ")])]),_c("gold-benefit",{attrs:{"tables":_vm.costTableInfo,"loading":_vm.loading,"theme":_vm.realTheme,"defaultValue":_vm.defaultValue,"healthCfg":_vm.curProduct&&_vm.curProduct.healthCfg}}),_c("div",{staticClass:"cost-btn-warp"},[_c("div",{staticClass:"cost-btn",style:{background:_vm.realTheme.brandColor},on:{"click":_vm.onShowTable}},[_vm._v(" "+_vm._s(_vm.costBtnText)+" ")])]),_c("gold-cost-table",{ref:"costTable",attrs:{"tables":_vm.costTableInfo,"theme":_vm.realTheme}}),_vm._t("footer")],2)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"2d489f8b");var GoldBenefitDemo=__component__.exports;GoldBenefitDemo.install=function(Vue){Vue.component(GoldBenefitDemo.name,GoldBenefitDemo);Vue.prototype["$createGoldBenefitDemo"]=utils_create.create(GoldBenefitDemo,Vue)};exports.GoldBenefitDemo=GoldBenefitDemo;