From 19b35fc9b99568a77b1ead6c0a3bba11fb9ee3d2 Mon Sep 17 00:00:00 2001
From: ltx <1006158920@qq.com>
Date: Fri, 20 Jun 2025 10:42:13 +0800
Subject: [PATCH] =?UTF-8?q?add:=E6=B7=BB=E5=8A=A0=E5=AD=A6=E6=A0=A1?=
 =?UTF-8?q?=E9=A2=84=E7=BA=A6=E5=88=97=E8=A1=A8=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/grade.js                           |  12 +-
 src/router/index.js                        |   5 +
 src/views/openReservation/index.vue        | 302 +++++++++++++++++++++
 src/views/sportsHall/classManage/index.vue |   2 +-
 4 files changed, 318 insertions(+), 3 deletions(-)
 create mode 100644 src/views/openReservation/index.vue

diff --git a/src/api/grade.js b/src/api/grade.js
index 9ed8457..5a334b6 100644
--- a/src/api/grade.js
+++ b/src/api/grade.js
@@ -1,3 +1,4 @@
+import { status } from 'nprogress'
 import http from './http.js'
 // export function GetGradeName() {
 //     return http.get(`/api/Grade/GetGradeName`)
@@ -320,8 +321,15 @@ export function StudentClassReportDetails(a) {
     return http.get(`/api/TrainingData/GetStudentClassReportDetails?`+a)
 }
 
-
-
+//学校账号开通预约列表
+export function getSchoolReservationList(pageIndex, status) {
+    return http.get(`/api/School/GetSchoolAccountApplicationPageList?PageIndex=${pageIndex}&PageSize=20&Status=${status ? status : 0}`)
+}
+
+//更新预约状态
+export function changeSchoolReservationStatus(id, status) {
+    return http.post(`/api/School/UpdateSchoolAccountApplicationStatus?id=${id}0&Status=${status ? status : 0}`)
+}
 
 
 
diff --git a/src/router/index.js b/src/router/index.js
index 4150918..6d3af9c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -574,6 +574,11 @@ const routes = [{
       path: '/sportsHallClass', //运动馆/班级管理
       name: 'sportsHallClass',
       component: () => import('@/views/sportsHall/classManage/index.vue'),
+    },
+    {
+      path: '/openReservation', //学校管理/开放预约
+      name: 'openReservation',
+      component: () => import('@/views/openReservation/index.vue'),
     }
   ]
 },
