@xysfe/actui2 0.0.1

package/lib/GoldInsureDescDialog/index.mjs

@@ -0,0 +1,517 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
+import { c as create } from "../utils/create/index.mjs";
+import { A as ActGoldLayer } from "../common/goldlayer/index.mjs";
+import { S as Scroll } from "../common/scroll/index.mjs";
+import { v as visibleMixin } from "../mixins/visible/index.mjs";
+import __$_require_eedb22d8__ from "../assets/require.5a58.png";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';var tagMap = {
+  "forward": "可转发",
+  "applicant": "投保人",
+  "insured": "被保险人",
+  "beneficiary": "受益人",
+  "agent": "代理人",
+  "guarder": "监护人"
+};
+var eventMap = function eventMap2(key) {
+  return {
+    "applicant": "".concat(key, "_tbrxx_zhankai"),
+    "insureds": "".concat(key, "_bbrxx_zhankai"),
+    "renewalBank": "".concat(key, "_xfyhzh_zhankai"),
+    "beneficiaries": "".concat(key, "_syrxx_zhankai"),
+    "upcerts": "".concat(key, "_zjsc_zhankai"),
+    "recording": "".concat(key, "_slsm_zhankai"),
+    "payfee": "".concat(key, "_zfxesm_zhankai"),
+    "receipt": "".concat(key, "_hz_zhankai"),
+    "recontact": "".concat(key, "_hf_zhankai"),
+    "finishRecord": "".concat(key, "_slwch_zhankai")
+  };
+};
+var step = {
+  "buy": "填写信息",
+  "confirmBuy": "完成投保单",
+  "pay": "支付保费",
+  "finish": "投保完成"
+};
+var detailBtnEnum = ["renewalBank", "recording", "payfee", "human"];
+var _sfc_main = {
+  name: "ActGoldInsureDescDialog",
+  mixins: [visibleMixin],
+  components: {
+    ActGoldLayer,
+    scroll: Scroll
+  },
+  props: {
+    title: {
+      type: String,
+      default: "投保流程说明"
+    },
+    processData: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    currentStep: {
+      type: Number,
+      default: 0
+    },
+    themeColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    scene: {
+      //业务场景 1商详 2认证单页
+      type: Number,
+      default: 1
+    },
+    currentRole: {
+      type: Number,
+      default: 1
+    }
+  },
+  data: function data() {
+    return {
+      tableData: {},
+      tagMap,
+      step,
+      detailBtnEnum
+    };
+  },
+  methods: {
+    close: function close() {
+      this.isVisible = false;
+    },
+    show: function show() {
+      var _this = this;
+      this.isVisible = true;
+      this.$nextTick(function() {
+        _this.calculateShowFold();
+        _this.$refs.scroll && _this.$refs.scroll.refresh();
+      });
+    },
+    initTableData: function initTableData() {
+      var _context, _this2 = this;
+      var tableData = {};
+      _forEachInstanceProperty(_context = this.processData).call(_context, function(part, idx) {
+        var _context2;
+        var row = {
+          flowName: part.flowName,
+          part: idx + 1,
+          flowKey: part.flowKey,
+          tags: ~~part.canShare === 1 ? ["forward"] : [],
+          content: []
+        };
+        _forEachInstanceProperty(_context2 = part.todoList || []).call(_context2, function(subRow) {
+          var content = {
+            todoKey: subRow.todoKey,
+            todoName: subRow.todoName,
+            sureFire: subRow.sureFire,
+            tags: _this2.getTags(subRow.canDoRole),
+            text: subRow.todoContent,
+            hasPayRule: subRow.hasPayRule,
+            unfold: false,
+            showBtn: true
+          };
+          if (subRow.todoTips) {
+            content.todoTips = subRow.todoTips;
+          }
+          if (subRow.guide_cfg) {
+            content.guide_cfg = subRow.guide_cfg;
+          }
+          if (subRow.guide_cfg_status) {
+            content.guide_cfg_status = subRow.guide_cfg_status;
+          }
+          if (subRow.subTodoList && subRow.subTodoList.length) {
+            var _context3;
+            var subTitle = [];
+            _forEachInstanceProperty(_context3 = subRow.subTodoList).call(_context3, function(todo) {
+              subTitle.push({
+                todoKey: todo.todoKey,
+                todoName: todo.todoName,
+                sureFire: todo.sureFire,
+                tags: _this2.getTags(todo.canDoRole)
+              });
+            });
+            content.subTitle = subTitle;
+          }
+          row.content.push(content);
+        });
+        tableData[part.flowKey] = row;
+      });
+      this.tableData = tableData;
+    },
+    getTags: function getTags(tagList) {
+      var _context4;
+      return _mapInstanceProperty(_context4 = tagList || []).call(_context4, function(tagType) {
+        switch (~~tagType) {
+          case 1:
+            return "applicant";
+          case 2:
+            return "insured";
+          case 3:
+            return "beneficiary";
+          case 4:
+            return "agent";
+          case 5:
+            return "guarder";
+        }
+      });
+    },
+    calculateShowFold: function calculateShowFold() {
+      var _this3 = this;
+      var foldBoxs = [];
+      for (var key in this.$refs) {
+        if (_startsWithInstanceProperty(key).call(key, "foldBox-")) {
+          var _key$split = key.split("-"), _key$split2 = _slicedToArray(_key$split, 3), part = _key$split2[1], index = _key$split2[2];
+          foldBoxs.push({
+            part,
+            index,
+            el: Array.isArray(this.$refs[key]) ? this.$refs[key][0] : this.$refs[key]
+          });
+        }
+      }
+      _forEachInstanceProperty(foldBoxs).call(foldBoxs, function(foldBox) {
+        var el = foldBox.el, part2 = foldBox.part, index2 = foldBox.index;
+        var row = _this3.tableData[part2].content[index2];
+        var foldBtnEl = el.querySelector(".fold-btn");
+        var btnHeight = foldBtnEl.clientHeight;
+        var scrollHeight = el.scrollHeight, clientHeight = el.clientHeight;
+        if (scrollHeight > clientHeight) {
+          var _context5, _context6;
+          row.showBtn = true;
+          row.unfoldHeight = _concatInstanceProperty(_context5 = "calc(".concat(scrollHeight, "px - ")).call(_context5, btnHeight, "px)");
+          row.foldHeight = _concatInstanceProperty(_context6 = "calc(".concat(clientHeight, "px - ")).call(_context6, btnHeight, "px)");
+        } else {
+          row.showBtn = false;
+          row.unfoldHeight = "0";
+          row.foldHeight = "0";
+        }
+        if (row.todoTips && _includesInstanceProperty(detailBtnEnum).call(detailBtnEnum, row.todoKey)) {
+          row.showBtn = false;
+        }
+      });
+    },
+    isShowBtn: function isShowBtn(type, row) {
+      var unfold = row.unfold, showBtn = row.showBtn, todoTips = row.todoTips, text = row.text;
+      if (text === "/" || text === "\\") {
+        return false;
+      }
+      switch (type) {
+        case "float":
+          return !unfold && showBtn;
+        case "span":
+          return unfold && showBtn || this.isShowDetailBtn(row) && !todoTips;
+      }
+    },
+    isShowDetailBtn: function isShowDetailBtn(row) {
+      var _context7;
+      var todoKey = row.todoKey, hasPayRule = row.hasPayRule;
+      if (_includesInstanceProperty(detailBtnEnum).call(detailBtnEnum, todoKey)) {
+        switch (todoKey) {
+          case "renewalBank":
+            return hasPayRule;
+          case "payfee":
+            return hasPayRule;
+          case "recording":
+            return true;
+          case "human":
+            var mockHcDetail = _includesInstanceProperty(_context7 = window.location.href).call(_context7, "mockHumanCheckDetail");
+            return row.guide_cfg_status && row.guide_cfg_status === 1 || mockHcDetail;
+        }
+      }
+      return false;
+    },
+    operateFold: function operateFold(row) {
+      var key = row.todoKey;
+      if (_includesInstanceProperty(detailBtnEnum).call(detailBtnEnum, key)) {
+        var type;
+        switch (key) {
+          case "renewalBank":
+            type = 2;
+            this.$emit("showPayDialog", type);
+            break;
+          case "payfee":
+            type = 1;
+            this.$emit("showPayDialog", type);
+            break;
+          case "recording":
+            if (!row.unfold) {
+              row.unfold = true;
+            }
+            this.$emit("showRecordDialog");
+            break;
+          case "human":
+            if (!row.unfold) {
+              row.unfold = true;
+            }
+            this.$emit("showHumanDialog");
+            break;
+        }
+      } else {
+        row.unfold = !row.unfold;
+      }
+      var scene = Number(this.scene) === 1 ? "sx" : "jdt";
+      var sceneMap = eventMap(scene);
+      if (sceneMap[key] && (row.unfold || _includesInstanceProperty(detailBtnEnum).call(detailBtnEnum, key))) {
+        this.trackEvent(sceneMap[key]);
+      }
+    },
+    trackEvent: function trackEvent(val) {
+      window._xystj && window._xystj.trackEvent(val);
+    }
+  },
+  computed: {
+    grayColor: function grayColor() {
+      return {
+        color: "#999999"
+      };
+    }
+  },
+  watch: {
+    isVisible: function isVisible(val) {
+      if (val === false) {
+        for (var key in this.tableData) {
+          var _context8;
+          var part = this.tableData[key];
+          _forEachInstanceProperty(_context8 = part.content).call(_context8, function(row) {
+            row.unfold = false;
+          });
+        }
+      }
+    }
+  },
+  created: function created() {
+    this.initTableData();
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", [_c("act-gold-layer", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isVisible,
+      expression: "isVisible"
+    }],
+    attrs: {
+      "title": _vm.title,
+      "visible": _vm.isVisible,
+      "center": false,
+      "zIndex": 99
+    },
+    on: {
+      "close": _vm.close
+    }
+  }, [_c("div", {
+    staticClass: "gradual-color"
+  }), _c("article", {
+    staticClass: "dialog-body"
+  }, [_c("div", {
+    staticClass: "tips"
+  }, [_c("p", {
+    staticClass: "tip-title"
+  }, [_vm._v(" 特别说明： ")]), _c("div", {
+    staticClass: "tip-content"
+  }, [_vm.currentRole === 4 ? _c("div", {
+    staticClass: "gold-tag gold-tag-forward"
+  }, [_c("span", {
+    staticClass: "reduce-tag"
+  }, [_vm._v(" " + _vm._s(_vm.tagMap["forward"]) + " ")])]) : _vm._e(), _c("span", {
+    staticStyle: {
+      "margin-right": "1.1rem"
+    }
+  }, [_vm._v(" 为代理人可转发的步骤 ")]), _c("img", {
+    staticClass: "required",
+    attrs: {
+      "src": __$_require_eedb22d8__
+    }
+  }), _c("span", [_vm._v(" 为一定会产生的投保单任务 ")])])]), _c("div", {
+    staticClass: "scroll-content"
+  }, [_c("scroll", {
+    ref: "scroll",
+    attrs: {
+      "bounce": false
+    }
+  }, [_c("div", {
+    staticClass: "act-gold-desc-header"
+  }, [_c("div", {
+    staticClass: "header-item"
+  }, [_vm._v(" 步骤 ")]), _c("div", {
+    staticClass: "header-item"
+  }, [_vm._v(" 内容 ")]), _c("div", {
+    staticClass: "header-item"
+  }, [_vm._v(" 说明 ")])]), _c("div", {
+    staticClass: "table-body"
+  }, _vm._l(_vm.tableData, function(part, key) {
+    var _context9;
+    return _c("div", {
+      key: part.flowKey,
+      staticClass: "table-body-item"
+    }, [_c("div", {
+      staticClass: "table-header"
+    }, [_c("span", {
+      style: part.part < _vm.currentStep ? _vm.grayColor : {}
+    }, [_vm._v(" " + _vm._s(_concatInstanceProperty(_context9 = "".concat(part.part, ".")).call(_context9, _vm.step[key])) + " ")]), _c("div", {
+      staticClass: "tags tags-supply"
+    }, _vm._l(part.tags, function(tag, c) {
+      return _c("div", {
+        key: c + "tag",
+        staticClass: "gold-tag",
+        class: "gold-tag-".concat(tag)
+      }, [_c("span", {
+        staticClass: "reduce-tag"
+      }, [_vm._v(" " + _vm._s(_vm.tagMap[tag]) + " ")])]);
+    }), 0)]), _c("div", {
+      staticClass: "table-content"
+    }, _vm._l(part.content, function(row, index) {
+      var _context0, _context1, _context10, _context11;
+      return _c("div", {
+        key: row.todoKey + index,
+        staticClass: "table-item"
+      }, [_c("div", {
+        staticClass: "row-item",
+        class: {
+          "center-cell": row.todoName === "/" || row.todoName === "\\"
+        }
+      }, [row.subTitle && row.subTitle.length ? [_c("p", {
+        style: part.part < _vm.currentStep ? _vm.grayColor : {}
+      }, [_vm._v(" " + _vm._s(row.todoName) + " ")]), _c("ul", _vm._l(row.subTitle, function(sub, i) {
+        return _c("li", {
+          key: sub.todoKey + i
+        }, [_c("div", {
+          staticClass: "li-wrapper"
+        }, [_c("div", {
+          staticClass: "li-content"
+        }, [_c("div", {
+          staticClass: "li-bar"
+        }), _c("p", {
+          style: part.part < _vm.currentStep ? _vm.grayColor : {}
+        }, [_vm._v(" " + _vm._s(sub.todoName) + " "), sub.sureFire ? _c("span", {
+          staticClass: "item-required"
+        }) : _vm._e()])]), _c("div", {
+          staticClass: "tags tags-supply"
+        }, _vm._l(sub.tags, function(tag, c) {
+          return _c("div", {
+            key: c + "tag",
+            staticClass: "gold-tag",
+            class: "gold-tag-".concat(tag)
+          }, [_c("span", {
+            staticClass: "reduce-tag"
+          }, [_vm._v(" " + _vm._s(_vm.tagMap[tag]) + " ")])]);
+        }), 0)])]);
+      }), 0)] : [_c("p", {
+        style: part.part < _vm.currentStep ? _vm.grayColor : {}
+      }, [_vm._v(" " + _vm._s(row.todoName) + " "), row.sureFire ? _c("span", {
+        staticClass: "item-required"
+      }) : _vm._e()]), _c("div", {
+        staticClass: "tags tags-supply"
+      }, _vm._l(row.tags, function(tag, c) {
+        return _c("div", {
+          key: c + "tag",
+          staticClass: "gold-tag",
+          class: "gold-tag-".concat(tag)
+        }, [_c("span", {
+          staticClass: "reduce-tag"
+        }, [_vm._v(" " + _vm._s(_vm.tagMap[tag]) + " ")])]);
+      }), 0)]], 2), _c("div", {
+        staticClass: "row-item row-item-cell3",
+        class: {
+          "center-cell": row.text === "/" || row.text === "\\"
+        }
+      }, [_c("div", {
+        ref: _concatInstanceProperty(_context0 = "foldBox-".concat(part.flowKey, "-")).call(_context0, index),
+        refInFor: true,
+        staticClass: "webkit-box",
+        class: {
+          "unfold": row.unfold,
+          "deatil-type": _includesInstanceProperty(_context1 = _vm.detailBtnEnum).call(_context1, row.todoKey)
+        }
+      }, [_c("div", {
+        staticClass: "cell3-content"
+      }, [_c("div", {
+        staticClass: "float-box",
+        style: {
+          "height": row.unfold ? row.unfoldHeight : row.foldHeight
+        }
+      }), _c("div", {
+        directives: [{
+          name: "show",
+          rawName: "v-show",
+          value: _vm.isShowBtn("float", row),
+          expression: "isShowBtn('float', row)"
+        }],
+        staticClass: "fold-btn",
+        style: {
+          color: _vm.themeColor
+        },
+        on: {
+          "click": function click($event) {
+            return _vm.operateFold(row);
+          }
+        }
+      }, [_vm._v(" 展开 ")]), _c("div", {
+        staticClass: "inline-block",
+        style: part.part < _vm.currentStep ? _vm.grayColor : {},
+        domProps: {
+          "innerHTML": _vm._s(_trimInstanceProperty(_context10 = row.text).call(_context10))
+        }
+      }), row.todoTips ? [_c("div", {
+        directives: [{
+          name: "show",
+          rawName: "v-show",
+          value: _vm.isShowDetailBtn(row),
+          expression: "isShowDetailBtn(row)"
+        }],
+        staticClass: "inline-block",
+        style: {
+          color: _vm.themeColor
+        },
+        on: {
+          "click": function click($event) {
+            return _vm.operateFold(row);
+          }
+        }
+      }, [_vm._v(" 详情> ")]), _c("br"), _c("div", {
+        staticClass: "inline-block todo-tip",
+        class: {
+          "long-todo-tip": row.showBtn && !_includesInstanceProperty(_context11 = _vm.detailBtnEnum).call(_context11, row.todoKey)
+        }
+      }, [_vm._v(" " + _vm._s(row.todoTips) + " ")])] : _vm._e(), _c("div", {
+        directives: [{
+          name: "show",
+          rawName: "v-show",
+          value: _vm.isShowBtn("span", row),
+          expression: "isShowBtn('span', row)"
+        }],
+        staticClass: "inline-block",
+        style: {
+          color: _vm.themeColor
+        },
+        on: {
+          "click": function click($event) {
+            return _vm.operateFold(row);
+          }
+        }
+      }, [_vm._v(" " + _vm._s(_vm.isShowDetailBtn(row) ? "详情>" : "收起") + " ")])], 2)])])]);
+    }), 0)]);
+  }), 0), _c("div", {
+    staticClass: "margin-box"
+  })])], 1)])])], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "aa1d7fcb");
+var GoldInsureDescDialog = __component__.exports;
+GoldInsureDescDialog.install = function(Vue) {
+  Vue.component(GoldInsureDescDialog.name, GoldInsureDescDialog);
+  Vue.prototype["$createGoldInsureDescDialog"] = create(GoldInsureDescDialog, Vue);
+};
+export {
+  GoldInsureDescDialog as G
+};

