{
                                        "k": "238",
                                        "v": "建筑规划设计与市政建设岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/jianzhuguihua"
                                    },
                                                                {
                                        "k": "239",
                                        "v": "建筑工程技术人员岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/jianzhugongchengjishu"
                                    },
                                                                {
                                        "k": "240",
                                        "v": "工程管理与质量安防岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/gongchengguanli"
                                    },
                                                                {
                                        "k": "241",
                                        "v": "物业运营与管理岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/wuyeyunying"
                                    },
                                                                {
                                        "k": "242",
                                        "v": "其他房地产/建筑/物业岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/qitafangdichan"
                                    },
                                                                {
                                        "k": "270",
                                        "v": "项目管理",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/xiangmuguanli"
                                    },
                                                                {
                                        "k": "271",
                                        "v": "建筑行业招投标岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/jianzhuzhaotoubiao"
                                    },
                                                                                                                    {
                                        "k": "243",
                                        "v": "供应链岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/gongyinglian"
                                    },
                                                                {
                                        "k": "244",
                                        "v": "物流与仓储岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/wuliuyucangchu"
                                    },
                                                                {
                                        "k": "245",
                                        "v": "交通运输岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/jiaotongyunshugang"
                                    },
                                                                {
                                        "k": "246",
                                        "v": "采购岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/caigougang"
                                    },
                                                                {
                                        "k": "272",
                                        "v": "招投标岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/zhaotoubiaogang"
                                    },
                                                                {
                                        "k": "247",
                                        "v": "进出口贸易岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/jinchukoumaoyi"
                                    },
                                                                                                                    {
                                        "k": "248",
                                        "v": "百货零售相关岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/baihuolingshou"
                                    },
                                                                {
                                        "k": "249",
                                        "v": "休闲娱乐体育相关岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/xiuxianyule"
                                    },
                                                                {
                                        "k": "250",
                                        "v": "酒店旅游餐饮相关岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/jiudianlvyou"
                                    },
                                                                {
                                        "k": "251",
                                        "v": "家政婚庆美容相关岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/jiazhenghunqing"
                                    },
                                                                {
                                        "k": "252",
                                        "v": "其他生活服务岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/qitashenghuofuwu"
                                    },
                                                                {
                                        "k": "253",
                                        "v": "农林牧渔管理岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/nonglinmuyuguanli"
                                    },
                                                                {
                                        "k": "254",
                                        "v": "农林牧渔技术人员岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/nonglinmuyujishu"
                                    },
                                                                                                                    {
                                        "k": "255",
                                        "v": "管理培训生/储备干部",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/chubeiganbu"
                                    },
                                                                {
                                        "k": "256",
                                        "v": "社工/志愿者",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/shegong"
                                    },
                                                                {
                                        "k": "257",
                                        "v": "其他",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/qitazhiwei"
                                    },
                                                                {
                                        "k": "258",
                                        "v": "实习生/见习岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/shixisheng"
                                    },
                                                                {
                                        "k": "273",
                                        "v": "企业综合类岗位",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/qiyezonghelei"
                                    },
                                                                {
                                        "k": "274",
                                        "v": "企业类高层次人才",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/qiyegaocengci"
                                    },
                                                                {
                                        "k": "275",
                                        "v": "工勤支撑岗",
                                        "href": "https://www.gaoxiaojob.com/rczhaopin/gongqinzhicheng"
                                    },
                                                                        ],
                    jobTypeFilterOptions: [],
                }
            },

            mounted() {
            },

            methods:{
                handleSearch(query) {
                    if (query) {
                        const { jobTypeOptions } = this
                        setTimeout(() => {
                            const objMap = new Map()
                            this.jobTypeFilterOptions = jobTypeOptions.filter((item) => {
                                const isIncludes = item.v.toLowerCase().includes(query.toLowerCase())
                                const { v } = item
                                const flag = isIncludes && !objMap.has(v)
                                if (flag) objMap.set(v, 1)
                                return flag
                            })
                        }, 200)
                    } else {
                        this.jobTypeFilterOptions = []
                    }
                },
                handleSearchChange(href) {
                    window.location.href= href
                },
            }
        }

        const searchTemplate = Vue.createApp(searchOptions).use(ElementPlus).mount('#searchTemplate')
    })
