<template>
  <div class="p-2">
    <!-- 未选课页面 -->
    <div v-if="sfxk == 0">
      <div style="text-align: center">
        <img src="../../../assets/images/Course-selection.png" style="margin-top: 100px; width: 600px" />
        <div style="color: #606266; font-weight: 700; font-size: 20px; margin-top: 20px">您还没有考核论文，请先选择考核论文</div>
        <a-button type="primary" style="margin-left: 10px; margin-top: 10px" @click="handleXuanke">选考核论文</a-button>
      </div>
    </div>
    <!-- 选课页面 -->
    <div v-if="sfxk == 1">
      <div class="jeecg-basic-table-form-container">
        <a-form class="query-criteria">
          <!-- <div style="margin-bottom: 20px">
            <a-breadcrumb>
              <a-breadcrumb-item><a class="mbxtitle" @click="handleFanhui">论文考核材料</a></a-breadcrumb-item>
              <a-breadcrumb-item><span class="mbxtitle">选择论文</span></a-breadcrumb-item>
            </a-breadcrumb>
          </div> -->
          <a-button type="primary" style="margin-left: 10px; margin-bottom: 15px" @click="handleFanhui">查看材料</a-button>
        </a-form>
      </div>
      <a-table :columns="columns2" :data-source="checkData" 
        v-model:current="paginationYxkcProp.current"
        :total="paginationYxkcProp.total"
        :pagination="paginationYxkcProp"
        @change="onPageYxkcChange">
        <template #title><span class="seleciton-line">1</span> <span class="selection-title">已选论文</span></template>
        <template #bodyCell="{ column, record }">
          <template v-if="column.dataIndex === 'action'">
            <a @click="handleDel(record)">移除</a>
          </template>
        </template>
      </a-table>

      <div class="jeecg-basic-table-form-container" style="margin-top: 10px">
        <a-form
          ref="formRef"
          @keyup.enter.native="searchQuery2"
          :model="queryParam"
          :label-col="labelCol"
          :wrapper-col="wrapperCol"
          class="query-criteria"
        >
          <a-row :gutter="24">
            <a-col :lg="6">
              <a-form-item name="ssyxmc">
                <template #label><span title="院系名称">院系名称</span></template>
                <a-input placeholder="请输入院系名称" v-model:value="queryParam2.ssyxmc" allow-clear></a-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="ssxnzymc">
                <template #label><span title="校内专业">校内专业</span></template>
                <a-input placeholder="请输入校内专业" v-model:value="queryParam2.ssxnzymc" allow-clear></a-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="xsxh">
                <template #label><span title="学生学号">学生学号</span></template>
                <a-input placeholder="请输入学生学号" v-model:value="queryParam2.xsxh" allow-clear></a-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="xsxm">
                <template #label><span title="学生姓名">学生姓名</span></template>
                <a-input placeholder="请输入学生姓名" v-model:value="queryParam2.xsxm" allow-clear></a-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="bylwTm">
                <template #label><span title="论文题目">论文题目</span></template>
                <a-input placeholder="请输入学生姓名" v-model:value="queryParam2.bylwTm" allow-clear></a-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="bylwCj">
                <template #label><span title="论文成绩">论文成绩</span></template>
                <a-select placeholder="请选择论文成绩" v-model:value="queryParam2.bylwCjPar">
                  <a-select-option value="">全部</a-select-option>
                  <a-select-option value="1">优秀</a-select-option>
                  <a-select-option value="2">良好</a-select-option>
                  <a-select-option value="3">中等</a-select-option>
                  <a-select-option value="4">及格</a-select-option>
                  <a-select-option value="5">不及格</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12" style="text-align: right">
              <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery2">查询</a-button>
            </a-col>
          </a-row>
        </a-form>
      </div>
      <a-table
        :columns="columns2"
        :data-source="dataList"
        v-model:current="paginationProp.current"
        :total="paginationProp.total"
        :pagination="paginationProp"
        @change="onPageChange"
      >
        <template #title><span class="seleciton-line">1</span> <span class="selection-title">可选论文</span></template>
        <template #bodyCell="{ column, record }">
          <template v-if="column.dataIndex === 'action'">
            <a @click="handleXUanze(record)" v-if="record.sfxk == '0'">选择</a>
            <a disabled v-if="record.sfxk == '1'">已选择</a>
          </template>
        </template>
      </a-table>
    </div>
    <!-- 查看论文材料 -->
    <div v-if="sfxk == 2">
      <div class="jeecg-basic-table-form-container">
        <a-form class="query-criteria">
          <!-- <div style="margin-bottom: 20px">
            <a-breadcrumb>
              <a-breadcrumb-item><a class="mbxtitle" @click="handleFanhui">论文考核材料</a></a-breadcrumb-item>
              <a-breadcrumb-item><span class="mbxtitle">查看论文材料</span></a-breadcrumb-item>
            </a-breadcrumb>
          </div> -->
          <a-button type="primary" style="margin-left: 10px; margin-bottom: 15px" @click="handleFanhui">查看材料</a-button>
        </a-form>
      </div>
      <div class="jeecg-basic-table-form-container">
        <a-form class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <span class="seleciton-line">1</span> <span class="selection-title">基础信息</span>
          <a-row>
            <a-col :span="8">
              <a-form-item label="院系名称">
                {{ lwinfo.value.ssyxmc }}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="校内专业">
                {{ lwinfo.value.ssxnzymc }}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="指导教师姓名">
                {{ lwinfo.value.zdjsxm }}
              </a-form-item>
            </a-col>

            <a-col :span="8">
              <a-form-item label="学生学号">
                {{ lwinfo.value.xsxh }}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="学生姓名">
                {{ lwinfo.value.xsxm }}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="主辅修">
                {{ lwinfo.value.zfx }}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="论文题目">
                {{ lwinfo.value.bylwTm }}
              </a-form-item>
            </a-col>

            <a-col :span="8">
              <a-form-item label="毕业年份">
                {{ lwinfo.value.bynf }}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="论文类别">
                {{ lwinfo.value.bylwLb }}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="论文成绩">
                {{ lwinfo.value.bylwCj }}
              </a-form-item>
            </a-col>
            <a-col :span="8">
              <a-form-item label="终稿查重相似率">
                {{ lwinfo.value.ccjgxsl }}
              </a-form-item>
            </a-col>
          </a-row>
          <span class="seleciton-line">1</span> <span class="selection-title">材料信息</span>
          <div style="width: 100; text-align: right"><a-button type="primary" @click="batchHandleDown(lwinfo)">下载全部材料</a-button></div>
          <a-tabs v-model:activeKey="activeKey" type="card">
            <a-tab-pane key="1" tab="开题报告">
              <div v-if="lwinfo.value.ktbg">
                <div style="width: 100; text-align: right; padding: 10px"
                  ><a-button type="primary" @click="handleDownload(lwinfo.value.ktbg)">下载开题报告</a-button></div
                >
                <iframe :src="ktbgUrl" width="100%" height="600px"></iframe>
              </div>
              <div v-else style="height: 300px; line-height: 300px; text-align: center">暂无文件</div>
            </a-tab-pane>
            <a-tab-pane key="2" tab="开题报告审核意见">
              <div v-if="lwinfo.value.ktbgshyj">
                <div style="width: 100; text-align: right; padding: 10px"
                  ><a-button type="primary" @click="handleDownload(lwinfo.value.ktbgshyj)">下载开题报告审核意见</a-button></div
                >
                <iframe :src="ktbgshyjUrl" width="100%" height="600px"></iframe>
              </div>
              <div v-else style="height: 300px; line-height: 300px; text-align: center">暂无文件</div>
            </a-tab-pane>
            <!-- <a-tab-pane key="3" tab="中期检查">
              <div v-if="lwinfo.value.zqjc">
                <div style="width: 100; text-align: right; padding: 10px"
                  ><a-button type="primary" @click="handleDownload(lwinfo.value.zqjc)">下载中期检查</a-button></div
                >
                <iframe :src="zqjcUrl" width="100%" height="600px"></iframe>
              </div>
              <div v-else style="height: 300px; line-height: 300px; text-align: center">暂无文件</div>
            </a-tab-pane> -->
            <a-tab-pane key="4" tab="论文终稿">
              <div v-if="lwinfo.value.lwzg">
                <div style="width: 100; text-align: right; padding: 10px"
                  ><a-button type="primary" @click="handleDownload(lwinfo.value.lwzg)">下载论文终稿</a-button></div
                >
                <iframe :src="lwzgUrl" width="100%" height="600px"></iframe>
              </div>
              <div v-else style="height: 300px; line-height: 300px; text-align: center">暂无文件</div>
            </a-tab-pane>
            <a-tab-pane key="5" tab="指导记录单">
              <div v-if="lwinfo.value.zdjld">
                <div style="width: 100; text-align: right; padding: 10px"
                  ><a-button type="primary" @click="handleDownload(lwinfo.value.zdjld)">下载指导记录单</a-button></div
                >
                <iframe :src="zdjldUrl" width="100%" height="600px"></iframe>
              </div>
              <div v-else style="height: 300px; line-height: 300px; text-align: center">暂无文件</div>
            </a-tab-pane>
            <a-tab-pane key="6" tab="检测报告等材料">
              <div v-if="lwinfo.value.jcbgdcl">
                <!-- <div><a @click="handleDownload(lwinfo.value.jcbgdcl)">下载</a></div> -->
                <iframe :src="jcbgUrl" width="100%" height="600px"></iframe>
              </div>
              <div v-else style="height: 300px; line-height: 300px; text-align: center">暂无文件</div>
            </a-tab-pane>
          </a-tabs>
        </a-form>
      </div>
    </div>
    <!-- 选课后的列表 -->
    <div v-if="sfxk == 999">
      <div class="jeecg-basic-table-form-container">
        <a-form class="query-criteria">
          <a-button type="primary" preIcon="ant-design:copy-outlined" @click="handleXuanke" style="margin-left: 8px; margin-bottom: 15px">
            返回选择论文</a-button
          >
          <!-- <div style="margin-bottom: 20px">
            <a-breadcrumb>
              <a-breadcrumb-item><a class="mbxtitle" @click="handleXuanke">论文考核材料</a></a-breadcrumb-item>
              <a-breadcrumb-item><span class="mbxtitle">已选论文</span></a-breadcrumb-item>
            </a-breadcrumb>
          </div> -->
        </a-form>
      </div>

      <!--查询区域-->
      <div class="jeecg-basic-table-form-container">
        <a-form
          ref="formRef3"
          @keyup.enter.native="searchQuery"
          :model="queryParam"
          :label-col="labelCol"
          :wrapper-col="wrapperCol"
          class="query-criteria"
        >
          <a-row :gutter="24">
            <a-col :lg="6">
              <a-form-item name="ssyxmc">
                <template #label><span title="院系名称">院系名称</span></template>
                <j-input placeholder="请输入院系名称" v-model:value="queryParam.ssyxmc" allow-clear></j-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="ssxnzymc">
                <template #label><span title="校内专业">校内专业</span></template>
                <j-input placeholder="请输入校内专业" v-model:value="queryParam.ssxnzymc" allow-clear></j-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="xsxh">
                <template #label><span title="学生学号">学生学号</span></template>
                <j-input placeholder="请输入学生学号" v-model:value="queryParam.xsxh" allow-clear></j-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="xsxm">
                <template #label><span title="学生姓名">学生姓名</span></template>
                <j-input placeholder="请输入学生姓名" v-model:value="queryParam.xsxm" allow-clear></j-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="bylwTm">
                <template #label><span title="论文题目">论文题目</span></template>
                <j-input placeholder="请输入学生姓名" v-model:value="queryParam.bylwTm" allow-clear></j-input>
              </a-form-item>
            </a-col>
            <a-col :lg="6">
              <a-form-item name="bylwCj">
                <template #label><span title="论文成绩">论文成绩</span></template>
                <a-select placeholder="请选择论文成绩" v-model:value="queryParam.bylwCjPar">
                  <a-select-option value="">全部</a-select-option>
                  <a-select-option value="1">优秀</a-select-option>
                  <a-select-option value="2">良好</a-select-option>
                  <a-select-option value="3">中等</a-select-option>
                  <a-select-option value="4">及格</a-select-option>
                  <a-select-option value="5">不及格</a-select-option>
                </a-select>
              </a-form-item>
            </a-col>
            <a-col :span="12" style="text-align: right">
              <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
            </a-col>
          </a-row>
        </a-form>
      </div>
      <!--引用表格-->
      <BasicTable @register="registerTable" class="table-style">
        <template #tableTitle> <span class="seleciton-line">1</span> <span class="selection-title">已选论文</span> </template>
        <!--操作栏-->
        <template #action="{ record }">
          <TableAction :actions="getTableAction(record)" />
        </template>
      </BasicTable>
    </div>
  </div>
