@xysfe/actui2 0.0.1

package/lib/GoldFinanceChart/chart/index.mjs

@@ -0,0 +1,414 @@
+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 _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _parseFloat from "@babel/runtime-corejs3/core-js/parse-float";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import { l as isArray, e as isString } from "../../utils/helpers/index.mjs";
+import * as echarts from "echarts/dist/echarts.esm.mjs";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t.return || t.return();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    var _context6;
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = _sliceInstanceProperty(_context6 = {}.toString.call(r)).call(_context6, 8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function ownKeys(e, r) {
+  var t = _Object$keys(e);
+  if (_Object$getOwnPropertySymbols) {
+    var o = _Object$getOwnPropertySymbols(e);
+    r && (o = _filterInstanceProperty(o).call(o, function(r2) {
+      return _Object$getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var _context4, _context5;
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), true)).call(_context4, function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function(r2) {
+      _Object$defineProperty(e, r2, _Object$getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+var _sfc_main = {
+  name: "ChartComp",
+  data: function data() {
+    return {
+      chart: null
+    };
+  },
+  props: {
+    index: {
+      type: Number,
+      default: 10
+    },
+    dataSource: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    chartConfig: {
+      type: Array,
+      default: function _default2() {
+        return [];
+      }
+    }
+  },
+  methods: {
+    setIndex: function setIndex(val) {
+      this.$emit("setIndex", val);
+    },
+    remToPxBased10Px: function remToPxBased10Px(rem) {
+      var htmlEle = window.document.documentElement || document.getElementsByTagName("html")[0];
+      var rootFontSize = _parseFloat(getComputedStyle(htmlEle, null).fontSize);
+      if (rootFontSize > 12) {
+        return rem * rootFontSize;
+      }
+      var clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+      var fontSize = clientWidth / 375 * 10;
+      return clientWidth ? rem * fontSize : rem * 10;
+    },
+    getXAxisName: function getXAxisName() {
+      for (var i = 0; i < this.chartConfig.length; i++) {
+        if (this.chartConfig[i].showType === 1) {
+          return this.chartConfig[i].name;
+        }
+      }
+      return "";
+    },
+    getTooltipName: function getTooltipName() {
+      for (var i = 0; i < this.chartConfig.length; i++) {
+        if (this.chartConfig[i].showType === 3) {
+          return this.chartConfig[i].name;
+        }
+      }
+      return "";
+    },
+    setEcharts: function setEcharts() {
+      var _this = this;
+      var series = [];
+      var legendData = [];
+      var xAxisName = this.getXAxisName();
+      var tooltipName = this.getTooltipName();
+      for (var i = 0; i < this.chartConfig.length; i++) {
+        var _context;
+        var curConfig = this.chartConfig[i];
+        if (_includesInstanceProperty(_context = [2, 3]).call(_context, curConfig.showType) && curConfig.displayLine) {
+          var _context2;
+          var areaStyle = {};
+          if (isArray(curConfig.lineStyle.areaStyleColor)) {
+            areaStyle.color = new echarts.graphic.LinearGradient(0, 0, 0, 1, curConfig.lineStyle.areaStyleColor);
+          } else if (isString(curConfig.lineStyle.areaStyleColor)) {
+            areaStyle.color = curConfig.lineStyle.areaStyleColor;
+          }
+          series.push({
+            name: curConfig.name,
+            type: "line",
+            smooth: true,
+            symbol: curConfig.lineStyle.legendImg ? "image://" + curConfig.lineStyle.legendImg : "circle",
+            showSymbol: false,
+            symbolSize: this.remToPxBased10Px(1.4),
+            silent: true,
+            encode: {
+              x: xAxisName,
+              y: curConfig.name
+            },
+            lineStyle: {
+              width: 1,
+              color: curConfig.lineStyle.lineColor
+            },
+            emphasis: {
+              lineStyle: {
+                color: curConfig.lineStyle.lineColor
+              }
+            },
+            zlevel: curConfig.lineStyle.zIndex,
+            z: curConfig.lineStyle.zIndex,
+            areaStyle: areaStyle.color ? areaStyle : void 0,
+            markPoint: {
+              symbol: "circle",
+              showSymbol: true,
+              symbolSize: [this.remToPxBased10Px(0.8), this.remToPxBased10Px(0.8)],
+              symbolOffset: ["-10%", "-10%"],
+              silent: true,
+              data: _mapInstanceProperty(_context2 = curConfig.markPoint).call(_context2, function(item) {
+                return _objectSpread({
+                  itemStyle: {
+                    color: "#ffab11",
+                    // 标记点的颜色设为黄色
+                    borderWidth: _this.remToPxBased10Px(0.21),
+                    borderType: "solid",
+                    borderColor: "#FFEAC3"
+                  },
+                  label: {
+                    show: true,
+                    position: "top",
+                    formatter: "{c}倍",
+                    backgroundColor: "#FFAB11",
+                    color: "#fff",
+                    borderRadius: _this.remToPxBased10Px(0.21),
+                    fontSize: _this.remToPxBased10Px(1),
+                    width: _this.remToPxBased10Px(2.8),
+                    height: _this.remToPxBased10Px(1.5),
+                    borderWidth: _this.remToPxBased10Px(0.11),
+                    borderType: "solid",
+                    borderColor: "#FFEAC3",
+                    lineHeight: _this.remToPxBased10Px(1.5)
+                  }
+                }, item);
+              })
+            }
+          });
+          legendData.push({
+            name: curConfig.name,
+            icon: curConfig.lineStyle.legendImg ? "image://" + curConfig.lineStyle.legendImg : "circle"
+          });
+        }
+      }
+      var chartOption = {
+        dataset: {
+          source: this.dataSource
+        },
+        grid: {
+          containLabel: false,
+          borderColor: "red",
+          top: "5%",
+          right: "10%",
+          left: "10%"
+        },
+        legend: {
+          textStyle: {
+            fontSize: this.remToPxBased10Px(1.2),
+            opacity: 1,
+            fontWeight: 400,
+            fontFamily: "SourceHanSansSC, SourceHanSansSC-Regular",
+            color: "#999",
+            lineHeight: this.remToPxBased10Px(1.4)
+          },
+          selectedMode: false,
+          itemWidth: this.remToPxBased10Px(1.4),
+          itemHeight: this.remToPxBased10Px(1.4),
+          data: legendData,
+          bottom: 0
+        },
+        tooltip: {
+          trigger: "axis",
+          triggerOn: "none",
+          backgroundColor: "rgba(255,255,255,0.8)",
+          textStyle: {
+            fontSize: this.remToPxBased10Px(1.2),
+            fontFamily: "SourceHanSansSC, SourceHanSansSC-Regular",
+            fontWeight: 400,
+            lineHeight: 16,
+            color: "#333"
+          },
+          extraCssText: "box-shadow: 0rem 0.2rem 1.4rem 0rem rgba(211,217,240,0.80);z-index: 2;",
+          showContent: true,
+          padding: [7, 10, 6, 10],
+          position: function position(point, params, dom, rect, size) {
+            if (point[0] > size.viewSize[0] / 2) {
+              return {
+                left: 20,
+                top: "30%"
+              };
+            } else {
+              return {
+                right: 20,
+                top: "30%"
+              };
+            }
+          },
+          axisPointer: {
+            lineStyle: {
+              type: "solid",
+              color: "#EEE"
+            },
+            z: 0
+          },
+          formatter: function formatter(params) {
+            var _iterator = _createForOfIteratorHelper(params), _step;
+            try {
+              for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+                var param = _step.value;
+                if (param.seriesName === tooltipName) {
+                  var _context3;
+                  var valueIndex = param.encode.y[0];
+                  var value = param.value[valueIndex];
+                  return _concatInstanceProperty(_context3 = "".concat(tooltipName, "<br>")).call(_context3, value, "元");
+                }
+              }
+            } catch (err) {
+              _iterator.e(err);
+            } finally {
+              _iterator.f();
+            }
+          }
+        },
+        axixPointer: {
+          triggerOn: "none"
+        },
+        xAxis: {
+          type: "category",
+          axisTick: {
+            inside: true,
+            length: 2,
+            lineStyle: {
+              color: "#EEE"
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: "#F5F5F5"
+            }
+          },
+          axisLabel: {
+            textStyle: {
+              // color: '#B3B3B3'
+              color: "#E2E5E7"
+            },
+            fontSize: this.remToPxBased10Px(1.2)
+          },
+          nameTextStyle: {
+            color: "red"
+          }
+        },
+        yAxis: {
+          show: true,
+          axisLine: {
+            show: false
+          },
+          axisLabel: {
+            show: false
+          },
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: "#f5f5f5",
+              width: 0.5
+            }
+          }
+        },
+        series
+      };
+      this.chart.setOption(chartOption);
+      this.chart.dispatchAction({
+        type: "showTip",
+        seriesIndex: 0,
+        dataIndex: this.index - 1
+      });
+      this.chart.dispatchAction({
+        //解决如果数据变化，如果index不变，不会有选中的效果
+        type: "showTip",
+        seriesIndex: 0,
+        dataIndex: this.index
+      });
+    }
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+    this.chart = echarts.init(this.$refs.chart, null, {
+      renderer: "svg"
+    });
+    this.setEcharts();
+    this.chart.getZr().on("mousemove", function(params) {
+      var pointInPixel = [params.offsetX, params.offsetY];
+      var pointInGrid = _this2.chart.convertFromPixel("grid", pointInPixel);
+      if (_this2.chart.containPixel("grid", pointInPixel)) {
+        if (_this2.index !== Math.round(pointInGrid[0])) {
+          _this2.setIndex(Math.round(pointInGrid[0]));
+        }
+      }
+    });
+  },
+  watch: {
+    dataSource: {
+      handler: function handler(newVal) {
+        var _this3 = this;
+        if (!_Object$keys(newVal).length) {
+          return;
+        }
+        this.$nextTick(function() {
+          _this3.setEcharts();
+        });
+      },
+      immediate: true
+    },
+    index: {
+      handler: function handler2(newVal) {
+        this.chart.dispatchAction({
+          type: "showTip",
+          seriesIndex: 0,
+          dataIndex: newVal
+        });
+      }
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    ref: "chart",
+    staticClass: "chart"
+  });
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "cb705c66");
+var chart = __component__.exports;
+export {
+  chart as c
+};

package/lib/GoldFinanceChart/chart/style.css

@@ -0,0 +1 @@
+.chart[data-v-cb705c66]{height:23.1rem;width:100%}

package/lib/GoldFinanceChart/colorConfig/index.js

@@ -0,0 +1 @@
+"use strict";var redCircle=require("../../assets/redCircle.6690.png");var purpleCircle=require("../../assets/purpleCircle.7727.png");var grayCircle=require("../../assets/grayCircle.f6b7.png");var cpsRedCircle=require("../../assets/cps-redCircle.b96f.png");var cpsGrayCircle=require("../../assets/cps-grayCircle.f6b7.png");var colorConfig={showType2:[{boxConfig:{iconColor:"#E13046",titleColor:"#E13046",blockColor:"rgba(255, 90, 110, 0.1)",tipsColor:"#ff5a63"},lineStyle:{lineColor:"#ff5a6e",legendImg:redCircle,zIndex:1}},{boxConfig:{iconColor:"#7363E7",titleColor:"#7363E7",blockColor:"rgba(115,99,231,0.1)",tipsColor:"#8c7FEE"},lineStyle:{lineColor:"#8c7fee",legendImg:purpleCircle,areaStyleColor:[{offset:0,color:"#E7E3FF"},{offset:1,color:"#FFF"}],zIndex:2}}],showType3:[{lineStyle:{lineColor:"#E2E5E7",legendImg:grayCircle,zIndex:3}}]};var cpsColorConfig={showType2:[{boxConfig:{iconColor:"#FF8D35",titleColor:"#FF8D35",blockColor:"rgba(255,141,53,0.1)",tipsColor:"#FF8D35"},lineStyle:{lineColor:"#FF8D35",legendImg:grayCircle,zIndex:1}},{boxConfig:{iconColor:"#F05A4B",titleColor:"#FC7468",blockColor:"rgba(252,116,104,0.1)",tipsColor:"#F05A4B"},lineStyle:{lineColor:"#F05A4B",legendImg:cpsRedCircle,areaStyleColor:[{offset:0,color:"#FFE0DD"},{offset:1,color:"#FFF"}],zIndex:2}}],showType3:[{lineStyle:{lineColor:"#E2E5E7",legendImg:cpsGrayCircle,zIndex:3}}]};var dataType={1:"有效保额",2:"已交保费系数金额",3:"现金价值",4:"身故全残金",5:"年龄",6:"累计已交保费",7:"累计保费*给付系数(主险)",8:"当前年龄与61周岁的比值",9:"当前年龄与41周岁的比值",10:"当前年龄与18周岁的比值",11:"当前年龄的给付数值",12:"保额",13:"保单年份与缴费期间的比值",14:"保单年份",15:"长期护理保险金(元)",16:"疾病身故保险金或长期护理保险金"};exports.colorConfig=colorConfig;exports.cpsColorConfig=cpsColorConfig;exports.dataType=dataType;

package/lib/GoldFinanceChart/colorConfig/index.mjs

@@ -0,0 +1,110 @@
+import redCircle from "../../assets/redCircle.6690.png";
+import purpleCircle from "../../assets/purpleCircle.7727.png";
+import grayCircle from "../../assets/grayCircle.f6b7.png";
+import cpsRedCircle from "../../assets/cps-redCircle.b96f.png";
+import cpsGrayCircle from "../../assets/cps-grayCircle.f6b7.png";
+var colorConfig = {
+  showType2: [{
+    boxConfig: {
+      iconColor: "#E13046",
+      titleColor: "#E13046",
+      blockColor: "rgba(255, 90, 110, 0.1)",
+      tipsColor: "#ff5a63"
+    },
+    lineStyle: {
+      lineColor: "#ff5a6e",
+      legendImg: redCircle,
+      zIndex: 1
+    }
+  }, {
+    boxConfig: {
+      iconColor: "#7363E7",
+      titleColor: "#7363E7",
+      blockColor: "rgba(115,99,231,0.1)",
+      tipsColor: "#8c7FEE"
+    },
+    lineStyle: {
+      lineColor: "#8c7fee",
+      legendImg: purpleCircle,
+      areaStyleColor: [{
+        offset: 0,
+        color: "#E7E3FF"
+      }, {
+        offset: 1,
+        color: "#FFF"
+      }],
+      zIndex: 2
+    }
+  }],
+  showType3: [{
+    lineStyle: {
+      lineColor: "#E2E5E7",
+      legendImg: grayCircle,
+      zIndex: 3
+    }
+  }]
+};
+var cpsColorConfig = {
+  showType2: [{
+    boxConfig: {
+      iconColor: "#FF8D35",
+      titleColor: "#FF8D35",
+      blockColor: "rgba(255,141,53,0.1)",
+      tipsColor: "#FF8D35"
+    },
+    lineStyle: {
+      lineColor: "#FF8D35",
+      legendImg: grayCircle,
+      zIndex: 1
+    }
+  }, {
+    boxConfig: {
+      iconColor: "#F05A4B",
+      titleColor: "#FC7468",
+      blockColor: "rgba(252,116,104,0.1)",
+      tipsColor: "#F05A4B"
+    },
+    lineStyle: {
+      lineColor: "#F05A4B",
+      legendImg: cpsRedCircle,
+      areaStyleColor: [{
+        offset: 0,
+        color: "#FFE0DD"
+      }, {
+        offset: 1,
+        color: "#FFF"
+      }],
+      zIndex: 2
+    }
+  }],
+  showType3: [{
+    lineStyle: {
+      lineColor: "#E2E5E7",
+      legendImg: cpsGrayCircle,
+      zIndex: 3
+    }
+  }]
+};
+var dataType = {
+  1: "有效保额",
+  2: "已交保费系数金额",
+  3: "现金价值",
+  4: "身故全残金",
+  5: "年龄",
+  6: "累计已交保费",
+  7: "累计保费*给付系数(主险)",
+  8: "当前年龄与61周岁的比值",
+  9: "当前年龄与41周岁的比值",
+  10: "当前年龄与18周岁的比值",
+  11: "当前年龄的给付数值",
+  12: "保额",
+  13: "保单年份与缴费期间的比值",
+  14: "保单年份",
+  15: "长期护理保险金(元)",
+  16: "疾病身故保险金或长期护理保险金"
+};
+export {
+  colorConfig as a,
+  cpsColorConfig as c,
+  dataType as d
+};

package/lib/GoldFinanceChart/costTable/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:"ActGoldCostTable",data:function data(){return{scroller:null}},props:{visible:{type:Boolean,default:false},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},cancel:function cancel(){this.$emit("cancelCost")},preventMove:function preventMove(e){e._prevent=true}},watch:{visible:function visible(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("div",{directives:[{name:"show",rawName:"v-show",value:_vm.visible,expression:"visible"}],staticClass:"layer-finance",on:{"touchmove":_vm.preventMove}},[_c("div",{staticClass:"layer-finance-mask",on:{"click":function click($event){$event.stopPropagation();return _vm.cancel.apply(null,arguments)}}}),_c("div",{staticClass:"layer-finance-box layer_animate cost iphonex_padding"},[_c("span",{staticClass:"layer-close",on:{"click":function click($event){$event.stopPropagation();return _vm.cancel.apply(null,arguments)}}}),_c("p",{staticClass:"main-title"},[_vm._v(" 保单利益演示表 ")]),_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,"952b8e43");var GoldCostTable=__component__.exports;exports.GoldCostTable=GoldCostTable;

package/lib/GoldFinanceChart/costTable/index.mjs

@@ -0,0 +1,142 @@
+import BScroll from "better-scroll";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "ActGoldCostTable",
+  data: function data() {
+    return {
+      scroller: null
+    };
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    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;
+    },
+    cancel: function cancel() {
+      this.$emit("cancelCost");
+    },
+    preventMove: function preventMove(e) {
+      e._prevent = true;
+    }
+  },
+  watch: {
+    visible: function visible(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("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visible,
+      expression: "visible"
+    }],
+    staticClass: "layer-finance",
+    on: {
+      "touchmove": _vm.preventMove
+    }
+  }, [_c("div", {
+    staticClass: "layer-finance-mask",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.cancel.apply(null, arguments);
+      }
+    }
+  }), _c("div", {
+    staticClass: "layer-finance-box layer_animate cost iphonex_padding"
+  }, [_c("span", {
+    staticClass: "layer-close",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.cancel.apply(null, arguments);
+      }
+    }
+  }), _c("p", {
+    staticClass: "main-title"
+  }, [_vm._v(" 保单利益演示表 ")]), _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, "952b8e43");
+var GoldCostTable = __component__.exports;
+export {
+  GoldCostTable as G
+};

package/lib/GoldFinanceChart/costTable/style.css

@@ -0,0 +1 @@
+.layer-finance[data-v-952b8e43]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:350}.layer-finance-mask[data-v-952b8e43]{position:absolute;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.7)}.layer-finance-mask[data-v-952b8e43]::before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,0.1);margin-left:-10px}.layer-finance-box[data-v-952b8e43]{position:absolute;background-color:#fff}.layer_animate[data-v-952b8e43]{-webkit-animation:aniLayer-952b8e43 0.5s ease both;animation:aniLayer-952b8e43 0.5s ease both}@-webkit-keyframes aniLayer-952b8e43{0%{-webkit-transform:translateY(100%)}100%{-webkit-transform:translateY(0)}}@keyframes aniLayer-952b8e43{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.cost[data-v-952b8e43]{bottom:0;width:100%;padding:28px 15px 0;border-top-left-radius:12px;border-top-right-radius:12px}.cost .layer-close[data-v-952b8e43]{position:absolute;top:12px;right:12px;display:block;width:12px;height:12px;background:url(../../assets/table-close.39e6.png) no-repeat;background-position:center;background-size:12px 12px;z-index:360}.cost .main-title[data-v-952b8e43]{font-size:20px;color:#333;line-height:24px;margin-bottom:16px;text-align:center}.cost .cost-title[data-v-952b8e43]{padding-right:28px;font-size:16px;color:#333;line-height:24px;margin-bottom:16px}.cost .cost-table-head[data-v-952b8e43]{font-size:13px;color:#666;line-height:1;margin-bottom:12px}.cost .cost-desc[data-v-952b8e43]{margin-bottom:12px;color:#333}.cost-scroll[data-v-952b8e43]{height:280px;overflow:hidden}.no-data[data-v-952b8e43]{height:280px;font-size:14px;margin-top:40px;text-align:center}.thead.table-tr .table-item[data-v-952b8e43]{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;background-color:#8c7fee;color:#fff;font-size:12px;opacity:0.65;padding:0 2px}.table-body[data-v-952b8e43]{width:100%}.table-tr[data-v-952b8e43]{display:-webkit-box;display:-webkit-flex;display:flex}.table-tr .table-item[data-v-952b8e43]:first-child{width:64px}.table-tr .table-item[data-v-952b8e43]:nth-child(2){width:40px}.table-tr .table-item[data-v-952b8e43]:nth-child(3){-webkit-box-flex:1;-webkit-flex:1;flex:1}.table-tr .table-item[data-v-952b8e43]:nth-child(4){-webkit-box-flex:1;-webkit-flex:1;flex:1}.table-tr .table-item[data-v-952b8e43]:nth-child(5){-webkit-box-flex:1;-webkit-flex:1;flex:1}.table-tr .table-item[data-v-952b8e43]:nth-child(6){-webkit-box-flex:1;-webkit-flex:1;flex:1}.table-tr .table-item[data-v-952b8e43]{line-height:24px;border:1px solid #f5f5f5;font-size:12px;text-align:center;color:#999}.table-tr .table-item.sw[data-v-952b8e43]{color:#fe5b70}