增加查看详情功能

src/views/registrationGroup/components/stuList.vue

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

src/views/registrationGroup/components/teaList.vue

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

src/views/registrationGroup/index.vue

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

src/views/userInfo/components/reacList.vue

@@ -67,14 +67,14 @@
             >
               编辑
             </el-button>
-            <!-- <el-button
+            <el-button
               link
               type="primary"
               size="small"
-             
+               @click="InfoEvent(row.id,row.annualCompid,row.enrollCode)"
             >
               详情
-            </el-button> -->
+            </el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -198,7 +198,7 @@ const download = async (url:any,name:any) => {
   const a = document.createElement('a')
   a.style.display = 'none'
   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.click()
   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>
 
 <style scoped lang="scss">