-copyright">
        <p>
            Copyright © 2007-2022 高校人才网 版权所有 网站备案信息：
            <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备13048400号</a>
            粤公网安备：
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602004138" target="_blank">44010602004138号</a>
        </p>
        <p>本站由广州高才信息科技有限公司运营</p>
        <p>
            中华人民共和国增值电信业务经营许可证：
            <a href="//zt.gaoxiaojob.com/zzdxywjyxkz.jpg" target="_blank">粤B2-20180648</a>
        </p>
        <p>人力资源服务许可证编号：440106160023 企业统一社会信用代码：91440106MA59BTXW56</p>
        <p>客户咨询电话：020-85611139 QQ：2881224205 邮箱：info@gaoxiaojob.com</p>
        <p>高校人才网——国内访问量、信息量领先的高层次人才需求信息平台</p>
        <p>本平台由广东同福律师事务所提供法律支持服务</p>
    </div>
</footer>

<!-- 弹窗登录 start -->
<link rel="stylesheet" href="/static/css/loginDialog.css">
<script type="text/javascript" src="https://ssl.captcha.qq.com/TCaptcha.js"></script>

<div id="loginDialogTemplate" class="login-dialog-template" v-cloak>
    <el-dialog v-model="dialogVisible">
        <el-tabs v-model="loginType">
            <el-tab-pane label="登录/注册" name="mobile">
                <el-form ref="mobileLoginRef" :model="mobileLoginForm" :rules="mobileLoginRules">
                    <el-form-item prop="mobile">
                        <el-input v-model="mobileLoginForm.mobile" name="gaoxiaojobMobile" autocomplete="on"
                                  placeholder="请输入常用手机号码">
                            <template #prepend>
                                <el-select v-model="mobileLoginForm.mobileCode" style="width: 85px">
                                    <el-option-group v-for="{ type, list } in prefixOptions" :key="type"
                                                     :label="type">
                                        <el-option v-for="{ country, code } in list" :key="code" :value="code">
                                            <span style="float: left">{{ country }}</span>
                                            <span style="float: right; color: #8492a6; font-size: 13px">
                                                {{ code }}
                                            </span>
                                        </el-option>
                                    </el-option-group>
                                </el-select>
                            </template>
                        </el-input>
                    </el-form-item>

                    <el-form-item prop="code">
                        <el-input v-model="mobileLoginForm.code" placeholder="请输入验证码">
                            <template #append>
                                <el-button :disabled="codeDisabled" @click="handleSendCode"
                                           style="background: initial">
                                    {{ codeText }}
                                </el-button>
                            </template>
                        </el-input>
                    </el-form-item>

                    <el-button class="mobile-login-confirm" type="primary" :loading="mobileLogining"
                               @click="handleLogin">
                        求职者登录/注册
                    </el-button>
                </el-form>
            </el-tab-pane>

            <el-tab-pane label="密码登录" name="account">
                <el-form ref="accountLoginRef" :model="accountLoginForm" :rules="accountLoginRules">
                    <el-form-item prop="account">
                        <el-input v-model="accountLoginForm.account" name="gaoxiaojobAccount" autocomplete="on"
                                  placeholder="请输入手机号/用户名/邮箱"></el-input>
                    </el-form-item>

                    <el-form-item prop="password">
                        <el-input v-model="accountLoginForm.password" type="password" show-password
                                  placeholder="请输入密码">
                        </el-input>
                    </el-form-item>

                    <div class="forget-password"><a class="ft12 color-label" :href="resetPasswordUrl">忘记密码？</a>
                    </div>

                    <el-button class="account-login-confirm" type="primary" :loading="accountLogining"
                               @click="handleLogin">
                        求职者登录
                    </el-button>
                </el-form>
            </el-tab-pane>
        </el-tabs>

        <div class="entry-tips color-basic">
            <span>没有账号，<a class="color-primary" :href="signinUrl">立即注册</a></span>
            <a class="color-primary" :href="companySigninUrl">单位登录</a>
        </div>

        <div class="signin-tips color-label ft12" v-show="isMobileLogin">
            首次登录将自动注册，即代表同意<br />
            <a class="color-primary" target="_blank" href="//agreement.gaoxiaojob.com/docs/service-agreement/">《用户协议》</a>
            <a class="color-primary" target="_blank" href="//agreement.gaoxiaojob.com/docs/privacy-policy/">《隐私条款》</a>
        </div>
    </el-dialog>
</div>