</script>

        <footer class="page-footer-container">
        <div class="site-foot-menu">
            <a href="//www.gaoxiaojob.com/zhaopin/aboutUs/index.html" target="_blank" rel="nofollow">关于我们</a>|
            <a href="//www.gaoxiaojob.com/zhaopin/aboutUs/contactUs.html" rel="nofollow">联系我们</a>|
            <a href="//www.gaoxiaojob.com/zhaopin/aboutUs/joinUs.html" target="_blank" rel="nofollow">人才招聘</a>|
            <a href="//www.gaoxiaojob.com/zhaopin/aboutUs/productService.html" rel="nofollow">产品服务</a>|
            <a href="//www.gaoxiaojob.com/zhaopin/aboutUs/disclaimers.html" target="_blank" rel="nofollow">免责声明</a>|
            <a href="/data/sitemap.html" target="_blank">网站导航</a>|
            <a href="//www.gaoxiaojob.com/zhaopin/zhuanti/zzzm2021/index.html" target="_blank" rel="nofollow">资质证明</a>|
            <a href="//gaocai.gaoxiaojob.com" target="_blank">高才科技官网</a>
        </div>

        <div class="site-foot-copyright">
            <p>
                Copyright © 2007-2024 高校人才网 版权所有 网站备案信息：
                <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">粤ICP备13048400号</a>
                粤公网安备：
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602004138" rel="nofollow"
                   target="_blank">44010602004138号</a>
            </p>
            <p>本站由广州高才信息科技有限公司运营</p>
            <p>
                中华人民共和国增值电信业务经营许可证：
                <a href="//zt.gaoxiaojob.com/zzdxywjyxkz.jpg" target="_blank" rel="nofollow">粤B2-20180648</a>
            </p>
            <p>人力资源服务许可证编号：(粤)人服证字(2022) 第0106114823&nbsp;&nbsp;企业统一社会信用代码：91440106MA59BTXW56</p>
            <p>客户咨询电话：020-85611139 QQ：2881224205 邮箱：info@gaoxiaojob.com</p>
            <p>高校人才网——国内访问量、信息量排名前列的高层次人才需求信息平台</p>
            <p>本平台由广东同福律师事务所提供法律支持服务</p>
        </div>
    </footer>
    <!--下面总是报错没有$所以特地在这里多加一个jquery的引入-->
<!-- 弹窗登录 start -->
<link rel="stylesheet" href="/static/css/loginDialog.css?v=1.3.2">
<script type="text/javascript" src="https://turing.captcha.qcloud.com/TCaptcha.js"></script>

