parent
17ff7b6175
commit
7a3be7c18f
@ -0,0 +1,260 @@
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<div class="handle-box">
|
||||
<el-input v-model="queryParams.drug1" placeholder="药品A名称" class="handle-input mrb10"></el-input>
|
||||
<el-input v-model="queryParams.drug2" placeholder="药品B名称" class="handle-input mrb10"></el-input>
|
||||
<el-input v-model="queryParams.reaction" placeholder="相互作用效果" class="handle-input mrb10"></el-input>
|
||||
<el-button type="primary" icon="el-icon-search" @click="searchUser()">搜索</el-button>
|
||||
<el-button type="danger" @click="clearSearch()">清除参数</el-button>
|
||||
</div>
|
||||
|
||||
<el-table :data="users" border class="table" header-cell-class-name="table-header">
|
||||
<el-table-column prop="id" label="ID" width="55" align="center"></el-table-column>
|
||||
<el-table-column prop="username" label="药品A名称" align="center"></el-table-column>
|
||||
<el-table-column prop="phoneNumber" label="药品B名称" align="center"></el-table-column>
|
||||
<el-table-column prop="email" label="相互作用效果" align="center"></el-table-column>
|
||||
<el-table-column prop="introduction" label="简介" align="center"></el-table-column>
|
||||
<el-table-column prop="createTime" label="注册时间" align="center"></el-table-column>
|
||||
</el-table>
|
||||
<div class="pagination">
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage1"
|
||||
:page-sizes="[10, 15, 20, 25]"
|
||||
:page-size="10"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total=this.pagination.total>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 编辑弹出框 -->
|
||||
<el-dialog title="修改用户类型"
|
||||
:visible.sync="editVisible"
|
||||
width="30%"
|
||||
:before-close="handleClose"
|
||||
:append-to-body="true"
|
||||
destroy-on-close
|
||||
center>
|
||||
<div class="myCenter">
|
||||
<el-radio-group v-model="changeUser.userType">
|
||||
<el-radio-button :label="0">Boss</el-radio-button>
|
||||
<el-radio-button :label="1">管理员</el-radio-button>
|
||||
<el-radio-button :label="2">普通用户</el-radio-button>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose()">取 消</el-button>
|
||||
<el-button type="primary" @click="saveEdit()">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
pagination: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
searchKey: "",
|
||||
userStatus: null,
|
||||
userType: null
|
||||
},
|
||||
users: [],
|
||||
changeUser: {
|
||||
id: null,
|
||||
userType: null
|
||||
},
|
||||
editVisible: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
drug1: null,
|
||||
drug2: null,
|
||||
reaction: null
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
computed: {},
|
||||
|
||||
watch: {},
|
||||
|
||||
created() {
|
||||
this.getUsers();
|
||||
},
|
||||
|
||||
mounted() {
|
||||
},
|
||||
|
||||
methods: {
|
||||
clearSearch() {
|
||||
this.pagination = {
|
||||
current: 1,
|
||||
size: 10,
|
||||
total: 0,
|
||||
searchKey: "",
|
||||
userStatus: null,
|
||||
userType: null
|
||||
}
|
||||
this.getUsers();
|
||||
},
|
||||
getUsers() {
|
||||
this.$http.post(this.$constant.baseURL + "/admin/user/list", this.pagination, true)
|
||||
.then((res) => {
|
||||
if (!this.$common.isEmpty(res.data)) {
|
||||
this.users = res.data.records;
|
||||
this.pagination.total = res.data.total;
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$message({
|
||||
message: error.message,
|
||||
type: "error"
|
||||
});
|
||||
});
|
||||
},
|
||||
changeUserStatus(user) {
|
||||
this.$http.get(this.$constant.baseURL + "/admin/user/changeUserStatus", {
|
||||
userId: user.id,
|
||||
flag: user.userStatus
|
||||
}, true)
|
||||
.then((res) => {
|
||||
this.$message({
|
||||
message: "修改成功！",
|
||||
type: "success"
|
||||
});
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$message({
|
||||
message: error.message,
|
||||
type: "error"
|
||||
});
|
||||
});
|
||||
},
|
||||
changeUserAdmire(user) {
|
||||
if (!this.$common.isEmpty(user.admire)) {
|
||||
this.$confirm('确认保存？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'success',
|
||||
center: true
|
||||
}).then(() => {
|
||||
this.$http.get(this.$constant.baseURL + "/admin/user/changeUserAdmire", {
|
||||
userId: user.id,
|
||||
admire: user.admire
|
||||
}, true)
|
||||
.then((res) => {
|
||||
this.$message({
|
||||
message: "修改成功！",
|
||||
type: "success"
|
||||
});
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$message({
|
||||
message: error.message,
|
||||
type: "error"
|
||||
});
|
||||
});
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'success',
|
||||
message: '已取消保存!'
|
||||
});
|
||||
});
|
||||
}
|
||||
},
|
||||
editUser(user) {
|
||||
this.changeUser.id = user.id;
|
||||
this.changeUser.userType = user.userType;
|
||||
this.editVisible = true;
|
||||
},
|
||||
handlePageChange(val) {
|
||||
this.pagination.current = val;
|
||||
this.getUsers();
|
||||
},
|
||||
searchUser() {
|
||||
this.pagination.total = 0;
|
||||
this.pagination.current = 1;
|
||||
this.getUsers();
|
||||
},
|
||||
handleClose() {
|
||||
this.changeUser = {
|
||||
id: null,
|
||||
userType: null
|
||||
};
|
||||
this.editVisible = false;
|
||||
},
|
||||
saveEdit() {
|
||||
this.$http.get(this.$constant.baseURL + "/admin/user/changeUserType", {
|
||||
userId: this.changeUser.id,
|
||||
userType: this.changeUser.userType
|
||||
}, true)
|
||||
.then((res) => {
|
||||
this.handleClose();
|
||||
this.getUsers();
|
||||
this.$message({
|
||||
message: "修改成功！",
|
||||
type: "success"
|
||||
});
|
||||
})
|
||||
.catch((error) => {
|
||||
this.$message({
|
||||
message: error.message,
|
||||
type: "error"
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.handle-box {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.handle-select {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.handle-input {
|
||||
width: 160px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.mrb10 {
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.table-td-thumb {
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
margin: 20px 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.el-switch {
|
||||
margin: 5px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue