github
/
vue-manage-system
mirror of https://github.com/lin-xin/vue-manage-system
1
0
Fork 0
Code Issues Releases Wiki Activity

del res

pull/269/head
volleyball26 2021-05-05 13:35:08 +08:00
parent 9374a899fb
commit 78bca5fb27
2 changed files with 53 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/api/resource.js Normal file
View File

@ -0,0 +1,17 @@
import request from '../utils/request';
export const getresData = query => {
return request({
url: 'http://127.0.0.1:8000/tc/resource',
method: 'get',
params: query
});
};
export const deleteresData = query => {
return request({
url: 'http://127.0.0.1:8000/tc/resource',
method: 'delete',
params: query
});
};

123
src/components/page/Upload.vue
View File

@ -3,21 +3,14 @@
<div class="crumbs"> <div class="crumbs">
<el-breadcrumb separator="/"> <el-breadcrumb separator="/">
<el-breadcrumb-item> <el-breadcrumb-item>
<i class="el-icon-lx-cascades"></i> 用户列表 <i class="el-icon-lx-cascades"></i> 资源列表
</el-breadcrumb-item> </el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</div> </div>
<div class="container"> <div class="container">
<div class="handle-box"> <div class="handle-box">
<el-select v-model="query.department" placeholder="部门" class="handle-select mr10">
<el-option key="0" label="全部" value=""></el-option> <el-input v-model="query.name" placeholder="资源名称" class="handle-input mr10"></el-input>
<el-option key="1" label="网络工程" value="网络工程"></el-option>
<el-option key="2" label="物联网" value="物联网"></el-option>
<el-option key="3" label="计算机科学与技术" value="计算机科学与技术"></el-option>
<el-option key="4" label="空间信息" value="空间信息"></el-option>
<el-option key="5" label="软件工程" value="软件工程"></el-option>
</el-select>
<el-input v-model="query.name" placeholder="用户名" class="handle-input mr10"></el-input>
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button> <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
</div> </div>
<el-table <el-table
@ -26,38 +19,29 @@
class="table" class="table"
ref="multipleTable" ref="multipleTable"
header-cell-class-name="table-header" header-cell-class-name="table-header"
@selection-change="handleSelectionChange"
> >
<el-table-column type="selection" width="55" align="center"></el-table-column> <el-table-column type="selection" width="55" align="center"></el-table-column>
<el-table-column prop="id" label="ID" width="55" align="center"></el-table-column> <el-table-column prop="id" label="ID" width="55" align="center"></el-table-column>
<el-table-column prop="uuid" label="用户uuid"></el-table-column> <el-table-column prop="res_name" label="资源名称"></el-table-column>
<el-table-column label="用户名"> <el-table-column prop="author" label="作者"></el-table-column>
<template slot-scope="scope">{{scope.row.name}}</template>
</el-table-column>
<el-table-column label="头像(查看大图)" align="center">
<template slot-scope="scope">
<el-image
class="table-td-thumb"
:src="scope.row.avatar"
:preview-src-list="[scope.row.avatar]"
></el-image>
</template>
</el-table-column>
<el-table-column prop="department" label="部门"></el-table-column>
<el-table-column prop="build_time" label="注册时间"></el-table-column> <el-table-column prop="press" label="出版社"></el-table-column>
<el-table-column label="操作" width="180" align="center"> <el-table-column prop="tag_name" label="标签"></el-table-column>
<template slot-scope="scope"> <el-table-column prop="name" label="上传者"></el-table-column>
<el-button <el-table-column label="操作" width="100" align="center">
<template slot-scope="scope">
<el-link target="_blank" :href="(scope.row.file_path)" :underline="false"
style="margin-left:15px">
<el-button
type="text" type="text"
icon="el-icon-edit" icon="el-icon-info"
@click="handleEdit(scope.$index, scope.row)" >查看</el-button>
>编辑</el-button> </el-link>
<el-button <el-button
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
class="red" class="red"
@click="handleDelete(scope.row.uuid)" @click="handleDelete(scope.row.id)"
>删除</el-button> >删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
@ -74,34 +58,19 @@
</div> </div>
</div> </div>
<!-- 编辑弹出框 -->
<el-dialog title="编辑" :visible.sync="editVisible" width="30%">
<el-form ref="form" :model="form" label-width="70px">
<el-form-item label="用户名">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="部门">
<el-input v-model="form.department"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="editVisible = false">取 消</el-button>
<el-button type="primary" @click="saveEdit(form.uuid, form.name, form.department)">确 定</el-button>
</span>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { departmentData, deleteuserData, fetchData, upUserData } from '../../api/userlist'; import { getresData, deleteresData } from '../../api/resource'
export default { export default {
name: 'basetable', name: 'basetable',
data() { data() {
return { return {
query: { query: {
department: '', keys: '',
name: '',
pageIndex: 1, pageIndex: 1,
pageSize: 10 pageSize: 10
}, },
@ -121,10 +90,10 @@ export default {
methods: { methods: {
// 获取数据 // 获取数据
getData() { getData() {
fetchData(this.query).then(res => { getresData(this.query).then(res => {
console.log(res); console.log(res);
this.tableData = res.msg.user_list; this.tableData = res.msg.result;
this.pageTotal = res.msg.pageTotal; this.pageTotal = res.msg.total;
}); });
}, },
// 触发搜索按钮 // 触发搜索按钮
@ -132,30 +101,26 @@ export default {
this.$set(this.query, 'pageIndex', 1); this.$set(this.query, 'pageIndex', 1);
this.getData(); this.getData();
}, },
getdepatment() {
departmentData(this.query).then(res => {
console.log(res);
this.departmentlist = res.msg;
});
},
// 删除操作 // 删除操作
handleDelete(uuid) { handleDelete(id) {
// 二次确认删除 // 二次确认删除
this.uuid = uuid; this.res_id = id;
let data ={ let data ={
uuid : this.uuid, res_id : this.res_id,
} }
console.log(data)
this.$confirm('确定要删除吗？', '提示', { this.$confirm('确定要删除吗？', '提示', {
type: 'warning' type: 'warning'
}) })
.then(() => { .then(() => {
deleteuserData(data).then((res)=>{ deleteresData(data).then((res)=>{
console.log(res) console.log(res)
})
this.$message.success('删除成功');
this.getData();
}) })
.catch(() => {}); this.$message.success('删除成功');
this.getData();
})
.catch(() => {});
}, },
// 多选操作 // 多选操作
handleSelectionChange(val) { handleSelectionChange(val) {
@ -178,23 +143,7 @@ export default {
this.editVisible = true; this.editVisible = true;
}, },
// 保存编辑
saveEdit(uuid, name, department) {
this.editVisible = false;
this.$message.success(`修改成功`);
this.uuid = uuid;
this.department = department;
this.name = name;
let data = {
department : this.department,
name : this.name,
uuid : this.uuid,
}
upUserData(data).then((res)=>{
console.log(res)
})
},
// 分页导航 // 分页导航
handlePageChange(val) { handlePageChange(val) {
this.$set(this.query, 'pageIndex', val); this.$set(this.query, 'pageIndex', val);