HelloGithub/hellogithub-vue
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
landaiqing
2023-07-10 17:13:20 +08:00
parent 21c4e96cc2
commit df89d8df5c
3 changed files with 610 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

307
src/components/System/Manage/projectManage.vue
View File

@@ -1,12 +1,317 @@
<template>
<div>
<el-table
border
stripe
:data="dataTable"
style="width: 100%;margin-top: 20px">
<el-table-column
prop="projectId"
label="ID"
sortable
width="50"
align="center"
>
</el-table-column>
<el-table-column
prop="userId"
align="center"
width="70"
label="用户ID">
</el-table-column>
<el-table-column
prop="projectName"
align="center"
show-overflow-tooltip
label="项目名称">
</el-table-column>
<el-table-column
prop="projectUrl"
align="center"
show-overflow-tooltip
label="项目地址">
</el-table-column>
<el-table-column
prop="projectIco"
align="center"
show-overflow-tooltip
label="图标">
</el-table-column>
<el-table-column
prop="projectTitle"
align="center"
show-overflow-tooltip
label="项目标题">
</el-table-column>
<el-table-column
prop="projectDescription"
show-overflow-tooltip
align="center"
label="项目描述">
</el-table-column>
<el-table-column
prop="startNum"
align="center"
label="点赞数">
</el-table-column>
<el-table-column
prop="submitTime"
align="center"
label="提交时间">
</el-table-column>
<el-table-column
prop="categoryId"
align="center"
label="主要标签">
</el-table-column>
<el-table-column
prop="lookCount"
align="center"
label="查看次数">
</el-table-column>
<el-table-column
prop="periodicals"
align="center"
width="50"
label="期刊">
</el-table-column>
<el-table-column
prop="fileAddress"
align="center"
show-overflow-tooltip
label="文件地址">
</el-table-column>
<el-table-column
prop="isValid"
align="center"
label="是否有效">
<template slot-scope="scope">
<el-switch
v-model="scope.row.isValid"
:active-value="1"
:inactive-value="0"
active-color="#13ce66"
inactive-color="#ff4949"
>
</el-switch>
</template>
</el-table-column>
<el-table-column
align="center"
fixed="right"
label="操作">
<template slot-scope="scope">
<el-button type="primary" icon="el-icon-edit" @click="handleEdit(scope.row)" size="small" circle></el-button>
<el-button type="danger" icon="el-icon-delete" @click="handleDelete(scope.row)" circle size="small"></el-button>
</template>
</el-table-column>
</el-table>
<el-dialog title="编辑" :visible.sync="dialogVisible" width="45%"
append-to-body
:close-on-click-modal="false"
>
<el-form ref="ruleForm" class="login_container" :model="form" status-icon label-width="70px">
<el-form-item label="ID" prop="projectId">
<el-input v-model="form.projectId" placeholder='ID' clearable disabled></el-input>
</el-form-item>
<el-form-item label="用户名" prop="userId">
<el-input v-model="form.userId" placeholder='用户ID' clearable></el-input>
</el-form-item>
<el-form-item label="项目名称" prop="projectTitle">
<el-input v-model="form.projectName"
placeholder='项目名称'
clearable></el-input>
</el-form-item>
<el-form-item label="项目地址" prop="projectIco">
<el-input v-model="form.projectUrl" placeholder='项目地址' clearable></el-input>
</el-form-item>
<el-form-item label="项目图标" prop="projectIco">
<el-input v-model="form.projectIco" placeholder='项目图标' clearable></el-input>
</el-form-item>
<el-form-item label="标题" prop="projectTitle">
<el-input v-model="form.projectTitle" placeholder='标题' clearable></el-input>
</el-form-item>
<el-form-item label="项目描述" prop="projectDescription">
<el-input type="textarea" v-model="form.projectDescription" placeholder="项目描述" :rows="5"></el-input>
</el-form-item>
<el-form-item label="点赞数" prop="startNum">
<el-input v-model="form.startNum" placeholder='点赞数' clearable></el-input>
</el-form-item>
<el-form-item label="提交时间" prop="submitTime">
<el-input v-model="form.submitTime" placeholder='提交时间' clearable></el-input>
</el-form-item>
<el-form-item label="标签" prop="categoryId">
<el-input v-model="form.categoryId" placeholder='标签' clearable></el-input>
</el-form-item>
<el-form-item label="文件地址" prop="fileAddress">
<el-input v-model="form.fileAddress" placeholder='文件地址' clearable></el-input>
</el-form-item>
<el-form-item label="期刊" prop="periodicals">
<el-input v-model="form.periodicals" placeholder='期刊' clearable></el-input>
</el-form-item>
<el-form-item label="查看数" prop="lookCount">
<el-input v-model="form.lookCount" placeholder='查看数' clearable></el-input>
</el-form-item>
<el-form-item label="是否有效" prop="isValid">
<el-radio-group v-model="form.isValid">
<el-radio :label="1">有效</el-radio>
<el-radio :label="0">无效</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<div style="display: flex;flex-direction: row;align-items: center;flex-wrap: nowrap;justify-content: space-between">
<el-button @click="resetForm('ruleForm')">重置</el-button>
<el-button @click="submit('ruleForm')" type="primary" style=";margin-top:10px">提交</el-button>
</div>
</el-form-item>
</el-form>
</el-dialog>
</div>
</template>
<script>
import axios from "axios";
import Vue from "vue";
export default {
name: "projectManage"
name: "projectManage",
data(){
return {
dataTable:[],
dialogVisible:false,
form:{
projectId:'',
userId:'',
projectName:'',
projectUrl:'',
projectIco:'',
projectTitle:'',
projectDescription:'',
startNum:'',
submitTime:'',
categoryId:'',
isValid:'',
fileAddress:'',
periodicals:'',
lookCount:'',
}
}
},
methods:{
getAllProject(){
var that=this;
axios({
method: 'post',
// 请求的地址
url: 'http://localhost:8082/helloGithub_war_exploded/selectProject',
// URL 中的查询参数
params: {
}
}).then(function (res) {
that.dataTable=res.data;
})
},
submit() {
var _this = this;
//调用方法提交
axios({
method: 'post',
// 请求的地址
url: 'http://localhost:8082/helloGithub_war_exploded/updateProject',
// URL 中的查询参数
params: this.form
}).then(function (res) {
if (res.data.code === 500) {
Vue.prototype.$notify.error({
title: '错误',
message: res.data.msg,
offset: 50
});
} else {
_this.dialogVisible = false;
_this.getAllProject();
Vue.prototype.$notify({
title: '成功',
message: ('i', {style: 'color: teal'}, "更新成功！"),
type: 'success',
offset: 50
});
}
});
},
openDialog(){
this.dialogVisible=true;
},
handleEdit(index) {
this.openDialog();
// 深拷贝
this.form = index;
},
handleDelete(index) {
var that=this;
this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
axios({
method: 'post',
// 请求的地址
url: 'http://localhost:8082/helloGithub_war_exploded/deleteProject',
// URL 中的查询参数
params: {
id: index.projectId,
}
}).then(function (res) {
if (res.data.code === 500) {
Vue.prototype.$notify.error({
title: '错误',
message: res.data.msg,
offset: 50
});
} else {
Vue.prototype.$notify({
title: '成功',
message: ('i', {style: 'color: teal'}, "删除成功"),
type: 'success',
offset: 50
});
that.getAllProject();
}
});
}).catch(() => {
// 点击取消:不删除了
this.$message({
type: 'info',
message: '已取消删除'
});
});
},
},
mounted() {
this.getAllProject();
}
}
</script>