@xysfe/actui2 0.0.1

package/lib/GoldCancelDialog/index.mjs

@@ -0,0 +1,656 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+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 _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import _Promise from "@babel/runtime-corejs3/core-js/promise";
+import { c as create } from "../utils/create/index.mjs";
+import { n as noscrollMixin } from "../mixins/noscroll/index.mjs";
+import { p as popupMixin } from "../mixins/popup/index.mjs";
+import { f as fetch } from "../utils/post/index.mjs";
+import { A as ActPopup } from "../common/popup/index.mjs";
+import { L as Loading } from "../Loading/index.mjs";
+import { J as JigsawVerifyCode } from "../JigsawVerifyCode/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+import './style.css';function ownKeys(e, r) {
+  var t = _Object$keys(e);
+  if (_Object$getOwnPropertySymbols) {
+    var o = _Object$getOwnPropertySymbols(e);
+    r && (o = _filterInstanceProperty(o).call(o, function(r2) {
+      return _Object$getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var _context5, _context6;
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), true)).call(_context5, function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function(r2) {
+      _Object$defineProperty(e, r2, _Object$getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+var _sfc_main = {
+  name: "ActGoldCancelDialog",
+  mixins: [popupMixin, noscrollMixin],
+  components: {
+    ActPopup,
+    ActLoading: Loading,
+    JigsawVerifyCode
+  },
+  props: {
+    closable: {
+      type: Boolean,
+      default: false
+    },
+    brandColor: {
+      type: String,
+      default: "#8c7fee"
+    },
+    cancelCfg: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    cancelPortUrl: {
+      type: String,
+      default: "/Cancelation/cancelBuyOrder"
+    },
+    cancelPortParam: {
+      type: Object,
+      default: function _default2() {
+      }
+    }
+  },
+  data: function data() {
+    return {
+      staticClosable: void 0,
+      staticBrandColor: void 0,
+      staticCancelCfg: void 0,
+      staticCancelPortUrl: void 0,
+      staticCancelPortParam: void 0,
+      isLoadingShow: false,
+      cancelVisible: false,
+      codeVisible: false,
+      verifyCode: "",
+      timeLeft: 0,
+      jigsawConfig: {
+        desc: "",
+        scene: "",
+        chn: "",
+        brandColor: "",
+        verifyCodeUrl: "",
+        extParam: {
+          hcid: "",
+          mobileNo: "",
+          groupId: "",
+          hctoken: "",
+          needPigsaw: true
+        }
+      }
+    };
+  },
+  computed: {
+    renderBrandColor: function renderBrandColor() {
+      return this.staticBrandColor || this.brandColor;
+    },
+    renderClosable: function renderClosable() {
+      return this.staticCancelCfg || this.closable || false;
+    },
+    renderCancelPortUrl: function renderCancelPortUrl() {
+      return this.staticCancelPortUrl || this.cancelPortUrl;
+    },
+    renderCancelPortParam: function renderCancelPortParam() {
+      return this.staticCancelPortParam || this.cancelPortParam || {};
+    },
+    renderCancelCfg: function renderCancelCfg() {
+      return this.staticCancelCfg || this.cancelCfg || {};
+    },
+    cancelType: function cancelType() {
+      if (this.renderCancelCfg.cancel_type !== void 0) {
+        return ~~this.renderCancelCfg.cancel_type;
+      }
+      return 0;
+    },
+    bizType: function bizType() {
+      if (this.renderCancelCfg.biz_type !== void 0) {
+        return ~~this.renderCancelCfg.biz_type;
+      }
+      return 0;
+    },
+    cancelRunning: function cancelRunning() {
+      if (this.renderCancelCfg.cancel_state !== void 0 && ~~this.renderCancelCfg.cancel_state === 4) {
+        return true;
+      }
+      return false;
+    },
+    userRole: function userRole() {
+      if (this.renderCancelCfg.userRole !== void 0) {
+        return ~~this.renderCancelCfg.userRole;
+      }
+      return 0;
+    },
+    authInfo: function authInfo() {
+      return this.renderCancelCfg.authInfo || {};
+    },
+    renderCodeText: function renderCodeText() {
+      var _context;
+      return _concatInstanceProperty(_context = "此操作需客户授权，向投保人".concat(this.authInfo.name || "", " (手机号")).call(_context, this.authInfo.mobile || "", ") 发送验证码完成授权");
+    },
+    renderTitle: function renderTitle() {
+      if (this.userRole === 4) {
+        if (this.cancelType === 2 || this.cancelType === 3) {
+          return "仅投保人有权限取消";
+        }
+      }
+      if (this.bizType === 1) {
+        return "取消订单";
+      } else if (this.bizType === 2) {
+        return "取消人核单";
+      } else if (this.bizType === 3) {
+        return "取消投保单";
+      }
+      return "";
+    },
+    renderText: function renderText() {
+      if (this.cancelRunning) {
+        return "您已提交取消申请，请耐心等待";
+      }
+      if (this.userRole === 4) {
+        if (this.cancelType === 2 || this.cancelType === 3) {
+          return "需投保人走撤单申请（需签名）才能取消，请点击“复制”按钮后通过微信或短信发送给投保人。<br />复制内容如下：";
+        }
+      }
+      return "确定要取消该单吗？取消后，若还需要购买该产品，您将需要重新填写信息进行投保。";
+    },
+    renderTips: function renderTips() {
+      if (this.cancelRunning) {
+        return "";
+      }
+      if (this.cancelType === 0) {
+        return '因该单不支持在线取消，点击"确认取消后"，工作人员将联系保险公司处理，预计需要1至2个工作日';
+      }
+      return "";
+    },
+    renderRemarks: function renderRemarks() {
+      if (this.cancelRunning) {
+        return "";
+      }
+      if (this.userRole === 4) {
+        if (this.cancelType === 2 || this.cancelType === 3) {
+          var _context2, _context3;
+          return _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = '您可以通过该链接<span style="color:'.concat(this.renderBrandColor, ';padding:0 2px;">')).call(_context3, this.authInfo.link || "", '</span> 取消 <span style="padding:0 2px;">')).call(_context2, this.authInfo.itemName || "", "</span>的投保");
+        }
+      }
+      return "";
+    },
+    renderConfirmBtn: function renderConfirmBtn() {
+      var _this = this;
+      if (this.cancelRunning) {
+        return {
+          text: "我知道了",
+          onClick: function onClick() {
+            _this.hide();
+          }
+        };
+      }
+      if (this.userRole === 4) {
+        if (this.cancelType === 2 || this.cancelType === 3) {
+          return {
+            text: "复制",
+            onClick: function onClick() {
+              var _context4;
+              var copyText = _this.copyToClipboard(_concatInstanceProperty(_context4 = "您可以通过该链接".concat(_this.authInfo.link || "", "取消")).call(_context4, _this.authInfo.itemName || "", "的投保"));
+              if (copyText) {
+                _this.hide();
+                _this.showToast("复制成功");
+              } else {
+                _this.showToast("复制出错");
+              }
+            }
+          };
+        }
+      }
+      return {
+        text: "不取消",
+        onClick: function onClick() {
+          _this.hide();
+        }
+      };
+    },
+    renderCancelBtn: function renderCancelBtn() {
+      var _this2 = this;
+      if (this.cancelRunning) {
+        return null;
+      }
+      if (this.userRole === 4) {
+        if (this.cancelType === 2 || this.cancelType === 3) {
+          return {
+            text: "关闭",
+            onClick: function onClick() {
+              _this2.hide();
+            }
+          };
+        }
+      }
+      return {
+        text: "确认取消",
+        onClick: function onClick() {
+          _this2.onCancelOrder();
+        }
+      };
+    }
+  },
+  methods: {
+    setData: function setData() {
+      var config = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      if (config.closable) {
+        this.staticClosable = config.closable;
+      }
+      if (config.cancelCfg) {
+        this.staticCancelCfg = config.cancelCfg;
+      }
+      if (config.brandColor) {
+        this.staticBrandColor = config.brandColor;
+      }
+      if (config.cancelPortUrl) {
+        this.staticCancelPortUrl = config.cancelPortUrl;
+      }
+      if (config.cancelPortParam) {
+        this.staticCancelPortParam = config.cancelPortParam;
+      }
+    },
+    onClose: function onClose() {
+      this.hide();
+    },
+    onCancelOrder: function onCancelOrder() {
+      var _this3 = this;
+      this.hide();
+      this.showLoading();
+      var postData = _objectSpread(_objectSpread({}, this.renderCancelCfg), this.renderCancelPortParam);
+      if (this.verifyCode !== "") {
+        postData.smsCode = this.verifyCode;
+        this.verifyCode = "";
+      }
+      return fetch(this.renderCancelPortUrl, postData).then(function(_ref) {
+        var res = _ref.data;
+        if (~~res.ret === 0) {
+          if (~~res.data.nextAction === 2) {
+            _this3.onAuthDialog();
+            return _Promise.reject();
+          } else if (~~res.data.nextAction === 3) {
+            window.location.href = res.data.coopUrl;
+            _this3.$emit("cancel");
+            return _Promise.reject();
+          } else {
+            if (res.data.cancelCfg && ~~res.data.cancelCfg.cancel_state === 4) {
+              _this3.showDialog({
+                dialogTitle: _this3.renderTitle,
+                dialogType: 1,
+                dialogData: ["您已提交取消申请，请耐心等待"],
+                confirmbtnText: "我知道了"
+              });
+            }
+            _this3.$emit("success", res.data);
+            return _Promise.resolve(res.data);
+          }
+        } else {
+          return _Promise.reject(res.errmsg);
+        }
+      }).catch(function(errmsg) {
+        if (errmsg && errmsg !== "") {
+          _this3.showDialog({
+            dialogTitle: "提示",
+            dialogType: 1,
+            dialogData: [errmsg],
+            confirmbtnText: "我知道了",
+            onConfirm: function onConfirm() {
+              _this3.hide();
+            }
+          });
+          _this3.$emit("cancel");
+        }
+      }).finally(function() {
+        _this3.hideLoading();
+      });
+    },
+    onAuthDialog: function onAuthDialog() {
+      this.jigsawConfig = {
+        desc: "为了您的账号安全，本次操作需完成验证",
+        scene: "bdzs",
+        chn: "",
+        brandColor: this.renderBrandColor,
+        verifyCodeUrl: "/Cancelation/sendSms",
+        extParam: _objectSpread({}, this.renderCancelCfg)
+      };
+      this.codeVisible = true;
+    },
+    onAuthSubmit: function onAuthSubmit() {
+      if (!this.verifyCode) {
+        this.showToast("请输入验证码");
+        return false;
+      }
+      this.onCancelOrder();
+    },
+    onAuthSendCode: function onAuthSendCode() {
+      if (this.timeLeft > 0) return;
+      if (!this.authInfo.mobile) {
+        return this.showToast("手机号不存在");
+      }
+      this.$refs.jigsaw.sendVerifyCode();
+    },
+    onJigsawSent: function onJigsawSent() {
+      this.showToast("验证码发送成功");
+      if (this.timeLeft > 0) return;
+      this.startTime();
+    },
+    onJigsawError: function onJigsawError(res) {
+      this.showToast(res.errmsg || "验证码发送失败");
+    },
+    copyToClipboard: function copyToClipboard(str) {
+      try {
+        str += "";
+        var el = document.createElement("textarea");
+        el.value = str;
+        el.setAttribute("readonly", "");
+        el.style.position = "absolute";
+        el.style.left = "-9999px";
+        document.body.appendChild(el);
+        el.select();
+        document.execCommand("copy");
+        document.body.removeChild(el);
+        return true;
+      } catch (e) {
+        return false;
+      }
+    },
+    startTime: function startTime() {
+      this.timeLeft = 60;
+      this.startCountDown();
+    },
+    startCountDown: function startCountDown() {
+      if (this.timeLeft > 0) {
+        this.timeLeft -= 1;
+        setTimeout(this.startCountDown, 1e3);
+      } else {
+        this.timeLeft = 0;
+      }
+    },
+    showDialog: function showDialog(_ref2) {
+      var _ref2$dialogType = _ref2.dialogType, dialogType = _ref2$dialogType === void 0 ? 1 : _ref2$dialogType, _ref2$dialogTitle = _ref2.dialogTitle, dialogTitle = _ref2$dialogTitle === void 0 ? "" : _ref2$dialogTitle, dialogData = _ref2.dialogData, _ref2$cancelbtnText = _ref2.cancelbtnText, cancelbtnText = _ref2$cancelbtnText === void 0 ? "取消" : _ref2$cancelbtnText, _ref2$confirmbtnText = _ref2.confirmbtnText, confirmbtnText = _ref2$confirmbtnText === void 0 ? "确定" : _ref2$confirmbtnText, _ref2$onConfirm = _ref2.onConfirm, _onConfirm = _ref2$onConfirm === void 0 ? function() {
+      } : _ref2$onConfirm, _ref2$onCancel = _ref2.onCancel, _onCancel = _ref2$onCancel === void 0 ? function() {
+      } : _ref2$onCancel;
+      var dialog = this.$createGoldDialog({
+        zIndex: this.extraZindex,
+        closable: false,
+        title: dialogTitle,
+        content: dialogData.join("<br/>"),
+        buttonType: "sticky",
+        showCancelButton: Number(dialogType) !== 1,
+        cancelButtonText: cancelbtnText,
+        confirmButtonText: confirmbtnText,
+        confirmButtonColor: this.renderBrandColor,
+        onConfirm: function onConfirm() {
+          dialog && dialog.remove();
+          _onConfirm();
+        },
+        onCancel: function onCancel() {
+          dialog && dialog.remove();
+          _onCancel();
+        }
+      });
+      dialog.show();
+    },
+    showToast: function showToast(message) {
+      var time = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 3e3;
+      this.hideToast();
+      if (!this.toast) {
+        this.toast = this.$createToast({
+          zIndex: this.extraZindex
+        });
+      }
+      this.toast.show(message, time);
+    },
+    hideToast: function hideToast() {
+      if (this.toast) {
+        this.toast.hide();
+      }
+    },
+    showLoading: function showLoading() {
+      this.isLoadingShow = true;
+    },
+    hideLoading: function hideLoading() {
+      this.isLoadingShow = false;
+    },
+    show: function show() {
+      this.cancelVisible = true;
+    },
+    hide: function hide() {
+      this.cancelVisible = false;
+      this.codeVisible = false;
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", [_c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.cancelVisible,
+      expression: "cancelVisible"
+    }],
+    attrs: {
+      "mask": true,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.preventDefault();
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "mask",
+      fn: function fn() {
+        return [_c("div", {
+          staticClass: "cancel-dialog"
+        }, [_vm.renderClosable ? _c("span", {
+          staticClass: "cancel-dialog-close",
+          on: {
+            "click": function click($event) {
+              $event.stopPropagation();
+              return _vm.onClose.apply(null, arguments);
+            }
+          }
+        }, [_c("i")]) : _vm._e(), _vm.renderTitle ? _c("div", {
+          staticClass: "cancel-dialog-title"
+        }, [_vm._v(" " + _vm._s(_vm.renderTitle) + " ")]) : _vm._e(), _c("div", {
+          staticClass: "cancel-dialog-content",
+          on: {
+            "touchmove": function touchmove($event) {
+              $event.stopPropagation();
+            }
+          }
+        }, [_vm.renderText ? _c("div", {
+          staticClass: "cancel-dialog-text",
+          domProps: {
+            "innerHTML": _vm._s(_vm.renderText)
+          }
+        }) : _vm._e(), _vm.renderRemarks ? _c("div", {
+          staticClass: "cancel-dialog-remarks",
+          domProps: {
+            "innerHTML": _vm._s(_vm.renderRemarks)
+          }
+        }) : _vm._e(), _vm.renderTips ? _c("div", {
+          staticClass: "cancel-dialog-tips"
+        }, [_c("span", {
+          staticClass: "cancel-dialog-tips-icon"
+        }, [_vm._v("*")]), _c("span", {
+          domProps: {
+            "innerHTML": _vm._s(_vm.renderTips)
+          }
+        })]) : _vm._e()]), _c("div", {
+          staticClass: "cancel-dialog-btn"
+        }, [_vm.renderCancelBtn ? _c("a", {
+          staticClass: "cancel-btn-item cancel-dialog-btn-left",
+          on: {
+            "click": _vm.renderCancelBtn.onClick
+          }
+        }, [_vm._v(" " + _vm._s(_vm.renderCancelBtn.text) + " ")]) : _vm._e(), _vm.renderConfirmBtn ? _c("a", {
+          staticClass: "cancel-btn-item cancel-dialog-btn-right",
+          style: {
+            "color": _vm.renderBrandColor
+          },
+          on: {
+            "click": _vm.renderConfirmBtn.onClick
+          }
+        }, [_vm._v(" " + _vm._s(_vm.renderConfirmBtn.text) + " ")]) : _vm._e()])])];
+      },
+      proxy: true
+    }])
+  }), _c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.codeVisible,
+      expression: "codeVisible"
+    }],
+    attrs: {
+      "mask": true,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "code-dialog"
+  }, [_c("span", {
+    staticClass: "code-dialog-close",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.onClose.apply(null, arguments);
+      }
+    }
+  }, [_c("i")]), _c("div", {
+    staticClass: "code-dialog-title"
+  }, [_vm._v(" 客户授权 ")]), _c("div", {
+    staticClass: "code-dialog-content",
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "code-dialog-text",
+    domProps: {
+      "innerHTML": _vm._s(_vm.renderCodeText)
+    }
+  }), _c("div", {
+    staticClass: "code-dialog-action"
+  }, [_c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.verifyCode,
+      expression: "verifyCode"
+    }],
+    staticClass: "code-dialog-input",
+    attrs: {
+      "placeholder": "请输入验证码"
+    },
+    domProps: {
+      "value": _vm.verifyCode
+    },
+    on: {
+      "input": function input($event) {
+        if ($event.target.composing) return;
+        _vm.verifyCode = $event.target.value;
+      }
+    }
+  }), _c("a", {
+    staticClass: "code-dialog-sendBtn",
+    style: {
+      "color": _vm.timeLeft === 0 ? _vm.renderBrandColor : "#b3b3b3"
+    },
+    attrs: {
+      "href": "javascript:;"
+    },
+    on: {
+      "click": _vm.onAuthSendCode
+    }
+  }, [_vm._v(" " + _vm._s(_vm.timeLeft === 0 ? "获取验证码" : "剩余" + _vm.timeLeft + "秒") + " ")])]), _c("div", {
+    staticClass: "code-dialog-submitBtn",
+    style: {
+      "background-color": _vm.renderBrandColor
+    },
+    on: {
+      "click": _vm.onAuthSubmit
+    }
+  }, [_vm._v(" 确定 ")])])])]), _c("JigsawVerifyCode", {
+    ref: "jigsaw",
+    attrs: {
+      "desc": _vm.jigsawConfig.desc,
+      "mobile": _vm.authInfo.mobile,
+      "scene": _vm.jigsawConfig.scene,
+      "chn": _vm.jigsawConfig.chn,
+      "brandColor": _vm.jigsawConfig.brandColor,
+      "extParam": _vm.jigsawConfig.extParam,
+      "verifyCodeUrl": _vm.jigsawConfig.verifyCodeUrl
+    },
+    on: {
+      "sent": _vm.onJigsawSent,
+      "error": _vm.onJigsawError
+    }
+  }), _c("act-popup", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isLoadingShow,
+      expression: "isLoadingShow"
+    }],
+    attrs: {
+      "mask": true,
+      "center": true,
+      "zIndex": _vm.zIndex
+    },
+    on: {
+      "touchmove": function touchmove($event) {
+        $event.preventDefault();
+      }
+    }
+  }, [_c("act-loading", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isLoadingShow,
+      expression: "isLoadingShow"
+    }],
+    attrs: {
+      "type": "cir2",
+      "color": _vm.renderBrandColor
+    }
+  })], 1)], 1);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "f6a6f3ca");
+var GoldCancelDialog = __component__.exports;
+GoldCancelDialog.install = function(Vue) {
+  Vue.component(GoldCancelDialog.name, GoldCancelDialog);
+  Vue.prototype["$createGoldCancelDialog"] = create(GoldCancelDialog, Vue);
+};
+export {
+  GoldCancelDialog as G
+};