package/lib/GoldInsureDescDialog/style.css

@@ -0,0 +1 @@
+.gradual-color[data-v-aa1d7fcb]{height:2.2rem;background:-webkit-linear-gradient(bottom,#F7F8FC 0%,#FFFFFF 100%);background:linear-gradient(0deg,#F7F8FC 0%,#FFFFFF 100%)}.dialog-body[data-v-aa1d7fcb]{margin-top:-0.8rem;padding:0 1.4rem;background:#f7f8fc}.dialog-body .reduce-tag[data-v-aa1d7fcb]{display:inline-block;scale:0.9;height:100%}.dialog-body .tips[data-v-aa1d7fcb]{margin-bottom:0.85rem}.dialog-body .tips .tip-title[data-v-aa1d7fcb]{font-size:1.4rem;height:1.9rem;line-height:1.9rem;color:#333}.dialog-body .tips .tip-content[data-v-aa1d7fcb]{font-size:1.2rem;height:2.2rem;line-height:2.2rem;margin-top:0.2rem;color:#666}.dialog-body .tips .tip-content img[data-v-aa1d7fcb]{margin-top:0.7rem}.dialog-body .scroll-wrapper[data-v-aa1d7fcb]{border-radius:1rem 1rem 0 0;border-top:0.1rem solid #E2E5E7}.dialog-body .scroll-content[data-v-aa1d7fcb]{height:60vh}.dialog-body .scroll-content .act-gold-desc-header[data-v-aa1d7fcb]{display:-webkit-box;display:-webkit-flex;display:flex;height:4rem;font-size:1.3rem;background:#F1F1F7;color:#333;border-radius:1rem 1rem 0rem 0rem;border:0.1rem solid #E2E5E7;line-height:4rem;text-align:center;border-bottom:none;border-top:none}.dialog-body .scroll-content .act-gold-desc-header .header-item[data-v-aa1d7fcb]:nth-child(1){width:5rem;border-right:0.05rem solid #E2E5E7}.dialog-body .scroll-content .act-gold-desc-header .header-item[data-v-aa1d7fcb]:nth-child(2){width:9.8rem;border-right:0.05rem solid #E2E5E7}.dialog-body .scroll-content .act-gold-desc-header .header-item[data-v-aa1d7fcb]:nth-child(3){-webkit-box-flex:1;-webkit-flex:1;flex:1}.dialog-body .scroll-content .table-body[data-v-aa1d7fcb]{font-size:1.2rem;color:#333;line-height:1.8rem;border-radius:0 0 1rem 1rem;border:0.1rem solid #E2E5E7;background:#fff}.dialog-body .scroll-content .table-body .table-body-item[data-v-aa1d7fcb]{display:-webkit-box;display:-webkit-flex;display:flex;border-bottom:0.05rem solid #E2E5E7}.dialog-body .scroll-content .table-body .table-body-item[data-v-aa1d7fcb]:last-child{border-radius:0 0 1rem 1rem;border-bottom:none}.dialog-body .scroll-content .table-body .table-body-item .table-header[data-v-aa1d7fcb]{width:5rem;padding:0 0.6rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-right:0.05rem solid #E2E5E7;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dialog-body .scroll-content .table-body .table-body-item .table-content[data-v-aa1d7fcb]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item[data-v-aa1d7fcb]{display:-webkit-box;display:-webkit-flex;display:flex;border-bottom:0.05rem solid #E2E5E7}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item[data-v-aa1d7fcb]:last-child{border-bottom:none}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item[data-v-aa1d7fcb]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;min-height:4.5rem;padding:0.7rem;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-right:0.05rem solid #E2E5E7}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item.center-cell[data-v-aa1d7fcb]{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item[data-v-aa1d7fcb]:first-child{width:9.8rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child .tags[data-v-aa1d7fcb]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child p[data-v-aa1d7fcb]{margin-bottom:0.3rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper[data-v-aa1d7fcb]{margin-bottom:0.5rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper .li-content[data-v-aa1d7fcb]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper .li-content .li-bar[data-v-aa1d7fcb]{width:0.4rem;height:0.4rem;background:#A0A0A0;border-radius:50%;margin-right:0.55rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child li .li-wrapper .tags-supply[data-v-aa1d7fcb]{margin-left:0.95rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item:first-child .item-required[data-v-aa1d7fcb]::after{content:"*";color:red}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item[data-v-aa1d7fcb]:last-child{-webkit-box-flex:1;-webkit-flex:1;flex:1;border-right:none}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3[data-v-aa1d7fcb]{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;line-height:1.8rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box[data-v-aa1d7fcb]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box.deatil-type[data-v-aa1d7fcb]{-webkit-line-clamp:999;line-clamp:999}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .float-box[data-v-aa1d7fcb]{width:0;float:right;clear:both}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .fold-btn[data-v-aa1d7fcb]{float:right;clear:both}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .inline-block[data-v-aa1d7fcb]{display:inline}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .todo-tip[data-v-aa1d7fcb]{color:#999}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .webkit-box .cell3-content .todo-tip.long-todo-tip[data-v-aa1d7fcb]{display:inline-block;margin-top:0.8rem}.dialog-body .scroll-content .table-body .table-body-item .table-content .table-item .row-item-cell3 .unfold[data-v-aa1d7fcb]{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset}.dialog-body .scroll-content .margin-box[data-v-aa1d7fcb]{height:4rem}.dialog-body .gold-tag[data-v-aa1d7fcb]{display:inline-block;vertical-align:initial;padding:0.1rem 0.2rem 0.05rem 0.2rem;font-size:0.9rem;height:1.4rem;opacity:0.6;text-align:center;line-height:1.25rem;border-radius:0.2rem;color:#fff;margin-right:0.3rem;margin-bottom:0.2rem}.dialog-body .gold-tag[data-v-aa1d7fcb]:last-child{margin-right:0}.dialog-body .gold-tag.gold-tag-forward[data-v-aa1d7fcb]{background:-webkit-linear-gradient(right,#FF8A3E 0%,#FFA911 100%);background:linear-gradient(270deg,#FF8A3E 0%,#FFA911 100%);opacity:1;width:-webkit-max-content;width:max-content}.dialog-body .gold-tag.gold-tag-applicant[data-v-aa1d7fcb]{background:#F04B4B}.dialog-body .gold-tag.gold-tag-insured[data-v-aa1d7fcb]{background:#F0A34B}.dialog-body .gold-tag.gold-tag-agent[data-v-aa1d7fcb]{background:#1358FF}.dialog-body .gold-tag.gold-tag-beneficiary[data-v-aa1d7fcb]{background:#584BF0}.dialog-body .gold-tag.gold-tag-guarder[data-v-aa1d7fcb]{background:#FF6F38}.dialog-body .required[data-v-aa1d7fcb]{display:inline-block;width:0.85rem;height:1.2rem}

package/lib/GoldInsureDuty/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _Array$from=require("@babel/runtime-corejs3/core-js/array/from");var _Symbol=require("@babel/runtime-corejs3/core-js/symbol");var _getIteratorMethod=require("@babel/runtime-corejs3/core-js/get-iterator-method");var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _Object$keys=require("@babel/runtime-corejs3/core-js/object/keys");var _JSON$stringify=require("@babel/runtime-corejs3/core-js/json/stringify");var _concatInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/concat");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 _context4;if("string"==typeof r)return _arrayLikeToArray(r,a);var t=_sliceInstanceProperty(_context4={}.toString.call(r)).call(_context4,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}var utils_create=require("../utils/create/index.js");var mixins_goldVisible=require("../mixins/gold-visible/index.js");var mixins_goldElement=require("../mixins/gold-element/index.js");var utils_helpers=require("../utils/helpers/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActGoldInsureDuty",mixins:[mixins_goldVisible.visibleMixin,mixins_goldElement.goldElementMixin],data:function data(){return{dutyDescMap:{},dutyList:[],isExpanded:false}},props:{duties:{type:Array,default:function _default(){return[]}},keywords:{type:Object,default:function _default2(){return{}}},brandColor:{type:String,default:""},btnColor:{type:String,default:""},foldAll:{type:Boolean,default:false},canFold:{type:Boolean,default:true},color:{type:String,default:""},position:{type:String,default:"middle"},viewMoreConfig:{type:Object,default:function _default3(){return null}}},computed:{itemDetailStyle:function itemDetailStyle(){return{"act-gold-duty-item-detail":true,"act-gold-duty-item-detail-left":this.position==="left","act-gold-duty-item-detail-middle":this.position==="middle"}},itemTitStyle:function itemTitStyle(){return{"act-gold-duty-item-tit":true,"act-gold-duty-item-tit-right":this.position==="right","act-gold-duty-item-tit-middle":this.position==="middle"}},displayDutyList:function displayDutyList(){var _context;if(!this.viewMoreConfig){return this.dutyList}if(this.isExpanded||this.dutyList.length<=3){return this.dutyList}return _sliceInstanceProperty(_context=this.dutyList).call(_context,0,3)}},methods:{onViewMoreClick:function onViewMoreClick(){if(!this.viewMoreConfig){return}this.isExpanded=this.viewMoreConfig.isListAll;this.viewMoreConfig.onClick&&this.viewMoreConfig.onClick()},initKeywordEvent:function initKeywordEvent(){var _this=this;this.$nextTick(function(){var _context2;_forEachInstanceProperty(_context2=_Object$keys(_this.dutyDescMap)).call(_context2,function(id){var element=document.getElementById(id);if(element){element.onclick=_this.dutyDescMap[id].onClick}})})},showQuestion:function showQuestion(duty){if(this.dialog){this.dialog.setData(duty.duty,duty.dutymark)}else{this.dialog=this.$createGoldDialog({closable:true,maskClosable:true,title:duty.duty,content:duty.dutymark,showConfirmButton:false,confirmButtonColor:this.brandColor})}this.dialog.show()},showKeyword:function showKeyword(e,key){if(this.followDialog){this.followDialog.setData(key,this.keywords[key])}else{this.followDialog=this.$createGoldDialog({closable:true,maskClosable:true,title:key,content:this.keywords[key],showConfirmButton:false,confirmButtonColor:this.brandColor})}this.followDialog.showFollow(e)},toggleDutyDesc:function toggleDutyDesc(duty){if(!duty.coverage||duty.coverage==="0"){return}if(!duty.dutydesc||!duty.dutydesc.length){return}if(!this.canFold){return}duty.active=!duty.active},translateDuties:function translateDuties(data2){var _this2=this;if(!data2){return[]}this.dutyDescMap={};var duties=JSON.parse(_JSON$stringify(data2));var keyArray=[];for(var key in this.keywords||{}){if(!this.keywords.hasOwnProperty(key)){continue}keyArray.push(key)}var hasKeywords=keyArray.length>0;var regExp=new RegExp(keyArray.join("|"),"g");var matchedKeyMap={};for(var i=0,n=duties.length;i<n;i++){var duty=duties[i];var dutyDescs=[];duty.active=false;if(duty.dutydesc==="<p><br></p>"){duty.dutydesc=""}if(duty.dutydesc){var matches=duty.dutydesc.match(regExp);if(!hasKeywords||!matches){dutyDescs.push(duty.dutydesc)}else{var dutyDesc=duty.dutydesc;var _iterator=_createForOfIteratorHelper(matches),_step;try{var _loop=function _loop2(){var match=_step.value;if(!matchedKeyMap[match]){var _context3;var splits=dutyDesc.split(match);if(splits[0]){dutyDescs.push(splits[0])}var id="kw_"+utils_helpers.createUUID();var val=_concatInstanceProperty(_context3='<span id="'.concat(id,'" class="act-gold-duty-item-txt-noun">')).call(_context3,match,"</span>");dutyDescs.push(val);_this2.dutyDescMap[id]={text:match,desc:_this2.keywords[match],onClick:function onClick(e){e.stopPropagation();_this2.showKeyword(e,match)}};dutyDesc=dutyDesc.substr((splits[0]+match).length);matchedKeyMap[match]=true}};for(_iterator.s();!(_step=_iterator.n()).done;){_loop()}}catch(err){_iterator.e(err)}finally{_iterator.f()}if(dutyDesc){dutyDescs.push(dutyDesc)}}}duty.dutydesc=dutyDescs.join("")}return duties}},mounted:function mounted(){},watch:{duties:{handler:function handler(newVal){this.dutyList=this.translateDuties(newVal);this.initKeywordEvent()},deep:true,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.isVisible,expression:"isVisible"}],staticClass:"act-gold-duty"},[_vm._l(_vm.displayDutyList,function(duty,i){return _c("div",{key:i,staticClass:"act-gold-duty-item"},[_c("div",{staticClass:"act-gold-duty-item-header",on:{"click":function click($event){$event.stopPropagation();return _vm.toggleDutyDesc(duty)}}},[_c("p",{class:_vm.itemTitStyle},[_vm._v(" "+_vm._s(duty.duty)+" "),duty.dutymark?_c("span",{staticClass:"act-gold-duty-item-question",attrs:{"data-track":"detail_mark"},on:{"click":function click($event){$event.stopPropagation();return _vm.showQuestion(duty)}}},[_vm._v("?")]):_vm._e()]),duty.coverage&&duty.coverage!=="0"?_c("span",{class:_vm.itemDetailStyle,style:{"color":_vm.color?_vm.color:"#f7686c"}},[_vm._v(" "+_vm._s(duty.coverage)+" ")]):_vm._e(),_vm.canFold?_c("span",{staticClass:"act-gold-duty-suffix mem-replayer-hide",class:{"act-gold-duty-arrow":duty.coverage&&duty.coverage!=="0"&&duty.dutydesc&&duty.dutydesc.length,"act-gold-duty-arrow-top":duty.active}}):_vm._e()]),_c("div",{directives:[{name:"show",rawName:"v-show",value:duty.active,expression:"duty.active"}],staticClass:"act-gold-duty-item-txt mem-replayer-show"},[_c("div",{domProps:{"innerHTML":_vm._s(duty.dutydesc)}})])])}),!_vm.isExpanded&&_vm.viewMoreConfig?_c("div",{staticClass:"act-gold-duty-view-more",on:{"click":_vm.onViewMoreClick}},[_vm._v(" "+_vm._s(_vm.viewMoreConfig.viewMoreText)+" ")]):_vm._e()],2)};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"5e6d65d6");var GoldInsureDuty=__component__.exports;GoldInsureDuty.install=function(Vue){Vue.component(GoldInsureDuty.name,GoldInsureDuty);Vue.prototype["$createGoldInsureDuty"]=utils_create.create(GoldInsureDuty,Vue)};exports.GoldInsureDuty=GoldInsureDuty;