<div id="loginDialogTemplate" class="login-dialog-template" v-cloak>
    <el-dialog v-model="dialogVisible" @close="clearQRCodeTimer" :close-on-click-modal="closeOnClickModal" :show-close="showClose">
        <div class="aside">
            <div class="introduce">
                <div class="name">高校人才网</div>
                百万硕博人的择业平台
            </div>
            <div class="introduce">
                <div class="name">高校直招</div>
                <span>5000+</span>单位官方入驻
            </div>
            <div class="introduce">
                <div class="name">简历直投</div>
                <span>20W+</span>职位一键投递
            </div>
        </div>

        <div class="login-form">
            <div class="login-switch">
                <div @click="handleSwitchToScan" v-if="loginSwitchType=='account'" class="account-tips">
                    <div class="login-tips">微信扫码1秒登录</div>
                </div>
                <div @click="handleSwitchToAccount" v-else class="scan-tips">
                    <div class="login-tips">手机号/密码登录</div>
                </div>
            </div>

            <div v-if="loginSwitchType=='account'" class="account-login">
                <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
                                    class="mobile"
                                    v-model="mobileLoginForm.mobile"
                                    oninput="value=value.replace(/[^0-9]/g, '')"
                                    name="gaoxiaojobMobile"
                                    autocomplete="on"
                                    placeholder="请输入常用手机号码"
                                    :maxlength="mobileMaxLength"
                                    clearable
                                >
                                    <!-- 暂时不要前置icon -->
                                    <!-- <template #prefix></template> -->

                                    <!-- 号段 -->
                                    <template #prefix>
                                        <el-select v-model="mobileLoginForm.mobileCode" popper-class="dialog-mobile-prefix-popper" class="mobile-prefix-select">
                                            <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"> {{ code }} </span>
                                                </el-option>
                                            </el-option-group>
                                        </el-select>
                                    </template>
                                </el-input>
                            </el-form-item>

                            <el-form-item prop="code">
                                <el-input class="sms-code" v-model="mobileLoginForm.code" placeholder="请输入验证码"
                                    clearable>
                                    <!-- 暂时不要前置icon -->
                                    <!-- <template #prefix></template> -->

                                    <template #suffix>
                                        <el-button :disabled="codeDisabled" @click="handleSendCode"
                                            style="background: initial" v-html="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 v-show="loginType=='mobile'" class="entry-tips color-basic">
                    首次登录将自动注册，即代表同意<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>

                <div class="signin-tips">
                    <a class="color-primary" :href="signinUrl">点击通过其他方式注册</a>
                </div>
            </div>

            <div v-else class="home-scan-login">
                <div class="type-title">微信扫码登录</div>
                <div class="qr-code" v-loading="qrCodeLoading" :style="`background-image:url(${qrCodeInfo.url})`">
                    <img src="https://img.gaoxiaojob.com/uploads/static/image/logo/logo_square.png?imageView2/1/w/40/h/40/q/100"
                        alt="" class="qr-code-logo" />
                    <div @click="getQRCode" v-show="isQRcodePast" class="past"></div>
                </div>
                <div class="scan-tips">
                    <template v-if="!isQRcodePast">
                        请使用微信【扫一扫】<br />关注“<span>高校人才网服务号</span>”完成登录
                        <div class="instant">实时接收求职反馈</div>
                    </template>
                    <template v-else>二维码已过期，请刷新</template>
                </div>
            </div>
        </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 {
                    closeOnClickModal: true,
                    showClose: true,

                    dialogVisible: false,
                    loginType: 'mobile',

                    loginSwitchType: 'account',
                    qrCodeTimer: null,
                    qrCodeInfo: {
                        url: ''
                    },
                    qrCodeLoading: false,
                    isQRcodePast: false,
                    redirectUrl: window.location.href,

                    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.href}`
                },

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

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

                resetPasswordUrl() {
                    return `/member/person/reset${this.redirectQuery}`
                },
                isNeedStep() {
                    var search = window.location.search
                    var URLParams = new URLSearchParams(search)
                    return URLParams.get('isNeedStep') || ''
                },
                mobileMaxLength: function () {
                    return this.mobileLoginForm.mobileCode === '+86' ? 11 : 20
                }
            },

            methods: {
                hideAllClose() {
                    this.closeOnClickModal = false
                    this.showClose = false
                },

                showLoginDialog() {
                    this.dialogVisible = true
                    if (this.loginSwitchType == 'scan') {
                        this.getQRCode()
                    }
                },

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

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

                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) => {
                            const { ret, ticket, randstr } = res
                            if (ret === 0) {
                                callback && callback({ ticket, randstr })
                            }
                        })
                        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}S<span>重新获取</span>`
                        }
                    }, 1000)
                },

                handleSendCode() {
                    let params = {
                        actionType: 3,
                        actionModule: 10
                    }
                    buriedPoint(params)
                    this.$refs.mobileLoginRef.validateField('mobile', (errMsg) => {
                        if (errMsg.length === 0) {
                            this.handleCaptcha((data) => {
                                this.getMobileCode(data)
                                this.countDown()
                            })
                        }
                    })

                },

                async handleSign(data) {
                    let params = {
                        actionType: 0,
                        actionModule: 0
                    }

                    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) {
                        params.actionType = 2
                        params.actionModule = 10
                        const { mobileLoginForm: { mobileCode, mobile, code } } = this
                        formData = { ...formData, mobileCode, mobile, code }
                    } else {
                        params.actionType = 2
                        params.actionModule = 11
                        formData = { ...formData, ...this.accountLoginForm }
                    }
                    buriedPoint(params)
                    try {
                        const { token, expireTime, redirectUrl } = await httpPost(loginApi, { ...formData, ...data, redirect: this.redirectUrl,isNeedStep: this.isNeedStep })
                        document.cookie = `Authorization=${token};path=/;expires=${new Date(expireTime)}`
                        window.location.href = redirectUrl
                    } 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((data) => {
                                    this.handleSign(data)
                                })
                            }
                        }
                    })

                },

                clearQRCodeTimer() {
                    clearTimeout(this.qrCodeTimer)
                },

                checkQRCode() {
                    this.qrCodeTimer = setTimeout(async () => {
                        const { ticket, token } = this.qrCodeInfo
                        const data = await httpPost('/api/member/check-login-qrcode', { ticket, token, redirect: this.redirectUrl, isNeedStep: this.isNeedStep })

                        const { status, token: newToken, userInfo } = data
                        this.qrCodeInfo.token = newToken
                        /**
                         * status:
                         * 1（未扫码）2（成功扫码并且登录成功），这个时候会有userInfo，3 绑定，这个时候会返回一个token，9 二维码过期，需重新获取新二维码
                        */
                        switch (status) {
                            case 1:
                                if (this.loginSwitchType != 'scan') {
                                    this.clearQRCodeTimer()
                                    return
                                }
                                this.checkQRCode()
                                break;
                            case 2:
                                document.cookie = `Authorization=${userInfo.token};path=/;expires=${userInfo.expireTime}`
                                window.location.href = userInfo.redirectUrl
                                break;
                            case 3:
                                this.loginSwitchType = 'account'
                                window.location.href = `/wx/register-bind${this.redirectQuery}&token=${data.sno}`
                                break;
                            case 9:
                                this.getQRCode()
                                break;

                            default:
                                break;
                        }
                    }, 2000)
                },

                async getQRCode() {
                    this.qrCodeLoading = true
                    const data = await httpGet('/api/member/get-login-qrcode')
                    this.qrCodeInfo = data
                    this.qrCodeLoading = false
                    this.isQRcodePast = false
                    this.clearQRCodeTimer()
                    this.checkQRCode()
                },

                handleSwitchToScan() {
                    this.loginSwitchType = 'scan'
                    this.getQRCode()
                },

                handleSwitchToAccount() {
                    this.loginSwitchType = 'account'
                    this.clearQRCodeTimer()
                },


            },

            mounted() {
                this.getMobilePrefix()
                this.getCaptchaConfig()
            },
            //----------监听用户切换登录方式，新增用户埋点日志开始--------------
            watch: {
                loginType(newValue,oldValue) {
                    let params = {
                        actionType: 0,
                        actionModule: 0
                    }
                    if(newValue === 'mobile'){
                        // 点击了手机号切换
                        params.actionType = 1
                        params.actionModule = 10
                    }else if(newValue === 'account'){
                        params.actionType = 1
                        params.actionModule = 11
                    }
                    buriedPoint(params)
                },
                loginSwitchType(newValue,oldValue){
                    let params = {
                        actionType: 0,
                        actionModule: 0
                    }
                    if(newValue === 'scan'){
                        params.actionType = 1
                        params.actionModule = 12
                    }else if(newValue === 'account'){
                        params.actionType = 1
                        params.actionModule = 11
                    }
                    buriedPoint(params)
                }
            },
            //----------监听用户切换登录方式，新增用户埋点日志结束--------------


        }
        const loginDialogComponent = Vue.createApp(loginDialogOptions).use(ElementPlus).mount('#loginDialogTemplate')

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