</template>

<script lang="ts" name="lwKhclXz-lwKhclXz" setup>
import { ref, reactive, onMounted } from 'vue';
import { useListPage } from '/@/hooks/system/useListPage';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { columns, columns2, columns3, superQuerySchema } from './LwKhclXz.data';
import { list, deleteOne, deleteXkxxOne, batchDelete, getImportUrl, getExportUrl } from './LwKhclXz.api';
import { useUserStore } from '/@/store/modules/user';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import { downloadFile, downloadFileLoacl } from '/@/utils/common/renderUtils';
import { getFileAccessHttpUrl } from '@/utils/common/compUtils';
import { encryptByBase64 } from '@/utils/cipher';
import JInput from '/@/components/Form/src/jeecg/components/JInput.vue';
import dayjs from 'dayjs';

import { defHttp } from '/@/utils/http/axios';
import { useGlobSetting } from '/@/hooks/setting';

const globSetting = useGlobSetting();
const baseApiUrl = globSetting.domainUrl;
const formRef = ref();
const queryParam = reactive<any>({});
const toggleSearchStatus = ref<boolean>(false);
const registerModal = ref();
const userStore = useUserStore();
const queryParam2 = ref<any>({});
const emit = defineEmits(['callback']);
const checkData = ref<any>([]);
const dataList = ref<any>([]);
const sfxk = ref<number>(0);
const lwinfo = reactive<any>({});
const docUrl = ref<string>('');
const activeKey = ref('1');
const ktbgUrl = ref<string>('');
const ktbgshyjUrl = ref<string>('');
const zqjcUrl = ref<string>('');
const lwzgUrl = ref<string>('');
const zdjldUrl = ref<string>('');
const jcbgUrl = ref<string>('');