package/lib/GoldCancelDialog/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.cancel-dialog[data-v-f6a6f3ca],.code-dialog[data-v-f6a6f3ca]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;width:290px;background-color:#FFF;border-radius:8px}.cancel-dialog-close[data-v-f6a6f3ca],.code-dialog-close[data-v-f6a6f3ca]{display:block;position:absolute;top:0;right:0;padding:13px 13px 0 0}.cancel-dialog-close i[data-v-f6a6f3ca],.code-dialog-close i[data-v-f6a6f3ca]{position:relative;display:block;width:12px;height:12px}.cancel-dialog-close i[data-v-f6a6f3ca]::before,.cancel-dialog-close i[data-v-f6a6f3ca]::after,.code-dialog-close i[data-v-f6a6f3ca]::before,.code-dialog-close i[data-v-f6a6f3ca]::after{position:absolute;content:"";width:12px;height:2px;background:#b3b3b3;top:4.2857142857px;border-radius:1px;left:1.7142857143px}.cancel-dialog-close i[data-v-f6a6f3ca]::before,.code-dialog-close i[data-v-f6a6f3ca]::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.cancel-dialog-close i[data-v-f6a6f3ca]::after,.code-dialog-close i[data-v-f6a6f3ca]::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.cancel-dialog-title[data-v-f6a6f3ca],.code-dialog-title[data-v-f6a6f3ca]{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px;line-height:26px;font-weight:700;color:#3c3c3c;text-align:center;padding:18px 17px 0;overflow:hidden}.cancel-dialog-content[data-v-f6a6f3ca],.code-dialog-content[data-v-f6a6f3ca]{padding:15px 17px 15px}.cancel-dialog-text[data-v-f6a6f3ca],.code-dialog-text[data-v-f6a6f3ca]{font-size:15px;line-height:22px;color:#333;word-break:break-all}.cancel-dialog-remarks[data-v-f6a6f3ca]{font-size:14px;color:#333;padding:8px 14px;line-height:22px;background-color:#F7F8FC;border-radius:8px;margin-top:10px;word-break:break-all}.cancel-dialog-tips[data-v-f6a6f3ca]{font-size:12px;color:#999;line-height:18px;margin-top:10px}.cancel-dialog-tips-icon[data-v-f6a6f3ca]{margin-right:2px}.cancel-dialog-title+.cancel-dialog-content[data-v-f6a6f3ca]{padding-top:4px}.cancel-dialog-btn[data-v-f6a6f3ca]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;font-size:16px}.cancel-btn-item[data-v-f6a6f3ca]{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;border-top:1px solid #f9f9f9;padding:13px 0 15px;color:#999}.cancel-btn-item[data-v-f6a6f3ca]:nth-child(2n)::before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";display:block;width:1px;height:16px;background-color:#f5f5f5}.cancel-dialog-btn-right[data-v-f6a6f3ca]{color:#8c7fee}.code-dialog-action[data-v-f6a6f3ca]{margin:12px 0 14px;width:100%;padding:3px 12px;background:#F7F8FC;border-radius:3px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.code-dialog-action .code-dialog-input[data-v-f6a6f3ca]{font-size:15px;height:40px;background:#F7F8FC;line-height:40px;width:100%;margin-right:8px;border:none;color:#333;padding:0 5px}.code-dialog-action .code-dialog-sendBtn[data-v-f6a6f3ca]{font-size:12px;min-width:70px;text-align:center}.code-dialog-submitBtn[data-v-f6a6f3ca]{font-size:16px;color:#fff;background-color:#8c7fee;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:22px}

