提交 c4798b52 编写于 作者: Joey0610's avatar Joey0610

Day7 第一版

上级 459d0eb2
<template>
<div>
<el-card shadow="hover" class="back">
<el-card
shadow="hover"
style="width: 60%; margin-left: 230px; opacity: 0.94"
>
<h2
style="
width: 100%;
border-bottom: 1px solid #4988fd;
padding-bottom: 20px;
"
>
新增公司
</h2>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="100px"
>
<el-form-item label="公司名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="所属行业" prop="focus">
<el-input v-model="ruleForm.focus"></el-input>
</el-form-item>
<el-form-item label="公司总人数" prop="total">
<el-input v-model="ruleForm.total"></el-input>
</el-form-item>
<el-form-item label="公司logo" prop="logo">
<el-upload
style="position:relative;right:20px;"
class="upload-demo"
drag
action="https://jsonplaceholder.typicode.com/posts/"
multiple="false"
>
<i class="el-icon-upload"></i>
<div class="el-upload__text">
将文件拖到此处,或<em>点击上传</em>
</div>
<div class="el-upload__tip" slot="tip">
只能上传jpg/png文件,且不超过500kb
</div>
</el-upload>
</el-form-item>
<el-form-item>
<el-button
style="
display: inline-block;
width: 150px;
height: 40px;
margin-right: 60px;
"
type="primary"
plain
round
size="medium"
@click="submitForm('ruleForm')"
>确认发布</el-button
>
<el-button
style="display: inline-block; width: 150px; height: 40px; margin-right: 80px;"
round
size="medium"
@click="resetForm('ruleForm')"
>返回</el-button
>
</el-form-item>
</el-form>
</el-card>
</el-card>
</div>
</template>
<script>
export default {
data() {
const generateData2 = () => {
const data = [];
return data;
};
return {
checkList: ["管理员", "教师"],
permitList: ["管理管理员"],
pickerOptions1: {
// 限制预约时间,只能选择今天和今天之后的时间
disabledDate(time) {
return time.getTime() < Date.now() - 24 * 60 * 60 * 1000;
},
},
//比赛时间
pickerOptions2: {
// 限制预约时间
disabledDate(time) {
console.log("this.ruleForm.date1.getTime()");
console.log(this.ruleForm.date1.getTime());
return (
time.getTime() > this.ruleForm.date1.getTime() - 24 * 60 * 60 * 1000
);
},
},
ruleForm: {
name: "",
focus: "",
total: "",
logo: "",
},
rules: {
title: [
{ required: true, message: "请输入竞赛名称", trigger: "blur" },
{
min: 1,
max: 20,
message: "长度在 1 到 20 个字符",
trigger: "blur",
},
],
content: [
{ required: false, message: "请输入竞赛介绍", trigger: "blur" },
{
min: 1,
max: 200,
message: "长度在 1 到 200 个字符",
trigger: "blur",
},
],
hostUnit: [
{ required: true, message: "请输入竞赛举办地点", trigger: "blur" },
{
min: 1,
max: 50,
message: "长度在 1 到 50 个字符",
trigger: "blur",
},
],
remark: [
{ required: false, message: "请输入竞赛性质", trigger: "blur" },
{
min: 1,
max: 200,
message: "长度在 1 到 200 个字符",
trigger: "blur",
},
],
},
fileList: [
{
name: "food.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
{
name: "food2.jpeg",
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
},
],
data2: generateData2(),
value2: [],
filterMethod(query, item) {
return item.pinyin.indexOf(query) > -1;
},
tableData: [
{
id: "1",
no: "221900190",
name: "佩奇",
email: "1234567890@qq.com",
phone: "13822223333",
remarks: "...",
},
{
id: "1",
no: "221900190",
name: "佩奇",
email: "1234567890@qq.com",
phone: "13822223333",
remarks: "...",
},
],
currentPage: 1,
pageSize: 10,
pageTotal: 2,
};
},
methods: {
//发布竞赛
submitForm(formName) {
// this.$refs["ruleForm"].validate((valid) => {
// if (valid) {
this.$axios({
method: "post",
url: "http://124.220.174.249:8085/backend/company/addCompany",
headers: { token: localStorage.token },
data: {
name: this.ruleForm.name,
focus: this.ruleForm.focus,
total: this.ruleForm.total,
logo: this.ruleForm.logo,
},
})
.then((res) => {
console.log(res);
if (res.data.code == "200") {
// 动态设置当前用户的路由
// setRoutes();
this.$notify({
title: "发布成功",
message: "111",
type: "success",
});
console.log("发布成功");
// this.$message.success("登录成功");
// localStorage.setItem("user_id", id);
// if (res.data.role === "ROLE_STUDENT") {
this.$router.back();
// } else {
// this.$router.push("/");
// }
}
})
.catch((err) => {
console.log(err);
console.log("发布失败");
});
// } else {
// this.$notify({
// title: "警告",
// message: "请将信息填写完整!",
// type: "warning",
// });
// }
// });
},
resetForm(formName) {
// this.$refs[formName].resetFields();
this.$router.go(-1);
},
handleCheckedCitiesChange(value) {
let checkedCount = value.length;
this.checkAll = checkedCount === this.cities.length;
this.isIndeterminate =
checkedCount > 0 && checkedCount < this.cities.length;
},
},
};
</script>
<style scoped>
#card {
display: flex;
justify-content: center;
align-items: center;
}
.back {
position: relative;
left: 22px;
top: 25px;
width: 90%;
height: 100%;
padding: 40px;
background: #e8f3fe;
background-image: url("../../assets/detail_back.png");
background-repeat: no-repeat;
background-size: 100%;
}
</style>
...@@ -30,22 +30,38 @@ ...@@ -30,22 +30,38 @@
<el-input v-model="ruleForm.title"></el-input> <el-input v-model="ruleForm.title"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="身份" prop="title"> <el-form-item label="身份" prop="title">
<el-checkbox-group v-model="checkList"> <el-checkbox-group v-model="checkList">
<el-checkbox label="管理员"></el-checkbox> <el-checkbox label="管理员"></el-checkbox>
<el-checkbox label="教师"></el-checkbox> <el-checkbox label="教师"></el-checkbox>
<el-checkbox label="企业HR"></el-checkbox> <el-checkbox label="企业HR"></el-checkbox>
<el-checkbox label="法律顾问" ></el-checkbox> <el-checkbox label="法律顾问"></el-checkbox>
<el-checkbox label="学生" ></el-checkbox> <el-checkbox label="学生"></el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<el-form-item label="权限" prop="title"> <el-form-item label="权限" prop="title">
<el-checkbox-group v-model="permitList"> <el-checkbox-group v-model="permitList">
<el-checkbox label="管理竞赛信息"></el-checkbox> <el-checkbox label="管理竞赛信息"></el-checkbox>
<el-checkbox label="管理招聘信息"></el-checkbox> <el-checkbox label="管理招聘信息"></el-checkbox>
<el-checkbox label="管理管理员"></el-checkbox> <el-checkbox label="管理管理员"></el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-form-item>
<el-form-item label="公司名称" prop="title">
<el-select
disabled="isEmploy"
style="position: relative; right: 166px"
size="small"
v-model="comvalue"
placeholder="请选择您的公司"
>
<el-option
v-for="item in options"
:key="item.comvalue"
:label="item.label"
:value="item.comvalue"
>
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button <el-button
style=" style="
...@@ -78,14 +94,37 @@ ...@@ -78,14 +94,37 @@
<script> <script>
export default { export default {
data() { data() {
const generateData2 = () => { const generateData2 = () => {
const data = []; const data = [];
return data; return data;
}; };
return { return {
checkList: ['管理员','教师'], // isEmploy: permitList["招聘管理员"],
permitList: ['管理管理员'], options: [
{
comvalue: "选项1",
label: "黄金糕",
},
{
comvalue: "选项2",
label: "双皮奶",
},
{
comvalue: "选项3",
label: "蚵仔煎",
},
{
comvalue: "选项4",
label: "龙须面",
},
{
comvalue: "选项5",
label: "北京烤鸭",
},
],
comvalue: "",
checkList: ["管理员", "教师"],
permitList: ["管理管理员"],
pickerOptions1: { pickerOptions1: {
// 限制预约时间,只能选择今天和今天之后的时间 // 限制预约时间,只能选择今天和今天之后的时间
disabledDate(time) { disabledDate(time) {
...@@ -223,6 +262,9 @@ export default { ...@@ -223,6 +262,9 @@ export default {
pageTotal: 2, pageTotal: 2,
}; };
}, },
mounted(){
this.test();
},
methods: { methods: {
//发布竞赛 //发布竞赛
submitForm(formName) { submitForm(formName) {
...@@ -315,7 +357,7 @@ export default { ...@@ -315,7 +357,7 @@ export default {
// this.$message.success("登录成功"); // this.$message.success("登录成功");
// localStorage.setItem("user_id", id); // localStorage.setItem("user_id", id);
// if (res.data.role === "ROLE_STUDENT") { // if (res.data.role === "ROLE_STUDENT") {
this.$router.push("/PageTable"); this.$router.go(-1);
// } else { // } else {
// this.$router.push("/"); // this.$router.push("/");
// } // }
...@@ -337,7 +379,7 @@ export default { ...@@ -337,7 +379,7 @@ export default {
resetForm(formName) { resetForm(formName) {
// this.$refs[formName].resetFields(); // this.$refs[formName].resetFields();
this.$router.push("/PageTable"); this.$router.go(-1);
}, },
handleCheckedCitiesChange(value) { handleCheckedCitiesChange(value) {
...@@ -346,6 +388,12 @@ export default { ...@@ -346,6 +388,12 @@ export default {
this.isIndeterminate = this.isIndeterminate =
checkedCount > 0 && checkedCount < this.cities.length; checkedCount > 0 && checkedCount < this.cities.length;
}, },
//测试
test(){
console.log("this.permitList[1]");
console.log(this.permitList["管理管理员"]);
}
}, },
}; };
</script> </script>
......
<template>
<div>
<el-card shadow="hover" class="back">
<el-card
style="width: 68%; background: white; position: relative; left: 180px;opacity:0.95;"
>
<h2
style="
width: 100%;
border-bottom: 1px solid #4988fd;
padding-bottom: 20px;
"
>
竞赛详细信息
</h2>
<!-- <div style="text-align: left; margin-left: 340px">
<h4>发布者:{{ teacherName }}</h4>
<h4>竞赛名称:{{ title }}</h4>
<h4>举办地点:{{ hostUnit }}</h4>
<h4>介绍:{{ content }}</h4>
<h4>报名截止时间:{{ registerTime }}</h4>
<h4>比赛时间:{{ competitionTime }}</h4>
<h4>报名人数{{ competitionTime }}</h4> -->
<!-- <h4>报名名单:</h4> -->
<!-- </div> -->
<!-- <el-table :data="detailList" border style="width: 100%; margin: 20px">
<el-table-column prop="id" label="ID" width="80"> </el-table-column>
<el-table-column prop="no" label="学号" width="280"> </el-table-column>
<el-table-column prop="name" label="姓名" width="200">
</el-table-column>
<el-table-column prop="email" label="邮箱" width="280">
</el-table-column>
<el-table-column prop="phone" label="手机号" width="200">
</el-table-column>
<el-table-column prop="remarks" label="备注" width="80">
</el-table-column>
</el-table> -->
<!-- <el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
background
:current-page="currentPage"
:page-sizes="[10, 20, 30, 40]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pageTotal"
>
</el-pagination> -->
<el-descriptions
class="margin-top"
style="width: 75%;margin-left:60px;"
:column="0"
size="medium"
>
<!-- <el-descriptions-item label="用户名">
<el-avatar :src="teacher" style="background-color: white"></el-avatar>
<span
style="
display: inline-block;
position: relative;
bottom: 12px;
left: 7px;
color: black;
"
>发布者:</span
>
{{ teacherName }}
</el-descriptions-item> -->
<el-descriptions-item>
<el-avatar
:src="teacher"
style="
background-color: white;
border-style: solid;
border-color: #4988fd;
"
></el-avatar>
<!-- <i class="el-icon-user"></i> -->
<span class="span_title"> 发布教师:</span>
<span class="span_content">
{{ teacherName }}</span
>
</el-descriptions-item>
<el-descriptions-item>
<el-avatar :src="com" style="background-color: white"></el-avatar>
<span class="span_title">竞赛名称:</span>
<span class="span_content">{{
title
}}</span>
</el-descriptions-item>
<el-descriptions-item>
<el-avatar :src="place" style="background-color: white"></el-avatar>
<span class="span_title">举办地点:</span>
<span class="span_content">{{
hostUnit
}}</span>
</el-descriptions-item>
<el-descriptions-item>
<el-avatar :src="intro" style="background-color: white"></el-avatar>
<span class="span_title"> 竞赛介绍:</span>
<!-- <span class="span_content" style="text-indent: 144px">{{ -->
<span class="span_content">{{
content
}}</span>
</el-descriptions-item>
<el-descriptions-item>
<el-avatar :src="reg" style="background-color: white"></el-avatar>
<span class="span_title">截止时间: </span>
<span class="span_content">{{
registerTime
}}</span>
</el-descriptions-item>
<el-descriptions-item>
<el-avatar :src="clo" style="background-color: white"></el-avatar>
<span class="span_title">比赛时间:</span>
<span class="span_content">{{
competitionTime
}}</span>
</el-descriptions-item>
</el-descriptions>
<br /><br />
<el-button
style="
display: inline-block;
width: 150px;
height: 40px;
margin-right: 120px;
"
type="primary"
plain
round
size="medium"
@click="sure"
>确认</el-button
>
<el-button
style="display: inline-block; width: 150px; height: 40px"
round
size="medium"
@click="goBack"
>返回</el-button
>
</el-card>
</el-card>
</div>
</template>
<script>
import teacher from "@/assets/teacher.png";
import com from "@/assets/com.png";
import place from "@/assets/place.png";
import reg from "@/assets/reg.png";
import intro from "@/assets/intro.png";
import clo from "@/assets/clo.png";
export default {
data() {
return {
teacher: teacher,
com: com,
place: place,
reg: reg,
intro: intro,
clo: clo,
queryInfo: {
competeId: this.$route.query.id, //获取竞赛id
},
tableData: [
{
id: "1",
no: "221900190",
name: "佩奇",
email: "1234567890@qq.com",
phone: "13822223333",
remarks: "...",
},
{
id: "1",
no: "221900190",
name: "佩奇",
email: "1234567890@qq.com",
phone: "13822223333",
remarks: "...",
},
],
// publisher: "FBB",
// date: "2022年4月3日",
// title: "2022年福州大学数学竞赛校赛",
// desc: "2022年福州大学数学竞赛校赛欢迎各专业同学报名",
// demand: "请在规定时间内提交报名表",
// comment: "非数学专业同学请报名非专业组",
teacherName: "",
hostUnit: "",
title: "",
content: "",
registerTime: "",
competitionTime: "",
currentPage: 1,
pageSize: 10,
pageTotal: 2,
detailList: [],
};
},
mounted() {
this.getDetail();
},
methods: {
handleSizeChange(size) {
this.pagesize = size;
this.$router.replace("/PageTable");
},
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
this.$router.replace("/PageTable");
},
getDetail() {
this.$axios({
method: "get",
url: "http://124.220.174.249:8085/backend/teacher/showComp",
headers: { token: localStorage.token },
params: {
competitionId: this.queryInfo.competeId,
},
})
.then((res) => {
// console.log(username + password);
console.log(res);
if (res.data.code == "200") {
this.title = res.data.data.title;
this.teacherName = res.data.data.teacherName;
this.hostUnit = res.data.data.hostUnit;
this.content = res.data.data.content;
this.registerTime = res.data.data.registerTime;
this.competitionTime = res.data.data.competitionTime;
console.log("res.data.data");
console.log(res.data.data.title);
console.log(this.title);
console.log("res.data.data");
}
})
.catch((err) => {
return this.$message.error("获取竞赛列表信息失败!");
});
},
//点击确定按钮
sure() {
this.$router.go(-1);
},
//点击返回按钮
goBack() {
this.$router.go(-1);
},
},
};
</script>
<style scoped>
.span_title {
display: inline-block;
position: relative;
bottom: 12px;
left: 7px;
color: black;
font-weight: 700;
width: 80px;
}
.span_content {
display: inline-block;
position: relative;
bottom: 12px;
left: 7px;
color: black;
width: 400px;
padding-bottom: 10px;
/* border-bottom: 1px solid gray; */
margin-left: 15px;
}
.back {
position: relative;
left: 65px;
width: 90%;
background: #e8f3fe;
background-image: url("../assets/detail_back.png");
background-repeat: no-repeat;
background-size: 100%;
background-position-x: 0px;
}
</style>
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
> >
<el-form-item style="float: left"> <el-form-item style="float: left">
<el-button @click="release" type="primary" plain round size="medium" <el-button @click="release" type="primary" plain round size="medium"
>新增用户1</el-button >新增用户</el-button
> >
</el-form-item> </el-form-item>
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
</el-card> </el-card>
<el-card style="margin-top: 20px"> <el-card style="margin-top: 20px">
<el-table <el-table
:data="competeList" :data="accountList"
stripe stripe
border border
style="width: 100%" style="width: 100%"
...@@ -119,13 +119,13 @@ ...@@ -119,13 +119,13 @@
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
@click="handleDetail(scope.row.competitionId)" @click="handleDetail(scope.row.userNo)"
round round
>详细信息 >详细信息
</el-button> </el-button>
<el-button <el-button
size="mini" size="mini"
@click="handleEdit(scope.row.competitionId)" @click="handleEdit(scope.row.userNo)"
round round
plain plain
>编辑信息 >编辑信息
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
<el-button <el-button
type="danger" type="danger"
size="mini" size="mini"
@click="handleDelete(scope.row.competitionId)" @click="handleDelete(scope.row.userNo)"
round round
plain plain
>删除信息 >删除信息
...@@ -207,7 +207,7 @@ export default { ...@@ -207,7 +207,7 @@ export default {
// title: '', // title: '',
// teacherName: '', // teacherName: '',
// count: '' // count: ''
competeList: [], accountList: [],
}; };
}, },
...@@ -216,10 +216,10 @@ export default { ...@@ -216,10 +216,10 @@ export default {
}, },
mounted() { mounted() {
this.getCompeteList(); this.getAccountList();
console.log("this.competeList111"); console.log("this.accountList");
console.log(this.competeList); console.log(this.accountList);
console.log("this.competeList111"); console.log("this.accountList");
}, },
methods: { methods: {
...@@ -237,7 +237,7 @@ export default { ...@@ -237,7 +237,7 @@ export default {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
if (this.formInline.param1 == "") { if (this.formInline.param1 == "") {
this.getCompeteList(); this.getAccountList();
} else { } else {
this.$axios({ this.$axios({
method: "get", method: "get",
...@@ -254,7 +254,7 @@ export default { ...@@ -254,7 +254,7 @@ export default {
console.log("5"); console.log("5");
console.log(res); console.log(res);
if (res.data.code == "200") { if (res.data.code == "200") {
this.competeList = res.data.data; this.accountList = res.data.data;
this.pageTotal = Number(res.data.details.infoCount); //显示当前条数 this.pageTotal = Number(res.data.details.infoCount); //显示当前条数
this.handleCurrentChange(1); this.handleCurrentChange(1);
console.log(res.data.data); console.log(res.data.data);
...@@ -270,58 +270,18 @@ export default { ...@@ -270,58 +270,18 @@ export default {
} }
}); });
}, },
// //退出登录
// exit() {
// // this.$router.replace("/");
// this.$axios({
// method: "post",
// url: "http://124.220.174.249:8085/backend/logout",
// headers: { token: localStorage.token },
// })
// .then((res) => {
// console.log(res);
// if (res.data.code == "200") {
// console.log("返回登录界面");
// this.$router.replace("/");
// }
// })
// .catch((err) => {
// return this.$message.error("退出失败");
// console.log("退出失败");
// });
// },
//查看竞赛详情 //查看竞赛详情
handleDetail(id) { handleDetail(id) {
console.log("id"); console.log("id");
console.log(id); console.log(id);
console.log("id"); console.log("id");
this.$router.push({ path: "/PageFormsDetail", query: { id: id } }); this.$router.push({ path: "/PageFormsDetail", query: { id: id } });
// this.form.index = index + (this.currentPage - 1) * this.pageSize;
// this.form.no = row.no;
// this.form.title = row.title;
// this.form.num = row.num;
// this.dialogFormVisible = true;
}, },
//修改竞赛信息 //修改竞赛信息
handleEdit(id) { handleEdit(id) {
this.$router.push({ path: "/PageFormsModify", query: { id: id } }); this.$router.push({ path: "/PageFormsModify", query: { id: id } });
// this.form.index = index + (this.currentPage - 1) * this.pageSize;
// this.form.no = row.no;
// this.form.title = row.title;
// this.form.num = row.num;
// this.dialogFormVisible = true;
}, },
//删除竞赛信息 //删除竞赛信息
handleDelete(id) {
this.$router.push({ path: "/PageFormsDelete", query: { id: id } }); // 通过this.$route.query.id获得id
// this.tableData.splice(index + (this.currentPage - 1) * this.pageSize, 1);
// this.pageTotal = this.tableData.length;
// this.$message({
// message: "删除" + row.name + "成功!",
// type: "success",
// });
//确定删除
},
handleDelete(id) { handleDelete(id) {
this.$confirm("此操作将永久删除该信息, 是否继续?", "提示", { this.$confirm("此操作将永久删除该信息, 是否继续?", "提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
...@@ -331,10 +291,10 @@ export default { ...@@ -331,10 +291,10 @@ export default {
.then(() => { .then(() => {
this.$axios({ this.$axios({
method: "post", method: "post",
url: "http://124.220.174.249:8085/backend/teacher/deleteCompetition", url: "http://124.220.174.249:8085/backend/admin/deleteAccount",
headers: { token: localStorage.token }, headers: { token: localStorage.token },
data: { data: {
competitionId: id, userNo: id,
}, },
}) })
.then((res) => { .then((res) => {
...@@ -342,13 +302,7 @@ export default { ...@@ -342,13 +302,7 @@ export default {
console.log(res); console.log(res);
if (res.data.code == "200") { if (res.data.code == "200") {
console.log("删除成功"); console.log("删除成功");
this.getCompeteList(); this.getAccountList();
// this.$router.replace("/PageTable");
// this.$notify({
// title: "竞赛删除成功",
// message: "返回大厅!",
// type: "success",
// });
} }
}) })
.catch((err) => { .catch((err) => {
...@@ -366,11 +320,6 @@ export default { ...@@ -366,11 +320,6 @@ export default {
message: "已取消删除", message: "已取消删除",
}); });
}); });
// this.$axios
// .post("http://47.113.195.148:8085/backend/teacher/deleteCompetition", {
// competitionId: this.queryInfo.competeId,
// // competitionId: "11"
// })
}, },
//每页条数改变 //每页条数改变
...@@ -382,21 +331,21 @@ export default { ...@@ -382,21 +331,21 @@ export default {
if (this.formInline.param1 == "") { if (this.formInline.param1 == "") {
this.$axios({ this.$axios({
method: "get", method: "get",
url: "http://124.220.174.249:8085/backend/admin/showAllCompetition", url: "http://124.220.174.249:8085/backend/admin/showAllAccount",
headers: { token: localStorage.token }, headers: { token: localStorage.token },
params: { params: {
// teacherNo: localStorage.getItem("userId").replace(/\"/g, ""), //去掉双引号 // teacherNo: localStorage.getItem("userId").replace(/\"/g, ""), //去掉双引号
page: this.currentPage, page: this.currentPage,
limit: this.pageSize, limit: this.pageSize,
type: this.type, // type: this.type,
}, },
}) })
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.data.code == "200") { if (res.data.code == "200") {
this.competeList = res.data.data; this.accountList = res.data.data;
console.log("res.data.data"); console.log("res.data.data");
console.log(this.competeList); console.log(this.accountList);
console.log("res.data.data"); console.log("res.data.data");
this.pageTotal = Number(res.data.details.infoCount); this.pageTotal = Number(res.data.details.infoCount);
} }
...@@ -420,7 +369,7 @@ export default { ...@@ -420,7 +369,7 @@ export default {
console.log("5"); console.log("5");
console.log(res); console.log(res);
if (res.data.code == "200") { if (res.data.code == "200") {
this.competeList = res.data.data; this.accountList = res.data.data;
this.pageTotal = Number(res.data.details.infoCount); //显示当前条数 this.pageTotal = Number(res.data.details.infoCount); //显示当前条数
console.log(res.data.data); console.log(res.data.data);
} }
...@@ -436,21 +385,21 @@ export default { ...@@ -436,21 +385,21 @@ export default {
if (this.formInline.param1 == "") { if (this.formInline.param1 == "") {
this.$axios({ this.$axios({
method: "get", method: "get",
url: "http://124.220.174.249:8085/backend/admin/showAllCompetition", url: "http://124.220.174.249:8085/backend/admin/showAllAccount",
headers: { token: localStorage.token }, headers: { token: localStorage.token },
params: { params: {
// teacherNo: localStorage.getItem("userId").replace(/\"/g, ""), //去掉双引号 // teacherNo: localStorage.getItem("userId").replace(/\"/g, ""), //去掉双引号
page: this.currentPage, page: this.currentPage,
limit: this.pageSize, limit: this.pageSize,
type: this.type, // type: this.type,
}, },
}) })
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.data.code == "200") { if (res.data.code == "200") {
this.competeList = res.data.data; this.accountList = res.data.data;
console.log("res.data.data222"); console.log("res.data.data222");
console.log(this.competeList); console.log(this.accountList);
console.log("res.data.data222"); console.log("res.data.data222");
this.pageTotal = Number(res.data.details.infoCount); this.pageTotal = Number(res.data.details.infoCount);
} }
...@@ -474,7 +423,7 @@ export default { ...@@ -474,7 +423,7 @@ export default {
console.log("5"); console.log("5");
console.log(res); console.log(res);
if (res.data.code == "200") { if (res.data.code == "200") {
this.competeList = res.data.data; this.accountList = res.data.data;
this.pageTotal = Number(res.data.details.infoCount); //显示当前条数 this.pageTotal = Number(res.data.details.infoCount); //显示当前条数
console.log(res.data.data); console.log(res.data.data);
} }
...@@ -489,8 +438,8 @@ export default { ...@@ -489,8 +438,8 @@ export default {
// handlePrev() {}, // handlePrev() {},
// //用户点击下一页按钮改变当前页后触发 // //用户点击下一页按钮改变当前页后触发
// handleNext() {}, // handleNext() {},
//获取竞赛信息(竞赛大厅) //获取账号信息(竞赛大厅)
getCompeteList() { getAccountList() {
console.log(localStorage.getItem("token")); console.log(localStorage.getItem("token"));
console.log(localStorage.getItem("userId")); console.log(localStorage.getItem("userId"));
// this.$axios.defaults.headers.common["Authorization"] = localStorage.getItem('token'); // this.$axios.defaults.headers.common["Authorization"] = localStorage.getItem('token');
...@@ -543,9 +492,9 @@ export default { ...@@ -543,9 +492,9 @@ export default {
// console.log(username + password); // console.log(username + password);
console.log(res); console.log(res);
if (res.data.code == "200") { if (res.data.code == "200") {
this.competeList = res.data.data; this.accountList = res.data.data;
console.log("res.data.data"); console.log("res.data.data");
console.log(this.competeList); console.log(this.accountList);
console.log("res.data.details.infoCount"); console.log("res.data.details.infoCount");
console.log(res.data.details.infoCount); console.log(res.data.details.infoCount);
console.log(res.data.data.length); console.log(res.data.data.length);
...@@ -570,15 +519,15 @@ export default { ...@@ -570,15 +519,15 @@ export default {
// teacherNo: localStorage.getItem("userId").replace(/\"/g, ""), //去掉双引号 // teacherNo: localStorage.getItem("userId").replace(/\"/g, ""), //去掉双引号
page: this.currentPage, page: this.currentPage,
limit: this.pageSize, limit: this.pageSize,
type: this.type, // type: this.type,
}, },
}) })
.then((res) => { .then((res) => {
console.log(res); console.log(res);
if (res.data.code == "200") { if (res.data.code == "200") {
this.competeList = res.data.data; this.accountList = res.data.data;
console.log("res.data.data"); console.log("res.data.data");
console.log(this.competeList); console.log(this.accountList);
console.log("res.data.details.infoCount"); console.log("res.data.details.infoCount");
console.log(res.data.details.infoCount); console.log(res.data.details.infoCount);
console.log(res.data.data.length); console.log(res.data.data.length);
......
<template>
<div style="width: 100%" class="ManageCompititionTable">
<el-card style="margin-top: 15px">
<el-form
:inline="true"
:model="formInline"
ref="formInline"
:rules="rules"
style="margin-top: 15px"
>
<el-form-item style="float: left">
<el-button @click="release" type="primary" plain round size="medium"
>新增用户</el-button
>
</el-form-item>
<el-form-item prop="param1">
<el-input
v-model="formInline.param1"
placeholder="请输入要查询的内容"
size="medium"
></el-input>
</el-form-item>
<!-- <el-form-item label="地址:" prop="param2">
<el-select v-model="formInline.param2" placeholder="条件2">
<el-option label="选项1" value="item1"></el-option>
<el-option label="选项2" value="item2"></el-option>
</el-select>
</el-form-item> -->
<el-form-item>
<!-- <el-button type="primary" round @click="onSubmit('formInline')"
>查询</el-button -->
<el-button
style="position: relative; right: 25px"
type="primary"
icon="el-icon-search"
plain
round
size="medium"
@click="onSubmit('formInline')"
>查询</el-button
>
</el-form-item>
<el-form-item style="float: right">
<el-button
@click="addCompany"
type="primary"
plain
round
size="medium"
>新增公司</el-button
>
</el-form-item>
</el-form>
</el-card>
<el-card style="margin-top: 20px">
<el-table
:data="accountList"
stripe
border
style="width: 100%"
@sort-change="onSortChange"
>
<!-- <el-table-column label="序号" width="50" align="center">
<template slot-scope="scope">
<span>{{
(this.currentPage - 1) * this.pageSize + scope.$index + 1
}}</span>
</template>
</el-table-column> -->
<el-table-column
label="序号"
width="100"
align="center"
type="index"
:index="indexMethod"
header-align="center"
>
</el-table-column>
<!-- <el-table-column prop="competitionId" label="竞赛id" width="80"> -->
<!-- <template slot-scope="scope"> -->
<!-- <span style="margin-left: 10px">{{ item.competitionId }}</span> -->
<!-- </template> -->
<!-- </el-table-column> -->
<el-table-column
prop="name"
label="公司名称"
width="145"
align="center"
header-align="center"
>
</el-table-column>
<el-table-column
prop="focus"
label="所属行业"
width="145"
align="center"
header-align="center"
>
</el-table-column>
<!-- <el-table-column
prop="authorities"
label="权限"
width="250"
align="center"
header-align="center"
sortable="custom"
:sort-orders="['1', '2']"
>
</el-table-column> -->
<el-table-column
prop="total"
label="公司总人数"
width="350"
align="center"
header-align="center"
sortable="custom"
:sort-orders="['1', '2']"
>
</el-table-column>
<el-table-column
label="操作"
width="450"
align="center"
header-align="center"
>
<template slot-scope="scope">
<el-button size="mini" @click="handleDetail(scope.row.id)" round
>详细信息
</el-button>
<el-button
size="mini"
@click="handleEdit(scope.row.id)"
round
plain
>编辑信息
</el-button>
<el-button
type="danger"
size="mini"
@click="handleDelete(scope.row.id)"
round
plain
>删除信息
</el-button>
</template>
</el-table-column>
</el-table>
<br />
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@prev-click="handlePrev"
@next-click="handleNext"
background
:current-page="currentPage"
:page-sizes="[10, 20, 30, 40]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pageTotal"
>
</el-pagination>
</el-card>
</div>
</template>
<script>
export default {
name: "PageTable",
data() {
return {
formInline: {
param1: "",
param2: "选项1",
},
// tableData: [
// {
// // no: "1",
// // title: "2022福州大学数学竞赛校赛",
// // num: "135",
// competitionId: "",
// title: "",
// teacherName: "",
// count: "",
// },
// ],
rules: {
param1: [
{ required: false, message: "请输入", trigger: "blur" },
{
min: 0,
max: 10,
message: "长度在 0 到 10 个字符",
trigger: "blur",
},
],
},
type: 0,
currentPage: 1,
pageSize: 10,
pageTotal: 8,
dialogFormVisible: false,
form: {
// no: "0",
// title: "2022福州大学数学竞赛校赛",
// num: "135",
// index: 0,
},
// competitionId: ''
// title: '',
// teacherName: '',
// count: ''
accountList: [],
};
},
created() {
// this.getCompeteList();
},
mounted() {
this.getAccountList();
console.log("this.accountList");
console.log(this.accountList);
console.log("this.accountList");
},
methods: {
//点击跳转
//序号
indexMethod(index) {
return (this.currentPage - 1) * this.pageSize + index + 1;
},
//发布竞赛功能
release() {
this.$router.replace("/AddRole");
},
//查询竞赛功能
onSubmit(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
if (this.formInline.param1 == "") {
this.getAccountList();
} else {
this.$axios({
method: "get",
url: "http://124.220.174.249:8085/backend/admin/showAllCompetition",
headers: { token: localStorage.token },
params: {
// title: this.formInline.param1, //获取查询内容
// teacherNo: localStorage.getItem("userId"),
page: 1,
limit: 10,
},
})
.then((res) => {
console.log("5");
console.log(res);
if (res.data.code == "200") {
this.accountList = res.data.data;
this.pageTotal = Number(res.data.details.infoCount); //显示当前条数
this.handleCurrentChange(1);
console.log(res.data.data);
}
})
.catch((err) => {
console.log(err);
});
}
} else {
console.log("error submit!!");
return false;
}
});
},
//新增公司
addCompany() {
this.$router.replace("/AddCompany");
},
//查看竞赛详情
handleDetail(id) {
console.log("id");
console.log(id);
console.log("id");
this.$router.push({ path: "/PageFormsDetail", query: { id: id } });
},
//修改竞赛信息
handleEdit(id) {
this.$router.push({ path: "/PageFormsModify", query: { id: id } });
},
//删除竞赛信息
handleDelete(id) {
this.$confirm("此操作将永久删除该信息, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.$axios({
method: "post",
url: "http://124.220.174.249:8085//backend/company/deleteCompany",
headers: { token: localStorage.token },
data: {
companyId: id,
},
})
.then((res) => {
console.log("5");
console.log(res);
if (res.data.code == "200") {
console.log("删除成功");
this.getAccountList();
}
})
.catch((err) => {
console.log(err);
console.log("删除失败");
});
this.$message({
type: "success",
message: "删除成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消删除",
});
});
},
//每页条数改变
handleSizeChange(size) {
this.pageSize = size;
console.log("this.pageSize");
console.log(this.pageSize);
console.log("this.pagesize");
if (this.formInline.param1 == "") {
this.$axios({
method: "get",
url: "http://124.220.174.249:8085/backend/admin/showAllAccount",
headers: { token: localStorage.token },
params: {
// teacherNo: localStorage.getItem("userId").replace(/\"/g, ""), //去掉双引号
page: this.currentPage,
limit: this.pageSize,
// type: this.type,
},
})
.then((res) => {
console.log(res);
if (res.data.code == "200") {
this.accountList = res.data.data;
console.log("res.data.data");
console.log(this.accountList);
console.log("res.data.data");
this.pageTotal = Number(res.data.details.infoCount);
}
})
.catch((err) => {
return this.$message.error("获取竞赛列表信息失败!");
});
} else {
this.$axios({
method: "get",
url: "http://124.220.174.249:8085/backend/teacher/searchCompetition",
headers: { token: localStorage.token },
params: {
title: this.formInline.param1, //获取查询内容
teacherNo: localStorage.getItem("userId"),
page: this.currentPage,
limit: this.pageSize,
},
})
.then((res) => {
console.log("5");
console.log(res);
if (res.data.code == "200") {
this.accountList = res.data.data;
this.pageTotal = Number(res.data.details.infoCount); //显示当前条数
console.log(res.data.data);
}
})
.catch((err) => {
console.log(err);
});
}
},
//当前页改变会触发?
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
if (this.formInline.param1 == "") {
this.$axios({
method: "get",
url: "http://124.220.174.249:8085/backend/admin/showAllAccount",
headers: { token: localStorage.token },
params: {
// teacherNo: localStorage.getItem("userId").replace(/\"/g, ""), //去掉双引号
page: this.currentPage,
limit: this.pageSize,
// type: this.type,
},
})
.then((res) => {
console.log(res);
if (res.data.code == "200") {
this.accountList = res.data.data;
console.log("res.data.data222");
console.log(this.accountList);
console.log("res.data.data222");
this.pageTotal = Number(res.data.details.infoCount);
}
})
.catch((err) => {
return this.$message.error("获取竞赛列表信息失败!");
});
} else {
this.$axios({
method: "get",
url: "http://124.220.174.249:8085/backend/teacher/searchCompetition",
headers: { token: localStorage.token },
params: {
title: this.formInline.param1, //获取查询内容
teacherNo: localStorage.getItem("userId"),
page: this.currentPage,
limit: this.pageSize,
},
})
.then((res) => {
console.log("5");
console.log(res);
if (res.data.code == "200") {
this.accountList = res.data.data;
this.pageTotal = Number(res.data.details.infoCount); //显示当前条数
console.log(res.data.data);
}
})
.catch((err) => {
console.log(err);
});
}
},
// //用户点击上一页按钮改变当前页后触发
// handlePrev() {},
// //用户点击下一页按钮改变当前页后触发
// handleNext() {},
//获取公司信息(公司信息大厅)
getAccountList() {
console.log(localStorage.getItem("token"));
console.log(localStorage.getItem("userId"));
this.$axios({
method: "get",
url: "http://124.220.174.249:8085/backend/company/showAllCompany",
headers: { token: localStorage.token },
params: {
page: this.currentPage,
limit: this.pageSize,
},
})
.then((res) => {
// console.log(username + password);
console.log(res);
if (res.data.code == "200") {
this.accountList = res.data.data;
console.log("res.data.data");
console.log(this.accountList);
console.log("res.data.details.infoCount");
console.log(res.data.details.infoCount);
console.log(res.data.data.length);
this.pageTotal = Number(res.data.details.infoCount);
console.log("res.data.data");
}
})
.catch((err) => {
return this.$message.error("获取竞赛列表信息失败!");
});
},
//分页升降序
onSortChange({ prop, order }) {
if (order == "ascending") this.type = 1;
else this.type = 2;
this.$axios({
method: "get",
url: "http://124.220.174.249:8085/backend/admin/showAllAccount",
headers: { token: localStorage.token },
params: {
// teacherNo: 101,
// teacherNo: localStorage.getItem("userId").replace(/\"/g, ""), //去掉双引号
page: this.currentPage,
limit: this.pageSize,
// type: this.type,
},
})
.then((res) => {
console.log(res);
if (res.data.code == "200") {
this.accountList = res.data.data;
console.log("res.data.data");
console.log(this.accountList);
console.log("res.data.details.infoCount");
console.log(res.data.details.infoCount);
console.log(res.data.data.length);
this.pageTotal = Number(res.data.details.infoCount);
console.log("res.data.data");
}
})
.catch((err) => {
return this.$message.error("获取竞赛列表信息失败!");
});
},
},
};
</script>
<style scoped>
.el-menu-demo {
float: right;
}
.icon_left {
float: left;
font-size: 30px;
color: cornflowerblue;
font-weight: 700;
}
.ManageCompititionTable {
position: absolute;
top: 80px;
}
</style>
...@@ -41,6 +41,16 @@ ...@@ -41,6 +41,16 @@
>查询</el-button >查询</el-button
> >
</el-form-item> </el-form-item>
<el-form-item style="float: right">
<el-button
@click="addCompany"
type="primary"
plain
round
size="medium"
>新增公司</el-button
>
</el-form-item>
</el-form> </el-form>
</el-card> </el-card>
<el-card style="margin-top: 20px"> <el-card style="margin-top: 20px">
...@@ -99,7 +109,7 @@ ...@@ -99,7 +109,7 @@
sortable="custom" sortable="custom"
:sort-orders="['1', '2']" :sort-orders="['1', '2']"
> >
<!-- <el-table-column <!-- <el-table-column
prop="count" prop="count"
label="符合要求的专业" label="符合要求的专业"
width="200" width="200"
...@@ -116,10 +126,7 @@ ...@@ -116,10 +126,7 @@
header-align="center" header-align="center"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button size="mini" @click="handleDetail(scope.row.postId)" round
size="mini"
@click="handleDetail(scope.row.postId)"
round
>详细信息 >详细信息
</el-button> </el-button>
<el-button <el-button
...@@ -227,11 +234,15 @@ export default { ...@@ -227,11 +234,15 @@ export default {
indexMethod(index) { indexMethod(index) {
return (this.currentPage - 1) * this.pageSize + index + 1; return (this.currentPage - 1) * this.pageSize + index + 1;
}, },
//发布竞赛功能 //新增用户界面跳转
release() { release() {
this.$router.replace("/AddRole"); this.$router.replace("/AddRole");
}, },
//查询竞赛功能 //新增公司
addCompany() {
this.$router.replace("/AddCompany");
},
//查询岗位功能
onSubmit(formName) { onSubmit(formName) {
this.$refs[formName].validate((valid) => { this.$refs[formName].validate((valid) => {
if (valid) { if (valid) {
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
校园信息通后台管理系统 校园信息通后台管理系统
</div> </div>
<el-menu <el-menu
style="width: 545px" style="width: 600px"
:default-active="$route.path" :default-active="$route.path"
class="el-menu-demo" class="el-menu-demo"
mode="horizontal" mode="horizontal"
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
<el-menu-item index="/ManageEmployTable">招聘管理</el-menu-item> <el-menu-item index="/ManageEmployTable">招聘管理</el-menu-item>
<el-menu-item index="/ManageSchoolTable">求助管理</el-menu-item> <el-menu-item index="/ManageSchoolTable">求助管理</el-menu-item>
<el-menu-item index="/ManageAccountTable">账号管理</el-menu-item> <el-menu-item index="/ManageAccountTable">账号管理</el-menu-item>
<el-menu-item index="/ManageCompanyTable">公司管理</el-menu-item>
<el-menu-item index="5" @click="exit">退出</el-menu-item> <el-menu-item index="5" @click="exit">退出</el-menu-item>
</el-menu> </el-menu>
</div> </div>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册