"use strict"; (self["webpackChunkliu_official"] = self["webpackChunkliu_official"] || []).push([[224],{ /***/ 950: /***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) { // EXTERNAL MODULE: ./node_modules/.pnpm/vue@3.5.16/node_modules/vue/dist/vue.esm-bundler.js + 5 modules var vue_esm_bundler = __webpack_require__(2892); // EXTERNAL MODULE: ./node_modules/.pnpm/jquery@3.7.1/node_modules/jquery/dist/jquery.js var jquery = __webpack_require__(7569); // EXTERNAL MODULE: ./node_modules/.pnpm/axios@1.9.0/node_modules/axios/lib/axios.js + 48 modules var axios = __webpack_require__(9925); // EXTERNAL MODULE: ./node_modules/.pnpm/element-china-area-data@6.1.0/node_modules/element-china-area-data/dist/element-china-area-data.mjs var element_china_area_data = __webpack_require__(6780); // EXTERNAL MODULE: ./node_modules/.pnpm/element-plus@2.10.2_vue@3.5.16/node_modules/element-plus/es/components/message/index.mjs + 7 modules var message = __webpack_require__(3966); // EXTERNAL MODULE: ./node_modules/.pnpm/element-plus@2.10.2_vue@3.5.16/node_modules/element-plus/es/components/form/index.mjs + 8 modules var components_form = __webpack_require__(6976); // EXTERNAL MODULE: ./node_modules/.pnpm/element-plus@2.10.2_vue@3.5.16/node_modules/element-plus/es/components/input/index.mjs + 6 modules var input = __webpack_require__(1112); // EXTERNAL MODULE: ./node_modules/.pnpm/element-plus@2.10.2_vue@3.5.16/node_modules/element-plus/es/components/select/index.mjs + 25 modules var components_select = __webpack_require__(7547); // EXTERNAL MODULE: ./node_modules/.pnpm/element-plus@2.10.2_vue@3.5.16/node_modules/element-plus/es/components/popover/index.mjs + 7 modules var popover = __webpack_require__(606); // EXTERNAL MODULE: ./node_modules/.pnpm/element-plus@2.10.2_vue@3.5.16/node_modules/element-plus/es/components/button/index.mjs + 12 modules var components_button = __webpack_require__(3035); // EXTERNAL MODULE: ./node_modules/.pnpm/element-plus@2.10.2_vue@3.5.16/node_modules/element-plus/dist/index.css var dist = __webpack_require__(8897); ;// ./node_modules/.pnpm/unplugin@2.3.5/node_modules/unplugin/dist/webpack/loaders/transform.js??unplugin-auto-import!./node_modules/.pnpm/babel-loader@10.0.0_@babel+core@7.27.4_webpack@5.99.9/node_modules/babel-loader/lib/index.js!./node_modules/.pnpm/vue-loader@17.4.2_vue@3.5.16_webpack@5.99.9/node_modules/vue-loader/dist/index.js??ruleSet[1].rules[11].use[0]!./src/components/vue/register/RegisterForm.vue?vue&type=script&setup=true&lang=js const _hoisted_1 = { class: "form-con" }; const _hoisted_2 = { class: "form-item-row" }; const _hoisted_3 = { style: { "display": "flex", "align-items": "center", "gap": "10px", "width": "100%", "margin-bottom": "10px" } }; const _hoisted_4 = ["src"]; const _hoisted_5 = { style: { "text-align": "right", "margin": "0" } }; /* harmony default export */ var RegisterFormvue_type_script_setup_true_lang_js = ({ __name: 'RegisterForm', props: {}, setup(__props, { expose: __expose }) { const request = axios/* default */.A.create({ // @ts-ignore baseURL: "https://room.yunvip123.cn/prod-api/room", timeout: 60 * 1000 }); const props = __props; const registerForm = (0,vue_esm_bundler/* ref */.KR)(null); const codeBtnTex = (0,vue_esm_bundler/* ref */.KR)("获取验证码"); const codeCooling = (0,vue_esm_bundler/* ref */.KR)(60); let codeCoolingTimer = null; const codeCanForbid = (0,vue_esm_bundler/* ref */.KR)(false); const defaultForm = () => { return { phone: "", code: "", password: "123456", password2: "123456", version: 0, sourceType: 1, enterpriseName: "", person: "", customId: null, customName: "", agentId: 8888, agentName: "", shopArea: "", shopId: null, shopName: null }; }; const form = (0,vue_esm_bundler/* reactive */.Kh)(defaultForm()); const selectedProvince = (0,vue_esm_bundler/* ref */.KR)(""); const selectedCity = (0,vue_esm_bundler/* ref */.KR)(""); const selectedArea = (0,vue_esm_bundler/* ref */.KR)(""); // 获取省份列表(一级) const provinceList = element_china_area_data/* regionData */.NO; // 计算当前省份下的城市列表 const cityList = (0,vue_esm_bundler/* computed */.EW)(() => { const province = provinceList.find(p => p.value === selectedProvince.value); return province?.children || []; }); // 计算当前城市下的区县列表 const areaList = (0,vue_esm_bundler/* computed */.EW)(() => { const city = cityList.value.find(c => c.value === selectedCity.value); return city?.children || []; }); // 清空下级联动数据 function handleProvinceChange() { selectedCity.value = ""; selectedArea.value = ""; } function handleCityChange() { selectedArea.value = ""; } /** 选中省整体数据 */ const selectedProvinceObj = (0,vue_esm_bundler/* computed */.EW)(() => provinceList.find(p => p.value === selectedProvince.value) || {}); /** 选中市整体数据 */ const selectedCityObj = (0,vue_esm_bundler/* computed */.EW)(() => cityList.value.find(c => c.value === selectedCity.value) || {}); /** 选中区整体数据 */ const selectedAreaObj = (0,vue_esm_bundler/* computed */.EW)(() => areaList.value.find(a => a.value === selectedArea.value) || {}); // 自定义校验器 —— 校验省市区字段 const validateAddress = (rule, value, callback) => { if (!selectedProvinceObj.value.label || !selectedCityObj.value.label || !selectedAreaObj.value.label) { callback(new Error("请输入完整地址")); } else { callback(); } }; // 验证码禁用判断 const codeBtnDisabled = (0,vue_esm_bundler/* computed */.EW)(() => { return codeCanForbid.value || [null, "", undefined].includes(form.phone); }); // 进入验证码冷却时间 const stratCodeCooling = () => { if (codeCoolingTimer) { clearInterval(codeCoolingTimer); } codeCanForbid.value = true; codeCoolingTimer = setInterval(() => { if (codeCooling.value === 0) { clearInterval(codeCoolingTimer); codeCanForbid.value = false; codeCooling.value = 60; codeBtnTex.value = "获取验证码"; } else { codeBtnTex.value = `${codeCooling.value}秒后可再获取`; codeCooling.value--; } }, 1000); }; // 获取手机验证码 const getPhoneCode = () => { request.post("/mini/getRegisteredCode", { operationPhone: form.phone, smsType: 2, shopId: null, shopName: null, mobileVerifyCode: tempcode.value, mobileVerifyKey: tempUuid.value }).then(res => { if (res.data.errno === 200) { stratCodeCooling(); } else { (0,message/* ElMessage */.nk)({ message: res.data.errmsg, type: "error" }); } }); }; // 省市区编码补0 function normalizeCode(code) { const str = code.toString(); if (str.length === 2) return str + "0000"; if (str.length === 4) return str + "00"; return str; // 已经是6位 } // 注册 const register = () => { const labelArr = [selectedProvinceObj.value.label, selectedCityObj.value.label, selectedAreaObj.value.label]; let valueArr = [selectedProvinceObj.value.value, selectedCityObj.value.value, selectedAreaObj.value.value]; valueArr = valueArr.map(item => normalizeCode(item)); form.shopArea = valueArr.join("/") + "," + labelArr.join("/"); request.post("/mini/registered", form).then(res => { if (res.data.errno === 200) { (0,message/* ElMessage */.nk)({ message: "注册成功", type: "success" }); selectedProvince.value = ""; selectedCity.value = ""; selectedArea.value = ""; Object.assign(form, defaultForm()); } else { (0,message/* ElMessage */.nk)({ message: res.data.errmsg, type: "error" }); } }); }; const rules = { phone: [{ required: true, message: "请输入手机号码", trigger: "blur" }], code: [{ required: true, message: "请输入验证码", trigger: "blur" }], password: [{ required: true, message: "请输入密码", trigger: "blur" }], password2: [{ required: true, message: "请再次输入手机号码", trigger: "blur" }], enterpriseName: [{ required: true, message: "请输入场馆名称", trigger: "blur" }], person: [{ required: true, message: "请输入联系人姓名", trigger: "blur" }], address: [{ required: true, validator: validateAddress, trigger: "blur" }] }; function submit() { registerForm.value.validate(valid => { if (valid) { register(); } else { console.log("表单验证失败"); } }); } const visible = (0,vue_esm_bundler/* ref */.KR)(false); const tempcode = (0,vue_esm_bundler/* ref */.KR)(""); const tempUuid = (0,vue_esm_bundler/* ref */.KR)(""); const codeImg = (0,vue_esm_bundler/* ref */.KR)(""); const confirmCode = () => { visible.value = false; getPhoneCode(); }; const getImgs = () => { if (codeBtnTex.value == "获取验证码") { visible.value = true; getCode(); } else { visible.value = false; } }; const getCode = () => { tempcode.value = ""; tempUuid.value = ""; request.get("/user/kaptcha").then(res => { console.log(res); codeImg.value = res.data.img; tempUuid.value = res.data.uuid; }); }; __expose({ submit, form }); return (_ctx, _cache) => { return (0,vue_esm_bundler/* openBlock */.uX)(), (0,vue_esm_bundler/* createElementBlock */.CE)("div", _hoisted_1, [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_form/* ElForm */.US), { style: { "width": "100%" }, ref_key: "registerForm", ref: registerForm, model: form, rules: rules, "label-position": "top", "label-width": "120px" }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_form/* ElFormItem */.xE), { label: "场馆名称", prop: "enterpriseName" }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(input/* ElInput */.WK), { modelValue: form.enterpriseName, "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => form.enterpriseName = $event), placeholder: "请输入场馆名称" }, null, 8 /* PROPS */, ["modelValue"])]), _: 1 /* STABLE */ }), (0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_form/* ElFormItem */.xE), { label: "联系人姓名", prop: "person" }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(input/* ElInput */.WK), { modelValue: form.person, "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => form.person = $event), placeholder: "请输入联系人姓名" }, null, 8 /* PROPS */, ["modelValue"])]), _: 1 /* STABLE */ }), (0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_form/* ElFormItem */.xE), { label: "场馆地址", prop: "address" }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createElementVNode */.Lk)("div", _hoisted_2, [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_select/* ElSelect */.AV), { modelValue: selectedProvince.value, "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => selectedProvince.value = $event), placeholder: "请选择省份", onChange: handleProvinceChange }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [((0,vue_esm_bundler/* openBlock */.uX)(true), (0,vue_esm_bundler/* createElementBlock */.CE)(vue_esm_bundler/* Fragment */.FK, null, (0,vue_esm_bundler/* renderList */.pI)((0,vue_esm_bundler/* unref */.R1)(provinceList), province => { return (0,vue_esm_bundler/* openBlock */.uX)(), (0,vue_esm_bundler/* createBlock */.Wv)((0,vue_esm_bundler/* unref */.R1)(components_select/* ElOption */.P9), { key: province.value, label: province.label, value: province.value }, null, 8 /* PROPS */, ["label", "value"]); }), 128 /* KEYED_FRAGMENT */))]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["modelValue"]), (0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_select/* ElSelect */.AV), { modelValue: selectedCity.value, "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => selectedCity.value = $event), placeholder: "请选择城市", onChange: handleCityChange, disabled: !selectedProvince.value }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [((0,vue_esm_bundler/* openBlock */.uX)(true), (0,vue_esm_bundler/* createElementBlock */.CE)(vue_esm_bundler/* Fragment */.FK, null, (0,vue_esm_bundler/* renderList */.pI)(cityList.value, city => { return (0,vue_esm_bundler/* openBlock */.uX)(), (0,vue_esm_bundler/* createBlock */.Wv)((0,vue_esm_bundler/* unref */.R1)(components_select/* ElOption */.P9), { key: city.value, label: city.label, value: city.value }, null, 8 /* PROPS */, ["label", "value"]); }), 128 /* KEYED_FRAGMENT */))]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["modelValue", "disabled"]), (0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_select/* ElSelect */.AV), { modelValue: selectedArea.value, "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => selectedArea.value = $event), placeholder: "请选择区/县", disabled: !selectedCity.value }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [((0,vue_esm_bundler/* openBlock */.uX)(true), (0,vue_esm_bundler/* createElementBlock */.CE)(vue_esm_bundler/* Fragment */.FK, null, (0,vue_esm_bundler/* renderList */.pI)(areaList.value, area => { return (0,vue_esm_bundler/* openBlock */.uX)(), (0,vue_esm_bundler/* createBlock */.Wv)((0,vue_esm_bundler/* unref */.R1)(components_select/* ElOption */.P9), { key: area.value, label: area.label, value: area.value }, null, 8 /* PROPS */, ["label", "value"]); }), 128 /* KEYED_FRAGMENT */))]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["modelValue", "disabled"])])]), _: 1 /* STABLE */ }), (0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_form/* ElFormItem */.xE), { label: "手机号码", prop: "phone" }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(input/* ElInput */.WK), { modelValue: form.phone, "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => form.phone = $event), placeholder: "请输入手机号码" }, null, 8 /* PROPS */, ["modelValue"])]), _: 1 /* STABLE */ }), (0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_form/* ElFormItem */.xE), { label: "验证码", prop: "code" }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(input/* ElInput */.WK), { modelValue: form.code, "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => form.code = $event), placeholder: "请输入验证码" }, { append: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createCommentVNode */.Q3)(" {{ codeBtnTex }} "), (0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(popover/* ElPopover */.Vc), { placement: "bottom", width: "238", trigger: "contextmenu", visible: visible.value, teleported: "" }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createElementVNode */.Lk)("div", _hoisted_3, [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(input/* ElInput */.WK), { placeholder: "请输入验证码", modelValue: tempcode.value, "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => tempcode.value = $event), style: { "width": "120px" } }, null, 8 /* PROPS */, ["modelValue"]), (0,vue_esm_bundler/* createElementVNode */.Lk)("img", { style: { "width": "78px", "height": "32px" }, src: codeImg.value, alt: "", onClick: getCode }, null, 8 /* PROPS */, _hoisted_4)]), (0,vue_esm_bundler/* createElementVNode */.Lk)("div", _hoisted_5, [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_button/* ElButton */.S2), { size: "small", type: "text", onClick: _cache[7] || (_cache[7] = $event => visible.value = false) }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => _cache[9] || (_cache[9] = [(0,vue_esm_bundler/* createTextVNode */.eW)("取消")])), _: 1 /* STABLE */, __: [9] }), (0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_button/* ElButton */.S2), { type: "primary", size: "small", onClick: confirmCode }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => _cache[10] || (_cache[10] = [(0,vue_esm_bundler/* createTextVNode */.eW)("确定")])), _: 1 /* STABLE */, __: [10] })])]), reference: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_button/* ElButton */.S2), { onClick: getImgs, disabled: codeBtnDisabled.value }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => [(0,vue_esm_bundler/* createTextVNode */.eW)((0,vue_esm_bundler/* toDisplayString */.v_)(codeBtnTex.value), 1 /* TEXT */)]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["disabled"])]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["visible"])]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["modelValue"])]), _: 1 /* STABLE */ }), (0,vue_esm_bundler/* createCommentVNode */.Q3)(" \r\n \r\n \r\n \r\n \r\n ")]), _: 1 /* STABLE */ }, 8 /* PROPS */, ["model"]), (0,vue_esm_bundler/* createVNode */.bF)((0,vue_esm_bundler/* unref */.R1)(components_button/* ElButton */.S2), { class: "form-submit", onClick: submit }, { default: (0,vue_esm_bundler/* withCtx */.k6)(() => _cache[11] || (_cache[11] = [(0,vue_esm_bundler/* createTextVNode */.eW)("提交申请")])), _: 1 /* STABLE */, __: [11] }), _cache[12] || (_cache[12] = (0,vue_esm_bundler/* createElementVNode */.Lk)("div", { class: "remark" }, [(0,vue_esm_bundler/* createTextVNode */.eW)("提交申请后1小时内会有工作人员与您联系"), (0,vue_esm_bundler/* createElementVNode */.Lk)("br"), (0,vue_esm_bundler/* createTextVNode */.eW)("工作时间:周一至周日 9:00-18:00")], -1 /* HOISTED */))]); }; } }); ;// ./src/components/vue/register/RegisterForm.vue?vue&type=script&setup=true&lang=js // EXTERNAL MODULE: ./node_modules/.pnpm/vue-loader@17.4.2_vue@3.5.16_webpack@5.99.9/node_modules/vue-loader/dist/exportHelper.js var exportHelper = __webpack_require__(4406); ;// ./src/components/vue/register/RegisterForm.vue /* unplugin-vue-components disabled */ ; const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(RegisterFormvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-6899443a"]]) /* harmony default export */ var RegisterForm = (__exports__); ;// ./src/pages/register/index.js const request = axios/* default */.A.create({ baseURL: "https://room.yunvip123.cn/prod-api/room", timeout: 60 * 1000 }); (0,vue_esm_bundler/* createApp */.Ef)({ components: { RegisterForm: RegisterForm }, setup() { (0,vue_esm_bundler/* onMounted */.sV)(async () => { // const res = await request.get("/product/manage/web/page", { // params: { // productState: "0", // }, // }); }); const registerForm = (0,vue_esm_bundler/* ref */.KR)(null); const lgyyPopup = (0,vue_esm_bundler/* ref */.KR)(null); function openLgyy() { lgyyPopup.value.open(); } const gkdPopup = (0,vue_esm_bundler/* ref */.KR)(null); function openGkd() { gkdPopup.value.open(); } return {}; } }).mount("#homeMain"); /***/ }) }, /******/ function(__webpack_require__) { // webpackRuntimeModules /******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); } /******/ __webpack_require__.O(0, [534,810,361], function() { return __webpack_exec__(950); }); /******/ var __webpack_exports__ = __webpack_require__.O(); /******/ } ]); //# sourceMappingURL=register.js.map