|
@@ -33,39 +33,39 @@ let state = ref({
|
|
|
},
|
|
|
// 具体分页的数据
|
|
|
"list": [
|
|
|
- {
|
|
|
- "id": 661434193309765,
|
|
|
- "createTime": "2025-04-03 10:42:39",
|
|
|
- "name": "学校_1",
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 661434193309766,
|
|
|
- "createTime": "2025-04-03 10:42:39",
|
|
|
- "name": "学校_2",
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 661434193309767,
|
|
|
- "createTime": "2025-04-03 10:42:39",
|
|
|
- "name": "学校_3",
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 661434193309768,
|
|
|
- "createTime": "2025-04-03 10:42:39",
|
|
|
- "name": "学校_4",
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 661434193309769,
|
|
|
- "createTime": "2025-04-03 10:42:39",
|
|
|
- "name": "学校_5",
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 661434193309770,
|
|
|
- "createTime": "2025-04-03 10:42:39",
|
|
|
- "name": "学校_6",
|
|
|
- },
|
|
|
+ // {
|
|
|
+ // "id": 661434193309765,
|
|
|
+ // "createTime": "2025-04-03 10:42:39",
|
|
|
+ // "name": "学校_1",
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "id": 661434193309766,
|
|
|
+ // "createTime": "2025-04-03 10:42:39",
|
|
|
+ // "name": "学校_2",
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "id": 661434193309767,
|
|
|
+ // "createTime": "2025-04-03 10:42:39",
|
|
|
+ // "name": "学校_3",
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "id": 661434193309768,
|
|
|
+ // "createTime": "2025-04-03 10:42:39",
|
|
|
+ // "name": "学校_4",
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "id": 661434193309769,
|
|
|
+ // "createTime": "2025-04-03 10:42:39",
|
|
|
+ // "name": "学校_5",
|
|
|
+ // },
|
|
|
+ // {
|
|
|
+ // "id": 661434193309770,
|
|
|
+ // "createTime": "2025-04-03 10:42:39",
|
|
|
+ // "name": "学校_6",
|
|
|
+ // },
|
|
|
],
|
|
|
// 用户总数量
|
|
|
- "total": 6,
|
|
|
+ "total": 0,
|
|
|
// 是否弹出添加UI
|
|
|
"showDialog": false,
|
|
|
// 当前分页列表,多选的数据
|
|
@@ -117,21 +117,78 @@ let detailsDb = ref({
|
|
|
name: '',
|
|
|
});
|
|
|
|
|
|
+/**
|
|
|
+ * 因为这里的接口返回的不是分页的接口,是全部数据,所以这里就记录全部数据
|
|
|
+ * 后面通过逻辑,来控制分页的显示
|
|
|
+ */
|
|
|
+let pageDb = [];
|
|
|
+
|
|
|
+
|
|
|
/**
|
|
|
* 查找分页数据
|
|
|
*/
|
|
|
const pageUpdateEvent = () => {
|
|
|
+
|
|
|
+ // console.log(
|
|
|
+ // "查找分页数据 pageUpdateEvent", state.value.listParams
|
|
|
+ // );
|
|
|
|
|
|
+ let submit = {
|
|
|
+ // 默认优先去顶级所有,传 0 。 否则你要看到 学院, 专业 ,班级 的列表,这里固定就传 学院这个的id值
|
|
|
+ "schoolId" : 0,
|
|
|
+ };
|
|
|
|
|
|
- console.log(
|
|
|
- "查找分页数据 pageUpdateEvent", state.value.listParams
|
|
|
- );
|
|
|
+ schoolTree(submit)
|
|
|
+ .then(response => {
|
|
|
+
|
|
|
+ let data = response?.data?.data;
|
|
|
+ // console.log(
|
|
|
+ // "schoolTreeEvent response", response, data
|
|
|
+ // );
|
|
|
+
|
|
|
+ pageDb = data;
|
|
|
+ pageDbUpdateEvent();
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * 因为接口不是标准的分页接口,是直接返回所有数据的
|
|
|
+ * 这里进行单独处理,来展示第几页的数据
|
|
|
+ */
|
|
|
+const pageDbUpdateEvent = () => {
|
|
|
+
|
|
|
+ // console.log(
|
|
|
+ // "查找分页数据 pageDbUpdateEvent", state.value.listParams, pageDb
|
|
|
+ // );
|
|
|
|
|
|
+ state.value.total = pageDb.length;
|
|
|
+ state.value.list = [];
|
|
|
|
|
|
+ let page = state.value.listParams.page;
|
|
|
+ let limit = state.value.listParams.limit;
|
|
|
|
|
|
+ // 从第几个数组下标开始
|
|
|
+ let indexStart = (page - 1) * limit;
|
|
|
+ // 到第几个数组下标结束
|
|
|
+ let indexEnd = indexStart + limit - 1;
|
|
|
|
|
|
+ for (let i = 0; i < pageDb.length; i++) {
|
|
|
+
|
|
|
+ // 在范围内
|
|
|
+ if (i >= indexStart && i <= indexEnd) {
|
|
|
+ let thisPageDb = pageDb[i];
|
|
|
+ state.value.list.push(thisPageDb);
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
|
|
|
+
|
|
|
/**
|
|
|
* 弹出添加UI
|
|
|
*/
|