|
@@ -9,9 +9,11 @@
|
|
<el-col :span="24" class="list">
|
|
<el-col :span="24" class="list">
|
|
<el-table :data="list" stripe style="width: 100%" border>
|
|
<el-table :data="list" stripe style="width: 100%" border>
|
|
<el-table-column prop="name" label="姓名" align="center"> </el-table-column>
|
|
<el-table-column prop="name" label="姓名" align="center"> </el-table-column>
|
|
|
|
+ <el-table-column prop="phone" label="手机号" align="center"> </el-table-column>
|
|
|
|
+ <el-table-column prop="birthday" label="出生日期" align="center"> </el-table-column>
|
|
<el-table-column label="操作" align="center" width="220">
|
|
<el-table-column label="操作" align="center" width="220">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button size="mini" type="primary" v-if="scope.row.status == '0'" @click="editBtn(scope.row.id)">编辑</el-button>
|
|
|
|
|
|
+ <el-button size="mini" type="primary" @click="editBtn(scope.row.id)">编辑</el-button>
|
|
<el-button size="mini" type="danger" @click="deleteBtn(scope.row.id)">删除</el-button>
|
|
<el-button size="mini" type="danger" @click="deleteBtn(scope.row.id)">删除</el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -49,14 +51,20 @@
|
|
<el-form-item label="身份证号" prop="id_number">
|
|
<el-form-item label="身份证号" prop="id_number">
|
|
<el-input v-model="form.id_number" placeholder="请输入身份证号"></el-input>
|
|
<el-input v-model="form.id_number" placeholder="请输入身份证号"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item label="用户类别" prop="type">
|
|
|
|
+ <el-radio-group v-model="form.type">
|
|
|
|
+ <el-radio label="0">超级管理员</el-radio>
|
|
|
|
+ <el-radio label="1">管理员</el-radio>
|
|
|
|
+ </el-radio-group>
|
|
|
|
+ </el-form-item>
|
|
<el-form-item label="部门" prop="dept_id">
|
|
<el-form-item label="部门" prop="dept_id">
|
|
<el-select v-model="form.dept_id" filterable placeholder="请选择部门" @change="selectChild">
|
|
<el-select v-model="form.dept_id" filterable placeholder="请选择部门" @change="selectChild">
|
|
- <el-option v-for="(item, index) in deptList" :key="index" :label="item.name" :value="item._id"></el-option>
|
|
|
|
|
|
+ <el-option v-for="(item, index) in deptList" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="职务" prop="level_id">
|
|
<el-form-item label="职务" prop="level_id">
|
|
<el-select v-model="form.level_id" filterable placeholder="请选择职务">
|
|
<el-select v-model="form.level_id" filterable placeholder="请选择职务">
|
|
- <el-option v-for="(item, index) in levelList" :key="index" :label="item.name" :value="item._id"></el-option>
|
|
|
|
|
|
+ <el-option v-for="(item, index) in levelList" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-col :span="24" style="text-align:center;">
|
|
<el-col :span="24" style="text-align:center;">
|
|
@@ -103,6 +111,7 @@ export default {
|
|
id_number: [{ required: false, message: '请输入身份证号', trigger: 'blur' }],
|
|
id_number: [{ required: false, message: '请输入身份证号', trigger: 'blur' }],
|
|
dept_id: [{ required: true, message: '请输入部门', trigger: 'blur' }],
|
|
dept_id: [{ required: true, message: '请输入部门', trigger: 'blur' }],
|
|
level_id: [{ required: true, message: '请输入职务', trigger: 'blur' }],
|
|
level_id: [{ required: true, message: '请输入职务', trigger: 'blur' }],
|
|
|
|
+ type: [{ required: true, message: '请选择用户类型', trigger: 'blur' }],
|
|
},
|
|
},
|
|
// 部门
|
|
// 部门
|
|
deptList: [],
|
|
deptList: [],
|
|
@@ -117,17 +126,25 @@ export default {
|
|
...department({ departmentQuery: 'query', departmentFetch: 'fetch' }),
|
|
...department({ departmentQuery: 'query', departmentFetch: 'fetch' }),
|
|
...level({ levelQuery: 'query', levelFetch: 'fetch' }),
|
|
...level({ levelQuery: 'query', levelFetch: 'fetch' }),
|
|
...registers(['create']),
|
|
...registers(['create']),
|
|
- async searchInfo() {
|
|
|
|
- let res = await this.departmentQuery();
|
|
|
|
|
|
+ ...staff({ staffQuery: 'query', staffUpdate: 'update', staffDelete: 'delete', staffFetch: 'fetch' }),
|
|
|
|
+ async searchInfo({ skip = 0, limit = 10, ...info } = {}) {
|
|
|
|
+ let res = await this.staffQuery({ skip, limit, ...info });
|
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
|
+ this.$set(this, `list`, res.data);
|
|
|
|
+ this.$set(this, `total`, res.total);
|
|
|
|
+ }
|
|
|
|
+ // 部門
|
|
|
|
+ let arr = await this.departmentQuery();
|
|
if (this.$checkRes(res)) {
|
|
if (this.$checkRes(res)) {
|
|
- this.$set(this, `deptList`, res.data);
|
|
|
|
|
|
+ this.$set(this, `deptList`, arr.data);
|
|
}
|
|
}
|
|
|
|
+ this.selectChild(res.data.dept_id);
|
|
},
|
|
},
|
|
// 职务
|
|
// 职务
|
|
async selectChild(dept_id) {
|
|
async selectChild(dept_id) {
|
|
|
|
+ this.$set(this.form, `level_id`, undefined);
|
|
let res = await this.levelQuery({ dept_id });
|
|
let res = await this.levelQuery({ dept_id });
|
|
if (this.$checkRes(res)) {
|
|
if (this.$checkRes(res)) {
|
|
- console.log(res.data);
|
|
|
|
this.$set(this, `levelList`, res.data);
|
|
this.$set(this, `levelList`, res.data);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -140,23 +157,48 @@ export default {
|
|
this.display = 'list';
|
|
this.display = 'list';
|
|
},
|
|
},
|
|
// 编辑
|
|
// 编辑
|
|
- editBtn(id) {
|
|
|
|
|
|
+ async editBtn(id) {
|
|
|
|
+ let res = await this.staffFetch(id);
|
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
|
+ this.$set(this, `form`, res.data);
|
|
|
|
+ }
|
|
this.display = 'detail';
|
|
this.display = 'detail';
|
|
},
|
|
},
|
|
// 删除
|
|
// 删除
|
|
- deleteBtn(id) {
|
|
|
|
- console.log('删除');
|
|
|
|
|
|
+ async deleteBtn(id) {
|
|
|
|
+ let res = await this.staffDelete(id);
|
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
|
+ this.$message({
|
|
|
|
+ message: '删除信息成功',
|
|
|
|
+ type: 'success',
|
|
|
|
+ });
|
|
|
|
+ this.searchInfo();
|
|
|
|
+ }
|
|
},
|
|
},
|
|
// 保存
|
|
// 保存
|
|
submitForm(formName) {
|
|
submitForm(formName) {
|
|
this.$refs[formName].validate(async valid => {
|
|
this.$refs[formName].validate(async valid => {
|
|
if (valid) {
|
|
if (valid) {
|
|
- let res = await this.create(this.form);
|
|
|
|
- if (this.$checkRes(res)) {
|
|
|
|
- this.$message({
|
|
|
|
- message: '恭喜你,注册成功',
|
|
|
|
- type: 'success',
|
|
|
|
- });
|
|
|
|
|
|
+ if (this.form.id) {
|
|
|
|
+ let res = await this.staffUpdate(this.form);
|
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
|
+ this.$message({
|
|
|
|
+ message: '修改信息成功',
|
|
|
|
+ type: 'success',
|
|
|
|
+ });
|
|
|
|
+ this.display = 'list';
|
|
|
|
+ this.searchInfo();
|
|
|
|
+ }
|
|
|
|
+ } else {
|
|
|
|
+ let res = await this.create(this.form);
|
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
|
+ this.$message({
|
|
|
|
+ message: '恭喜你,注册成功',
|
|
|
|
+ type: 'success',
|
|
|
|
+ });
|
|
|
|
+ this.display = 'list';
|
|
|
|
+ this.searchInfo();
|
|
|
|
+ }
|
|
}
|
|
}
|
|
} else {
|
|
} else {
|
|
console.log('error submit!!');
|
|
console.log('error submit!!');
|