<script>
    $(function () {
        const loginDialogOptions = {
            data() {
                function validMobile(mobile) {
                    const reg = /^1[3-9]\d{9}$/
                    return reg.test(mobile)
                }

                function validNumber(number) {
                    return /^\d+$/.test(number)
                }

                function validPassword(password) {
                    const reg = /^(?=.*[A-Z])(?=.*[a-z])(?=.*\d)[A-Za-z\d]{6,26}$/
                    return reg.test(password)
                }

                const validateMobile = (rule, value, callback) => {
                    const { mobileLoginForm: { mobileCode } } = this
                    if (mobileCode === '+86') {
                        if (validMobile(value)) {
                            callback()
                        } else {
                            callback('请输入正确的手机号码')
                        }
                    } else if (validNumber(value)) {
                        callback()
                    } else {
                        callback('请输入正确的手机号码')
                    }
                }

                const validatePassword = (rule, value, callback) => {
                    if (validPassword(value)) {
                        callback()
                    } else {
                        callback('6-26位大小写字母、数字组合密码')
                    }
                }

                return {
                    dialogVisible: false,
                    loginType: 'mobile',

                    captcha: null,
                    captchaAppId: '',

                    prefixOptions: [],

                    mobileLoginForm: {
                        mobileCode: '+86',
                        mobile: '',
                        code: ''
                    },

                    codeDisabled: false,
                    codeText: '获取验证码',
                    codeTime: 60,
                    codeTimer: null,

                    mobileLogining: false,

                    mobileLoginRules: {
                        mobile: [
                            { required: true, message: '请输入手机号码', trigger: 'blur' },
                            { validator: validateMobile, trigger: 'blur' }
                        ],
                        code: [{ required: true, message: '请输入验证码', trigger: 'blur' }]
                    },

                    accountLoginForm: {
                        account: '',
                        password: ''
                    },

                    accountLogining: false,

                    accountLoginRules: {
                        account: [{ required: true, message: '请输入手机号/用户名/邮箱', trigger: 'blur' }],
                        password: [
                            { required: true, message: '请输入密码', trigger: 'blur' },
                            { validator: validatePassword, trigger: 'blur' }
                        ]
                    }
                }
            },

            computed: {
                isMobileLogin() {
                    return this.loginType === 'mobile'
                },

                redirectQuery() {
                    return `?redirect=${window.location.pathname}`
                },

                signinUrl() {
                    return `/member/person/registry${this.redirectQuery}`
                },

                companySigninUrl() {
                    return `/member/company/login`
                },

                resetPasswordUrl() {
                    return `/member/person/reset${this.redirectQuery}`
                },
            },

            methods: {
                showLoginDialog() {
                    this.dialogVisible = true
                },

                async getMobilePrefix() {
                    const data = await httpGet('/api/config/load-country-mobile-code')
                    this.prefixOptions = data
                },

                async getMobileCode() {
                    const { mobileLoginForm: { mobileCode, mobile } } = this
                    await httpPost('/api/member/send-mobile-login-code', { mobileCode: mobileCode.replace(/^\+/, ''), mobile, type: 1 })
                },

                async getCaptchaConfig() {
                    const { captchaAppId: appId } = await httpGet('/api/member/get-captcha-config')
                    this.captchaAppId = appId
                },

                handleCaptcha(callback) {
                    try {
                        this.captcha = new TencentCaptcha(this.captchaAppId, (res) => {
                            if (res.ret === 0) {
                                callback && callback()
                            }
                        })
                        this.captcha.show()
                    } catch (err) {
                        console.log(err)
                    }
                },

                countDown() {
                    this.codeDisabled = true
                    this.codeTimer = setInterval(() => {
                        if (this.codeTime === 1) {
                            clearInterval(this.codeTimer)
                            this.codeTime = 60
                            this.codeText = '重新发送'
                            this.codeDisabled = false
                        } else {
                            this.codeTime -= 1
                            this.codeText = `${this.codeTime}秒`
                        }
                    }, 1000)
                },

                handleSendCode() {
                    this.$refs.mobileLoginRef.validateField('mobile', (errMsg) => {
                        if (errMsg.length === 0) {
                            this.handleCaptcha(() => {
                                this.getMobileCode()
                                this.countDown()
                            })
                        }
                    })
                },

                async handleSign() {
                    const { isMobileLogin } = this
                    const loginApi = '/api/member/' + (isMobileLogin ? 'validate-mobile-login-code' : 'account-login')
                    const loading = isMobileLogin ? 'mobileLogining' : 'accountLogining'

                    this[loading] = true

                    let formData = { type: 1 }

                    if (isMobileLogin) {
                        const { mobileLoginForm: { mobileCode, mobile, code } } = this
                        formData = { ...formData, mobileCode: mobileCode.replace(/^\+/, ''), mobile, code }
                    } else {
                        formData = { ...formData, ...this.accountLoginForm }
                    }

                    try {
                        const { token } = await httpPost(loginApi, formData)
                        document.cookie = `Authorization=${token};path=/`
                        window.location.reload()
                    } catch (err) {
                        this[loading] = false
                    }
                },

                handleLogin() {
                    const { isMobileLogin } = this
                    const formRef = this.$refs[isMobileLogin ? 'mobileLoginRef' : 'accountLoginRef']

                    formRef.validate((valid) => {
                        if (valid) {
                            if (isMobileLogin) {
                                this.handleSign()
                            } else {
                                this.handleCaptcha(() => {
                                    this.handleSign()
                                })
                            }
                        }
                    })

                }
            },

            mounted() {
                this.getMobilePrefix()
                this.getCaptchaConfig()
            }
        }
        const loginDialogComponent = Vue.createApp(loginDialogOptions).use(ElementPlus).mount('#loginDialogTemplate')

        window.globalComponents = { ...window.globalComponents, loginDialogComponent }
    });
