增加查看详情功能

base
JayChou 6 months ago
parent 4be34ff89a
commit 02a8c212ff
  1. 30
      src/views/registrationGroup/components/stuList.vue
  2. 20
      src/views/registrationGroup/components/teaList.vue
  3. 10
      src/views/registrationGroup/index.vue
  4. 21
      src/views/userInfo/components/reacList.vue

@ -1,9 +1,21 @@
<template> <template>
<div> <div>
<el-button type="primary" icon="Plus" @click="add" class="btn"> <el-button
type="primary"
icon="Plus"
@click="add"
class="btn"
:disabled="isDisable"
>
新增 新增
</el-button> </el-button>
<el-button type="danger" icon="Delete" @click="del" class="btn"> <el-button
type="danger"
icon="Delete"
@click="del"
class="btn"
:disabled="isDisable"
>
删除 删除
</el-button> </el-button>
<div class="table-box"> <div class="table-box">
@ -30,6 +42,7 @@
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input <el-input
:disabled="isDisable"
@click="openDialog(row)" @click="openDialog(row)"
v-model="row.realname" v-model="row.realname"
placeholder="请选择" placeholder="请选择"
@ -49,6 +62,7 @@
:modelValue="row.captain" :modelValue="row.captain"
@update:modelValue="(arr: any[]) => (row.captain = arr[0])" @update:modelValue="(arr: any[]) => (row.captain = arr[0])"
:options="options" :options="options"
:disabled="isDisable"
/> />
</template> </template>
</el-table-column> </el-table-column>
@ -60,7 +74,7 @@
<span style="margin-left: 10px">学号</span> <span style="margin-left: 10px">学号</span>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.work_no" /> <el-input v-model="row.work_no" :disabled="isDisable" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
@ -71,7 +85,7 @@
<span style="margin-left: 10px">手机号</span> <span style="margin-left: 10px">手机号</span>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.phone" /> <el-input v-model="row.phone" :disabled="isDisable" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
@ -82,7 +96,7 @@
<span style="margin-left: 10px">邮箱</span> <span style="margin-left: 10px">邮箱</span>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.email" /> <el-input v-model="row.email" :disabled="isDisable" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
@ -93,7 +107,7 @@
<span style="margin-left: 10px">队员序号</span> <span style="margin-left: 10px">队员序号</span>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.teamSeq" /> <el-input v-model="row.teamSeq" :disabled="isDisable" />
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -112,7 +126,9 @@ import { getTeamList } from '@/api/oldRace'
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
const route = useRoute() const route = useRoute()
const userModel = userStore() const userModel = userStore()
//
const isDisable = ref(false)
isDisable.value = route.query.info as any
const options = [ const options = [
{ {
value: '1', value: '1',

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<el-button type="primary" icon="Plus" @click="add" class="btn"> <el-button type="primary" icon="Plus" @click="add" class="btn" :disabled="isDisable">
新增 新增
</el-button> </el-button>
<el-button <el-button
@ -8,7 +8,7 @@
icon="Delete" icon="Delete"
@click="del" @click="del"
class="btn" class="btn"
v-show="isSele" :disabled="isDisable"
> >
删除 删除
</el-button> </el-button>
@ -35,6 +35,7 @@
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-cascader <el-cascader
:disabled="isDisable"
:modelValue="row.teacherType" :modelValue="row.teacherType"
@update:modelValue="(arr: any[]) => (row.teacherType = arr[0])" @update:modelValue="(arr: any[]) => (row.teacherType = arr[0])"
:options="options" :options="options"
@ -50,6 +51,7 @@
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input <el-input
:disabled="isDisable"
@click="openDialog(row)" @click="openDialog(row)"
v-model="row.teacherName" v-model="row.teacherName"
placeholder="请选择" placeholder="请选择"
@ -65,7 +67,7 @@
<span style="margin-left: 10px">学历</span> <span style="margin-left: 10px">学历</span>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.teacherXl" placeholder="请输入学历" /> <el-input v-model="row.teacherXl" placeholder="请输入学历" :disabled="isDisable"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
@ -76,7 +78,7 @@
<span style="margin-left: 10px">职称</span> <span style="margin-left: 10px">职称</span>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.teacherZc" placeholder="请输入职称" /> <el-input v-model="row.teacherZc" placeholder="请输入职称" :disabled="isDisable"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
@ -87,7 +89,7 @@
<span style="margin-left: 10px">专业</span> <span style="margin-left: 10px">专业</span>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.teacherZy" placeholder="请输入专业" /> <el-input v-model="row.teacherZy" placeholder="请输入专业" :disabled="isDisable"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
@ -98,7 +100,7 @@
<span style="margin-left: 10px">研究方向</span> <span style="margin-left: 10px">研究方向</span>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.teacherYjfx" placeholder="请输入研究方向" /> <el-input v-model="row.teacherYjfx" placeholder="请输入研究方向" :disabled="isDisable"/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column> <el-table-column>
@ -109,7 +111,7 @@
<span style="margin-left: 10px">手机号</span> <span style="margin-left: 10px">手机号</span>
</template> </template>
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.teacherPhone" placeholder="请输入手机号" /> <el-input v-model="row.teacherPhone" placeholder="请输入手机号" :disabled="isDisable"/>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -125,7 +127,11 @@ import { ClusterOutlined } from '@ant-design/icons-vue'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import {getTeacherList} from '@/api/oldRace' import {getTeacherList} from '@/api/oldRace'
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
const route = useRoute() const route = useRoute()
const isDisable = ref(false)
isDisable.value = route.query.info as any
const options = [ const options = [
{ {
value: '1', value: '1',

@ -120,10 +120,10 @@
<el-input v-model="ruleForm.entryFormat" type="text" disabled /> <el-input v-model="ruleForm.entryFormat" type="text" disabled />
</el-form-item> </el-form-item>
<el-form-item label="队伍名称" prop="teamName"> <el-form-item label="队伍名称" prop="teamName">
<el-input v-model.number="ruleForm.teamName" /> <el-input v-model.number="ruleForm.teamName" :disabled="isDisable"/>
</el-form-item> </el-form-item>
<el-form-item label="选择题目" prop="teamName"> <el-form-item label="选择题目" prop="teamName">
<el-select v-model="ruleForm.topicId" placeholder="请选择题目"> <el-select v-model="ruleForm.topicId" placeholder="请选择题目" :disabled="isDisable">
<el-option <el-option
v-for="item in options" v-for="item in options"
:key="item.value" :key="item.value"
@ -150,8 +150,8 @@
</div> </div>
</el-card> </el-card>
<div class="bottom"> <div class="bottom">
<el-button class="btn" @click="$router.back()">取消报名</el-button> <el-button class="btn" @click="$router.back()">{{ isDisable ? '返回' : '取消报名'}}</el-button>
<el-button class="btn cyan" @click="submit" :loading="loading"> <el-button class="btn cyan" @click="submit" :loading="loading" :disabled="isDisable">
确认报名 确认报名
</el-button> </el-button>
</div> </div>
@ -173,6 +173,8 @@ import { getTopicList } from '@/api/race'
const user = userStore() const user = userStore()
const route = useRoute() const route = useRoute()
const router = useRouter() const router = useRouter()
const isDisable = ref(false)
isDisable.value = route.query.info as any
// //
const { userInfo: info } = toRefs(user) const { userInfo: info } = toRefs(user)

@ -67,14 +67,14 @@
> >
编辑 编辑
</el-button> </el-button>
<!-- <el-button <el-button
link link
type="primary" type="primary"
size="small" size="small"
@click="InfoEvent(row.id,row.annualCompid,row.enrollCode)"
> >
详情 详情
</el-button> --> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -198,7 +198,7 @@ const download = async (url:any,name:any) => {
const a = document.createElement('a') const a = document.createElement('a')
a.style.display = 'none' a.style.display = 'none'
document.body.appendChild(a) document.body.appendChild(a)
a.href = import.meta.env.VITE_APP_BASE_API + '/sys/common/zuopin' + url a.href = import.meta.env.VITE_APP_BASE_API + '/sys/common/zuopin/' + url
a.setAttribute('download', name); a.setAttribute('download', name);
a.click() a.click()
document.body.removeChild(a) document.body.removeChild(a)
@ -247,6 +247,19 @@ const editEvent = (id: any,annualCompid: any,enrollCode:any) => {
}) })
} }
const InfoEvent = (id: any,annualCompid: any,enrollCode:any) => {
router.push({
path: '/registrationGroup',
query:{
id,
annualCompid,
enrollCode,
edit: true,
info: true
}
})
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

Loading…
Cancel
Save