<div id="applyDialogTemplate" class="apply-dialog-template" v-cloak>
    <el-dialog v-model="dialogVisible" title="简历投递" :center="true" @close="close">
        <el-form :model="resumeFormData" label-width="70px" ref="applyFormRef">
            <div class="education-tips" v-if="applyDialogData.systemTips">
                <div class="tips-content">{{applyDialogData.systemTips}}</div>
            </div>
            <el-form-item label="投递岗位" v-if="isAnnouncement" prop="jobId">
                <el-select v-model="resumeFormData.jobId" placeholder="选择职位" @change="changeJob">
                    <el-option v-for="{id, name ,type} in announcementJobList" :key="id" :label="name" :value="id"
                        :disabled="type"> </el-option>
                </el-select>
            </el-form-item>

            <el-form-item label="在线简历" class="form-item-resume-online">
                <div class="resume-status">
                    <div class="resume-status-tips">{{applyDialogData.resumeTips}}</div>
                    <div class="resume-operate">
                        <a href="/member/person/resume" class="color-primary" target="_blank">完善</a>
                        <a href="/member/person/resume/preview" class="color-primary" target="_blank">预览</a>
                    </div>
                </div>
            </el-form-item>

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

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

            <el-form-item label="应聘材料" class="form-item-attachment">
                <div class="file-tips" v-if="applyDialogData.resumeFileTips" v-html="applyDialogData.resumeFileTips">
                </div>
                <el-upload class="resume-upload" :action="attachmentUploadUrl" :limit="limit" ref="attachUploadRef"
                    :file-list="resumeFormData.stuffFileId" :on-success="uploadAttachSuccess" :disabled="checkAnnoucementDisabled"
                    :on-error="uploadAttachError" :on-remove="uploadAttachRemove" :on-exceed="uploadAttachExceed"
                    :before-upload="beforeFileUpload" :on-progress="handleProgress">
                    <el-button class="upload-btn" type="primary" size="small" :disabled="checkAnnoucementDisabled">+ 上传文件</el-button>
                </el-upload>
            </el-form-item>

            <el-form-item v-if="applyDialogData.deliveryTopIsShow" label="投递置顶" class="form-item-add-top"
                prop="deliveryTopIsCheckBox">
                        <el-checkbox class="apply-add-top" v-model="applyDialogData.deliveryTopIsCheckBox" :true-label="1" :false-label="2" :disabled="applyDialogData.deliveryTopIsCheckBoxDisabled">
                    <div class="option-label" v-html="applyDialogData.deliveryTopTips"></div>
                </el-checkbox>
                <a v-if="applyDialogData.deliveryTopButton" href="/job-fast.html" class="go-pay" target="_blank">立即续费</a>
            </el-form-item>
        </el-form>
        <template #footer>
            <div class="dialog-footer">
                <el-button @click="close">取消</el-button>
                <el-button type="primary" :loading="confirmLoading" @click="handleDeliver" :disabled="checkAnnoucementDisabled"> 投递 </el-button>
            </div>
            <div class="dialog-tips" v-if="applyDialogData.unCooperateEmailTips"
                v-html="applyDialogData.unCooperateEmailTips"></div>
        </template>
    </el-dialog>