let onlinePreviewDomain = '';
//注册table数据
const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
  tableProps: {
    api: list,
    columns: columns3,
    canResize: false,
    useSearchForm: false,
    actionColumn: {
      width: 120,
      fixed: 'right',
    },
    beforeFetch: async (params) => {
      return Object.assign(params, queryParam);
    },
  },
  exportConfig: {
    name: '教务系统教学任务',
    url: getExportUrl,
    params: queryParam,
  },
});
const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }] = tableContext;
//批量下载
async function batchHandleDown(record) {
  console.log('🙍‍♂️', record);
  // 毕业论文-学院-专业-学生姓名-学号
  var downName =
    '毕业论文-' +
    record.value.ssyxmc +
    '-' +
    (record.value.ssxnzymc ? record.value.ssxnzymc : '') +
    '-' +
    record.value.xsxm +
    '-' +
    record.value.xsxh +
    '';
  var params = { id: record.value.id, downName };
  console.log('🕵', params);
  defHttp.post({ url: '/lwKhclXz/lwKhclXz/getLwBatchDown', params: { id: record.value.id, downName } }).then((res) => {
    console.log('---------', res);
    downloadFileLoacl(res.downLoadPath);
  });
}
//下载
function handleDownload(record) {
  downloadFile(record);
}
//预览
function handleYulan(record) {
  console.log('😶', record);
  var file = getFileAccessHttpUrl(record);
  window.open('https://jxdd.nenu.edu.cn/onlinePreview/onlinePreview?url=' + encodeURIComponent(encryptByBase64(file)));
}
//查看论文材料
async function handleChakan(record) {
  console.log("record--->",record)
  lwinfo.value = record;
  console.log("lwinfo--->",lwinfo)
  sfxk.value = 2;
  const xsxh = record.xsxh;

  var filename = "";
  
  if (record.ktbg) {
    filename = filename+record.ktbg+",";
  }
  if (record.ktbgshyj) {
    filename = filename+record.ktbgshyj+",";
  }
  if (record.lwzg) {
    filename = filename+record.lwzg+",";
  }
  if (record.zdjld) {
    filename = filename+record.zdjld+",";
  }

  if(filename){
    console.log("filename--->",filename)
    await defHttp.post({ url: '/sys/common/ycxz2',params:{filename,xsxh} }).then((res) => {});
  }
  
  ktbgUrl.value = '';
  if (record.ktbg) {
    var file = record.ktbg;
    file = file.substring(0,file.lastIndexOf(".")) + xsxh + file.substring(file.lastIndexOf("."),file.length);
    console.log("🚀 ~ handleChakan ~ record.ktbg:", file)
    var file1 = getFileAccessHttpUrl(file.replaceAll(" ",""));
    ktbgUrl.value = 'https://jxdd.nenu.edu.cn/onlinePreview/onlinePreview?url=' + encodeURIComponent(encryptByBase64(file1));
    console.log("🚀 ~ handleChakan ~ ktbgUrl.value:", ktbgUrl.value)
  } else {
    ktbgUrl.value = '';
  }

  ktbgshyjUrl.value = '';
  if (record.ktbgshyj) {
    var file = record.ktbgshyj;
    file = file.substring(0,file.lastIndexOf(".")) + xsxh + file.substring(file.lastIndexOf("."),file.length);
    console.log("🚀 ~ handleChakan ~ record.ktbgshyj:", file)
    var file1 = getFileAccessHttpUrl(file.replaceAll(" ",""));
    ktbgshyjUrl.value = 'https://jxdd.nenu.edu.cn/onlinePreview/onlinePreview?url=' + encodeURIComponent(encryptByBase64(file1));
  } else {
    ktbgshyjUrl.value = '';
  }

  // if (lwinfo.value.zqjc) {
  //   var file1 = getFileAccessHttpUrl(record.zqjc.replace(" ",""));
  //   zqjcUrl.value = 'https://jxdd.nenu.edu.cn/onlinePreview/onlinePreview?url=' + encodeURIComponent(encryptByBase64(file1));
  // } else {
  //   zqjcUrl.value = '';
  // }

  lwzgUrl.value = '';
  if (record.lwzg) {
    var file = record.lwzg;
    file = file.substring(0,file.lastIndexOf(".")) + xsxh + file.substring(file.lastIndexOf("."),file.length);
    console.log("🚀 ~ handleChakan ~ record.lwzg:", file)
    var file1 = getFileAccessHttpUrl(file.replaceAll(" ",""));
    lwzgUrl.value = 'https://jxdd.nenu.edu.cn/onlinePreview/onlinePreview?url=' + encodeURIComponent(encryptByBase64(file1));
  } else {
    lwzgUrl.value = '';
  }
  zdjldUrl.value = '';
  if (record.zdjld) {
    var file = record.zdjld;
    file = file.substring(0,file.lastIndexOf(".")) + xsxh + file.substring(file.lastIndexOf("."),file.length);
    console.log("🚀 ~ handleChakan ~ record.zdjld:", file)
    var file1 = getFileAccessHttpUrl(file.replaceAll(" ",""));
    zdjldUrl.value = 'https://jxdd.nenu.edu.cn/onlinePreview/onlinePreview?url=' + encodeURIComponent(encryptByBase64(file1));
  } else {
    zdjldUrl.value = '';
  }

  if (record.ccjg) {
    jcbgUrl.value = record.ccjg;
  } else {
    jcbgUrl.value = '';
  }

}

