@xysfe/actui2 0.0.1

package/lib/Marketing/GetMobile/index.mjs

@@ -0,0 +1,488 @@
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import { u as ua } from "../../utils/helpers/index.mjs";
+import { J as JigsawVerifyCode } from "../../JigsawVerifyCode/index.mjs";
+import { D as DocPop } from "../../DocPop/index.mjs";
+import { g as get, f as fetch } from "../../utils/post/index.mjs";
+import { P as PageLoading } from "../../PageLoading/index.mjs";
+import { n as normalizeComponent } from "../../common/index.mjs";
+import './style.css';var _sfc_main = {
+  name: "GetMobile",
+  components: {
+    JigsawVerifyCode,
+    ActDocPop: DocPop,
+    PageLoading
+  },
+  data: function data() {
+    return {
+      userInfo: {
+        mobile: "",
+        code: ""
+      },
+      jigsawConfig: {
+        zIndex: 1e3,
+        mobile: "",
+        brandColor: "#f05a4b",
+        scene: "",
+        chn: ""
+      },
+      docData3: [{
+        title: "小雨伞用户协议",
+        type: 3,
+        urls: ["/static/html/user/useragreement.html"],
+        src: "/static/html/user/useragreement.html",
+        innerHTML: ""
+      }],
+      docData4: [{
+        title: "小雨伞隐私政策",
+        type: 3,
+        urls: ["/static/html/user/priviteagreement.html"],
+        src: "/static/html/user/priviteagreement.html",
+        innerHTML: ""
+      }],
+      docData: [],
+      isXysApp: ua.isXysApp,
+      isSelect: true,
+      time: 0,
+      isSubmit: false,
+      visible: false,
+      useDefaultClick: true
+      //弹窗图片是否使用默认的点击行为
+    };
+  },
+  mounted: function mounted() {
+  },
+  computed: {
+    timeMins: function timeMins() {
+      return Number(this.time) === 0 ? "获取验证码" : "剩余".concat(this.time, "秒");
+    }
+  },
+  methods: {
+    preventMove: function preventMove(e) {
+      e.preventDefault();
+    },
+    maskClick: function maskClick() {
+      this.hide();
+    },
+    resetFlag: function resetFlag() {
+      this.isSubmit = false;
+    },
+    close: function close() {
+      this.resetFlag();
+      this.hide();
+    },
+    inputChang: function inputChang() {
+      this.emitChang();
+    },
+    show: function show() {
+      this.visible = true;
+    },
+    hide: function hide() {
+      this.visible = false;
+    },
+    valieDatePhone: function valieDatePhone(phoneNumber) {
+      var phoneRegex = /^1[3-9]\d{9}$/;
+      return phoneRegex.test(phoneNumber);
+    },
+    hanldeClose: function hanldeClose() {
+      this.hide();
+    },
+    subEvent: function subEvent() {
+      var _context, _this = this;
+      if (this.isSubmit) return;
+      this.isSubmit = true;
+      var flag = true;
+      var text = "您还有信息未填写";
+      _forEachInstanceProperty(_context = _Object$keys(this.userInfo)).call(_context, function(item) {
+        if (!_this.userInfo[item]) {
+          var _context2;
+          if (_includesInstanceProperty(_context2 = ["mobile"]).call(_context2, item)) {
+            var obj = {};
+            obj[item] = _this.userInfo[item];
+            var v = _this.valieDatePhone(obj[item]);
+            if (v) {
+              flag = false;
+              text = "请输入正确的手机号";
+            }
+          }
+          flag = false;
+        }
+      });
+      if (flag) {
+        if (!this.isSelect) {
+          this.isSubmit = false;
+          return this.showToast("请同意用户协议和隐私条款");
+        }
+        fetch("/Activity/UserCentification/updateMobile", {
+          mobile: this.userInfo.mobile,
+          code: this.userInfo.code
+        }).then(function(res) {
+          _this.isSubmit = false;
+          var result = res.data;
+          if (result && result.ret === 0) {
+            _this.showToast("授权成功");
+            _this.hide();
+          } else {
+            _this.showToast(result.errmsg || "授权失败");
+          }
+        }).catch(function() {
+          _this.isSubmit = false;
+          _this.showToast("授权失败,请稍后再试！");
+        });
+      } else {
+        this.isSubmit = false;
+        this.showToast(text);
+      }
+    },
+    showToast: function showToast(msg) {
+      if (!this.toast) {
+        this.toast = this.$createToast();
+      } else {
+        this.toast.hide();
+      }
+      this.toast.show(msg);
+    },
+    sendCode: function sendCode() {
+      if (this.time > 0) return;
+      var mobile = this.userInfo.mobile;
+      if (!this.valieDatePhone(mobile)) {
+        this.showToast("请输入正确的手机号");
+        return;
+      }
+      this.$refs.jigsaw.setData({
+        mobile
+      });
+      this.$refs.jigsaw.sendVerifyCode();
+    },
+    jigsawSent: function jigsawSent() {
+      var _this2 = this;
+      this.time = 60;
+      var timer = setInterval(function() {
+        if (_this2.time === 0) {
+          clearInterval(timer);
+          return;
+        }
+        _this2.time--;
+      }, 1e3);
+    },
+    handleSelectProtocol: function handleSelectProtocol() {
+      this.isSelect = !this.isSelect;
+    },
+    hanldeGetAPPMobile: function hanldeGetAPPMobile() {
+      var _this3 = this;
+      if (!this.isSelect) {
+        this.isSubmit = false;
+        return this.showToast("请同意用户协议和隐私条款");
+      }
+      try {
+        window.xysJs.invoke({
+          path: "/auth/mobileAuth",
+          data: {
+            icon: "https://sslstatic.xiaoyusan.com/beta/index_icon/600_1502486742.png",
+            desc: "获取手机号"
+          },
+          success: function success(res) {
+            fetch("/Activity/UserCentification/updateMobile", {
+              mobile: res,
+              code: ""
+            }).then(function(res2) {
+              var result = res2.data;
+              if (result && result.ret === 0) {
+                _this3.showToast("授权成功");
+                _this3.hide();
+              }
+            });
+          },
+          fail: function fail(res) {
+            if (res && res.code === 60999) return void 0;
+            _this3.showToast(res.msg);
+          },
+          unsupport: function unsupport() {
+            _this3.showToast("获取手机号失败");
+          }
+        });
+      } catch (error) {
+        this.hide();
+      }
+    },
+    hanldeSaveMobile: function hanldeSaveMobile() {
+      this.subEvent();
+    },
+    handleShowUserProtocol: function handleShowUserProtocol() {
+      var _this4 = this;
+      this.$refs.refPageloading.show();
+      get(this.docData3[0].src).then(function(res) {
+        _this4.$refs.refPageloading.hide();
+        _this4.docData3[0].innerHTML = res;
+        _this4.docData = _this4.docData3;
+        _this4.$nextTick(function() {
+          _this4.$refs.docpop.show();
+        });
+      }).catch(function() {
+        _this4.$refs.refPageloading.hide();
+      });
+    },
+    handleShowYSProtocol: function handleShowYSProtocol() {
+      var _this5 = this;
+      get(this.docData4[0].src).then(function(res) {
+        _this5.docData4[0].innerHTML = res;
+        _this5.docData = _this5.docData4;
+        _this5.$refs.refPageloading.hide();
+        _this5.$nextTick(function() {
+          _this5.$refs.docpop.show();
+        });
+      }).catch(function() {
+        _this5.$refs.refPageloading.hide();
+      });
+    },
+    jigsawToggle: function jigsawToggle() {
+    },
+    jigsawError: function jigsawError() {
+    }
+  },
+  props: {
+    param: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  }
+};
+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"
+  }, [_c("div", {
+    staticClass: "layer-con flex-middle middle",
+    on: {
+      "touchmove": _vm.preventMove
+    }
+  }, [_vm.isXysApp ? _c("div", {
+    staticClass: "con-wrap isapp",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "con_app"
+  }, [_vm._m(0), _c("img", {
+    staticClass: "icon_close",
+    attrs: {
+      "src": "https://sslstatic.xiaoyusan.com/ot/act/detail/close.7c155996096a8b28.png"
+    },
+    on: {
+      "click": _vm.hanldeClose
+    }
+  }), _c("div", {
+    staticClass: "phone_text"
+  }, [_vm._v("请绑定领奖手机号")]), _vm._m(1), _c("div", {
+    staticClass: "phone_btn",
+    on: {
+      "click": _vm.hanldeGetAPPMobile
+    }
+  }, [_c("span", {
+    staticClass: "btn_text"
+  }, [_vm._v("一键授权")])]), _c("div", {
+    staticClass: "phone_protocol"
+  }, [_c("span", {
+    staticClass: "protocol_check",
+    class: {
+      select_active: _vm.isSelect
+    },
+    on: {
+      "click": _vm.handleSelectProtocol
+    }
+  }), _c("span", {
+    staticClass: "protocol_text",
+    on: {
+      "click": _vm.handleSelectProtocol
+    }
+  }, [_vm._v("我已阅读并同意")]), _c("span", {
+    staticClass: "protocol",
+    on: {
+      "click": _vm.handleShowUserProtocol
+    }
+  }, [_vm._v("《用户协议》")]), _vm._v("、"), _c("span", {
+    staticClass: "protocol",
+    on: {
+      "click": _vm.handleShowYSProtocol
+    }
+  }, [_vm._v("《隐私条款》")])])])]) : _c("div", {
+    staticClass: "con-wrap ish5",
+    on: {
+      "click": function click($event) {
+        $event.stopPropagation();
+      }
+    }
+  }, [_c("div", {
+    staticClass: "con_app"
+  }, [_vm._m(2), _c("img", {
+    staticClass: "icon_close",
+    attrs: {
+      "src": "https://sslstatic.xiaoyusan.com/img/act/detail/title_close.90a7e9ba2451bb1e.png"
+    },
+    on: {
+      "click": _vm.hanldeClose
+    }
+  }), _c("div", {
+    staticClass: "phone_text"
+  }, [_vm._v("请绑定领奖手机号")]), _vm._m(3), _c("div", {
+    staticClass: "phone_form"
+  }, [_c("div", {
+    staticClass: "phone_contet"
+  }, [_c("div", {
+    staticClass: "input-row phone_box"
+  }, [_c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.userInfo.mobile,
+      expression: "userInfo.mobile"
+    }],
+    staticClass: "input input_mobile",
+    attrs: {
+      "placeholder": "请输入您的手机号"
+    },
+    domProps: {
+      "value": _vm.userInfo.mobile
+    },
+    on: {
+      "input": function input($event) {
+        if ($event.target.composing) return;
+        _vm.$set(_vm.userInfo, "mobile", $event.target.value);
+      }
+    }
+  })]), _c("div", {
+    staticClass: "input-row code_box"
+  }, [_c("input", {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.userInfo.code,
+      expression: "userInfo.code"
+    }],
+    staticClass: "input input_mobile",
+    attrs: {
+      "placeholder": "请输入验证码"
+    },
+    domProps: {
+      "value": _vm.userInfo.code
+    },
+    on: {
+      "input": function input($event) {
+        if ($event.target.composing) return;
+        _vm.$set(_vm.userInfo, "code", $event.target.value);
+      }
+    }
+  }), _c("span", {
+    staticClass: "send_code",
+    class: _vm.time == 0 ? "" : "form_sign_disabled",
+    on: {
+      "click": _vm.sendCode
+    }
+  }, [_vm._v(_vm._s(_vm.timeMins))])]), _c("div", {
+    staticClass: "phone_btn",
+    on: {
+      "click": _vm.hanldeSaveMobile
+    }
+  }, [_c("span", {
+    staticClass: "btn_text"
+  }, [_vm._v("一键授权")])]), _c("div", {
+    staticClass: "phone_protocol"
+  }, [_c("span", {
+    staticClass: "protocol_check",
+    class: {
+      select_active: _vm.isSelect
+    },
+    on: {
+      "click": _vm.handleSelectProtocol
+    }
+  }), _c("span", {
+    staticClass: "protocol_text",
+    on: {
+      "click": _vm.handleSelectProtocol
+    }
+  }, [_vm._v("我已阅读并同意")]), _c("span", {
+    staticClass: "protocol",
+    on: {
+      "click": _vm.handleShowUserProtocol
+    }
+  }, [_vm._v("《用户协议》")]), _vm._v("、"), _c("span", {
+    staticClass: "protocol",
+    on: {
+      "click": _vm.handleShowYSProtocol
+    }
+  }, [_vm._v("《隐私条款》")])])])])])])]), _c("JigsawVerifyCode", {
+    ref: "jigsaw",
+    attrs: {
+      "mobile": "",
+      "title": _vm.jigsawConfig.title,
+      "desc": _vm.jigsawConfig.desc,
+      "scene": _vm.jigsawConfig.scene,
+      "chn": _vm.jigsawConfig.chn,
+      "brandColor": _vm.jigsawConfig.brandColor
+    },
+    on: {
+      "toggle": _vm.jigsawToggle,
+      "sent": _vm.jigsawSent,
+      "error": _vm.jigsawError
+    }
+  }), _c("act-doc-pop", {
+    ref: "docpop",
+    attrs: {
+      "docData": _vm.docData
+    }
+  }), _c("PageLoading", {
+    ref: "refPageloading",
+    attrs: {
+      "maskOpacity": 0
+    }
+  })], 1);
+};
+var _sfc_staticRenderFns = [function() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "title"
+  }, [_c("img", {
+    staticClass: "icon",
+    attrs: {
+      "src": "https://sslstatic.xiaoyusan.com/img/act/detail/mobile_title.8c4fbe6493c848bf.png",
+      "alt": ""
+    }
+  }), _vm._v("已领取礼券 ")]);
+}, function() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "phone_desc"
+  }, [_c("p", [_vm._v("礼券激活，积分兑奖")]), _c("p", [_vm._v("第一时间提醒你")])]);
+}, function() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "title"
+  }, [_c("img", {
+    staticClass: "icon",
+    attrs: {
+      "src": "https://sslstatic.xiaoyusan.com/img/act/detail/mobile_title.8c4fbe6493c848bf.png",
+      "alt": ""
+    }
+  }), _vm._v(" 已领取礼券 ")]);
+}, function() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "phone_desc"
+  }, [_c("p", [_vm._v("礼券激活，积分兑奖")]), _c("p", [_vm._v("第一时间提醒你")])]);
+}];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "42e8d84b");
+var GetMobile = __component__.exports;
+export {
+  GetMobile as G
+};

