学生的页面查找
This commit is contained in:
Asriya
@@ -16,7 +16,7 @@ VITE_APP_MONITOR_ADMIN = 'http://localhost:9090/admin/applications'
|
|||||||
# SnailJob 控制台地址
|
# SnailJob 控制台地址
|
||||||
VITE_APP_SNAILJOB_ADMIN = 'http://localhost:8800/snail-job'
|
VITE_APP_SNAILJOB_ADMIN = 'http://localhost:8800/snail-job'
|
||||||
|
|
||||||
VITE_APP_PORT = 80
|
VITE_APP_PORT = 90
|
||||||
|
|
||||||
# 接口加密功能开关(如需关闭 后端也必须对应关闭)
|
# 接口加密功能开关(如需关闭 后端也必须对应关闭)
|
||||||
VITE_APP_ENCRYPT = true
|
VITE_APP_ENCRYPT = true
|
||||||
|
|||||||
@@ -1,62 +0,0 @@
|
|||||||
import request from '@/utils/request';
|
|
||||||
import { AxiosPromise } from 'axios';
|
|
||||||
import { DemoVO, DemoForm, DemoQuery } from '@/api/demo/demo/types';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 查询测试单列表
|
|
||||||
* @param query
|
|
||||||
* @returns {*}
|
|
||||||
*/
|
|
||||||
export const selectById = (id) => {
|
|
||||||
return request({
|
|
||||||
url: `/student/selectById/${id}`,
|
|
||||||
method: 'get',
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 查询测试单详细
|
|
||||||
* @param id
|
|
||||||
*/
|
|
||||||
export const selectAll = (date) => {
|
|
||||||
return request({
|
|
||||||
url: '/student/selectAll',
|
|
||||||
method: 'get',
|
|
||||||
data:date
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 新增测试单
|
|
||||||
* @param data
|
|
||||||
*/
|
|
||||||
export const add = (data: DemoForm) => {
|
|
||||||
return request({
|
|
||||||
url: '/student/add',
|
|
||||||
method: 'post',
|
|
||||||
data: data
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 修改测试单
|
|
||||||
* @param data
|
|
||||||
*/
|
|
||||||
export const update = (data: DemoForm) => {
|
|
||||||
return request({
|
|
||||||
url: '/student/update',
|
|
||||||
method: 'put',
|
|
||||||
data: data
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 删除测试单
|
|
||||||
* @param id
|
|
||||||
*/
|
|
||||||
export const deleteById = (id: string | number | Array<string | number>) => {
|
|
||||||
return request({
|
|
||||||
url: '/student//deleteById/{id}' + id,
|
|
||||||
method: 'delete'
|
|
||||||
});
|
|
||||||
};
|
|
||||||
@@ -1,250 +1,237 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="p-2">
|
<div>
|
||||||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
|
<div class="card" style="margin-bottom: 5px">
|
||||||
<div v-show="showSearch" class="mb-[10px]">
|
<el-input style="width: 240px; margin-right: 10px" v-model="data.name" placeholder="请输入名称查询" prefix-icon="Search"></el-input>
|
||||||
<el-card shadow="hover">
|
<el-button type="primary" @click="load"> 查询</el-button>
|
||||||
<el-form ref="queryFormRef" :model="queryParams" :inline="true">
|
<el-button type="warning" @click="reset"> 重置</el-button>
|
||||||
<el-form-item label="学生名称" prop="dictName">
|
</div>
|
||||||
<el-input v-model="queryParams.dictName" placeholder="请输入学生名称" clearable @keyup.enter="handleQuery" />
|
<div class="card" style="margin-bottom: 5px">
|
||||||
</el-form-item>
|
<el-button type="primary" @click = handleAdd> 新增</el-button>
|
||||||
<el-form-item label="学生类型" prop="dictType">
|
<el-button type="danger" @click = delBatch> 批量删除</el-button>
|
||||||
<el-input v-model="queryParams.dictType" placeholder="请输入学生类型" clearable @keyup.enter="handleQuery" />
|
</div>
|
||||||
</el-form-item>
|
<div class="card" style="margin-bottom: 5px">
|
||||||
<el-form-item label="创建时间" style="width: 308px">
|
<el-table :data="data.tableData" stripe @selection-change="handleSelectionChange">
|
||||||
<el-date-picker
|
<el-table-column type="selection" width="55" />
|
||||||
v-model="dateRange"
|
<el-table-column label="账号" prop="username" />
|
||||||
value-format="YYYY-MM-DD HH:mm:ss"
|
<el-table-column label="头像">
|
||||||
type="daterange"
|
|
||||||
range-separator="-"
|
|
||||||
start-placeholder="开始日期"
|
|
||||||
end-placeholder="结束日期"
|
|
||||||
:default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
|
|
||||||
></el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
||||||
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</el-card>
|
|
||||||
</div>
|
|
||||||
</transition>
|
|
||||||
<el-card shadow="hover">
|
|
||||||
<template #header>
|
|
||||||
<el-row :gutter="10" class="mb8">
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button v-hasPermi="['system:dict:add']" type="primary" plain icon="Plus" @click="handleAdd">新增 </el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button v-hasPermi="['system:dict:edit']" type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()">修改 </el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button v-hasPermi="['system:dict:remove']" type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()">
|
|
||||||
删除
|
|
||||||
</el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button v-hasPermi="['system:dict:export']" type="warning" plain icon="Download" @click="handleExport"> 导出 </el-button>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="1.5">
|
|
||||||
<el-button v-hasPermi="['system:dict:remove']" type="danger" plain icon="Refresh" @click="handleRefreshCache">刷新缓存 </el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar v-model:show-search="showSearch" @query-table="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<el-table v-loading="loading" border :data="typeList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
|
||||||
<el-table-column v-if="false" label="学生编号" align="center" prop="dictId" />
|
|
||||||
<el-table-column label="学生名称" align="center" prop="dictName" :show-overflow-tooltip="true" />
|
|
||||||
<el-table-column label="学生类型" align="center" :show-overflow-tooltip="true">
|
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type">
|
<img v-if="scope.row.avatar" :src="scope.row.avatar" alt="" style="display: block; width: 40px; height: 40px; border-radius: 50%" />
|
||||||
<span>{{ scope.row.dictType }}</span>
|
|
||||||
</router-link>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
|
<el-table-column label="名称" prop="name" />
|
||||||
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
|
<el-table-column label="性别" prop="sex" />
|
||||||
|
<el-table-column label="班级" prop="cls" />
|
||||||
|
<el-table-column label="年龄" prop="age" />
|
||||||
|
<el-table-column label="操作" width="120">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<span>{{ proxy.parseTime(scope.row.createTime) }}</span>
|
<el-button @click="handleUpdate(scope.row)" type="primary" :icon="Edit" circle></el-button>
|
||||||
</template>
|
<el-button @click="del(scope.row.id)" type="danger" :icon="Delete" circle></el-button>
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-tooltip content="修改" placement="top">
|
|
||||||
<el-button v-hasPermi="['system:dict:edit']" link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip content="删除" placement="top">
|
|
||||||
<el-button v-hasPermi="['system:dict:remove']" link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<div style="margin-top: 18px">
|
||||||
|
<el-pagination
|
||||||
|
@size-change="load"
|
||||||
|
@current-change="load"
|
||||||
|
v-model:current-page="data.pageNum"
|
||||||
|
v-model:page-size="data.pageSize"
|
||||||
|
:page-sizes="[5, 10, 15, 20]"
|
||||||
|
background
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="data.total"
|
||||||
|
/>
|
||||||
|
|
||||||
<pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
|
</div>
|
||||||
</el-card>
|
</div>
|
||||||
<!-- 添加或修改参数配置对话框 -->
|
<el-dialog title="学生信息 " v-model="data.formVisible" width="500" destory-on-close>
|
||||||
<el-dialog v-model="dialog.visible" :title="dialog.title" width="500px" append-to-body>
|
<el-form ref="formRef" :rules="data.rules" :model="data.form" label-width="80px" style="padding-right: 40px ;padding-top: 20px">
|
||||||
<el-form ref="dictFormRef" :model="form" :rules="rules" label-width="80px">
|
<el-form-item label="账号" prop="username">
|
||||||
<el-form-item label="学生名称" prop="dictName">
|
<el-input :disabled="data.form.id" v-model="data.form.username" autocomplete="off" placeholder="请输入账号" />
|
||||||
<el-input v-model="form.dictName" placeholder="请输入学生名称" />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="学生类型" prop="dictType">
|
|
||||||
<el-input v-model="form.dictType" placeholder="请输入学生类型" />
|
<el-form-item label="班级">
|
||||||
|
<el-select style="width: 100%" v-model="data.form.clsId">
|
||||||
|
<el-option v-for="item in data.clsList" :key="item.id" :label="item.name" :value="item.id"></el-option>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
|
<el-form-item label="名称" prop="name">
|
||||||
|
<el-input v-model="data.form.name" autocomplete="off" placeholder="请输入名称" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="性别">
|
||||||
|
<el-radio-group v-model="data.form.sex">
|
||||||
|
<el-radio value="男" label="男"></el-radio>
|
||||||
|
<el-radio value="女" label="女"></el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-upload
|
||||||
|
class="avatar-uploader"
|
||||||
|
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
|
||||||
|
:show-file-list="false"
|
||||||
|
:on-success="handleAvatarSuccess"
|
||||||
|
:before-upload="beforeAvatarUpload"
|
||||||
|
>
|
||||||
|
<img v-if="imageUrl" :src="imageUrl" class="avatar" />
|
||||||
|
<el-icon v-else class="avatar-uploader-icon"><Plus /></el-icon>
|
||||||
|
</el-upload>
|
||||||
|
|
||||||
|
<el-form-item label="头像">
|
||||||
|
<el-upload
|
||||||
|
action="http://localhost:8080/vue/public/upload"
|
||||||
|
list-type="picture"
|
||||||
|
:on-success="handleAvatarSuccess"
|
||||||
|
>
|
||||||
|
<el-button type="primary">上传头像</el-button>
|
||||||
|
</el-upload>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
|
<el-form-item label="年龄">
|
||||||
|
<el-input-number style="width: 200px" :min="18" v-model="data.form.age" autocomplete="off" placeholder="请选择年龄" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
|
||||||
</el-form>
|
</el-form>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="dialog-footer">
|
<div class="dialog-footer">
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button @click="data.formVisible = false">取 消</el-button>
|
||||||
<el-button @click="cancel">取 消</el-button>
|
<el-button type="primary" @click="save">保 存</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts"></script>
|
<script setup>
|
||||||
<script lang="ts">
|
import {reactive,ref} from "vue";
|
||||||
import { useDictStore } from '@/store/modules/dict';
|
import {Edit, Delete, Search} from "@element-plus/icons-vue";
|
||||||
import { addType, delType, getType, listType, refreshCache, updateType } from '@/api/system/dict/type';
|
import request from "@/utils/utils/request.js";
|
||||||
import { addDateRange } from '@/utils/ruoyi';
|
import {ElMessage, ElMessageBox} from "element-plus";
|
||||||
|
|
||||||
const initFormData = {
|
request.get('/student/selectAll').then(res =>{
|
||||||
userId: undefined,
|
data.clsList = res.data
|
||||||
deptId: undefined,
|
})
|
||||||
userName: '',
|
|
||||||
nickName: undefined,
|
|
||||||
password: '',
|
|
||||||
phonenumber: undefined,
|
|
||||||
email: undefined,
|
|
||||||
sex: undefined,
|
|
||||||
status: '0',
|
|
||||||
remark: '',
|
|
||||||
postIds: [],
|
|
||||||
roleIds: []
|
|
||||||
};
|
|
||||||
|
|
||||||
export default {
|
const data =reactive({
|
||||||
name: 'Student',
|
name: null,
|
||||||
data() {
|
tableData: [],
|
||||||
return {
|
pageNum: 1,
|
||||||
typeList: [],
|
pageSize: 10,
|
||||||
loading: true,
|
total: 0,
|
||||||
showSearch: true,
|
formVisible:false,
|
||||||
ids: [],
|
form:{},
|
||||||
single: true,
|
clsList:[],
|
||||||
multiple: true,
|
rules:{
|
||||||
total: 0,
|
username:[
|
||||||
dateRange: ['', ''],
|
{required:true,message:'请输入账号',trigger:'blur'}
|
||||||
dialog: {
|
],
|
||||||
visible: false,
|
name:[
|
||||||
title: ''
|
{required:true,message:'请输入名称',trigger:'blur'}
|
||||||
},
|
],
|
||||||
form: { ...initFormData },
|
|
||||||
queryParams: {
|
|
||||||
pageNum: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
dictName: '',
|
|
||||||
dictType: ''
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
dictName: [{ required: true, message: '学生名称不能为空', trigger: 'blur' }],
|
|
||||||
dictType: [{ required: true, message: '学生类型不能为空', trigger: 'blur' }]
|
|
||||||
}
|
|
||||||
};
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
/** 查询学生类型列表 */
|
|
||||||
getList() {
|
|
||||||
this.loading = true;
|
|
||||||
listType(addDateRange(this.queryParams, this.dateRange)).then((res) => {
|
|
||||||
this.typeList = res.rows;
|
|
||||||
this.total = res.total;
|
|
||||||
this.loading = false;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
cancel() {
|
|
||||||
reset();
|
|
||||||
this.dialog.visible = false;
|
|
||||||
},
|
|
||||||
/** 表单重置 */
|
|
||||||
reset() {
|
|
||||||
this.form = { ...initFormData };
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.dictFormRef?.resetFields();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 搜索按钮操作 */
|
|
||||||
handleQuery() {
|
|
||||||
this.queryParams.pageNum = 1;
|
|
||||||
this.getList();
|
|
||||||
},
|
|
||||||
/** 重置按钮操作 */
|
|
||||||
resetQuery() {
|
|
||||||
this.dateRange = ['', ''];
|
|
||||||
this.$refs.queryFormRef?.resetFields();
|
|
||||||
this.handleQuery();
|
|
||||||
},
|
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.dialog.visible = true;
|
|
||||||
this.dialog.title = '添加学生类型';
|
|
||||||
},
|
|
||||||
/** 多选框选中数据 */
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.ids = selection.map((item) => item.dictId);
|
|
||||||
this.single = selection.length != 1;
|
|
||||||
this.multiple = !selection.length;
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
async handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const dictId = row?.dictId || this.ids.value[0];
|
|
||||||
const res = await getType(dictId);
|
|
||||||
Object.assign(this.form, res.data);
|
|
||||||
this.dialog.visible = true;
|
|
||||||
this.dialog.title = '修改学生类型';
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
|
||||||
async submitForm() {
|
|
||||||
this.$refs.dictFormRef?.validate(async (valid) => {
|
|
||||||
if (valid) {
|
|
||||||
this.form.dictId ? await updateType(this.form) : await addType(this.form);
|
|
||||||
ElMessage({
|
|
||||||
type: 'success',
|
|
||||||
message: '操作成功'
|
|
||||||
});
|
|
||||||
this.dialog.visible = false;
|
|
||||||
this.getList();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 删除按钮操作 */
|
|
||||||
async handleDelete(row) {
|
|
||||||
const dictIds = row?.dictId || this.ids.value;
|
|
||||||
await this.$confirm('是否确认删除学生编号为"' + dictIds + '"的数据项？');
|
|
||||||
await delType(dictIds);
|
|
||||||
this.getList();
|
|
||||||
this.$message({
|
|
||||||
type: 'success',
|
|
||||||
message: '删除成功'
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 导出按钮操作 */
|
|
||||||
handleExport() {},
|
|
||||||
/** 刷新缓存按钮操作 */
|
|
||||||
async handleRefreshCache() {
|
|
||||||
await refreshCache();
|
|
||||||
this.$message.success('刷新成功');
|
|
||||||
useDictStore().cleanDict();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
};
|
})
|
||||||
|
const handleAvatarSuccess = (res) => {
|
||||||
|
data.form.avatar = res.data
|
||||||
|
}
|
||||||
|
|
||||||
|
const formRef =ref()
|
||||||
|
const load = () =>{
|
||||||
|
request.get('/student/selectAll',{
|
||||||
|
params:{
|
||||||
|
pageNum: data.pageNum,
|
||||||
|
pageSize: data.pageSize,
|
||||||
|
name:data.name,
|
||||||
|
}
|
||||||
|
}).then(res =>{
|
||||||
|
data.tableData = res.data;
|
||||||
|
})
|
||||||
|
}
|
||||||
|
load();
|
||||||
|
const reset =()=>{
|
||||||
|
data.name = null;
|
||||||
|
load();
|
||||||
|
}
|
||||||
|
const handleAdd = ()=> {
|
||||||
|
data.formVisible = true
|
||||||
|
data.form = {}
|
||||||
|
}
|
||||||
|
const save = () => {
|
||||||
|
formRef.value.validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
data.form.id ? update() : add()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const add = () => {
|
||||||
|
request.post('/student/add', data.form).then(res => {
|
||||||
|
if (res.code === '200') {
|
||||||
|
data.formVisible = false
|
||||||
|
ElMessage.success('操作成功')
|
||||||
|
load() //新增后要重新加载新增的数据
|
||||||
|
} else {
|
||||||
|
ElMessage.error(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const update = () => {
|
||||||
|
request.put('/student/update', data.form).then(res => {
|
||||||
|
if (res.code === '200') {
|
||||||
|
data.formVisible = false
|
||||||
|
ElMessage.success('操作成功')
|
||||||
|
load() //更新后要重新加载新增的数据
|
||||||
|
} else {
|
||||||
|
ElMessage.error(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const handleUpdate = (row) => {
|
||||||
|
data.form = JSON.parse(JSON.stringify(row)) //深拷贝一个新对象 用于编辑
|
||||||
|
data.formVisible = true
|
||||||
|
}
|
||||||
|
|
||||||
|
const del = (id) => {
|
||||||
|
ElMessageBox.confirm("删除数据之后无法恢复，您确定要删除这个数据吗？", '删除确认', { type: 'warning' }).then(() => {
|
||||||
|
request.delete('/student/deleteById/' + id).then(res => {
|
||||||
|
if (res.code === '200') {
|
||||||
|
ElMessage.success('操作成功')
|
||||||
|
load() //删除 后要重新加载新增的数据
|
||||||
|
} else {
|
||||||
|
ElMessage.error(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
// 用户点击取消时可以添加提示（可选）
|
||||||
|
ElMessage.info('已取消删除');
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleSelectionChange = (rows) => { // 返回所有选中的行对象数组
|
||||||
|
// 从选中的行数组里面取出所有行的id组成一个新的数组
|
||||||
|
data.ids = rows.map(row => row.id)
|
||||||
|
console.log(data.ids)
|
||||||
|
}
|
||||||
|
|
||||||
|
const delBatch = () => {
|
||||||
|
if (data.ids.length === 0) {
|
||||||
|
ElMessage.warning("请选择数据")
|
||||||
|
return
|
||||||
|
}
|
||||||
|
ElMessageBox.confirm("删除数据之后无法恢复，您确定要删除这个数据吗？", '删除确认', { type: 'warning' }).then(() => {
|
||||||
|
request.delete('/student/deleteBatch', { data: data.ids }).then(res => {
|
||||||
|
if (res.code === '200') {
|
||||||
|
ElMessage.success('操作成功')
|
||||||
|
load() //删除 后要重新加载新增的数据
|
||||||
|
} else {
|
||||||
|
ElMessage.error(res.msg)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}).catch(() => {
|
||||||
|
// 用户点击取消时可以添加提示（可选）
|
||||||
|
ElMessage.info('已取消删除');
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -24,7 +24,7 @@ export default defineConfig(({ mode, command }) => {
|
|||||||
open: true,
|
open: true,
|
||||||
proxy: {
|
proxy: {
|
||||||
[env.VITE_APP_BASE_API]: {
|
[env.VITE_APP_BASE_API]: {
|
||||||
target: 'http://localhost:8080',
|
target: 'http://localhost:8888',
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
ws: true,
|
ws: true,
|
||||||
rewrite: (path) => path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '')
|
rewrite: (path) => path.replace(new RegExp('^' + env.VITE_APP_BASE_API), '')
|
||||||
|
|||||||
Reference in New Issue
Block a user