diff --git a/src/views/openReservation/index.vue b/src/views/openReservation/index.vue
new file mode 100644
index 0000000..20839f5
--- /dev/null
+++ b/src/views/openReservation/index.vue
@@ -0,0 +1,302 @@
+<script setup>
+import { ref, onMounted } from 'vue'
+import { Table, Tag, Divider, ConfigProvider, Input, Button, Modal, Select, Pagination, message ,Popconfirm} from 'ant-design-vue';
+import zhCN from 'ant-design-vue/es/locale/zh_CN';
+import { getSchoolReservationList } from '@/api/grade';
+
+
+// Component logic goes here
+onMounted(() => {
+    // Initialization code
+    getSchoolList()
+})
+
+const getSchoolList = async () => {
+    const res = await getSchoolReservationList(pageIndex.value, searchSchoolStatus.value);
+    schoolList.value = res.data.datas
+    total.value = res.data.total;
+}
+
+const schoolList = ref([]);
+const total = ref(0);
+const pageIndex = ref(1);
+const columns = [
+    {
+        title: '序号',
+        key: 'index',
+        // width: 80,
+        customRender: ({ index }) => index + 1
+    },
+    {
+        title: '学校名称',
+        dataIndex: 'schoolName',
+        key: 'schoolName',
+    },
+    {
+        title: '学校地址',
+        dataIndex: 'schoolAddress',
+        key: 'schoolAddress',
+    },
+    {
+        title: '联系人',
+        dataIndex: 'userName',
+        key: 'userName',
+    },
+    {
+        title: '联系电话',
+        dataIndex: 'phoneNo',
+        key: 'phoneNo',
+    },
+    {
+        title: '申请时间',
+        dataIndex: 'visitingTime',
+        key: 'visitingTime',
+    },
+    {
+        title: '状态',
+        dataIndex: 'set',
+        key: 'set',
+    },
+]
+
+const statusList = [
+    { label: '全部', value: 0 },
+    { label: '未联系', value: 1 },
+    { label: '已联系', value: 2 },
+]
+
+const searchSchoolStatus = ref(0);
+
+const handleChange = (value) => {
+    searchSchoolStatus.value = value;
+    getSchoolList();
+}
+</script>
+
+<template>
+    <div class="class-manage">
+        <div class="select-box">
+            学校状态：
+            <!-- <Input type="text" placeholder="请输入学校名称" v-model:value="searchSchoolName" class="inputt" /> -->
+             <Select
+                v-model:value="searchSchoolStatus"
+                placeholder="请选择状态"
+                class="select"
+                @change="handleChange"
+             >
+                <Select.Option v-for="item in statusList" :key="item.value" :value="item.value">
+                    {{ item.label }}
+                </Select.Option>
+             </Select>
+
+            <Button class="btn" type="primary" @click="handleChange(0)"> 重置</Button>
+
+        </div>
+
+        <ConfigProvider :locale="zhCN">
+            <Table :columns="columns" :data-source="schoolList" :locale="zhCN" :pagination="{ pageSize: 20 ,total: total, current: pageIndex, onChange: (page) => { pageIndex = page; getSchoolList() } }">
+                <template #bodyCell="{ column, record, index }">
+                    <template v-if="column.key === 'index'">
+
+                        {{ index + 1 }}
+                    </template>
+                    <!-- <template v-if="column.key === 'studentCount' && record.id == allStudentClass.id">
+                    {{ studentslist.length }}
+                </template> -->
+                    <template v-if="column.key == 'set'">
+                        <Popconfirm
+                            title="是否变更联系状态状态？"
+                            ok-text="是"
+                            cancel-text="否"
+                            @confirm="changeStutus(record.id)"
+                            @cancel="cancel"
+                            v-if="record.status == 1"
+                        > 
+                        <a >未联系</a>
+                        </Popconfirm>
+                        <view v-if="record.status == 2">已联系</view>
+                        <!-- <a @click="setCilck" class="settingg">删除</a> -->
+                    </template>
+                </template>
+            </Table>
+        </ConfigProvider>
+    </div>
+
+
+
+</template>
+
+<style lang="scss" scoped>
+.ever {
+    display: flex;
+    align-items: center;
+    margin-top: 30px;
+}
+
+
+.inputtt {
+    width: 600px;
+}
+
+.posi {
+    position: absolute;
+    top: 4px;
+    left: 20px;
+    color: #999;
+}
+
+.student-box {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 16px;
+    justify-content: flex-start;
+    padding: 0 30px 30px;
+}
+
+.action {
+    margin-left: 94px;
+    margin-top: 20px;
+    margin-bottom: -10px;
+    color: #999;
+}
+
+.student-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    min-width: 100px;
+    height: 40px;
+    border-radius: 10px;
+    background-color: #fff;
+    margin-right: 20px;
+    margin-bottom: 10px;
+    box-sizing: border-box;
+    padding: 0 16px;
+    font-size: 14px;
+    position: relative;
+    border: 1px solid #1890ff;
+
+    .sex {
+        width: 20px;
+        height: 20px;
+        background-color: #fff;
+        border-radius: 50%;
+        margin-left: 4px;
+        margin-right: 4px;
+    }
+
+    .index {
+        position: absolute;
+        top: 0;
+        left: 0;
+        background-color: #1890ff;
+        color: #fff;
+        min-width: 20px;
+        border-radius: 5px 0 5px 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+}
+
+.click {
+    background-color: #1890ff;
+    color: #fff;
+    animation: selectAnimation 0.3s ease;
+}
+
+.noClick {
+    // animation: noSelectAnimation 0.3s ease;
+}
+
+@keyframes noSelectAnimation {
+    0% {
+        background-color: #1890ff;
+        transform: scale(1);
+    }
+
+    50% {
+        transform: scale(1.05);
+    }
+
+    100% {
+        background-color: #f0f0f0;
+        transform: scale(1);
+
+    }
+}
+
+@keyframes selectAnimation {
+    0% {
+        background-color: #f0f0f0;
+        transform: scale(1);
+    }
+
+    50% {
+        transform: scale(1.05);
+    }
+
+    100% {
+        background-color: #1890ff;
+        transform: scale(1);
+    }
+}
+
+.click-box {
+    margin-left: 86px;
+    margin-right: 66px;
+    box-sizing: border-box;
+    border: 1px solid #d9d9d9;
+    border-radius: 10px;
+    padding: 10px;
+    padding-top: 20px;
+}
+
+
+.class-manage {
+    padding: 24px;
+    background: #fff;
+    margin: 12px;
+    border-radius: 10px;
+    min-height: 90vh;
+
+    .select-box {
+        display: flex;
+        align-items: center;
+        /* justify-content: space-between; */
+        margin-bottom: 16px;
+        font-size: 14px;
+    }
+
+    .select-name {
+        font-size: 14px;
+        font-weight: 500;
+        color: #333;
+        margin-right: 16px;
+    }
+
+    .btn {
+        margin-right: 16px;
+        margin-left: 30px;
+    }
+
+    .new-class-btn {
+        margin-bottom: 16px;
+        display: flex;
+        justify-content: flex-end;
+    }
+
+    .inputt {
+        width: 250px;
+        height: 36px;
+        border-radius: 5px;
+        padding-left: 5px;
+        margin-right: 16px;
+    }
+
+    .settingg {
+        margin-right: 12px;
+    }
+
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sportsHall/classManage/index.vue b/src/views/sportsHall/classManage/index.vue
index 384e846..f1ef3d2 100644
--- a/src/views/sportsHall/classManage/index.vue
+++ b/src/views/sportsHall/classManage/index.vue
@@ -135,7 +135,7 @@ const columns = [
         title: '班级人数',
         dataIndex: 'studentCount',
         key: 'studentCount',
-        sorter: (a, b) => a - b,
+        sorter: (a, b) => a.studentCount  - b.studentCount ,
     },
     {
         title: '操作',