</div>

<script defer>
    // 这里总是报错,没有jquery或者vue,所以在这里动态判断一下
    if (typeof jQuery === 'undefined') {
        var script = document.createElement('script');
        script.src = '//img.gaoxiaojob.com/uploads/static/lib/jquery/jquery.min.js';
        document.body.appendChild(script);
    }
    if (typeof Vue === 'undefined') {
        var script = document.createElement('script');
        script.src = '//img.gaoxiaojob.com/uploads/static/lib/vue/vue.min.js';
        document.body.appendChild(script);
    }

    readyRun(function () {
           const applyDialogOptions = {
            data() {
                return {
                    isAnnouncement: false,
                    dialogVisible: false,
                    checkAnnoucementDisabled: true,
                    limit: 5,
                    announcementApi: '/api/person/announcement/check-announcement-apply',
                    beforeApi: '/api/person/member/check-user-apply-status',
                    applyApi: '/api/person/job/apply',
                    resumeUploadUrl: '/api/person/resume/upload',
                    attachmentUploadUrl: '/api/upload/resume-attachment',
                    announcementJobList: [],
                    resumeFormData: {
                        jobId: '',
                        token: '',
                        stuffFileId: [],
                    },
                    successCallback: null,
                    applyDialogData: {},
                    toastDialogData: {}
                }
            },

            methods: {
                async getJobList(announcementId) {
                    const { toastDialogData, resumeInfo, jobList } = await httpPost(this.announcementApi, { announcementId })

                    if (Object.keys(toastDialogData).length !== 0) {
                        this.showTipsDialog(toastDialogData)
                        return
                    }

                    // 公告的时候要展示简历完善度，赋值在resumeFileTips展示

                    this.applyDialogData.resumeTips = resumeInfo.completeText

                    this.announcementJobList = jobList

                    const jobId = this.announcementJobList?.map((item) => item.id)[0]

                    jobId ? (this.dialogVisible = true) : this.$message.error('暂无职位可投递，敬请期待')
                },

                // 页面调用申请之前
                beforeApply(id, callback) {
                    this.isAnnouncement = false
                    this.successCallback = callback
                    this.showApplyDialog(id)
                },

                showTipsDialog(data) {
                    const { title, content, confirmButtonText, cancelButtonText, link , isSendRequest } = data

                    this.$confirm(content, title, { confirmButtonText, cancelButtonText, buttonSize: 'large' })
                        .then(() => {
                            window.open(link)

                            if (isSendRequest) {
                                httpPost(this.applyApi, { jobId: this.resumeFormData.jobId })
                            }
                        })
                        .catch(() => { })
                },

                async showApplyDialog(id) {
                    this.resumeFormData.jobId = id ? id : ''

                    this.checkAnnoucementDisabled = this.resumeFormData.jobId === ''

                    const { toastDialogData, applyDialogData } = await httpPost(this.beforeApi, { jobId: id })

                    if (
                        Object.keys(toastDialogData).length === 0 &&
                        Object.keys(applyDialogData).length === 0
                    ) {
                        this.handleDeliver()
                        return
                    }

                    if (Object.keys(toastDialogData).length !== 0) {
                        this.showTipsDialog(toastDialogData)

                        // 切换职位如果是站外需要清空一下上一个的applyDialogData，resumeTips除外
                        const { resumeTips } = this.applyDialogData

                        this.applyDialogData = { resumeTips }
                        this.toastDialogData = toastDialogData
                        return
                    }

                    this.applyDialogData = applyDialogData
                    this.toastDialogData = {}
                    this.dialogVisible = true
                },

                async announcementApply(id) {
                    this.isAnnouncement = true
                    this.getJobList(id)
                },

                async handleDeliver() {
                    const { isSendRequest } = this.toastDialogData

                    if (isSendRequest && isSendRequest === true) {
                        this.showTipsDialog(this.toastDialogData)
                        return
                    }

                    const {
                        resumeFormData: { stuffFileId, ...data }
                    } = this
                    const postData = { ...data, stuffFileId: '', deliveryTopIsCheckBox: this.applyDialogData?.deliveryTopIsCheckBox }

                    if (this.isAnnouncement && !postData.jobId) {
                        this.$message.error('请先选择投递岗位')
                        return
                    }

                    this.confirmLoading = true

                    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((res) => {
                            const { toastType } = res


                            toastType === 2
                                ? window.globalComponents.successDialogApplyJob.showSuccessDialog(res)
                                : window.globalComponents.SuccessDialogAlertComponent.showSuccessDialogAlert(res, this.resumeFormData.jobId)

                            this.successCallback && this.successCallback(res)
                            this.close()
                        })
                        .catch((error) => {
                            this.confirmLoading = false
                        })
                },

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

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

                changeJob(id) {
                    this.showApplyDialog(id)
                },

                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}份应聘材料，请删除一份后再上传。`)
                },

                beforeFileUpload(rawFile) {
                    if (rawFile.size / 1024 / 1024 > 15) {
                        this.$message.error('限单个文件大小15M以内')
                        return false
                    }
                },

                close() {
                    this.$refs.applyFormRef.resetFields()
                    this.$refs.attachUploadRef.clearFiles()
                    this.resumeFormData.stuffFileId = []
                    this.checkAnnoucementDisabled = this.resumeFormData.jobId === ''
                    this.applyDialogData = {}
                    this.confirmLoading = false
                    this.dialogVisible = false
                },

                handleProgress(e) {
                    e.percent = e.percent.toFixed(0)
                }
            }
        }

        const applyDialogComponent = Vue.createApp(applyDialogOptions).use(ElementPlus).mount('#applyDialogTemplate')

        window.globalComponents = { ...window.globalComponents, applyDialogComponent }

    })
</script><link rel="stylesheet" href="/static/css/activityDialogApplyJob.css?v=1.0.0">
<div id="activityApplyJob" class="activity-apply-dialog-template" v-cloak>
    <el-dialog v-model="dialogVisible" title="立即报名" :center="true" @close="close">
        <el-form label-width="100px" ref="applyFormRef">
            <el-form-item label="选择报名场次" prop="jobId">
                <el-select v-model="jobId" placeholder="选择场次">
                    <el-option v-for="{id, name ,type } in announcementJobList" :key="id" :label="name" :value="id" :disabled="type">
                    </el-option>
                </el-select>
            </el-form-item>
        </el-form>
        <template #footer>
            <div class="dialog-footer">
                <el-button @click="close">取消</el-button>
                <el-button type="primary" :loading="confirmLoading" @click="beforeApply(jobId)">
                    确定
                </el-button>
            </div>
        </template>
    </el-dialog>


</div>

<div id="successDialog" class="success-dialog-template" v-cloak>
    <el-dialog v-model="successVisible" class="success-dialog" title="报名成功" :center="true">
        <div class="sussess-box">
            <div>{{successContentUp}}</div>
            <div>{{successContentDown}}</div>
            <img :src="qrcodeLink"></img>
            <el-button type="primary" @click="successVisible=false">
                我知道了
            </el-button>
        </div>
    </el-dialog>
</div>

<script>
    $(function () {

        const applyDialogOptions = {
            data() {
                return {
                    dialogVisible: false,
                    announcementApi: '/api/person/announcement/check-announcement-apply',
                    beforeApi: '/api/person/member/check-user-apply-status',
                    applyApi: '/api/person/job/apply',
                    announcementJobList: [],
                    jobId: '',
                }
            },


            methods: {
            async getJobList(announcementId) {
                    const { toastDialogData, jobList } = await httpPost(this.announcementApi, { announcementId })

                    if (Object.keys(toastDialogData).length !== 0) {
                        this.showTipsDialog(toastDialogData)
                        return
                    }

                    this.announcementJobList = jobList

                    const jobId = this.announcementJobList?.map((item) => item.id)[0]

                    jobId ? (this.dialogVisible = true) : this.$message.error('暂无场次可报名，敬请期待')
                },


                showTipsDialog(data) {
                    const { title, content, confirmButtonText, cancelButtonText, link, isSendRequest } = data

                    this.$confirm(content, title, { confirmButtonText, cancelButtonText, buttonSize: 'large' })
                        .then(() => {
                            window.open(link)

                            if (isSendRequest) {
                                httpPost(this.applyApi, { jobId: this.jobId })
                                this.close()
                            }
                        })
                        .catch(() => { 
                            this.close()
                        })
                },

                async beforeApply(jobId, callback) {
                    this.jobId = jobId

                    const { toastDialogData } = await httpPost(this.beforeApi, { jobId })

                    if (Object.keys(toastDialogData).length !== 0) {
                        this.showTipsDialog(toastDialogData)
                        return
                    }

                    this.callback = callback

                    this.handleDeliver()
                },


                handleDeliver() {
                    this.confirmLoading = true

                    httpPost(this.applyApi, { jobId: this.jobId })
                        .then((res)=> {
                            this.confirmLoading = false
                            window.globalComponents.successDialogApplyJob.showSuccessDialog(res, this.callback)

                        } )
                        .catch(error => {})
                        
                        this.confirmLoading = false
                        this.close()
                },

                close() {
                    this.$refs.applyFormRef.resetFields()
                    this.jobId = ''
                    this.dialogVisible = false
                }
            }
        }
        const activityDialogApplyJob = Vue.createApp(applyDialogOptions).use(ElementPlus).mount('#activityApplyJob')

        window.globalComponents = { ...window.globalComponents, activityDialogApplyJob }
    })





</script>

<script>
    $(function () {

        const successDialogOptions = {
            data() {
                return {
                    qrcodeLink: '',
                    successContentUp: '',
                    successContentDown: '',
                    successVisible: false,
                }
            },


            methods: {
                showSuccessDialog(successData, callback) {
                    const { qrcodeLink, successContentUp, successContentDown } = successData
                    this.qrcodeLink = qrcodeLink
                    this.successContentUp = successContentUp
                    this.successContentDown = successContentDown
                    this.successVisible = true
                    callback()
                }
            }
        }
        const successDialogApplyJob = Vue.createApp(successDialogOptions).use(ElementPlus).mount('#successDialog')

        window.globalComponents = { ...window.globalComponents, successDialogApplyJob }
    })

</script>
<!--<div id="applyActivityDialogTemplate" class="apply-dialog-template" v-cloak>-->
<!--    <el-dialog v-model="dialogVisible" title="立即报名" :center="true">-->
<!--        <el-form :model="resumeFormData" label-width="100px">-->
<!--            <div class="education-tips" v-if="checkTextOne">{{checkTextOne}}</div>-->
<!--            <el-form-item label="报名场次" v-if="isAnnouncement">-->
<!--                <el-select v-model="resumeFormData.jobId" placeholder="选择场次" @change="changeJob">-->
<!--                    <el-option v-for="{id, name} in announcementJobList" :key="id" :label="name" :value="id">-->
<!--                    </el-option>-->
<!--                </el-select>-->
<!--            </el-form-item>-->

<!--        </el-form>-->
<!--        <template #footer>-->
<!--            <div class="dialog-footer">-->
<!--                <el-button  @click="close">取消</el-button>-->
<!--                <el-button type="primary" :loading="confirmLoading" @click="handleDeliver" :disabled="!isDelivery">-->
<!--                    确定-->
<!--                </el-button>-->
<!--            </div>-->
<!--            <div class="dialog-tips" v-if="checkTextFive">-->
<!--                {{checkTextFive}}-->
<!--            </div>-->
<!--        </template>-->
<!--    </el-dialog>-->
<!--</div>-->

<!--<script defer>-->

<!--    readyRun(function () {-->
<!--            const applyDialogOptions = {-->
<!--                data() {-->
<!--                    return {-->
<!--                        isAnnouncement: false,-->
<!--                        dialogVisible: false,-->
<!--                        resumePercent: 0,-->
<!--                        limit: 5,-->
<!--                        jobListApi: '/api/person/announcement/job-list',-->
<!--                        beforeApi: '/api/person/member/check-user-apply-status',-->
<!--                        applyApi: '/api/person/job/apply',-->
<!--                        resumeUploadUrl: '/api/person/resume/upload',-->
<!--                        attachmentUploadUrl: '/api/upload/resume-attachment',-->
<!--                        resumeOptions: [],-->
<!--                        announcementJobList: [],-->
<!--                        resumeFormData: {-->
<!--                            jobId: '',-->
<!--                            token: '',-->
<!--                            isDefault: '2',-->
<!--                            stuffFileId: []-->
<!--                        },-->
<!--                        successCallback: null,-->
<!--                        toastType: null,-->
<!--                        checkTextOne: '',-->
<!--                        checkTextTwo: '',-->
<!--                        checkTextThree: '',-->
<!--                        checkTextFour: '',-->
<!--                        checkTextFive: '',-->
<!--                        applyButtonStatus: null,-->
<!--                        onLink: '',-->
<!--                        isDelivery: false-->
<!--                    }-->
<!--                },-->


<!--                methods: {-->
<!--                    async getJobList(announcementId) {-->
<!--                        const res = await httpGet(this.jobListApi, { announcementId })-->
<!--                        this.announcementJobList = res-->
<!--                        const jobId = this.announcementJobList?.map((item) => item.id)[0]-->
<!--                        if (!jobId) {-->
<!--                            this.$message.error('暂无职位可投递，敬请期待')-->
<!--                        } else {-->
<!--                            this.showApplyDialog(jobId)-->
<!--                        }-->
<!--                    },-->

<!--                    // 页面调用申请之前-->
<!--                    beforeApply(id, callback = () => { }) {-->
<!--                        this.isAnnouncement = false-->
<!--                        this.showApplyDialog(id, callback)-->
<!--                    },-->

<!--                    async showApplyDialog(id, callback = () => { }) {-->
<!--                        const { toastType, checkTextOne, checkTextTwo, checkTextThree, checkTextFour, checkTextFive, defaultResumeAttachment, applyButtonStatus, resumeAttachmentList, onLink,isDelivery } = await httpPost(this.beforeApi, { jobId: id })-->
<!--                        this.resumeOptions = resumeAttachmentList-->
<!--                        this.resumeFormData.jobId = id-->
<!--                        this.resumeFormData.token = defaultResumeAttachment-->
<!--                        this.toastType = toastType-->
<!--                        this.checkTextOne = checkTextOne-->
<!--                        this.checkTextTwo = checkTextTwo-->
<!--                        this.checkTextThree = checkTextThree-->
<!--                        this.checkTextFour = checkTextFour-->
<!--                        this.checkTextFive = checkTextFive-->
<!--                        this.isDelivery=isDelivery-->
<!--                        this.onLink = onLink-->
<!--                        this.successCallback = callback-->
<!--                        this.handleJobApply()-->
<!--                    },-->

<!--                    async announcementApply(id) {-->
<!--                        this.isAnnouncement = true-->
<!--                        this.getJobList(id)-->
<!--                    },-->

<!--                    handleJobApply() {-->
<!--                        const { resumeFormData, successCallback, toastType, checkTextOne, checkTextTwo, checkTextThree, checkTextFour, checkTextFive, onLink } = this-->
<!--                        if (this.isAnnouncement) {-->
<!--                            if (toastType === 2 && onLink) {-->
<!--                                this.checkTextFive = checkTextOne-->
<!--                                this.checkTextOne = ''-->
<!--                            }-->
<!--                            this.dialogVisible = true-->
<!--                        } else {-->
<!--                            if (toastType === 1) {-->
<!--                                this.dialogVisible = true-->
<!--                            } else {-->
<!--                                this.$confirm(checkTextOne, '简历投递', {-->
<!--                                    cancelButtonText: '取消',-->
<!--                                    confirmButtonText: '去投递',-->
<!--                                    buttonSize: 'large'-->
<!--                                }).then(async () => {-->
<!--                                    await httpPost(this.applyApi, resumeFormData)-->
<!--                                    successCallback()-->
<!--                                    if (onLink) {-->
<!--                                        window.open(onLink)-->
<!--                                    }-->
<!--                                }).catch(() => { })-->
<!--                            }-->
<!--                        }-->
<!--                    },-->

<!--                    handleDeliver() {-->
<!--                        if (this.isAnnouncement && this.onLink) {-->
<!--                            window.open(this.onLink)-->
<!--                            this.dialogVisible = false-->
<!--                            return-->
<!--                        }-->
<!--                        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-->
<!--                            if (!this.isAnnouncement) {-->
<!--                                this.successCallback()-->
<!--                            }-->
<!--                            if (this.dialogTipsVisible) {-->
<!--                                this.$alert(`已自动帮您添加该职位至“投递”&#45;&#45;“站外应聘”菜单，请稍后查看。`, '职位投递成功', {-->
<!--                                    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)-->
<!--                        }-->
<!--                    },-->
<!--                    changeJob(id) {-->
<!--                        this.showApplyDialog(id)-->
<!--                    },-->
<!--                    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}个应聘材料`)-->
<!--                    },-->

<!--                    beforeFileUpload(rawFile) {-->
<!--                        if (rawFile.size / 1024 / 1024 > 20) {-->
<!--                            this.$message.error('附件大小不能超过20M')-->
<!--                            return false-->
<!--                        }-->
<!--                    },-->

<!--                    close() {-->
<!--                        this.dialogVisible = false-->
<!--                    }-->
<!--                }-->
<!--            }-->
<!--            const activeApplyDialogComponent = Vue.createApp(applyDialogOptions).use(ElementPlus).mount('#applyActivityDialogTemplate')-->

<!--            window.globalComponents = { ...window.globalComponents, activeApplyDialogComponent }-->

<!--    })-->
<!--</script>--><link rel="stylesheet" href="/static/css/checkGenerateReportDialog.css">

<div id="checkGenerateReportDialog" class="su