</script>
<!-- 弹窗登录 end -->
<link rel="stylesheet" href="/static/css/applyDialog.css">

<div id="applyDialogTemplate" class="apply-dialog-template" v-cloak>
    <el-dialog v-model="dialogVisible" title="简历投递" :center="true">
        <el-form :model="resumeFormData" label-width="100px">
            <el-form-item label="在线简历">
                <div class="resume-status">
                    <!-- <template v-if="resumeStatus">
                                <span>简历完成度 100%</span>
                                <a href="/member/person/resume" class="color-primary">预览</a>
                            </template>
                            <template v-else>
                                <span class="warning">工作经验和项目经历不完整，建议完善后再投递</span>
                                <a href="/member/person/resume" class="color-primary">完善</a>
                            </template> -->
                    <span>简历完成度 {{ resumePercent }}%</span>
                    <a href="/member/person/resume" class="color-primary">
                        {{ resumePercent === 100 ? '预览' : '完善' }}
                    </a>
                </div>
            </el-form-item>

            <el-form-item label="选择附件简历">
                <div class="resume-options">
                    <el-select v-model="resumeFormData.token" placeholder="选择附件简历" :clearable="true">
                        <el-option v-for="{label, value} in resumeOptions" :key="value" :label="label" :value="value">
                        </el-option>
                    </el-select>

                    <el-upload class="resume-upload" :action="resumeUploadUrl" :show-file-list="false"
                        :on-success="uploadResumeSuccess">
                        <span class="color-primary">+ 上传</span>
                    </el-upload>
                </div>

                <div class="set-default-resume">
                    <el-checkbox v-model="resumeFormData.isDefault" true-label="1" false-label="2">默认此选择
                    </el-checkbox>
                </div>
            </el-form-item>

            <el-form-item label="添加应聘材料" class="form-item-attachment">
                <el-upload class="resume-upload" :action="attachmentUploadUrl" :limit="limit"
                    :file-list="resumeFormData.stuffFileId" :on-success="uploadAttachSuccess"
                    :on-error="uploadAttachError" :on-remove="uploadAttachRemove" :on-exceed="uploadAttachExceed">
                    <el-button type="primary" size="small">+ 上传</el-button>
                </el-upload>
            </el-form-item>
        </el-form>
        <template #footer>
            <div class="dialog-footer">
                <el-button @click="dialogVisible = false">取消</el-button>
                <el-button type="primary" :loading="confirmLoading" @click="handleDeliver">投递</el-button>
            </div>
            <div class="dialog-tips" v-if="dialogTipsVisible">
                *
                该职位为我平台整理后发布，我平台将帮您代投简历至用人部门邮箱，同时抄送至您 {{ userEmail }}
                的邮箱，请注意查收邮件以获得后续反馈进度。投递成功后，可至“投递”-“站外应聘;查看您的投递记录。
            </div>
            <div class="dialog-tips" v-if="othersApplyTipsVisible">
                应要求，本职位须以
                {{otherTxt}}（应聘方式）投递，请仔细查看公告&职位详情。当前页面投递，单位可能不做处理，请您知悉。
            </div>
            <div class="dialog-tips" v-if="netApplyTipsVisible">
                注意：应要求，本职位须通过单位招聘系统进行简历投递。当前页面投递，单位可能不做处理，请您知悉。
                <a :href="onlineApply" target="_blank">去投递</a>
            </div>
        </template>
    </el-dialog>
