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