|
|
|
|
@ -1,293 +1,350 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="fater-body-show">
|
|
|
|
|
<el-card shadow="never">
|
|
|
|
|
<div
|
|
|
|
|
class="el-card-header"
|
|
|
|
|
slot="header"
|
|
|
|
|
style="font-size: 26px"
|
|
|
|
|
<!-- 外层容器,用于包含整个页面内容 -->
|
|
|
|
|
<div class="fater-body-show">
|
|
|
|
|
<!-- 使用Element UI的卡片组件,用于展示信息查询区域 -->
|
|
|
|
|
<el-card shadow="never">
|
|
|
|
|
<!-- 卡片头部,使用slot插槽自定义内容 -->
|
|
|
|
|
<div
|
|
|
|
|
class="el-card-header"
|
|
|
|
|
slot="header"
|
|
|
|
|
style="font-size: 26px"
|
|
|
|
|
>
|
|
|
|
|
<!-- 图标字体,用于显示搜索图标 -->
|
|
|
|
|
<i class="iconfont icon-r-find" style="font-size: 26px"></i>
|
|
|
|
|
<!-- 卡片标题 -->
|
|
|
|
|
信息查询
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 卡片内容区域 -->
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 表单组件,用于输入查询条件,设置为内联形式 -->
|
|
|
|
|
<el-form :inline="true" :model="qryForm">
|
|
|
|
|
<!-- 表单项,用于输入社团类型名称 -->
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="qryForm.name"
|
|
|
|
|
placeholder="输入社团类型名称…"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 表单项,包含搜索按钮 -->
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="getPageLikeInfo()"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
<i class="iconfont icon-r-find" style="font-size: 26px"></i>
|
|
|
|
|
信息查询
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-form :inline="true" :model="qryForm">
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="qryForm.name"
|
|
|
|
|
placeholder="输入社团类型名称…"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="getPageLikeInfo()"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
搜索</el-button
|
|
|
|
|
>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
搜索
|
|
|
|
|
</el-button>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
<el-card shadow="never">
|
|
|
|
|
<div slot="header">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
@click="showAddWin()"
|
|
|
|
|
>
|
|
|
|
|
新增</el-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-table
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
element-loading-text="拼命加载中"
|
|
|
|
|
element-loading-spinner="el-icon-loading"
|
|
|
|
|
element-loading-background="rgba(124, 124, 124, 0.8)"
|
|
|
|
|
:data="pageInfos"
|
|
|
|
|
border
|
|
|
|
|
>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
type="index"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
prop="name"
|
|
|
|
|
label="类型名称"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
prop="createTime"
|
|
|
|
|
label="创建时间"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
label="操作处理"
|
|
|
|
|
fixed="right"
|
|
|
|
|
width="250"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="showUpdWin(scope.row)"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
编辑
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="danger"
|
|
|
|
|
@click="delInfo(scope.row.id)"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
删除
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<el-pagination
|
|
|
|
|
v-if="pageTotal >= 0"
|
|
|
|
|
style="margin-top: 15px"
|
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
:current-page="pageIndex"
|
|
|
|
|
:page-sizes="[5, 10, 20, 50]"
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
:total="totalInfo"
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
<!-- 使用Element UI的卡片组件,用于展示用户信息列表区域 -->
|
|
|
|
|
<el-card shadow="never">
|
|
|
|
|
<!-- 卡片头部,包含新增按钮 -->
|
|
|
|
|
<div slot="header">
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
@click="showAddWin()"
|
|
|
|
|
>
|
|
|
|
|
新增
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 卡片内容区域 -->
|
|
|
|
|
<div>
|
|
|
|
|
<!-- 表格组件,用于展示用户信息列表 -->
|
|
|
|
|
<el-table
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
element-loading-text="拼命加载中"
|
|
|
|
|
element-loading-spinner="el-icon-loading"
|
|
|
|
|
element-loading-background="rgba(124, 124, 124, 0.8)"
|
|
|
|
|
:data="pageInfos"
|
|
|
|
|
border
|
|
|
|
|
>
|
|
|
|
|
<!-- 表格列定义,包括索引、类型名称、创建时间 -->
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
type="index"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
prop="name"
|
|
|
|
|
label="类型名称"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
prop="createTime"
|
|
|
|
|
label="创建时间"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
<!-- 操作处理列,使用插槽自定义内容 -->
|
|
|
|
|
<el-table-column
|
|
|
|
|
align="center"
|
|
|
|
|
label="操作处理"
|
|
|
|
|
fixed="right"
|
|
|
|
|
width="250"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<!-- 编辑按钮 -->
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="showUpdWin(scope.row)"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
编辑
|
|
|
|
|
</el-button>
|
|
|
|
|
<!-- 删除按钮 -->
|
|
|
|
|
<el-button
|
|
|
|
|
type="danger"
|
|
|
|
|
@click="delInfo(scope.row.id)"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
删除
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<!-- 分页组件,用于分页展示用户信息列表 -->
|
|
|
|
|
<el-pagination
|
|
|
|
|
v-if="pageTotal >= 0"
|
|
|
|
|
style="margin-top: 15px"
|
|
|
|
|
@size-change="handleSizeChange"
|
|
|
|
|
@current-change="handleCurrentChange"
|
|
|
|
|
:current-page="pageIndex"
|
|
|
|
|
:page-sizes="[5, 10, 20, 50]"
|
|
|
|
|
:page-size="pageSize"
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
|
:total="totalInfo"
|
|
|
|
|
>
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
<el-dialog title="添加信息" width="600px" :visible.sync="showAddFlag">
|
|
|
|
|
<el-form label-width="90px" :model="teamTypesForm">
|
|
|
|
|
<el-form-item label="类型名称">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="teamTypesForm.name"
|
|
|
|
|
placeholder="请输入类型名称…"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="showAddFlag = false" style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
取 消</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="addInfo()"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
确 定</el-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
<!-- 对话框组件,用于添加信息 -->
|
|
|
|
|
<el-dialog title="添加信息" width="600px" :visible.sync="showAddFlag">
|
|
|
|
|
<!-- 表单组件,用于输入新增信息 -->
|
|
|
|
|
<el-form label-width="90px" :model="teamTypesForm">
|
|
|
|
|
<!-- 表单项,用于输入类型名称 -->
|
|
|
|
|
<el-form-item label="类型名称">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="teamTypesForm.name"
|
|
|
|
|
placeholder="请输入类型名称…"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<!-- 对话框底部按钮 -->
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="showAddFlag = false" style="font-size: 18px">
|
|
|
|
|
取 消
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="addInfo()"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
确 定
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
|
<el-dialog title="修改信息" width="600px" :visible.sync="showUpdFlag">
|
|
|
|
|
<el-form label-width="90px" :model="teamTypesForm">
|
|
|
|
|
<el-form-item label="类型名称">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="teamTypesForm.name"
|
|
|
|
|
placeholder="请输入类型名称…"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="showUpdFlag = false" style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
取 消</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="updInfo()"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
确 定</el-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 对话框组件,用于修改信息 -->
|
|
|
|
|
<el-dialog title="修改信息" width="600px" :visible.sync="showUpdFlag">
|
|
|
|
|
<!-- 表单组件,用于输入修改信息 -->
|
|
|
|
|
<el-form label-width="90px" :model="teamTypesForm">
|
|
|
|
|
<!-- 表单项,用于输入类型名称 -->
|
|
|
|
|
<el-form-item label="类型名称">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="teamTypesForm.name"
|
|
|
|
|
placeholder="请输入类型名称…"
|
|
|
|
|
autocomplete="off"
|
|
|
|
|
></el-input>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<!-- 对话框底部按钮 -->
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button @click="showUpdFlag = false" style="font-size: 18px">
|
|
|
|
|
取 消
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="updInfo()"
|
|
|
|
|
style="font-size: 18px"
|
|
|
|
|
>
|
|
|
|
|
确 定
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<!-- 样式标签,用于定义组件的CSS样式 -->
|
|
|
|
|
<style>
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
// 导入API方法
|
|
|
|
|
import {
|
|
|
|
|
getPageTeamTypes,
|
|
|
|
|
addTeamTypes,
|
|
|
|
|
updTeamTypes,
|
|
|
|
|
delTeamTypes,
|
|
|
|
|
getPageTeamTypes,
|
|
|
|
|
addTeamTypes,
|
|
|
|
|
updTeamTypes,
|
|
|
|
|
delTeamTypes,
|
|
|
|
|
} from "../../api";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
pageInfos: [],
|
|
|
|
|
pageIndex: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
pageTotal: 0,
|
|
|
|
|
totalInfo: 0,
|
|
|
|
|
loading: true,
|
|
|
|
|
showAddFlag: false,
|
|
|
|
|
showUpdFlag: false,
|
|
|
|
|
qryForm: {
|
|
|
|
|
name: "",
|
|
|
|
|
},
|
|
|
|
|
teamTypesForm: {
|
|
|
|
|
id: "",
|
|
|
|
|
name: "",
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getPageInfo(pageIndex, pageSize) {
|
|
|
|
|
getPageTeamTypes(pageIndex, pageSize).then((resp) => {
|
|
|
|
|
this.pageInfos = resp.data.data;
|
|
|
|
|
this.pageIndex = resp.data.pageIndex;
|
|
|
|
|
this.pageSize = resp.data.pageSize;
|
|
|
|
|
this.pageTotal = resp.data.pageTotal;
|
|
|
|
|
this.totalInfo = resp.data.count;
|
|
|
|
|
|
|
|
|
|
this.loading = false;
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
getPageLikeInfo() {
|
|
|
|
|
getPageTeamTypes(1, this.pageSize, this.qryForm.name).then(
|
|
|
|
|
(resp) => {
|
|
|
|
|
this.pageInfos = resp.data.data;
|
|
|
|
|
this.pageIndex = resp.data.pageIndex;
|
|
|
|
|
this.pageSize = resp.data.pageSize;
|
|
|
|
|
this.totalInfo = resp.data.count;
|
|
|
|
|
this.pageTotal = resp.data.pageTotal;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
handleSizeChange(pageSize) {
|
|
|
|
|
this.getPageInfo(this.pageIndex, pageSize, this.qryForm.name);
|
|
|
|
|
},
|
|
|
|
|
handleCurrentChange(pageIndex) {
|
|
|
|
|
this.getPageInfo(pageIndex, this.pageSize, this.qryForm.name);
|
|
|
|
|
},
|
|
|
|
|
initForm() {
|
|
|
|
|
this.teamTypesForm = {
|
|
|
|
|
id: "",
|
|
|
|
|
name: "",
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
showAddWin() {
|
|
|
|
|
this.showAddFlag = true;
|
|
|
|
|
},
|
|
|
|
|
showUpdWin(row) {
|
|
|
|
|
this.teamTypesForm = row;
|
|
|
|
|
this.showUpdFlag = true;
|
|
|
|
|
},
|
|
|
|
|
addInfo() {
|
|
|
|
|
addTeamTypes(this.teamTypesForm).then((resp) => {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: resp.msg,
|
|
|
|
|
type: "success",
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.getPageInfo(1, this.pageSize);
|
|
|
|
|
// 定义组件的数据对象
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
// 存储分页信息的数组
|
|
|
|
|
pageInfos: [],
|
|
|
|
|
// 当前页码,初始为1
|
|
|
|
|
pageIndex: 1,
|
|
|
|
|
// 每页显示的条目数,初始为10
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
// 总条目数,初始为0
|
|
|
|
|
pageTotal: 0,
|
|
|
|
|
// 总页数,初始为0
|
|
|
|
|
totalInfo: 0,
|
|
|
|
|
// 加载状态,初始为true,表示正在加载
|
|
|
|
|
loading: true,
|
|
|
|
|
// 添加信息对话框的显示标志,初始为false
|
|
|
|
|
showAddFlag: false,
|
|
|
|
|
// 修改信息对话框的显示标志,初始为false
|
|
|
|
|
showUpdFlag: false,
|
|
|
|
|
// 查询表单的数据对象
|
|
|
|
|
qryForm: {
|
|
|
|
|
name: "",
|
|
|
|
|
},
|
|
|
|
|
// 社团类型表单的数据对象
|
|
|
|
|
teamTypesForm: {
|
|
|
|
|
id: "",
|
|
|
|
|
name: "",
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
// 定义组件的方法
|
|
|
|
|
methods: {
|
|
|
|
|
// 获取分页信息的方法
|
|
|
|
|
getPageInfo(pageIndex, pageSize) {
|
|
|
|
|
getPageTeamTypes(pageIndex, pageSize).then((resp) => {
|
|
|
|
|
this.pageInfos = resp.data.data;
|
|
|
|
|
this.pageIndex = resp.data.pageIndex;
|
|
|
|
|
this.pageSize = resp.data.pageSize;
|
|
|
|
|
this.pageTotal = resp.data.pageTotal;
|
|
|
|
|
this.totalInfo = resp.data.count;
|
|
|
|
|
|
|
|
|
|
this.showAddFlag = false;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
|
|
|
|
|
this.initForm();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
updInfo() {
|
|
|
|
|
updTeamTypes(this.teamTypesForm).then((resp) => {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: resp.msg,
|
|
|
|
|
type: "success",
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.getPageInfo(1, this.pageSize);
|
|
|
|
|
|
|
|
|
|
this.showUpdFlag = false;
|
|
|
|
|
|
|
|
|
|
this.initForm();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
delInfo(id) {
|
|
|
|
|
this.$confirm("即将删除相关信息, 是否继续?", "提示", {
|
|
|
|
|
confirmButtonText: "确定",
|
|
|
|
|
cancelButtonText: "取消",
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 根据条件获取分页信息的方法
|
|
|
|
|
getPageLikeInfo() {
|
|
|
|
|
getPageTeamTypes(1, this.pageSize, this.qryForm.name).then(
|
|
|
|
|
(resp) => {
|
|
|
|
|
this.pageInfos = resp.data.data;
|
|
|
|
|
this.pageIndex = resp.data.pageIndex;
|
|
|
|
|
this.pageSize = resp.data.pageSize;
|
|
|
|
|
this.totalInfo = resp.data.count;
|
|
|
|
|
this.pageTotal = resp.data.pageTotal;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
// 处理分页大小改变的方法
|
|
|
|
|
handleSizeChange(pageSize) {
|
|
|
|
|
this.getPageInfo(this.pageIndex, pageSize, this.qryForm.name);
|
|
|
|
|
},
|
|
|
|
|
// 处理当前页码改变的方法
|
|
|
|
|
handleCurrentChange(pageIndex) {
|
|
|
|
|
this.getPageInfo(pageIndex, this.pageSize, this.qryForm.name);
|
|
|
|
|
},
|
|
|
|
|
// 初始化表单数据的方法
|
|
|
|
|
initForm() {
|
|
|
|
|
this.teamTypesForm = {
|
|
|
|
|
id: "",
|
|
|
|
|
name: "",
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
// 显示添加信息对话框的方法
|
|
|
|
|
showAddWin() {
|
|
|
|
|
this.showAddFlag = true;
|
|
|
|
|
},
|
|
|
|
|
// 显示修改信息对话框,并传入当前行数据的方法
|
|
|
|
|
showUpdWin(row) {
|
|
|
|
|
this.teamTypesForm = row;
|
|
|
|
|
this.showUpdFlag = true;
|
|
|
|
|
},
|
|
|
|
|
// 添加信息的方法
|
|
|
|
|
// 定义组件的方法
|
|
|
|
|
methods: {
|
|
|
|
|
// 添加信息的方法,调用API添加社团类型,并处理响应
|
|
|
|
|
addInfo() {
|
|
|
|
|
// 调用API添加团队类型,传入表单数据
|
|
|
|
|
addTeamTypes(this.teamTypesForm).then((resp) => {
|
|
|
|
|
// 如果响应成功,显示成功消息
|
|
|
|
|
this.$message({
|
|
|
|
|
message: resp.msg,
|
|
|
|
|
type: "success",
|
|
|
|
|
});
|
|
|
|
|
// 重新获取第一页的分页信息
|
|
|
|
|
this.getPageInfo(1, this.pageSize);
|
|
|
|
|
// 隐藏添加信息的对话框
|
|
|
|
|
this.showAddFlag = false;
|
|
|
|
|
// 重置表单数据
|
|
|
|
|
this.initForm();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 更新信息的方法,调用API更新社团类型,并处理响应
|
|
|
|
|
updInfo() {
|
|
|
|
|
// 调用API更新团队类型,传入表单数据
|
|
|
|
|
updTeamTypes(this.teamTypesForm).then((resp) => {
|
|
|
|
|
// 如果响应成功,显示成功消息
|
|
|
|
|
this.$message({
|
|
|
|
|
message: resp.msg,
|
|
|
|
|
type: "success",
|
|
|
|
|
});
|
|
|
|
|
// 重新获取第一页的分页信息
|
|
|
|
|
this.getPageInfo(1, this.pageSize);
|
|
|
|
|
// 隐藏修改信息的对话框
|
|
|
|
|
this.showUpdFlag = false;
|
|
|
|
|
// 重置表单数据
|
|
|
|
|
this.initForm();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 删除信息的方法,调用API删除社团类型,并处理响应
|
|
|
|
|
delInfo(id) {
|
|
|
|
|
// 显示确认对话框,询问用户是否确定删除
|
|
|
|
|
this.$confirm("即将删除相关信息, 是否继续?", "提示", {
|
|
|
|
|
confirmButtonText: "确定",
|
|
|
|
|
cancelButtonText: "取消",
|
|
|
|
|
type: "warning",
|
|
|
|
|
}).then(() => {
|
|
|
|
|
// 如果用户确认删除,调用API删除团队类型
|
|
|
|
|
delTeamTypes(id).then((resp) => {
|
|
|
|
|
// 如果响应代码为0,表示删除成功,显示成功消息
|
|
|
|
|
if (resp.code == 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: resp.msg,
|
|
|
|
|
type: "success",
|
|
|
|
|
});
|
|
|
|
|
// 重新获取第一页的分页信息
|
|
|
|
|
this.getPageInfo(1, this.pageSize);
|
|
|
|
|
} else {
|
|
|
|
|
// 如果响应代码不为0,表示删除失败,显示警告消息
|
|
|
|
|
this.$message({
|
|
|
|
|
message: resp.msg,
|
|
|
|
|
type: "warning",
|
|
|
|
|
}).then(() => {
|
|
|
|
|
delTeamTypes(id).then((resp) => {
|
|
|
|
|
if (resp.code == 0) {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: resp.msg,
|
|
|
|
|
type: "success",
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
this.getPageInfo(1, this.pageSize);
|
|
|
|
|
} else {
|
|
|
|
|
this.$message({
|
|
|
|
|
message: resp.msg,
|
|
|
|
|
type: "warning",
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// 组件挂载后执行的方法,用于初始化页面数据
|
|
|
|
|
mounted() {
|
|
|
|
|
this.getPageInfo(1, this.pageSize);
|
|
|
|
|
// 调用获取分页信息的方法,获取第一页数据
|
|
|
|
|
this.getPageInfo(1, this.pageSize);
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
},}
|
|
|
|
|
</script>
|