const getViewFileDomain = () => defHttp.get({ url: '/sys/comment/getFileViewDomain' });
/**
 * 初始化domain
 */
async function initViewDomain() {
  if (!onlinePreviewDomain) {
    onlinePreviewDomain = await getViewFileDomain();
  }
  if (!onlinePreviewDomain.startsWith('http')) {
    onlinePreviewDomain = 'http://' + onlinePreviewDomain;
  }
}

/**
 * 操作栏
 */
function getTableAction(record) {
  return [
    {
      label: '查看论文材料',
      onClick: handleChakan.bind(null, record),
    },
    // {
    //   label: '考核评价材料',
    //   onClick: handleKhpjcl.bind(null, record),
    // },
    // {
    //   label: '学生原始材料',
    //   onClick: handleXsyscl.bind(null, record),
    // },
  ];
}
//注册table数据
const labelCol = reactive({
  xs: 24,
  sm: 8,
  xl: 8,
  xxl: 8,
});
const wrapperCol = reactive({
  xs: 24,
  sm: 14,
});

const paginationProp = ref<any>({
  total: 1,
  current: 1,
  pageSize: 10,
  pageNo: 1,
});
const paginationYxkcProp = ref<any>({
  total: 1,
  current: 1,
  pageSize: 10,
  pageNo: 1,
});
/**
 * 查询
 */