</div>

<script>
    $(function () {
        const applyDialogOptions = {
            data() {
                return {
                    dialogVisible: false,
                    userEmail: '',
                    resumePercent: 0,
                    isCooperation: false,
                    isEmailApply: true,
                    confirmLoading: false,
                    isOnlineApply: false,
                    isOtherApply: false,
                    limit: 5,
                    onlineApply: '',
                    otherTxt: '',
                    beforeApi: '/api/person/member/check-user-apply-status',
                    applyApi: '/api/person/job/apply',
                    resumeUploadUrl: '/api/person/resume/upload',
                    attachmentUploadUrl: '/api/upload/resume-attachment',
                    resumeOptions: [],
                    resumeFormData: {
                        jobId: '',
                        token: '',
                        isDefault: '2',
                        stuffFileId: []
                    },
                    successCallback: null
                }
            },

            computed: {
                dialogTipsVisible() {
                    return this.isCooperation ? false : this.isEmailApply
                },
                othersApplyTipsVisible() {
                    return this.isCooperation && this.isOtherApply
                },
                netApplyTipsVisible() {
                    return this.isCooperation && this.isOnlineApply
                }

            },

            methods: {
                async beforeApply(id, callback = () => { }) {
                    const { userEmail, percent, isCooperation, isEmailApply, resumeAttachmentList, defaultResumeAttachment, isOnlineApply, isOtherApply, onlineApply, otherTxt } = await httpPost(this.beforeApi, { jobId: id })

                    this.resumeFormData.jobId = id
                    this.resumeFormData.token = defaultResumeAttachment
                    this.successCallback = callback
                    this.isOtherApply = isOtherApply
                    this.isOnlineApply = isOnlineApply
                    this.userEmail = userEmail
                    this.resumePercent = percent
                    this.isCooperation = isCooperation
                    this.isEmailApply = isEmailApply
                    this.resumeOptions = resumeAttachmentList
                    if (onlineApply || otherTxt) {
                        this.onlineApply = onlineApply
                        this.otherTxt = otherTxt
                    }
                    this.handleApply()
                },

                handleApply() {
                    const { isCooperation, isEmailApply, resumeFormData, successCallback } = this

                    if (isCooperation || isEmailApply) {
                        this.dialogVisible = true
                    } else {
                        this.$confirm(`应要求，本职位须至单位方招聘系统申请。选择”去投递“，将打开单位方招聘页面，并自动帮您添加该职位至“投递”-“站外应聘”菜单。`, '简历投递', {
                            cancelButtonText: '取消',
                            confirmButtonText: '去投递',
                            buttonSize: 'large'
                        }).then(async () => {
                            const { link } = await httpPost(this.applyApi, resumeFormData)
                            successCallback()
                            if (link) {
                                window.open(link)
                            }
                        }).catch(() => { })
                    }
                },

                handleDeliver() {
                    this.confirmLoading = true
                    const { resumeFormData: { stuffFileId, ...data } } = this
                    const postData = { ...data, stuffFileId: '' }

                    if (stuffFileId.length) {
                        const result = stuffFileId.reduce((previous, current) => {
                            previous.push(current.response.data.id)
                            return previous
                        }, [])
                        postData.stuffFileId = result.join()
                    }

                    httpPost(this.applyApi, postData).then(() => {
                        this.resumeFormData.stuffFileId = []
                        this.dialogVisible = false
                        this.successCallback()

                        if (this.dialogTipsVisible) {
                            this.$alert(`已自动帮您添加该职位至“投递”--“站外应聘”菜单，请稍后查看。`, '职位投递成功', {
                                confirmButtonText: '我知道了',
                                buttonSize: 'large'
                            })
                        } else {
                            this.$alert(``, '职位投递成功', {
                                confirmButtonText: '我知道了',
                                buttonSize: 'large'
                            })
                        }
                    }).catch(error => {
                        this.$message.error(error)
                    })
                    this.confirmLoading = false
                },

                uploadResumeSuccess(response, file, fileList) {
                    const { data, msg, result } = response

                    if (result === 1) {
                        const { resumeOptions } = this
                        const { name, token } = data
                        this.resumeOptions = [...resumeOptions, { label: name ? name : file.name, value: token }]
                        this.resumeFormData.token = token
                        this.resumeFormData.isDefault = '1'
                    } else {
                        this.$message.error(msg)
                    }
                },

                uploadAttachSuccess(response, file, fileList) {
                    this.resumeFormData.stuffFileId = fileList
                },

                uploadAttachError(error, file, fileList) {
                    const { msg } = JSON.parse(error.message)
                    this.$message.error(msg)
                },

                uploadAttachRemove(file, fileList) {
                    this.resumeFormData.stuffFileId = fileList
                },

                uploadAttachExceed(files, uploadFiles) {
                    this.$message.warning(`目前只允许上传${this.limit}个应聘材料`)
                }
            }
        }
        const applyDialogComponent = Vue.createApp(applyDialogOptions).use(ElementPlus).mount('#applyDialogTemplate')

        window.globalComponents = { ...window.globalComponents, applyDialogComponent }
    });