package/lib/GoldCareer/index.js

@@ -0,0 +1 @@
+"use strict";var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var utils_create=require("../utils/create/index.js");var Vue=require("vue");var mixins_goldVisible=require("../mixins/gold-visible/index.js");var mixins_goldElement=require("../mixins/gold-element/index.js");var mixins_goldChange=require("../mixins/gold-change/index.js");var common_baseelement=require("../common/baseelement/index.js");var RowCascadePickerV2=require("../RowCascadePickerV2/index.js");var utils_helpers=require("../utils/helpers/index.js");var common_svgicon=require("../common/svgicon/index.js");var common=require("../common/index.js");Vue.use(RowCascadePickerV2.RowCascadePicker);var _sfc_main={name:"ActGoldCareer",mixins:[mixins_goldVisible.visibleMixin,mixins_goldElement.goldElementMixin,mixins_goldChange.goldChangeMixin],data:function data(){return{selectedText:""}},computed:{descText:function descText(){if(this.desc){return this.desc}return this.selectedText}},methods:{click:function click(){var data2=[];var selectedIndex=[];var selectedText=[];this.generateData(this.options,data2,this.value,selectedIndex,selectedText,0,1);if(this.picker){this.picker.setData(data2,selectedIndex)}else{this.picker=this.$createRowCascadePickerV2({data:data2,selectedIndex,zIndex:this.zIndex,title:"职业选择",itemTitles:["职业大类","职业中类","职业小类","职业小小类","职业小小小类","职业小小小小类"],allowSearch:true,selectedColor:this.brandColor,onSelect:this.select,aloneAutoSelect:false})}this.picker.show()},generateData:function generateData(items,data2,selectedVal,selectedIndex,selectedText,column){var hit=arguments.length>6&&arguments[6]!==void 0?arguments[6]:1;var tmp;var orgignHit=hit;for(var i=0,n=items.length;i<n;i++){if(hit&&selectedVal&&selectedVal[column]&&items[i].code===selectedVal[column]){selectedIndex[column]=i;selectedText[column]=items[i].name}else{hit=0}tmp={value:items[i].code,text:items[i].name};if(items[i].type){tmp.frequency=Number(items[i].type)}if(items[i].order){tmp.order=Number(items[i].order)}if(items[i].subList){tmp.children=[];this.generateData(items[i].subList,tmp.children,selectedVal,selectedIndex,selectedText,column+1,hit)}else{tmp.canBuy=items[i].canBuy;tmp.class=items[i].class}data2.push.call(data2,tmp);hit=orgignHit}},select:function select(selectedVal,selectedIndex,selectedText){if(!utils_helpers.isArray(selectedVal)){selectedVal=[selectedVal]}if(this.value&&selectedVal.join("-")===this.value.join("-"))return;this.selectedText=selectedText.join("-");this.change(void 0,_sliceInstanceProperty(selectedVal).call(selectedVal))}},components:{ActGoldBaseElement:common_baseelement.ActGoldBaseElement,svgIcon:common_svgicon.svgIcon}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("act-gold-base-element",{directives:[{name:"show",rawName:"v-show",value:_vm.isVisible,expression:"isVisible"}],attrs:{"common":_vm.common,"hasArrow":true},on:{"showTips":_vm.showTips}},[_c("p",{staticClass:"element-select element-wrap",class:{"element-placeholder":!_vm.descText},style:{"font-size":_vm.size,"color":_vm.color,"overflow":"visible","white-space":"normal"},attrs:{"data-key":[_vm.isWebTester?_vm.elemKey:""]},on:{"mucChange":function mucChange($event){return _vm.mucChange($event)},"click":function click2($event){$event.stopPropagation();return _vm.click.apply(null,arguments)}}},[_vm._v(" "+_vm._s(_vm.descText||_vm.placeholder||"请选择")+" ")]),_c("i",{staticClass:"icon-arrow"},[_c("svg-icon",{attrs:{"iconClass":"gold-arrow-right"}})],1)])};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,null);var GoldCareer=__component__.exports;GoldCareer.install=function(Vue2){Vue2.component(GoldCareer.name,GoldCareer);Vue2.prototype["$createGoldCareer"]=utils_create.create(GoldCareer,Vue2)};exports.GoldCareer=GoldCareer;