huoran
/
FE_occupationlab_client
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 14 Wiki Activity

fix

Browse Source
alioss V2.3.0
yujialong 2 years ago
parent 4e745615fb
commit d543dbf308
4 changed files with 2396 additions and 2114 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 445
      src/pages/account/login/index.vue
  2. 135
      src/pages/activity/list/index.vue
  3. 38
      src/pages/activity/manage/manage/index.vue
  4. 494
      src/pages/station/preview/index.vue

445
src/pages/account/login/index.vue
Unescape View File

@ -4,46 +4,77 @@
<div class="form"> <div class="form">
<h6 class="title">欢迎使用请登录</h6> <h6 class="title">欢迎使用请登录</h6>
<ul class="tab"> <ul class="tab">
<li v-for="(item,index) in tabList" :key="index" :class="{active: form.distinguish == item.id}" @click="typeClick(item)">{{item.label}}</li> <li v-for="(item,index) in tabList"
:key="index"
:class="{active: form.distinguish == item.id}"
@click="typeClick(item)">{{item.label}}</li>
</ul> </ul>
<el-form :model="form" :rules="rules" ref="form" style="margin-top: 20px"> <el-form :model="form"
:rules="rules"
ref="form"
style="margin-top: 20px">
<!-- 学号工号 --> <!-- 学号工号 -->
<div v-show="!form.distinguish"> <div v-show="!form.distinguish">
<el-form-item class="school-select" prop="schoolId"> <el-form-item class="school-select"
prop="schoolId">
<label class="label school"></label> <label class="label school"></label>
<el-select v-model="form.schoolId" clearable filterable placeholder="请选择学校"> <el-select v-model="form.schoolId"
<el-option v-for="(item, i) in schoolList" :key="i" :label="item.schoolName" :value="item.schoolId"></el-option> clearable
filterable
placeholder="请选择学校">
<el-option v-for="(item, i) in schoolList"
:key="i"
:label="item.schoolName"
:value="item.schoolId"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<div class="items"> <div class="items">
<el-form-item prop="type" style="width: 35%;margin-right: 15px"> <el-form-item prop="type"
style="width: 35%;margin-right: 15px">
<label class="label workNumber"></label> <label class="label workNumber"></label>
<el-select v-model="form.type" placeholder="请选择类型" @change="typeChange"> <el-select v-model="form.type"
<el-option label="学生学号" :value="1"></el-option> placeholder="请选择类型"
<el-option label="老师工号" :value="0"></el-option> @change="typeChange">
<el-option label="学生学号"
:value="1"></el-option>
<el-option label="老师工号"
:value="0"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="flex-1" prop="workNumber"> <el-form-item class="flex-1"
prop="workNumber">
<label class="label account"></label> <label class="label account"></label>
<el-input v-model.trim="form.workNumber" :placeholder="'请输入' + (form.type ? '学生学号' : '老师工号')" @keyup.enter.native="submit"></el-input> <el-input v-model.trim="form.workNumber"
:placeholder="'请输入' + (form.type ? '学生学号' : '老师工号')"
@keyup.enter.native="submit"></el-input>
</el-form-item> </el-form-item>
</div> </div>
</div> </div>
<!-- 手机号登录 --> <!-- 手机号登录 -->
<el-form-item v-show="form.distinguish === 1" prop="account"> <el-form-item v-show="form.distinguish === 1"
prop="account">
<label class="label account"></label> <label class="label account"></label>
<el-input v-model.trim="form.account" placeholder="请输入账号" @keyup.enter.native="submit"></el-input> <el-input v-model.trim="form.account"
placeholder="请输入账号"
@keyup.enter.native="submit"></el-input>
</el-form-item> </el-form-item>
<template v-if="form.distinguish === 2"> <template v-if="form.distinguish === 2">
<el-form-item prop="account"> <el-form-item prop="account">
<label class="label account"></label> <label class="label account"></label>
<el-input v-model.trim="form.account" placeholder="请输入手机号/邮箱" @keyup.enter.native="submit"></el-input> <el-input v-model.trim="form.account"
placeholder="请输入手机号/邮箱"
@keyup.enter.native="submit"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code"> <el-form-item prop="code">
<label class="label code"></label> <label class="label code"></label>
<div class="ver-code"> <div class="ver-code">
<el-input v-model="form.code" placeholder="请输入验证码" maxlength="6" @keyup.enter.native="submit"></el-input> <el-input v-model="form.code"
<el-button type="text" @click="sendPhoneCodeLogin" :disabled="phoneDisabledLogin">{{ phoneBtnTextLogin }} placeholder="请输入验证码"
maxlength="6"
@keyup.enter.native="submit"></el-input>
<el-button type="text"
@click="sendPhoneCodeLogin"
:disabled="phoneDisabledLogin">{{ phoneBtnTextLogin }}
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
@ -51,76 +82,116 @@
<template v-if="form.distinguish !== 2"> <template v-if="form.distinguish !== 2">
<el-form-item prop="password"> <el-form-item prop="password">
<label class="password label"></label> <label class="password label"></label>
<el-input <el-input type="password"
type="password"
placeholder="请输入密码" placeholder="请输入密码"
v-model.trim="form.password" v-model.trim="form.password"
@keyup.enter.native="submit" @keyup.enter.native="submit">
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code"> <el-form-item prop="code">
<label class="label code"></label> <label class="label code"></label>
<el-input <el-input placeholder="请输入验证码"
placeholder="请输入验证码"
v-model.trim="form.code" v-model.trim="form.code"
@keyup.enter.native="submit" @keyup.enter.native="submit">
>
</el-input> </el-input>
<img @click="getVerImg" :src="verificationIMG" class="ver-img" alt=""> <img @click="getVerImg"
:src="verificationIMG"
class="ver-img"
alt="">
</el-form-item> </el-form-item>
</template> </template>
<div class="bottom"> <div class="bottom">
<el-link v-if="toMatch" :underline="false" type="primary" @click="toAccount">暂无账号？点击申请</el-link> <el-link v-if="toMatch"
<el-checkbox v-show="!form.distinguish" v-model="setDefault">设置为默认学校</el-checkbox> :underline="false"
type="primary"
@click="toAccount">暂无账号？点击申请</el-link>
<el-checkbox v-show="!form.distinguish"
v-model="setDefault">设置为默认学校</el-checkbox>
</div> </div>
<el-button class="submit" type="primary" @click="submit">登录</el-button> <el-button class="submit"
type="primary"
@click="submit">登录</el-button>
</el-form> </el-form>
</div> </div>
</div> </div>
<el-dialog title="绑定手机号" :visible.sync="phoneVisible" :close-on-click-modal="false" width="30%"> <el-dialog title="绑定手机号"
:visible.sync="phoneVisible"
:close-on-click-modal="false"
width="30%">
<div style='padding: 0 13px 20px 13px;'> <div style='padding: 0 13px 20px 13px;'>
依据国家政策法规，需绑定手机号进行网络实名才可登录使用本平台 依据国家政策法规，需绑定手机号进行网络实名才可登录使用本平台
</div> </div>
<el-form label-width="60px"> <el-form label-width="60px">
<el-form-item label="手机号"> <el-form-item label="手机号">
<el-input style="width: 100%;" placeholder="请输入手机号" v-model="phone" maxlength="11" @change="phoneChange"></el-input> <el-input style="width: 100%;"
placeholder="请输入手机号"
v-model="phone"
maxlength="11"
@change="phoneChange"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="验证码"> <el-form-item label="验证码">
<div class="ver-code"> <div class="ver-code">
<el-input v-model="phoneCode" placeholder="请输入验证码" maxlength="6"></el-input> <el-input v-model="phoneCode"
<el-button style="top: 1px" type="text" @click="sendPhoneCode(1)" :disabled="binding === '' || phoneDisabled">{{ phoneBtnText }} placeholder="请输入验证码"
maxlength="6"></el-input>
<el-button style="top: 1px"
type="text"
@click="sendPhoneCode(1)"
:disabled="binding === '' || phoneDisabled">{{ phoneBtnText }}
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer"
<el-button size="small" @click="phoneVisible = false">取 消</el-button> class="dialog-footer">
<el-button size="small" type="primary" @click="phoneSubmit">确 定</el-button> <el-button size="small"
@click="phoneVisible = false">取 消</el-button>
<el-button size="small"
type="primary"
@click="phoneSubmit">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
<el-dialog title="请选择" :visible.sync="selectVisible" :close-on-click-modal="false" custom-class="select-dia" width="643px"> <el-dialog title="请选择"
:visible.sync="selectVisible"
:close-on-click-modal="false"
custom-class="select-dia"
width="643px">
<ul class="port"> <ul class="port">
<li :class="{active: selectedRole === 1}" @click="selectRole(1)"> <li :class="{active: selectedRole === 1}"
<img src="@/assets/img/login/male.png" alt=""> @click="selectRole(1)">
<img src="@/assets/img/login/male.png"
alt="">
<p>学生端</p> <p>学生端</p>
</li> </li>
<li :class="{active: selectedRole === 2}" @click="selectRole(2)"> <li :class="{active: selectedRole === 2}"
<img src="@/assets/img/login/female.png" alt=""> @click="selectRole(2)">
<img src="@/assets/img/login/female.png"
alt="">
<p>教师管理端</p> <p>教师管理端</p>
</li> </li>
</ul> </ul>
</el-dialog> </el-dialog>
<el-dialog title="请选择您要登录的用户" :visible.sync="userVisible" :close-on-click-modal="false" custom-class="user-dia" width="500px"> <el-dialog title="请选择您要登录的用户"
:visible.sync="userVisible"
:close-on-click-modal="false"
custom-class="user-dia"
width="500px">
<p class="tips">该手机号已绑定以下用户信息</p> <p class="tips">该手机号已绑定以下用户信息</p>
<ul class="users"> <ul class="users">
<li :class="{isEnable: !user.isEnable}" v-for="(user, i) in users" :key="i" @click="chooseUser(user)"> <li :class="{isEnable: !user.isEnable}"
v-for="(user, i) in users"
:key="i"
@click="chooseUser(user)">
<span>{{ user.schoolName }}，{{ user.userName }}，{{ user.workNumber }}{{ user.isEnable ? '' : '（已禁用）'}}</span> <span>{{ user.schoolName }}，{{ user.userName }}，{{ user.workNumber }}{{ user.isEnable ? '' : '（已禁用）'}}</span>
<i class="el-icon-right"></i> <i class="el-icon-right"></i>
</li> </li>
</ul> </ul>
</el-dialog> </el-dialog>
<el-dialog :visible.sync="infoVisible" :close-on-click-modal="false" custom-class="info-dia" :show-close="false" width="400px"> <el-dialog :visible.sync="infoVisible"
:close-on-click-modal="false"
custom-class="info-dia"
:show-close="false"
width="400px">
<div class="info-header"> <div class="info-header">
<i class="el-icon-warning"></i> <i class="el-icon-warning"></i>
提示 提示
@ -128,58 +199,115 @@
<div class="info-wrap"> <div class="info-wrap">
<p class="tips">该手机号已与以下用户绑定</p> <p class="tips">该手机号已与以下用户绑定</p>
<ul class="users"> <ul class="users">
<li v-for="(user, i) in infos" :key="i"> <li v-for="(user, i) in infos"
:key="i">
<span>{{ user.userName }}（{{ user.schoolName }}）</span> <span>{{ user.userName }}（{{ user.schoolName }}）</span>
</li> </li>
</ul> </ul>
<div class="info-footer"> <div class="info-footer">
<el-button size="small" type="primary" @click="bindPhone">是本人，继续绑定</el-button> <el-button size="small"
<el-button class="unbind" size="small" @click="unbindPhone">不是本人，解绑以上用户并绑定新用户</el-button> type="primary"
@click="bindPhone">是本人，继续绑定</el-button>
<el-button class="unbind"
size="small"
@click="unbindPhone">不是本人，解绑以上用户并绑定新用户</el-button>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
<!-- 购买弹框 --> <!-- 购买弹框 -->
<el-dialog title="温馨提示" :visible.sync="buyVisible" width="400px" center :close-on-click-modal="false"> <el-dialog title="温馨提示"
:visible.sync="buyVisible"
width="400px"
center
:close-on-click-modal="false">
<div class="buy"> <div class="buy">
<p class="tips">您所选择的院校暂未在本平台开通组织账号，请通知院校老师联系下方二维码客服咨询。</p> <p class="tips">您所选择的院校暂未在本平台开通组织账号，请通知院校老师联系下方二维码客服咨询。</p>
<img src="@/assets/img/wechat-code.jpeg" alt=""> <img src="@/assets/img/wechat-code.jpeg"
alt="">
</div> </div>
</el-dialog> </el-dialog>
<el-dialog title="账号申请"
<el-dialog title="账号申请" :visible.sync="accountVisible" :close-on-click-modal="false" width="500px" @close="accountClose"> :visible.sync="accountVisible"
<el-form class="dia-form" ref="accountForm" label-width="110px" :model="accountForm" :rules="accountRules"> :close-on-click-modal="false"
<el-form-item prop="schoolId" label="所属院校"> width="500px"
<el-select class="w-100" v-model="accountForm.schoolId" filterable placeholder="请选择院校" @change="schoolChange"> @close="accountClose">
<el-option v-for="(item, i) in schoolList" :key="i" :label="item.schoolName" :value="item.schoolId"></el-option> <el-form class="dia-form"
ref="accountForm"
label-width="110px"
:model="accountForm"
:rules="accountRules">
<el-form-item prop="schoolId"
label="所属院校">
<el-select class="w-100"
v-model="accountForm.schoolId"
filterable
placeholder="请选择院校"
@change="schoolChange">
<el-option v-for="(item, i) in schoolList"
:key="i"
:label="item.schoolName"
:value="item.schoolId"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="workNumber" label="学号"> <el-form-item prop="workNumber"
<el-input placeholder="申请后无法修改，请确认填写正确" v-model="accountForm.workNumber" @change="workNumberChange"></el-input> label="学号">
<el-input placeholder="申请后无法修改，请确认填写正确"
v-model="accountForm.workNumber"
@change="workNumberChange"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="userName" label="姓名"> <el-form-item prop="userName"
<el-input placeholder="请输入姓名" v-model="accountForm.userName" :disabled="formEnable"></el-input> label="姓名">
<el-input placeholder="请输入姓名"
v-model="accountForm.userName"
:disabled="formEnable"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="phone" label="手机号"> <el-form-item prop="phone"
<el-input placeholder="请输入手机号" maxlength="11" v-model.trim="accountForm.phone" :disabled="formEnable"></el-input> label="手机号">
<el-input placeholder="请输入手机号"
maxlength="11"
v-model.trim="accountForm.phone"
:disabled="formEnable"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code" label="验证码"> <el-form-item prop="code"
label="验证码">
<div class="ver-code"> <div class="ver-code">
<el-input v-model="accountForm.code" placeholder="请输入验证码" maxlength="6" :disabled="formEnable"></el-input> <el-input v-model="accountForm.code"
<el-button style="top: 1px" type="text" @click="sendCode" :disabled="phoneDisabled && formEnable">{{ phoneBtnText }} placeholder="请输入验证码"
maxlength="6"
:disabled="formEnable"></el-input>
<el-button style="top: 1px"
type="text"
@click="sendCode"
:disabled="phoneDisabled && formEnable">{{ phoneBtnText }}
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item prop="password" label="登录密码"> <el-form-item prop="password"
<el-input placeholder="请输入登录密码" type="password" maxlength="6" v-model="accountForm.password" :disabled="formEnable"></el-input> label="登录密码">
<el-input placeholder="请输入登录密码"
type="password"
maxlength="6"
v-model="accountForm.password"
:disabled="formEnable"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="rePassword" label="确认登录密码"> <el-form-item prop="rePassword"
<el-input placeholder="请再次输入登录密码" type="password" maxlength="6" v-model="accountForm.rePassword" :disabled="formEnable"></el-input> label="确认登录密码">
<el-input placeholder="请再次输入登录密码"
type="password"
maxlength="6"
v-model="accountForm.rePassword"
:disabled="formEnable"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer"
<el-button v-if="!formEnable" size="small" type="primary" @click="accountSubmit">申请</el-button> class="dialog-footer">
<el-button size="small" @click="accountVisible = false">取消</el-button> <el-button v-if="!formEnable"
size="small"
type="primary"
@click="accountSubmit">申请</el-button>
<el-button size="small"
@click="accountVisible = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
<v-footer ref="footer"></v-footer> <v-footer ref="footer"></v-footer>
@ -194,16 +322,16 @@ import Setting from "@/setting";
import axios from "axios" import axios from "axios"
import { Loading } from 'element-ui' import { Loading } from 'element-ui'
export default { export default {
data: function() { data: function () {
const workNumberPass = (rule, value, callback) => { const workNumberPass = (rule, value, callback) => {
const val = this.accountForm.workNumber const val = this.accountForm.workNumber
if (val === '') { if (val === '') {
callback(new Error('请输入学号')) callback(new Error('请输入学号'))
} else { } else {
const pattern = /^[A-Za-z0-9]*$/ const pattern = /^[A-Za-z0-9]*$/
if(pattern.test(val)){ if (pattern.test(val)) {
callback() callback()
}else{ } else {
callback(new Error('请输入正确学号格式')) callback(new Error('请输入正确学号格式'))
} }
} }
@ -214,9 +342,9 @@ export default {
callback(new Error('请输入手机号')) callback(new Error('请输入手机号'))
} else { } else {
const pattern = /^1[3456789]\d{9}$/ const pattern = /^1[3456789]\d{9}$/
if(pattern.test(val)){ if (pattern.test(val)) {
callback() callback()
}else{ } else {
callback(new Error('请输入正确手机号格式')) callback(new Error('请输入正确手机号格式'))
} }
} }
@ -312,11 +440,11 @@ export default {
components: { components: {
vFooter vFooter
}, },
mounted() { mounted () {
this.getVerImg() this.getVerImg()
this.getSchool() this.getSchool()
// 页面离开的时候销毁手机和邮箱验证码定时器 // 页面离开的时候销毁手机和邮箱验证码定时器
this.$once("hook:beforeDestroy", function() { this.$once("hook:beforeDestroy", function () {
clearInterval(this.phoneTimer) clearInterval(this.phoneTimer)
clearInterval(this.phoneTimerLogin) clearInterval(this.phoneTimerLogin)
this.phoneTimer = null this.phoneTimer = null
@ -334,27 +462,27 @@ export default {
'SET_SOURCE' 'SET_SOURCE'
]), ]),
// 赋值学校列表及id // 赋值学校列表及id
setSchool(list) { setSchool (list) {
this.schoolList = list this.schoolList = list
// 取本地缓存里的学校id // 取本地缓存里的学校id
const schoolId = util.local.get('schoolId') const schoolId = util.local.get('schoolId')
if (schoolId) this.form.schoolId = schoolId if (schoolId) this.form.schoolId = schoolId
}, },
// 获取学校列表 // 获取学校列表
getSchool() { getSchool () {
this.$get(this.api.querySchool, { this.$get(this.api.querySchool, {
provinceId: '', provinceId: '',
cityId: '' cityId: ''
}).then(({ list }) => { }).then(({ list }) => {
this.setSchool(list) this.setSchool(list)
}).catch(res => {}) }).catch(res => { })
}, },
getVerImg() { // 获取验证码图片 getVerImg () { // 获取验证码图片
this.form.random = Math.floor(Math.random() * 999999999); this.form.random = Math.floor(Math.random() * 999999999);
this.verificationIMG = this.api.verification + "?random=" + `${this.form.random}`; this.verificationIMG = this.api.verification + "?random=" + `${this.form.random}`;
}, },
// 切换标签 // 切换标签
typeClick(tab) { typeClick (tab) {
const { id } = tab const { id } = tab
const form = this.form const form = this.form
// 切换了后，全部字段重置 // 切换了后，全部字段重置
@ -380,25 +508,25 @@ export default {
'请输入手机号/邮箱' '请输入手机号/邮箱'
}, },
// 学号工号切换 // 学号工号切换
typeChange(id) { typeChange (id) {
this.rules.workNumber[0].message = id === 1 ? this.rules.workNumber[0].message = id === 1 ?
'请输入学生学号' : '请输入学生学号' :
'请输入老师工号' '请输入老师工号'
}, },
// 刷新官网 // 刷新官网
reloadIndex() { reloadIndex () {
try { try {
window.opener && window.opener.location.reload() window.opener && window.opener.location.reload()
} catch(e) {} } catch (e) { }
}, },
// 选择用户回调 // 选择用户回调
chooseUser(user) { chooseUser (user) {
user.isEnable && this.$post(`${this.api.getToken}?id=${user.id}`).then(({ data }) => { user.isEnable && this.$post(`${this.api.getToken}?id=${user.id}`).then(({ data }) => {
this.queryClient(data.token) this.queryClient(data.token)
}).catch(res => {}) }).catch(res => { })
}, },
// 查询是否是客户，如果是客户，则弹出选择端的页面去选择跳转到哪个端 // 查询是否是客户，如果是客户，则弹出选择端的页面去选择跳转到哪个端
queryClient(token) { queryClient (token) {
this.token = token this.token = token
axios.get(this.api.isClient, { axios.get(this.api.isClient, {
headers: { headers: {
@ -412,10 +540,10 @@ export default {
} else { } else {
this.form.type ? this.setLogin() : this.toMang() this.form.type ? this.setLogin() : this.toMang()
} }
}).catch(res => {}) }).catch(res => { })
}, },
// 处理登录成功 // 处理登录成功
setLogin() { setLogin () {
util.local.set(Setting.tokenKey, this.token, Setting.tokenExpires) util.local.set(Setting.tokenKey, this.token, Setting.tokenExpires)
util.cookies.remove('serverLogin') util.cookies.remove('serverLogin')
this.reloadIndex() this.reloadIndex()
@ -429,7 +557,7 @@ export default {
'/station') '/station')
}, },
// 提交登录 // 提交登录
submit() { submit () {
this.$refs.form.validate(valid => { this.$refs.form.validate(valid => {
if (valid) { if (valid) {
const form = JSON.parse(JSON.stringify(this.form)) const form = JSON.parse(JSON.stringify(this.form))
@ -469,7 +597,7 @@ export default {
}); });
}, },
// 跳转到教师端 // 跳转到教师端
toMang() { toMang () {
const { token } = this const { token } = this
util.local.set('oc_server_token', token, Setting.tokenExpires) util.local.set('oc_server_token', token, Setting.tokenExpires)
// 从学生端登录到教师端的标识，教师端需要使用 // 从学生端登录到教师端的标识，教师端需要使用
@ -493,7 +621,7 @@ export default {
}).then(({ data }) => { }).then(({ data }) => {
this.SET_CUSTOMERNAME(data.result.hrUserInfo.userName) this.SET_CUSTOMERNAME(data.result.hrUserInfo.userName)
util.cookies.set('customerName', data.result.hrUserInfo.userName) util.cookies.set('customerName', data.result.hrUserInfo.userName)
}).catch(err => {}) }).catch(err => { })
} }
this.reloadIndex() this.reloadIndex()
@ -507,10 +635,10 @@ export default {
`http://${location.hostname}:8081/#/redirect?auth=${btoa(this.token)}` : `http://${location.hostname}:8081/#/redirect?auth=${btoa(this.token)}` :
`${location.origin}/admin/#/redirect?auth=${window.btoa(this.token)}` `${location.origin}/admin/#/redirect?auth=${window.btoa(this.token)}`
// } // }
}).catch(res => {}) }).catch(res => { })
}, },
// 选择端 // 选择端
selectRole(val) { selectRole (val) {
this.selectedRole = val this.selectedRole = val
if (val === 1) { if (val === 1) {
this.setLogin() this.setLogin()
@ -519,7 +647,7 @@ export default {
} }
}, },
// 验证手机号 // 验证手机号
verifyPhone(phone) { verifyPhone (phone) {
if (!phone) { if (!phone) {
this.$message.error("请输入手机号") this.$message.error("请输入手机号")
return false return false
@ -532,11 +660,11 @@ export default {
}, },
// 账号申请 // 账号申请
toAccount() { toAccount () {
this.accountVisible = true this.accountVisible = true
}, },
// 学号输入完回调。学校和学号都输入完后，调这个接口查询是否有存在的学生，如果没有，才能继续输入，如果有，不让添加 // 学号输入完回调。学校和学号都输入完后，调这个接口查询是否有存在的学生，如果没有，才能继续输入，如果有，不让添加
workNumberChange() { workNumberChange () {
const form = this.accountForm const form = this.accountForm
form.schoolId && form.workNumber && this.$get(`${this.api.enquireAboutSchoolStudents}?schoolId=${form.schoolId}&workNumber=${form.workNumber}&applyFor=1`).then(({ account }) => { form.schoolId && form.workNumber && this.$get(`${this.api.enquireAboutSchoolStudents}?schoolId=${form.schoolId}&workNumber=${form.workNumber}&applyFor=1`).then(({ account }) => {
if (account) this.form = account if (account) this.form = account
@ -546,7 +674,7 @@ export default {
}) })
}, },
// 学校选择回调 // 学校选择回调
schoolChange(schoolId) { schoolChange (schoolId) {
this.$get(this.api.getCustomerBySchoolId, { this.$get(this.api.getCustomerBySchoolId, {
schoolId schoolId
}).then(res => { }).then(res => {
@ -554,10 +682,10 @@ export default {
this.accountVisible = false this.accountVisible = false
this.buyVisible = true this.buyVisible = true
} }
}).catch(res => {}) }).catch(res => { })
}, },
// 发送验证码 // 发送验证码
sendCode() { sendCode () {
const { phone } = this.accountForm const { phone } = this.accountForm
// 校验用户手机号是否存在 // 校验用户手机号是否存在
phone && this.$get(`${this.api.checkPhoneOrEmailExist}?phone=${phone}&type=1&email=`).then(res => { phone && this.$get(`${this.api.checkPhoneOrEmailExist}?phone=${phone}&type=1&email=`).then(res => {
@ -566,11 +694,11 @@ export default {
this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=1&platform=${Setting.platformId}`).then(({ message }) => { this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=1&platform=${Setting.platformId}`).then(({ message }) => {
util.successMsg(message) util.successMsg(message)
this.phoneCountdown() this.phoneCountdown()
}).catch(res => {}) }).catch(res => { })
}).catch(res => {}) }).catch(res => { })
}, },
// 账号申请提交 // 账号申请提交
accountSubmit() { accountSubmit () {
this.$refs.accountForm.validate(valid => { this.$refs.accountForm.validate(valid => {
if (valid) { if (valid) {
const form = this.accountForm const form = this.accountForm
@ -580,12 +708,12 @@ export default {
this.$post(this.api.studentAccountApplication, form).then(res => { this.$post(this.api.studentAccountApplication, form).then(res => {
this.accountVisible = false this.accountVisible = false
util.successMsg('账号申请已提交，需管理员审核，请10分钟后再登录') util.successMsg('账号申请已提交，需管理员审核，请10分钟后再登录')
}).catch(res => {}) }).catch(res => { })
} }
}) })
}, },
// 账号申请关闭 // 账号申请关闭
accountClose() { accountClose () {
this.accountForm = { this.accountForm = {
schoolId: '', schoolId: '',
account: '', account: '',
@ -600,7 +728,7 @@ export default {
}, },
// 验证码倒计时 // 验证码倒计时
phoneCountdownLogin() { phoneCountdownLogin () {
let count = 60 let count = 60
if (!this.phoneTimerLogin) { if (!this.phoneTimerLogin) {
this.phoneDisabledLogin = true this.phoneDisabledLogin = true
@ -618,28 +746,28 @@ export default {
} }
}, },
// 发送验证码 // 发送验证码
sendPhoneCodeLogin() { sendPhoneCodeLogin () {
const phone = this.form.account const phone = this.form.account
if (!this.verifyPhone(phone)) return false if (!this.verifyPhone(phone)) return false
this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=0&platform=${Setting.platformId}`).then(({ message }) => { this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=0&platform=${Setting.platformId}`).then(({ message }) => {
util.successMsg(message) util.successMsg(message)
this.phoneCountdownLogin() this.phoneCountdownLogin()
}).catch(res => {}) }).catch(res => { })
}, },
// 继续绑定 // 继续绑定
bindPhone() { bindPhone () {
this.infoVisible = false this.infoVisible = false
this.binding = true this.binding = true
this.sendPhoneCode(1) this.sendPhoneCode(1)
}, },
// 解除绑定 // 解除绑定
unbindPhone() { unbindPhone () {
this.infoVisible = false this.infoVisible = false
this.binding = false this.binding = false
this.sendPhoneCode(0) this.sendPhoneCode(0)
}, },
// 手机号失去焦点回调 // 手机号失去焦点回调
phoneChange() { phoneChange () {
this.$post(`${this.api.getOtherAccountByPhone}?phone=${this.phone}&platform=${Setting.platformId}`).then(({ userAccounts }) => { this.$post(`${this.api.getOtherAccountByPhone}?phone=${this.phone}&platform=${Setting.platformId}`).then(({ userAccounts }) => {
const list = userAccounts const list = userAccounts
if (list) { if (list) {
@ -653,10 +781,10 @@ export default {
} else { } else {
this.binding = true this.binding = true
} }
}).catch(res => {}) }).catch(res => { })
}, },
// 验证码倒计时 // 验证码倒计时
phoneCountdown() { phoneCountdown () {
let count = 60 let count = 60
if (!this.phoneTimer) { if (!this.phoneTimer) {
this.phoneDisabled = true this.phoneDisabled = true
@ -674,7 +802,7 @@ export default {
} }
}, },
// 发送验证码 // 发送验证码
sendPhoneCode(bind) { sendPhoneCode (bind) {
const { phone } = this const { phone } = this
if (!this.verifyPhone(phone)) return false if (!this.verifyPhone(phone)) return false
// 不解绑发送验证码 // 不解绑发送验证码
@ -690,16 +818,16 @@ export default {
} else { } else {
util.errorMsg(message) util.errorMsg(message)
} }
}).catch(res => {}) }).catch(res => { })
} else { } else {
this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=1&platform=${Setting.platformId}`).then(({ message }) => { this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=1&platform=${Setting.platformId}`).then(({ message }) => {
util.successMsg(message) util.successMsg(message)
this.phoneCountdown() this.phoneCountdown()
}).catch(res => {}) }).catch(res => { })
} }
}, },
// 解绑 // 解绑
unbind() { unbind () {
const { password, platform, schoolId, type, workNumber } = this.form const { password, platform, schoolId, type, workNumber } = this.form
this.$post(this.api.unbindAccounts, { this.$post(this.api.unbindAccounts, {
accountIds: this.accountIds, accountIds: this.accountIds,
@ -713,10 +841,10 @@ export default {
}).then(({ data }) => { }).then(({ data }) => {
this.token = data.token this.token = data.token
this.setLogin() this.setLogin()
}).catch(res => {}) }).catch(res => { })
}, },
// 绑定手机号 // 绑定手机号
phoneSubmit() { phoneSubmit () {
const { phone, phoneCode } = this const { phone, phoneCode } = this
if (!this.verifyPhone(phone)) return false if (!this.verifyPhone(phone)) return false
if (!phoneCode) return util.warningMsg('请输入验证码') if (!phoneCode) return util.warningMsg('请输入验证码')
@ -734,7 +862,7 @@ export default {
}).then(({ token }) => { }).then(({ token }) => {
this.token = token this.token = token
this.setLogin() this.setLogin()
}).catch(res => {}) }).catch(res => { })
} else { } else {
this.unbind() this.unbind()
} }
@ -746,7 +874,7 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.wrap { .wrap {
min-height: 100%; min-height: 100%;
background-color: #F3F6FA; background-color: #f3f6fa;
} }
.ver-code { .ver-code {
position: relative; position: relative;
@ -756,33 +884,33 @@ export default {
right: 10px; right: 10px;
} }
} }
.login{ .login {
min-height: calc(100vh - 43px); min-height: calc(100vh - 43px);
padding-top: calc((100vh - 584px) / 2); padding-top: calc((100vh - 584px) / 2);
background: url(../../../assets/img/shapes/shape1.png) (0 123px)/auto no-repeat, background: url(../../../assets/img/shapes/shape1.png) (0 123px) / auto no-repeat,
url(../../../assets/img/shapes/shape2.png) (35px 238px)/auto no-repeat, url(../../../assets/img/shapes/shape2.png) (35px 238px) / auto no-repeat,
url(../../../assets/img/shapes/shape3.png) (0 485px)/auto no-repeat, url(../../../assets/img/shapes/shape3.png) (0 485px) / auto no-repeat,
url(../../../assets/img/shapes/shape4.png) (right 50%)/auto no-repeat, url(../../../assets/img/shapes/shape4.png) (right 50%) / auto no-repeat,
url(../../../assets/img/shapes/shape5.png) (right 80%)/auto no-repeat, url(../../../assets/img/shapes/shape5.png) (right 80%) / auto no-repeat,
url(../../../assets/img/shapes/shape6.png) (right bottom)/auto no-repeat; url(../../../assets/img/shapes/shape6.png) (right bottom) / auto no-repeat;
.tab{ .tab {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: 24px; margin-bottom: 24px;
border-bottom: 2px solid #E1E6F2; border-bottom: 2px solid #e1e6f2;
li{ li {
padding: 18px 0; padding: 18px 0;
margin-bottom: -1px; margin-bottom: -1px;
font-size: 16px; font-size: 16px;
color: #555; color: #555;
cursor: pointer; cursor: pointer;
border-bottom: 4px solid transparent; border-bottom: 4px solid transparent;
&:last-child{ &:last-child {
margin-right: 0; margin-right: 0;
} }
&.active{ &.active {
color: $main-color;; color: $main-color;
border-bottom-color: $main-color; border-bottom-color: $main-color;
} }
} }
@ -791,29 +919,29 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.form{ .form {
width: 436px; width: 436px;
padding: 38px 38px 60px; padding: 38px 38px 60px;
margin: 0 auto 0; margin: 0 auto 0;
border-radius: 6px; border-radius: 6px;
background-color: #fff; background-color: #fff;
.title{ .title {
margin-bottom: 25px; margin-bottom: 25px;
font-size: 26px; font-size: 26px;
color: #0B1D30; color: #0b1d30;
letter-spacing: 4px; letter-spacing: 4px;
} }
} }
/deep/.el-form-item{ /deep/.el-form-item {
margin-bottom: 20px; margin-bottom: 20px;
} }
/deep/.el-input__inner{ /deep/.el-input__inner {
position: relative; position: relative;
height: 52px; height: 52px;
padding: 0 20px 0 34px; padding: 0 20px 0 34px;
line-height: 50px; line-height: 50px;
background-color: #FBFBFB; background-color: #fbfbfb;
border: 1px solid #E1E6F2; border: 1px solid #e1e6f2;
border-radius: 4px !important; border-radius: 4px !important;
} }
.bottom { .bottom {
@ -832,33 +960,33 @@ export default {
height: 18px; height: 18px;
background: url(../../../assets/img/login/account.png) 0 0/100% 100% no-repeat; background: url(../../../assets/img/login/account.png) 0 0/100% 100% no-repeat;
} }
.school{ .school {
background-image: url(../../../assets/img/login/school.png); background-image: url(../../../assets/img/login/school.png);
} }
.workNumber{ .workNumber {
width: 17px; width: 17px;
background-image: url(../../../assets/img/login/workNumber.png); background-image: url(../../../assets/img/login/workNumber.png);
} }
.password{ .password {
top: 18px; top: 18px;
background-image: url(../../../assets/img/login/password.png); background-image: url(../../../assets/img/login/password.png);
} }
.code{ .code {
top: 18px; top: 18px;
background-image: url(../../../assets/img/login/code.png); background-image: url(../../../assets/img/login/code.png);
} }
.ver-img{ .ver-img {
position: absolute; position: absolute;
top: 1px; top: 1px;
right: 1px; right: 1px;
} }
/deep/.el-form-item__error{ /deep/.el-form-item__error {
top: 105%; top: 105%;
left: auto; left: auto;
right: 0; right: 0;
color: #FFA94E; color: #ffa94e;
} }
.submit{ .submit {
width: 100%; width: 100%;
height: 48px; height: 48px;
margin-top: 30px; margin-top: 30px;
@ -870,16 +998,16 @@ export default {
border: 0; border: 0;
} }
} }
.copyright{ .copyright {
padding: 18px 0; padding: 18px 0;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
background-color: #F3F6FA; background-color: #f3f6fa;
a{ a {
color:#B1B4B8; color: #b1b4b8;
font-size: 12px; font-size: 12px;
&:hover{ &:hover {
opacity: .8; opacity: 0.8;
} }
} }
} }
@ -894,9 +1022,10 @@ export default {
margin-right: 86px; margin-right: 86px;
} }
&:hover img { &:hover img {
opacity: .9; opacity: 0.9;
} }
&.active p, &:hover p { &.active p,
&:hover p {
background-color: #9278ff; background-color: #9278ff;
} }
} }

135
src/pages/activity/list/index.vue
Unescape View File

@ -3,15 +3,22 @@
<div class="search"> <div class="search">
<h6>创业活动</h6> <h6>创业活动</h6>
<div class="input"> <div class="input">
<img src="@/assets/img/search.png" alt=""> <img src="@/assets/img/search.png"
<input type="text" placeholder="请输入关键词" v-model="keyword"> alt="">
<input type="text"
placeholder="请输入关键词"
v-model="keyword">
</div> </div>
</div> </div>
<div class="main"> <div class="main">
<div class="center-wrap list-inner"> <div class="center-wrap list-inner">
<ul v-if="token" class="nav"> <ul v-if="token"
<li :class="{ active: form.whetherToSignUp === item.id }" v-for="(item, index) in typeList" :key="index" @click="changeType(item.id)">{{ item.name }} class="nav">
<li :class="{ active: form.whetherToSignUp === item.id }"
v-for="(item, index) in typeList"
:key="index"
@click="changeType(item.id)">{{ item.name }}
</li> </li>
</ul> </ul>
<div class="list-wrap"> <div class="list-wrap">
@ -20,19 +27,26 @@
<div> <div>
<dl> <dl>
<dt>筛选排序：</dt> <dt>筛选排序：</dt>
<dd v-for="(item, i) in sorts" :key="i" :class="{active: form.filterSort == item.id}" @click="changeSort(item.id)">{{ item.name }}</dd> <dd v-for="(item, i) in sorts"
:key="i"
:class="{active: form.filterSort == item.id}"
@click="changeSort(item.id)">{{ item.name }}</dd>
</dl> </dl>
</div> </div>
<el-button type="primary" @click="$router.push('manage')">我的项目</el-button> <el-button type="primary"
@click="$router.push('manage')">我的项目</el-button>
</div> </div>
<div class="list"> <div class="list">
<template v-if="listData.length"> <template v-if="listData.length">
<ul> <ul>
<li v-for="(item,index) in listData" :key="index" @click="toDetail(item)"> <li v-for="(item,index) in listData"
:key="index"
@click="toDetail(item)">
<div class="left"> <div class="left">
<div class="cover"> <div class="cover">
<img :src="item.coverUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20230515/jpg/1657937339328520192.jpg'" alt=""> <img :src="item.coverUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20230515/jpg/1657937339328520192.jpg'"
alt="">
</div> </div>
<div class="info"> <div class="info">
<div class="title">{{ item.projectName }}</div> <div class="title">{{ item.projectName }}</div>
@ -54,16 +68,20 @@
</div> </div>
<div class="right"> <div class="right">
<p class="status" <p class="status"
:class="{wait: item.status == 0,signing: item.status == 2,signed: item.status == 1,playing: item.status == 4,finish: item.status == 3 || item.status == 4}" @click.stop="signup(item)">{{ statusList[item.status] }}</p> :class="{wait: item.status == 0,signing: item.status == 2,signed: item.status == 1,playing: item.status == 4,finish: item.status == 3 || item.status == 4}"
<p class="end-text" v-if="item.end"> @click.stop="signup(item)">{{ statusList[item.status] }}</p>
<p class="end-text"
v-if="item.end">
距离{{ endList[item.status] }}还有 距离{{ endList[item.status] }}还有
<em >{{ item.end }}</em> <em>{{ item.end }}</em>
</p> </p>
</div> </div>
</li> </li>
</ul> </ul>
<div class="pagination"> <div class="pagination">
<el-pagination background layout="total, prev, pager, next" :total="totals" <el-pagination background
layout="total, prev, pager, next"
:total="totals"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page"> :current-page="page">
</el-pagination> </el-pagination>
@ -72,7 +90,8 @@
<template v-else> <template v-else>
<div class="empty"> <div class="empty">
<div> <div>
<img src="@/assets/img/none.png" alt=""> <img src="@/assets/img/none.png"
alt="">
<p>暂无赛事</p> <p>暂无赛事</p>
</div> </div>
</div> </div>
@ -82,15 +101,24 @@
</div> </div>
</div> </div>
<el-dialog title="报名" :visible.sync="signupVisible" :close-on-click-modal="false" width="300px"> <el-dialog title="报名"
:visible.sync="signupVisible"
:close-on-click-modal="false"
width="300px">
<el-form class="dia-form"> <el-form class="dia-form">
<el-form-item> <el-form-item>
<el-input placeholder="请输入4位数大赛邀请码" maxlength="4" v-model="invitationCode"></el-input> <el-input placeholder="请输入4位数大赛邀请码"
maxlength="4"
v-model="invitationCode"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer"
<el-button size="small" type="primary" @click="signupSubmit">报名</el-button> class="dialog-footer">
<el-button size="small" @click="signupVisible = false">取消</el-button> <el-button size="small"
type="primary"
@click="signupSubmit">报名</el-button>
<el-button size="small"
@click="signupVisible = false">取消</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
@ -102,7 +130,7 @@ import { Loading } from "element-ui";
import Setting from "@/setting" import Setting from "@/setting"
import util from "@/libs/util" import util from "@/libs/util"
export default { export default {
data() { data () {
return { return {
timer: null, timer: null,
redisTimer: null, redisTimer: null,
@ -148,16 +176,16 @@ export default {
}; };
}, },
watch: { watch: {
keyword: function(val) { keyword: function (val) {
clearTimeout(this.searchTimer); clearTimeout(this.searchTimer);
this.searchTimer = setTimeout(() => { this.searchTimer = setTimeout(() => {
this.initData(); this.initData();
}, 500); }, 500);
} }
}, },
mounted() { mounted () {
this.getData() this.getData()
this.$once('hook:beforeDestroy', function() { this.$once('hook:beforeDestroy', function () {
this.clearTimer() this.clearTimer()
clearInterval(this.redisTimer) clearInterval(this.redisTimer)
}) })
@ -166,7 +194,7 @@ export default {
...mapMutations('match', [ ...mapMutations('match', [
'SET_TYPE' 'SET_TYPE'
]), ]),
getList() { getList () {
this.clearTimer() this.clearTimer()
const data = { const data = {
pageNum: this.page, pageNum: this.page,
@ -186,7 +214,7 @@ export default {
}) })
}, },
// 定时处理时间及状态 // 定时处理时间及状态
handleStatus() { handleStatus () {
this.listData.map(item => { this.listData.map(item => {
if (item.signUpStartTime && item.signUpEndTime && item.playStartTime && item.playEndTime) { if (item.signUpStartTime && item.signUpEndTime && item.playStartTime && item.playEndTime) {
let total = '' let total = ''
@ -232,13 +260,13 @@ export default {
}) })
}, },
// 清除定时器 // 清除定时器
clearTimer() { clearTimer () {
this.timerList.forEach(n => { this.timerList.forEach(n => {
clearInterval(n) clearInterval(n)
}) })
this.timerList = [] this.timerList = []
}, },
getData() { getData () {
// this.loadIns = Loading.service() // this.loadIns = Loading.service()
this.getList() this.getList()
// if (!Setting.isDev) { // if (!Setting.isDev) {
@ -246,20 +274,20 @@ export default {
this.redisTimer = setInterval(this.getRedis, 1000) this.redisTimer = setInterval(this.getRedis, 1000)
// } // }
}, },
initData() { initData () {
this.page = 1 this.page = 1
this.getData() this.getData()
}, },
// 获取redis缓存 // 获取redis缓存
getRedis() { getRedis () {
this.$post(this.api.getRedisCacheActivity).then(({ data }) => { this.$post(this.api.getRedisCacheActivity).then(({ data }) => {
if (data) { if (data) {
localStorage.getItem('activityTimestampClient') !== data && this.getList() // 本地缓存跟redis返回的不一样，就查询列表 localStorage.getItem('activityTimestampClient') !== data && this.getList() // 本地缓存跟redis返回的不一样，就查询列表
localStorage.setItem('activityTimestampClient', data) localStorage.setItem('activityTimestampClient', data)
} }
}).catch(res => {}) }).catch(res => { })
}, },
changeType(type) { changeType (type) {
const { form } = this const { form } = this
form.competitionScope = 3 form.competitionScope = 3
form.provinceId = '' form.provinceId = ''
@ -269,20 +297,20 @@ export default {
this.initData() this.initData()
}, },
// 筛选排序 // 筛选排序
changeSort(type) { changeSort (type) {
this.form.filterSort = type this.form.filterSort = type
this.initData() this.initData()
}, },
toDetail(item) { toDetail (item) {
this.$router.push(`/activity/details?id=${item.id}`); this.$router.push(`/activity/details?id=${item.id}`);
}, },
handleCurrentChange(val) { handleCurrentChange (val) {
this.page = val; this.page = val;
this.getData(); this.getData();
}, },
// 报名提交 // 报名提交
signupSubmit() { signupSubmit () {
this.$post(this.api.saveActivityApplicant, { this.$post(this.api.saveActivityApplicant, {
activityId: this.curRow.id, activityId: this.curRow.id,
registrationInvitationCode: this.invitationCode registrationInvitationCode: this.invitationCode
@ -290,10 +318,10 @@ export default {
this.signupVisible = false this.signupVisible = false
this.getData() this.getData()
this.$message.success('报名成功') this.$message.success('报名成功')
}).catch(res => {}) }).catch(res => { })
}, },
// 报名 // 报名
signup(item) { signup (item) {
const { status, id } = item const { status, id } = item
if (status == 2) { // 报名 if (status == 2) { // 报名
// 如果需要邀请码 // 如果需要邀请码
@ -307,7 +335,7 @@ export default {
}).then(res => { }).then(res => {
this.getData() this.getData()
this.$message.success('报名成功') this.$message.success('报名成功')
}).catch(res => {}) }).catch(res => { })
} }
} else if (status == 1) { } else if (status == 1) {
// 已报名，点击取消报名 // 已报名，点击取消报名
@ -317,12 +345,12 @@ export default {
this.$post(`${this.api.delActivityApplicant}?id=${item.cancelId}`).then(res => { this.$post(`${this.api.delActivityApplicant}?id=${item.cancelId}`).then(res => {
this.getData() this.getData()
this.$message.success('取消报名成功') this.$message.success('取消报名成功')
}).catch(res => {}) }).catch(res => { })
}).catch(() => {}) }).catch(() => { })
} }
}, },
// 进入python系统 // 进入python系统
toPython() { toPython () {
const form = this.curItem.curStage const form = this.curItem.curStage
let token = util.local.get(Setting.tokenKey); let token = util.local.get(Setting.tokenKey);
util.cookies.set('assessmentId', '', -1) util.cookies.set('assessmentId', '', -1)
@ -348,7 +376,7 @@ export default {
`${location.origin}/pyTrials` `${location.origin}/pyTrials`
}, },
// 进入子系统 // 进入子系统
toSub() { toSub () {
const form = this.curItem const form = this.curItem
const { systemId, projectId, cid, stageId } = form.curStage const { systemId, projectId, cid, stageId } = form.curStage
const competitionId = form.id const competitionId = form.id
@ -402,9 +430,9 @@ export default {
border-radius: 4px; border-radius: 4px;
} }
} }
.main{ .main {
background: url(../../../assets/img/match-bg1.png) (0px 95px)/auto auto no-repeat, background: url(../../../assets/img/match-bg1.png) (0px 95px) / auto auto no-repeat,
url(../../../assets/img/match-bg2.png) (98% bottom)/auto auto no-repeat; url(../../../assets/img/match-bg2.png) (98% bottom) / auto auto no-repeat;
.center-wrap { .center-wrap {
width: 1078px; width: 1078px;
} }
@ -455,9 +483,9 @@ export default {
.list-inner { .list-inner {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items:flex-start; align-items: flex-start;
} }
.nav{ .nav {
width: 156px; width: 156px;
text-align: right; text-align: right;
overflow: hidden; overflow: hidden;
@ -516,11 +544,11 @@ export default {
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
white-space: nowrap; white-space: nowrap;
background-color: #52C41A; background-color: #52c41a;
border-radius: 4px; border-radius: 4px;
@include ellipsis(); @include ellipsis();
&.wait { &.wait {
background-color: #FAAD14; background-color: #faad14;
} }
&.signing { &.signing {
@ -528,7 +556,7 @@ export default {
} }
&.signed { &.signed {
background-color: #52C41A; background-color: #52c41a;
} }
&.playing { &.playing {
background-color: #f96d6d; background-color: #f96d6d;
@ -547,7 +575,7 @@ export default {
cursor: pointer; cursor: pointer;
&:hover { &:hover {
opacity: .9; opacity: 0.9;
} }
&.disabled { &.disabled {
@ -558,7 +586,7 @@ export default {
.end-text { .end-text {
margin-top: 10px; margin-top: 10px;
color: rgba(0, 0, 0, .65); color: rgba(0, 0, 0, 0.65);
font-size: 12px; font-size: 12px;
white-space: nowrap; white-space: nowrap;
@ -597,7 +625,7 @@ export default {
margin-bottom: 10px; margin-bottom: 10px;
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
color: #0B1D30; color: #0b1d30;
word-break: break-all; word-break: break-all;
@include mul-ellipsis(2); @include mul-ellipsis(2);
} }
@ -614,7 +642,8 @@ export default {
} }
} }
.label, .val { .label,
.val {
font-size: 14px; font-size: 14px;
color: #666; color: #666;
white-space: nowrap; white-space: nowrap;

38
src/pages/activity/manage/manage/index.vue
Unescape View File

@ -1,15 +1,23 @@
<template> <template>
<div> <div>
<el-card shadow="hover" class="m-b-20"> <el-card shadow="hover"
class="m-b-20">
<div class="flex-between"> <div class="flex-between">
<el-page-header @back="back" :content="name + '/管理'"></el-page-header> <el-page-header @back="back"
:content="name + '/管理'"></el-page-header>
</div> </div>
</el-card> </el-card>
<div class="page" style="margin-bottom: 24px"> <div class="page"
style="margin-bottom: 24px">
<div class="tabs"> <div class="tabs">
<a class="item" v-for="(item,index) in tabs" :key="index" :class="{active: index == active}" @click="tabChange(index)">{{ item }}</a> <a class="item"
v-for="(item,index) in tabs"
:key="index"
:class="{active: index == active}"
@click="tabChange(index)">{{ item }}</a>
</div> </div>
<MatchDetail v-if="active == 'tab1'" ref="detail" /> <MatchDetail v-if="active == 'tab1'"
ref="detail" />
<MatchProgress v-else-if="active == 'tab2'" /> <MatchProgress v-else-if="active == 'tab2'" />
<notice v-else-if="active == 'tab3'" /> <notice v-else-if="active == 'tab3'" />
<MatchSignup v-else-if="active == 'tab4'" /> <MatchSignup v-else-if="active == 'tab4'" />
@ -27,7 +35,7 @@ import MatchSignup from "./matchSignup";
import { mapState } from "vuex"; import { mapState } from "vuex";
export default { export default {
name: "matchManage", name: "matchManage",
data() { data () {
return { return {
name: this.$route.query.name, name: this.$route.query.name,
active: this.$route.query.tab || "tab1", active: this.$route.query.tab || "tab1",
@ -45,7 +53,7 @@ export default {
notice, notice,
MatchSignup MatchSignup
}, },
beforeRouteLeave(to, from, next) { beforeRouteLeave (to, from, next) {
const detail = this.$refs.detail const detail = this.$refs.detail
if (detail && detail.updateTime) { if (detail && detail.updateTime) {
this.$confirm(`编辑的内容未保存，是否保存并且发布？`, '提示.......', { this.$confirm(`编辑的内容未保存，是否保存并且发布？`, '提示.......', {
@ -59,15 +67,15 @@ export default {
next() next()
} }
}, },
mounted() { mounted () {
}, },
methods: { methods: {
back() { back () {
this.handleSave(0) && this.backPage() this.handleSave(0) && this.backPage()
}, },
// 判断是否需要confirm // 判断是否需要confirm
handleSave(i) { handleSave (i) {
// 如果是赛事详情，则要判断是否已经保存，未保存则提示是否保存 // 如果是赛事详情，则要判断是否已经保存，未保存则提示是否保存
if (this.active === 'tab1') { if (this.active === 'tab1') {
const detail = this.$refs.detail const detail = this.$refs.detail
@ -89,20 +97,20 @@ export default {
} }
}, },
// 返回列表 // 返回列表
backPage(){ backPage () {
this.$router.push(`/activity/manage?page=${this.$store.state.activity.page}`) this.$router.push(`/activity/manage?page=${this.$store.state.activity.page}`)
}, },
// tab切换 // tab切换
tabSwitch(i) { tabSwitch (i) {
this.active = i this.active = i
this.$router.push(`manageDetail?id=${this.$route.query.id}&tab=${i}&name=${this.name}`) this.$router.push(`manageDetail?id=${this.$route.query.id}&tab=${i}&name=${this.name}`)
}, },
// 判断返回还是tab // 判断返回还是tab
backOrTab(i) { backOrTab (i) {
i ? this.tabSwitch(i) : this.backPage() i ? this.tabSwitch(i) : this.backPage()
}, },
// tab回调 // tab回调
tabChange(i) { tabChange (i) {
this.handleSave(i) && this.tabSwitch(i) this.handleSave(i) && this.tabSwitch(i)
} }
} }
@ -114,7 +122,7 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 24px; padding: 0 24px;
border-bottom: 1px solid rgba(0, 0, 0, .06); border-bottom: 1px solid rgba(0, 0, 0, 0.06);
.item { .item {
position: relative; position: relative;
padding: 20px 0; padding: 20px 0;

494
src/pages/station/preview/index.vue
View File

File diff suppressed because it is too large Load Diff
Write Preview
Loading…
Cancel
Save