</script>
<!-- 返回顶部 start -->
<style>
.backtop-button {
  width: 46px;
  height: 46px;
  background: url(/static/assets/common/backtop.png) no-repeat center/cover;
}

.backtop-button:hover,
.backtop-button:focus {
    background-image: url(/static/assets/common/backtop-hover.png);
}
</style>

<div id="backtopTemplate">
    <el-backtop  class="backtop-button" :visibility-height="viewportHeight" :right="200" :bottom="100">
        <span></span>
    </el-backtop>
</div>

<script>
    $(function() {
        const backtopOptions = {
            computed: {
                viewportHeight() {
                    return window.innerHeight
                }
            }
        }
        Vue.createApp(backtopOptions).use(ElementPlus).mount('#backtopTemplate')
    })
</script>
<!-- 返回顶部 end -->

<script>
    var _maq = _maq || []
    var token = "gcjobprod"
    _maq.push(['_setAccount', token]);
</script>

<script src="/static/js/position.js"></script>
<script src="/static/js/public.js"></script>

<script>
var _hmt = _hmt || []
  ; (function () {
    var hm = document.createElement('script')
    hm.src = 'https://hm.baidu.com/hm.js?4300f9187d3b607ec69ea844e79f3dae'
    var s = document.getElementsByTagName('script')[0]
    s.parentNode.insertBefore(hm, s)
  })()
</script>

</div>
<link rel="stylesheet" href="/static/css/loginPanel.css">

<div id="loginPanelTemplate" class="login-panel-template" v-cloak>
    <div class="login-panel-container" v-if="visible">
        <div class="login-panel-logo">
            <img src="/static/assets/logo/logo-text-white.png" alt="">
        </div>

        <el-form ref="mobileLoginRef" :model="mobileLoginForm" :rules="mobileLoginRules">
            <el-form-item prop="mobile" :show-message="false">
                <el-input v-model="mobileLoginForm.mobile" name="gaoxiaojobMobile" autocomplete="on"
                          placeholder="请输入常用手机号码">
                    <template #prepend>
                        <el-select v-model="mobileLoginForm.mobileCode" style="width: 85px">
                            <el-option-group v-for="{ type, list } in prefixOptions" :key="type" :label="type">
                                <el-option v-for="{ country, code } in list" :key="code" :value="code">
                                    <span style="float: left">{{ country }}</span>
                                    <span style="float: right; color: #8492a6; font-size: 13px">
                                            {{ code }}
                                        </span>
                                </el-option>
                            </el-option-group>
                        </el-select>
                    </template>
                </el-input>
            </el-form-item>

            <el-form-item prop="code" :show-message="false">
                <el-input v-model="mobileLoginForm.code" placeholder="请输入验证码">
                    <template #append>
                        <el-button :disabled="codeDisabled" @click="handleSendCode" style="background: initial">
                            {{ codeText }}
                        </el-button>
                    </template>
                </el-input>
            </el-form-item>

            <el-button class="mobile-login-confirm" type="primary" :loading="mobileLogining" @click="handleLogin">
                登录/注册
            </el-button>

            <el-button class="close-button" @click="visible = false"><i class="el-icon el-icon-close"></i>
            </el-button>
        </el-form>
    </div>
</div>