function searchQuery() {
  reload();
}
//选课
function handleXuanke() {
  sfxk.value = 1;
  searchQuery2();
}

//选课提交
function handleXUanze(record) {
  record.mainId = record.id;
  record.id = null;
  console.log('😰record----------', record);
  defHttp
    .post({
      url: '/lwKhclXz/lwKhclXz/add',
      params: record,
    })
    .then((res) => {
      console.log('🤛', res);
    });
  xtsuccess();
}
//选课删除
async function handleDel(record) {
  await deleteXkxxOne({ id: record.id }, xtsuccess);
}

function xtsuccess() {
  //获取是否有选课信息
  defHttp.get({ url: '/lwKhclXz/lwKhclXz/list', params: {pageNo: paginationYxkcProp.value.current,pageSize:paginationYxkcProp.value.pageSize } }).then((res) => {
    console.log('🧛', res);
    checkData.value = res.records;
    if(res.current>res.pages){
      paginationYxkcProp.value.current =res.pages
      xtsuccess()
    }else{
      paginationYxkcProp.value.current = res.current;
    }
      paginationYxkcProp.value.total = res.total;
  });
  searchQuery2();
}
/**
 * 查询
 */
function searchQuery2() {
  queryParam2.value.pageNo = paginationProp.value.current;
  defHttp.get({ url: '/lwKhcl/lwKhcl/getXkList', params: { pageNo: paginationProp.value.current,pageSize:paginationProp.value.pageSize, ...queryParam2.value } }).then((res) => {
    dataList.value = res.records;
    paginationProp.value.total = res.total;
    // paginationProp.value.current = res.pageNo;
  });
}