package/lib/Marketing/GetMobile/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.middle[data-v-42e8d84b]{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}.layer[data-v-42e8d84b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:999}.layer-con[data-v-42e8d84b]{height:100%}.flex-middle[data-v-42e8d84b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.con-wrap[data-v-42e8d84b]{width:84%}.con-wrap.isapp[data-v-42e8d84b]{width:28.9rem;height:22.5rem;background:-webkit-linear-gradient(top,#ffe4c4 0%,#fffdf9 100%);background:linear-gradient(180deg,#ffe4c4 0%,#fffdf9 100%);border-radius:1.6rem;border:0.05rem solid #ffffff}.con-wrap.ish5[data-v-42e8d84b]{width:28.9rem;height:33.3rem;background:-webkit-linear-gradient(top,#ffe4c4 0%,#fffdf9 100%);background:linear-gradient(180deg,#ffe4c4 0%,#fffdf9 100%);border-radius:1.6rem;border:0.05rem solid #ffffff}.con-wrap .con_app[data-v-42e8d84b]{position:relative;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-align:center;-webkit-align-items:center;align-items:center}.con-wrap .con_app .title[data-v-42e8d84b]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:13.75rem;height:2.45rem;background:#fff3dd;border-radius:0px 0px 1.25rem 1.25rem;font-size:1.4rem;font-family:AlibabaPuHuiTiR;color:#a57a51}.con-wrap .con_app .title .icon[data-v-42e8d84b]{width:1.45rem;height:1.45rem}.con-wrap .con_app .icon_close[data-v-42e8d84b]{width:2.2rem;height:2.2rem;position:absolute;right:1rem;top:0.6rem}.con-wrap .con_app .phone_text[data-v-42e8d84b]{font-size:2.1rem;font-family:AlibabaPuHuiTiB;color:#822008;font-weight:bold;margin-top:1.4rem;line-height:2.9rem}.con-wrap .con_app .phone_desc[data-v-42e8d84b]{margin-top:0.45rem;font-size:1.4rem;font-family:AlibabaPuHuiTiR;color:#822008;line-height:1.9rem;text-align:center;position:relative}.con-wrap .con_app .phone_desc[data-v-42e8d84b]::before{position:absolute;display:block;left:-3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:" ";width:2rem;height:0.1rem;background-size:2rem 0.1rem;background-image:url(https://sslstatic.xiaoyusan.com/ot/act/detail/left.544b50b20b7fa442.png)}.con-wrap .con_app .phone_desc[data-v-42e8d84b]::after{position:absolute;display:block;content:" ";right:-3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2rem;height:0.1rem;background-size:2rem 0.1rem;background-image:url(https://sslstatic.xiaoyusan.com/ot/act/detail/right.fc1a18218f4e3958.png)}.con-wrap .con_app .phone_form[data-v-42e8d84b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:0.8rem;width:28.9rem;height:22.3rem;background:#ffdcb2;border-radius:1.9rem}.con-wrap .con_app .phone_form .phone_contet[data-v-42e8d84b]{width:28.3rem;height:21.7rem;background:#ffffff;border-radius:1.9rem;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-align:center;-webkit-align-items:center;align-items:center}.con-wrap .con_app .phone_form .phone_contet .phone_box[data-v-42e8d84b]{margin-top:2.2rem}.con-wrap .con_app .phone_form .phone_contet .phone_box .input_mobile[data-v-42e8d84b]{width:23.8rem;height:3.45rem;background:#f7f8fc;font-size:1.4rem;border-radius:0.6rem;border:none;padding-left:1rem}.con-wrap .con_app .phone_form .phone_contet .code_box[data-v-42e8d84b]{margin-top:1.2rem}.con-wrap .con_app .phone_form .phone_contet .code_box .input_mobile[data-v-42e8d84b]{width:23.8rem;height:3.45rem;font-size:1.4rem;background:#f7f8fc;border-radius:0.6rem;border:none;padding-left:1rem}.con-wrap .con_app .phone_btn[data-v-42e8d84b]{margin-top:2.3rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:AlibabaPuHuiTiB;color:#ffffff;width:21.2rem;height:3.9rem;background-size:21.2rem 3.9rem;background-image:url(https://sslstatic.xiaoyusan.com/img/act/detail/椭圆形@2x.0132c7770758ff4d.png)}.con-wrap .con_app .phone_btn .btn_text[data-v-42e8d84b]{font-size:1.6rem;font-weight:700}.con-wrap .con_app .phone_protocol[data-v-42e8d84b]{font-size:1.2rem;color:#666666;margin-top:1.3rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.con-wrap .con_app .phone_protocol .protocol_check[data-v-42e8d84b]{width:1.2rem;height:1.2rem;background-size:1.2rem 1.2rem;background-image:url(https://sslstatic.xiaoyusan.com/img/act/detail/not_select.b0f1792af863f26b.png)}.con-wrap .con_app .phone_protocol .protocol_check.select_active[data-v-42e8d84b]{background-image:url(https://sslstatic.xiaoyusan.com/img/act/detail/select.a51d238796400c22.png)}.con-wrap .con_app .phone_protocol .protocol_text[data-v-42e8d84b]{padding-left:0.6rem}.con-wrap .con_app .phone_protocol .protocol[data-v-42e8d84b]{color:#822008}.close-btn[data-v-42e8d84b]{display:block;width:3rem;height:3rem;margin:3rem auto 0}.img-wrap[data-v-42e8d84b]{width:100%}.h-bg[data-v-42e8d84b]{display:block;width:100%}.con[data-v-42e8d84b]{margin-top:-1px;width:100%;height:25rem;background:#fff;border-radius:0 0 2.25rem 2.25rem}.form[data-v-42e8d84b]{padding-left:1.2rem;padding-right:1.23rem;margin-top:0.05rem}.input-row[data-v-42e8d84b]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.input-row .send_code[data-v-42e8d84b]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.25rem;color:#a57a51;font-size:1.4rem}.input-row .send_code.form_sign_disabled[data-v-42e8d84b]{color:#b3b3b3!important}.male[data-v-42e8d84b]{margin-right:0.65rem}.icon[data-v-42e8d84b]{width:3.5rem;height:100%;background-repeat:no-repeat;background-position:right center;margin-right:0.75rem}.icon-name[data-v-42e8d84b]{background-size:1.65rem 1.6rem;background-image:url(https://sslstatic.xiaoyusan.com/img/wk/icon-name.24e84fbb0759c51a.png)}.icon-phone[data-v-42e8d84b]{background-size:1.8rem 1.7rem;background-image:url(https://sslstatic.xiaoyusan.com/img/wk/icon-phone.989b5199b5c7c6f1.png)}.icon-code[data-v-42e8d84b]{background-position:right 55%;background-size:1.75rem 1.65rem;background-image:url(https://sslstatic.xiaoyusan.com/img/wk/icon-code.4b32d5c8b01638ae.png)}input[data-v-42e8d84b]::input-placeholder{color:#b8b8b8}input[data-v-42e8d84b]::-webkit-input-placeholder{color:#b8b8b8}input[data-v-42e8d84b]::-moz-placeholder{color:#b8b8b8}input[data-v-42e8d84b]::-moz-placeholder{color:#b8b8b8}input[data-v-42e8d84b]::-ms-input-placeholder{color:#b8b8b8}.placeholderStyle[data-v-42e8d84b]{color:#b8b8b8}.sub-btn[data-v-42e8d84b]{margin:0 auto;margin-top:2.5rem;width:17rem;height:4.4rem;background:url(https://sslstatic.xiaoyusan.com/img/test/btn-mianfei-active.adef6128b3f00c1a.png) no-repeat;background-position:center center;background-size:contain;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:1.7rem;font-weight:normal;color:#ffffff;border-radius:2.2rem}

package/lib/Marketing/GetMobileForNew/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var DocPop=require("../../DocPop/index.js");var PageLoading=require("../../PageLoading/index.js");var utils_post=require("../../utils/post/index.js");var utils_helpers=require("../../utils/helpers/index.js");var JigsawVerifyCode=require("../../JigsawVerifyCode/index.js");var common=require("../../common/index.js");var countDownTime=60;var _sfc_main={name:"GetMobileForNew",components:{ActDocPop:DocPop.DocPop,PageLoading:PageLoading.PageLoading,JigsawVerifyCode:JigsawVerifyCode.JigsawVerifyCode},props:{userInfo:{type:Object,default:function _default(){}}},data:function data(){return{selectNum:"",checkProtocol:false,visible:false,countDownNum:-1,mobile:"",vcode:"",jigsawConfig:{zIndex:1e3,mobile:"",brandColor:"",scene:"",chn:""},docData:[{title:"小雨伞用户协议",type:1,urls:["/static/html/user/useragreement.html"],src:"/static/html/user/useragreement.html"}]}},computed:{showType:function showType(){var mobile=this.userInfo.mobile;if(!mobile){return"nm"}else{return"hm"}}},mounted:function mounted(){},methods:{subEvt:function subEvt(){var _this=this;var num=+this.selectNum;if(num!==1&&num!==2){this.showToast("请勾选专人协助服务~");return}if(!this.userInfo.mobile){if(!this.valieDatePhone(this.mobile)){this.showToast("请输入正确的手机号~");return}if(!this.vcode){this.showToast("请输入验证码~");return}}if(!this.checkProtocol){this.showToast("请勾选同意用户协议~");return}var id=utils_helpers.getParam("id");var postData={itemid:id,option:this.selectNum};if(!this.userInfo.mobile){postData.mobile=this.mobile;postData.code=this.vcode}utils_post.fetch("/activity/DetailAct/submitFeedback",postData).then(function(res){var data2=res.data;if(data2&&data2.ret===0){_this.showToast("领取成功，30天内评价保单（单笔≥90元），即可激活~");_this.hide()}else{_this.showToast(data2.errmsg||"系统繁忙，请稍后重试~")}}).catch(function(err){})},showToast:function showToast(msg){if(!this.toast){this.toast=this.$createToast()}else{this.toast.hide()}this.toast.show(msg)},show:function show(){this.visible=true},hide:function hide(){this.visible=false;this.$emit("hideEvt")},selectEvt:function selectEvt(){var num=arguments.length>0&&arguments[0]!==void 0?arguments[0]:1;this.selectNum=num},agreeEvt:function agreeEvt(){this.checkProtocol=!this.checkProtocol},showProto:function showProto(){var _this2=this;this.$refs.refPageloading.show();utils_post.get(this.docData[0].src).then(function(res){_this2.$refs.refPageloading.hide();_this2.$nextTick(function(){_this2.$refs.docpop.show()})}).catch(function(){_this2.$refs.refPageloading.hide()})},hideEvt:function hideEvt(){this.hide()},startCountDown:function startCountDown(){if(!this.valieDatePhone(this.mobile)){this.showToast("请输入正确的手机号");return}this.$refs.jigsaw.setData({mobile:this.mobile});this.$refs.jigsaw.sendVerifyCode()},valieDatePhone:function valieDatePhone(phoneNumber){var phoneRegex=/^1[3-9]\d{9}$/;return phoneRegex.test(phoneNumber)},jigsawSent:function jigsawSent(){var _this3=this;this.countDownNum=countDownTime;var timer=setInterval(function(){if(_this3.countDownNum<0){clearInterval(timer);_this3.countDownNum=-1}_this3.countDownNum--},1e3)},jigsawToggle:function jigsawToggle(){},jigsawError:function jigsawError(){}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _vm.visible?_c("div",{staticClass:"layer"},[_c("div",{staticClass:"wrap-cls"},[_vm.showType==="nm"?_c("div",{staticClass:"dialog-nm"},[_c("div",{staticClass:"select-group"},[_c("div",{staticClass:"select-item",on:{"click":function click($event){return _vm.selectEvt(1)}}},[_c("div",{staticClass:"icon-select",class:{"active":_vm.selectNum===1}}),_c("div",{staticClass:"select-txt"},[_vm._v("需要，请协助我对比产品")])]),_c("div",{staticClass:"select-item",on:{"click":function click($event){return _vm.selectEvt(2)}}},[_c("div",{staticClass:"icon-select",class:{"active":_vm.selectNum===2}}),_c("div",{staticClass:"select-txt"},[_vm._v("担忧保单后续服务，需要专人跟进")])])]),_c("div",{staticClass:"m-form"},[_c("div",{staticClass:"input-row"},[_c("input",{directives:[{name:"model",rawName:"v-model.number",value:_vm.mobile,expression:"mobile",modifiers:{"number":true}}],staticClass:"input-el",attrs:{"type":"number","placeholder":"请输入手机号"},domProps:{"value":_vm.mobile},on:{"input":function input($event){if($event.target.composing)return;_vm.mobile=_vm._n($event.target.value)},"blur":function blur($event){return _vm.$forceUpdate()}}})]),_c("div",{staticClass:"input-row input-row-flex"},[_c("input",{directives:[{name:"model",rawName:"v-model.number",value:_vm.vcode,expression:"vcode",modifiers:{"number":true}}],staticClass:"input-el",attrs:{"type":"number","placeholder":"请输入验证码"},domProps:{"value":_vm.vcode},on:{"input":function input($event){if($event.target.composing)return;_vm.vcode=_vm._n($event.target.value)},"blur":function blur($event){return _vm.$forceUpdate()}}}),_vm.countDownNum>=0?_c("div",{staticClass:"vcode color-gr"},[_vm._v(_vm._s(_vm.countDownNum)+"s")]):_c("div",{staticClass:"vcode",on:{"click":_vm.startCountDown}},[_vm._v("获取验证码")])])]),_c("div",{staticClass:"btn",on:{"click":_vm.subEvt}},[_vm._v("确认提交")]),_c("div",{staticClass:"proto",on:{"click":_vm.agreeEvt}},[_c("div",{staticClass:"icon-check",class:{"active":_vm.checkProtocol}}),_c("div",{staticClass:"agre-tips"},[_vm._v("我已阅读并同意"),_c("span",{on:{"click":function click($event){$event.stopPropagation();return _vm.showProto.apply(null,arguments)}}},[_vm._v("《用户协议》")])])])]):_vm._e(),_vm.showType==="hm"?_c("div",{staticClass:"dialog-hm"},[_c("div",{staticClass:"select-group"},[_c("div",{staticClass:"select-item",on:{"click":function click($event){return _vm.selectEvt(1)}}},[_c("div",{staticClass:"icon-select",class:{"active":_vm.selectNum===1}}),_c("div",{staticClass:"select-txt"},[_vm._v("需要，请协助我对比产品")])]),_c("div",{staticClass:"select-item",on:{"click":function click($event){return _vm.selectEvt(2)}}},[_c("div",{staticClass:"icon-select",class:{"active":_vm.selectNum===2}}),_c("div",{staticClass:"select-txt"},[_vm._v("担忧保单后续服务，需要专人跟进")])])]),_c("div",{staticClass:"mobie"},[_vm._v(_vm._s(_vm.userInfo.mobile))]),_c("div",{staticClass:"btn",on:{"click":_vm.subEvt}},[_vm._v("确认提交")]),_c("div",{staticClass:"proto",on:{"click":_vm.agreeEvt}},[_c("div",{staticClass:"icon-check",class:{"active":_vm.checkProtocol}}),_c("div",{staticClass:"agre-tips"},[_vm._v("我已阅读并同意"),_c("span",{on:{"click":function click($event){$event.stopPropagation();return _vm.showProto.apply(null,arguments)}}},[_vm._v("《用户协议》")])])])]):_vm._e(),_c("div",{staticClass:"tips-txt"},[_vm._v("已领取礼券，“我的奖品”查看使用")]),_c("div",{staticClass:"icon-close",on:{"click":_vm.hideEvt}})]),_c("act-doc-pop",{ref:"docpop",attrs:{"docData":_vm.docData}}),_c("PageLoading",{ref:"refPageloading",attrs:{"maskOpacity":0}}),_c("JigsawVerifyCode",{ref:"jigsaw",attrs:{"mobile":"","title":_vm.jigsawConfig.title,"desc":_vm.jigsawConfig.desc,"scene":_vm.jigsawConfig.scene,"chn":_vm.jigsawConfig.chn,"brandColor":_vm.jigsawConfig.brandColor},on:{"toggle":_vm.jigsawToggle,"sent":_vm.jigsawSent,"error":_vm.jigsawError}})],1):_vm._e()};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"b9be996e");var GetMobileForNew=__component__.exports;exports.GetMobileForNew=GetMobileForNew;