<script>
    $(function () {
        const loginPanelOptions = {
            data() {
                function validMobile(mobile) {
                    const reg = /^1[3-9]\d{9}$/
                    return reg.test(mobile)
                }

                function validNumber(number) {
                    return /^\d+$/.test(number)
                }

                const validateMobile = (rule, value, callback) => {
                    const { mobileLoginForm: { mobileCode } } = this
                    if (mobileCode === '+86') {
                        if (validMobile(value)) {
                            callback()
                        } else {
                            callback('请输入正确的手机号码')
                        }
                    } else if (validNumber(value)) {
                        callback()
                    } else {
                        callback('请输入正确的手机号码')
                    }
                }

                return {
                    visible: true,
                    captcha: null,
                    captchaAppId: '',

                    prefixOptions: [],

                    mobileLoginForm: {
                        mobileCode: '+86',
                        mobile: '',
                        code: ''
                    },

                    codeDisabled: false,
                    codeText: '获取验证码',
                    codeTime: 60,
                    codeTimer: null,

                    mobileLogining: false,

                    mobileLoginRules: {
                        mobile: [
                            { required: true, message: '请输入手机号码', trigger: 'blur' },
                            { validator: validateMobile, trigger: 'blur' }
                        ],
                        code: [{ required: true, message: '请输入验证码', trigger: 'blur' }]
                    }
                }
            },

            methods: {
                async getMobilePrefix() {
                    const data = await httpGet('/api/config/load-country-mobile-code')
                    this.prefixOptions = data
                },

                async getMobileCode() {
                    const { mobileLoginForm: { mobileCode, mobile } } = this
                    await httpPost('/api/member/send-mobile-login-code', { mobileCode: mobileCode.replace(/^\+/, ''), mobile, type: 1 })
                },

                async getCaptchaConfig() {
                    const { captchaAppId: appId } = await httpGet('/api/member/get-captcha-config')
                    this.captchaAppId = appId
                },

                handleCaptcha(callback) {
                    try {
                        this.captcha = new TencentCaptcha(this.captchaAppId, (res) => {
                            if (res.ret === 0) {
                                callback && callback()
                            }
                        })
                        this.captcha.show()
                    } catch (err) {
                        console.log(err)
                    }
                },

                countDown() {
                    this.codeDisabled = true
                    this.codeTimer = setInterval(() => {
                        if (this.codeTime === 1) {
                            clearInterval(this.codeTimer)
                            this.codeTime = 60
                            this.codeText = '重新发送'
                            this.codeDisabled = false
                        } else {
                            this.codeTime -= 1
                            this.codeText = `${this.codeTime}秒`
                        }
                    }, 1000)
                },

                handleSendCode() {
                    this.$refs.mobileLoginRef.validateField('mobile', (errMsg) => {
                        if (errMsg.length === 0) {
                            this.handleCaptcha(() => {
                                this.getMobileCode()
                                this.countDown()
                            })
                        } else {
                            this.$message.error(errMsg)
                        }
                    })
                },

                async handleSign() {
                    const loginApi = '/api/member/validate-mobile-login-code'
                    const loading = 'mobileLogining'

                    this[loading] = true

                    let formData = { type: 1 }

                    const { mobileLoginForm: { mobileCode, mobile, code } } = this
                    formData = { ...formData, mobileCode: mobileCode.replace(/^\+/, ''), mobile, code }

                    try {
                        const { token } = await httpPost(loginApi, formData)
                        document.cookie = `Authorization=${token};path=/`
                        window.location.reload()
                    } catch (err) {
                        this[loading] = false
                    }
                },

                handleLogin() {
                    const formRef = this.$refs['mobileLoginRef']

                    formRef.validate((valid) => {
                        if (valid) {
                            this.handleSign()
                        } else {
                            let isValid = true
                            formRef.validateField(['mobile', 'code'], (errMsg) => {
                                if (errMsg.length) {
                                    if (isValid) {
                                        this.$message.error(errMsg)
                                    }
                                    isValid = false
                                }
                            })
                        }
                    })
                }
            },

            mounted() {
                this.getMobilePrefix()
                this.getCaptchaConfig()
            }
        }
        const loginPanelComponent = Vue.createApp(loginPanelOptions).use(ElementPlus).mount('#loginPanelTemplate')
    });
</script></body>
</html>


<script>

    $(function () {
        // 页面顶部全国切换
        $('#city-switch').click(function (e) {
            $('.countries-city').show()
            $(document).click(function () {
                $('.countries-city').hide();
            })
            e.stopPropagation();
        })

        $('.countries-city a').click(function () {
            $(this).addClass('current-city').siblings().removeClass('current-city');
        })
    })
</script>