//翻页方法
async function onPageChange(record) {
  console.log('👬', record);
  paginationProp.value.current = record.current;
  paginationProp.value.pageSize = record.pageSize;
  await searchQuery2();
}
//翻页方法
async function onPageYxkcChange(record) {
  paginationYxkcProp.value.current = record.current;
  paginationYxkcProp.value.pageSize = record.pageSize;
  console.log("🚀 ~ onPageYxkcChange ~ paginationYxkcProp.value:", paginationYxkcProp.value)
  await init();
}

//返回首页
function handleFanhui() {
  sfxk.value = 999;
  init();
}

function init() {
  //获取是否有选课信息
  defHttp.get({ url: '/lwKhclXz/lwKhclXz/list', params: { pageNo: paginationYxkcProp.value.current,pageSize:paginationYxkcProp.value.pageSize } }).then((res) => {
    console.log('🧛', res);
      checkData.value = res.records;
      paginationYxkcProp.value.total = res.total;
      paginationYxkcProp.value.current = res.current;
  });
}

function init2() {
  //获取是否有选课信息
  defHttp.get({ url: '/lwKhclXz/lwKhclXz/list', params: { pageNo: paginationYxkcProp.value.current,pageSize:paginationYxkcProp.value.pageSize } }).then((res) => {
    console.log('🧛', res);
    if (res.records.length == 0) {
      sfxk.value = 0;
      checkData.value = [];
    } else {
      sfxk.value = 1;
      checkData.value = res.records;
      paginationYxkcProp.value.total = res.total;
      paginationYxkcProp.value.current = res.current;
      searchQuery2();
    }
  });
}
// 自动请求并暴露内部方法
onMounted(() => {
  init2();
});
</script>

<style lang="less" scoped>
.jeecg-basic-table-form-container {
  padding: 0;
  .table-page-search-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
  .query-group-cust {
    min-width: 100px !important;
  }
  .query-group-split-cust {
    width: 30px;
    display: inline-block;
    text-align: center;
  }
  .ant-form-item:not(.ant-form-item-with-help) {
    margin-bottom: 16px;
    height: 32px;
  }
  :deep(.ant-picker),
  :deep(.ant-input-number) {
    width: 100%;
  }
}
.query-criteria {
  padding-top: 22px;
  border: 1px solid #eaeef6;
  border-radius: 4px;
}
.query-criteria:hover {
  border: 1px solid #c5d8ff;
  box-shadow: 2px 2px 10px 2px #e8ecf4;
  border-radius: 4px;
}
.table-style {
  padding: 10px;
  background: #fff;
  border: 1px solid #eaeef6;
  border-radius: 4px;
}
.table-style:hover {
  border: 1px solid #e8ecf4;
  box-shadow: 2px 2px 10px 2px #e8ecf4;
  border-radius: 4px;
}
.xn-title {
  font-size: 16px;
  font-weight: 700;
}

.selection-title {
  font-size: 18px;
  font-weight: 700;
  padding-left: 10px;
}
.seleciton-line {
  background: #1890ff;
  border-radius: 10px;
  color: #1890ff;
}
.mbxtitle {
  font-size: 22px;
  line-height: 22px;
}
</style>
