Skip to content

P
peizhen-vue
Commit 04147447 by honghong
Options

Merge branch 'feature/v1/plb' of http://git.nyinhong.com/PeiZhen-Java/peizhen-vue into feature_lyj

parents 2014bb03 5e0efc57
Showing with 1141 additions and 753 deletions
src/views/hispotalManage/doctor/index.vue
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="姓名" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="所属医院" prop="hid">
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item label="姓名" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入姓名"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="所属医院" prop="hid">
<el-input
v-model="queryParams.hid"
placeholder="请输入所属医院"
......@@ -40,25 +47,34 @@
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:doctor:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
</el-form-item> -->
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:doctor:add']"
>新增</el-button
>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
......@@ -89,233 +105,310 @@
@click="handleExport"
v-hasPermi="['system:doctor:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="doctorList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="" align="center" prop="id" v-if="true"/>
<el-table-column label="姓名" align="center" prop="name" />
<el-table-column label="所属医院" align="center" prop="hid" />
<el-table-column label="所属科室" align="center" prop="did" />
<el-table-column label="" align="center" prop="rank" />
<el-table-column label="" align="center" prop="degree" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:doctor:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:doctor:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改医生对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入姓名" />
</el-form-item>
<el-form-item label="所属医院" prop="hid">
<el-input v-model="form.hid" placeholder="请输入所属医院" />
</el-form-item>
<el-form-item label="所属科室" prop="did">
<el-input v-model="form.did" placeholder="请输入所属科室" />
</el-form-item>
<el-form-item label="" prop="rank">
<el-input v-model="form.rank" placeholder="请输入" />
</el-form-item>
<el-form-item label="" prop="degree">
<el-input v-model="form.degree" placeholder="请输入" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listDoctor, getDoctor, delDoctor, addDoctor, updateDoctor } from "@/api/hispotalManage/doctor";
export default {
name: "Doctor",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 医生表格数据
doctorList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
name: undefined,
hid: undefined,
did: undefined,
rank: undefined,
degree: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="doctorList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="ID" align="center" prop="id" />
<el-table-column label="姓名" align="center" prop="name" />
<el-table-column label="所属医院" align="center" prop="hid" />
<el-table-column label="所属科室" align="center" prop="did" />
<el-table-column label="职级" align="center" prop="rank" />
<el-table-column label="学位" align="center" prop="degree" />
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:doctor:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:doctor:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改医生对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入姓名" />
</el-form-item>
<el-form-item label="所属医院" prop="hid">
<el-select
v-model="form.hid"
placeholder="请选择所属医院"
clearable=""
filterable
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="所属科室" prop="did">
<treeselect
v-model="form.did"
:options="deptOptions"
:show-count="true"
placeholder="请选择所属科室"
searchable
/>
</el-form-item>
<el-form-item label="职级" prop="rank">
<el-input v-model="form.rank" placeholder="请输入职级" />
</el-form-item>
<el-form-item label="学位" prop="degree">
<el-input v-model="form.degree" placeholder="请输入学位" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listDoctor,
getDoctor,
delDoctor,
addDoctor,
updateDoctor,
} from "@/api/hispotalManage/doctor";
import { listDepartment } from "@/api/hispotalManage/office";
import { deptTreeSelect } from "@/api/system/user";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
name: "Doctor",
components: { Treeselect },
data() {
return {
// 部门树选项
deptOptions: undefined,
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 医生表格数据
doctorList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
name: undefined,
// hid: undefined,
// did: undefined,
// rank: undefined,
// degree: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {},
};
},
created() {
this.getList();
this.getDeptTree();
},
methods: {
/** 查询部门下拉树结构 */
getDeptTree() {
listDepartment().then((response) => {
this.deptOptions = response.data;
this.deptOptions = this.treeChange(this.deptOptions);
});
},
treeChange(arr) {
return arr.map((item) => {
if (item.children && item.children.length > 0) {
this.treeChange(item.children);
} else {
delete item.children;
}
return item;
});
},
/** 查询医生列表 */
getList() {
this.loading = true;
listDoctor(this.queryParams).then((response) => {
this.doctorList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
name: undefined,
hid: undefined,
did: undefined,
rank: undefined,
degree: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
delFlag: undefined,
};
this.resetForm("form");
},
created() {
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
methods: {
/** 查询医生列表 */
getList() {
this.loading = true;
listDoctor(this.queryParams).then(response => {
this.doctorList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
name: undefined,
hid: undefined,
did: undefined,
rank: undefined,
degree: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
delFlag: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加医生";
this.getDeptTree();
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids;
this.getDeptTree();
getDoctor(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "添加医生";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getDoctor(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改医生";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateDoctor(this.form).then(response => {
this.title = "修改医生";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateDoctor(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addDoctor(this.form).then(response => {
} else {
addDoctor(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除医生编号为"' + ids + '"的数据项？').then(() => {
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除医生编号为"' + ids + '"的数据项？')
.then(() => {
this.loading = true;
return delDoctor(ids);
}).then(() => {
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('system/doctor/export', {
...this.queryParams
}, `doctor_${new Date().getTime()}.xlsx`)
}
}
};
</script>
\ No newline at end of file
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/doctor/export",
{
...this.queryParams,
},
`doctor_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
src/views/hispotalManage/hospital/index.vue
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="城市" prop="cityId">
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<!-- <el-form-item label="城市" prop="cityId">
<el-input
v-model="queryParams.cityId"
placeholder="请输入城市"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="医院名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入医院名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="医院logo" prop="logo">
</el-form-item> -->
<el-form-item label="医院名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入医院名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<!-- <el-form-item label="医院logo" prop="logo">
<el-input
v-model="queryParams.logo"
placeholder="请输入医院logo"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="医院等级，0-未定义，具体查看model中定义" prop="level">
</el-form-item> -->
<!-- <el-form-item label="医院等级，0-未定义，具体查看model中定义" prop="level">
<el-input
v-model="queryParams.level"
placeholder="请输入医院等级，0-未定义，具体查看model中定义"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="经度" prop="lng">
</el-form-item> -->
<!-- <el-form-item label="经度" prop="lng">
<el-input
v-model="queryParams.lng"
placeholder="请输入经度"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="纬度" prop="lat">
</el-form-item> -->
<!-- <el-form-item label="纬度" prop="lat">
<el-input
v-model="queryParams.lat"
placeholder="请输入纬度"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="医院类别" prop="category">
</el-form-item> -->
<!-- <el-form-item label="医院类别" prop="category">
<el-input
v-model="queryParams.category"
placeholder="请输入医院类别"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="医院介绍" prop="introduce">
</el-form-item> -->
<!-- <el-form-item label="医院介绍" prop="introduce">
<el-input
v-model="queryParams.introduce"
placeholder="请输入医院介绍"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="科室" prop="departments">
</el-form-item> -->
<!-- <el-form-item label="科室" prop="departments">
<el-input
v-model="queryParams.departments"
placeholder="请输入科室"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
</el-form-item> -->
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:hospital:add']"
>新增</el-button
>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['system:hospital:edit']"
>修改</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['system:hospital:remove']"
>删除</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:hospital:export']"
>导出</el-button
>
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table
v-loading="loading"
:data="hospitalList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="ID" align="center" prop="id" />
<el-table-column label="医院名称" align="center" prop="name" />
<el-table-column label="Logo" align="center" prop="logo" />
<el-table-column label="等级" align="center" prop="level" />
<el-table-column label="类别" align="center" prop="lng" />
<el-table-column label="城市" align="center" prop="cityId" />
<el-table-column label="介绍" align="center" prop="cityId" />
<el-table-column label="科室" align="center" prop="departments" />
<el-table-column label="状态" align="center" prop="status" />
<!-- <el-table-column label="经度" align="center" prop="lng" />
<el-table-column label="纬度" align="center" prop="lat" />
<el-table-column label="医院类别" align="center" prop="category" />
<el-table-column label="医院介绍" align="center" prop="introduce" /> -->
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:hospital:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
type="text"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:hospital:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
>修改</el-button
>
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:hospital:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:hospital:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="hospitalList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="" align="center" prop="id" v-if="true"/>
<el-table-column label="城市" align="center" prop="cityId" />
<el-table-column label="医院名称" align="center" prop="name" />
<el-table-column label="医院logo" align="center" prop="logo" />
<el-table-column label="医院等级，0-未定义，具体查看model中定义" align="center" prop="level" />
<el-table-column label="经度" align="center" prop="lng" />
<el-table-column label="纬度" align="center" prop="lat" />
<el-table-column label="医院类别" align="center" prop="category" />
<el-table-column label="医院介绍" align="center" prop="introduce" />
<el-table-column label="科室" align="center" prop="departments" />
<el-table-column label="状态：0-禁用，1-启用" align="center" prop="status" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:hospital:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:hospital:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改医院对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="城市" prop="cityId">
<el-input v-model="form.cityId" placeholder="请输入城市" />
</el-form-item>
<el-form-item label="医院名称" prop="name">
<el-input v-model="form.name" placeholder="请输入医院名称" />
</el-form-item>
<el-form-item label="医院logo" prop="logo">
<el-input v-model="form.logo" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="医院等级，0-未定义，具体查看model中定义" prop="level">
<el-input v-model="form.level" placeholder="请输入医院等级，0-未定义，具体查看model中定义" />
</el-form-item>
<el-form-item label="经度" prop="lng">
<el-input v-model="form.lng" placeholder="请输入经度" />
</el-form-item>
<el-form-item label="纬度" prop="lat">
<el-input v-model="form.lat" placeholder="请输入纬度" />
</el-form-item>
<el-form-item label="医院类别" prop="category">
<el-input v-model="form.category" placeholder="请输入医院类别" />
</el-form-item>
<el-form-item label="医院介绍" prop="introduce">
<el-input v-model="form.introduce" type="textarea" placeholder="请输入内容" />
</el-form-item>
<el-form-item label="科室" prop="departments">
<el-input v-model="form.departments" type="textarea" placeholder="请输入内容" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listHospital, getHospital, delHospital, addHospital, updateHospital } from "@/api/hispotalManage/hospital";
export default {
name: "Hospital",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 医院表格数据
hospitalList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
cityId: undefined,
name: undefined,
logo: undefined,
level: undefined,
lng: undefined,
lat: undefined,
category: undefined,
introduce: undefined,
departments: undefined,
status: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改医院对话框 -->
<el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="医院名称" prop="name">
<el-input v-model="form.name" placeholder="请输入医院名称" />
</el-form-item>
<el-form-item label="Logo" prop="logo">
<imageUpload v-model="form.logo" />
</el-form-item>
<el-form-item label="等级" prop="level">
<el-select
v-model="form.level"
placeholder="请选择等级"
clearable=""
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="城市" prop="cityId">
<el-select
v-model="form.cityId"
placeholder="请选择城市"
clearable=""
filterable
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="经度" prop="lng">
<el-input v-model="form.lng" placeholder="请输入经度" />
</el-form-item>
<el-form-item label="纬度" prop="lat">
<el-input v-model="form.lat" placeholder="请输入纬度" />
</el-form-item>
<el-form-item label="类别" prop="category">
<el-select
v-model="form.category"
placeholder="请选择类别"
clearable=""
>
<el-option
v-for="item in []"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="介绍" prop="introduce">
<editor v-model="form.introduce" :min-height="192" />
</el-form-item>
<el-form-item label="科室" prop="departments">
<treeselect
v-model="form.departments"
:options="deptOptions"
:show-count="true"
placeholder="请选择科室"
searchable
/>
</el-form-item>
<el-form-item label="状态" prop="departments">
<el-radio v-model="form.departments" label="1">禁用</el-radio>
<el-radio v-model="form.departments" label="2">启用</el-radio>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listHospital,
getHospital,
delHospital,
addHospital,
updateHospital,
} from "@/api/hispotalManage/hospital";
import { listDepartment } from "@/api/hispotalManage/office";
import { deptTreeSelect } from "@/api/system/user";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default {
name: "Hospital",
components: { Treeselect },
data() {
return {
// 部门树选项
deptOptions: undefined,
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 医院表格数据
hospitalList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
// cityId: undefined,
name: undefined,
// logo: undefined,
// level: undefined,
// lng: undefined,
// lat: undefined,
// category: undefined,
// introduce: undefined,
// departments: undefined,
// status: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {},
};
},
created() {
this.getList();
this.getDeptTree();
},
methods: {
/** 查询部门下拉树结构 */
getDeptTree() {
listDepartment().then((response) => {
this.deptOptions = response.data;
this.deptOptions = this.treeChange(this.deptOptions);
});
},
treeChange(arr) {
return arr.map((item) => {
if (item.children && item.children.length > 0) {
this.treeChange(item.children);
} else {
delete item.children;
}
return item;
});
},
/** 查询医院列表 */
getList() {
this.loading = true;
listHospital(this.queryParams).then((response) => {
this.hospitalList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
cityId: undefined,
name: undefined,
logo: undefined,
level: undefined,
lng: undefined,
lat: undefined,
category: undefined,
introduce: undefined,
departments: undefined,
status: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
delFlag: undefined,
};
this.resetForm("form");
},
created() {
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
methods: {
/** 查询医院列表 */
getList() {
this.loading = true;
listHospital(this.queryParams).then(response => {
this.hospitalList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
cityId: undefined,
name: undefined,
logo: undefined,
level: undefined,
lng: undefined,
lat: undefined,
category: undefined,
introduce: undefined,
departments: undefined,
status: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
delFlag: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加医院";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids;
getHospital(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "添加医院";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getHospital(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改医院";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateHospital(this.form).then(response => {
this.title = "修改医院";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateHospital(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addHospital(this.form).then(response => {
} else {
addHospital(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除医院编号为"' + ids + '"的数据项？').then(() => {
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除医院编号为"' + ids + '"的数据项？')
.then(() => {
this.loading = true;
return delHospital(ids);
}).then(() => {
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('system/hospital/export', {
...this.queryParams
}, `hospital_${new Date().getTime()}.xlsx`)
}
}
};
</script>
\ No newline at end of file
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/hospital/export",
{
...this.queryParams,
},
`hospital_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
src/views/hispotalManage/office/index.vue
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="上级科室" prop="parentId">
<el-input
v-model="queryParams.parentId"
......@@ -29,20 +29,31 @@
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:department:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
</el-form> -->
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:department:add']"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="info"
plain
icon="el-icon-sort"
size="mini"
@click="toggleExpandAll"
>展开/折叠</el-button
>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="success"
plain
......@@ -73,221 +84,320 @@
@click="handleExport"
v-hasPermi="['system:department:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="departmentList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="" align="center" prop="id" v-if="true"/>
<el-table-column label="上级科室" align="center" prop="parentId" />
<el-table-column label="排序" align="center" prop="order" />
<el-table-column label="名称" align="center" prop="title" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
</el-col> -->
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-tree
:data="departmentList"
node-key="id"
:expand-on-click-node="false"
:default-expand-all="isExpandAll"
v-if="refreshTable"
>
<span class="custom-tree-node" slot-scope="{ node, data }">
<div style="display: flex; justify-content: space-between; width: 45vw">
<span>{{ node.label }}</span>
<span style="margin-left: 20px">
<el-button
size="mini"
type="text"
size="mini"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:department:edit']"
>修改</el-button>
@click="() => handleUpdate(node, data)"
>
修改
</el-button>
<el-button
size="mini"
type="text"
size="mini"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:department:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改科室对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级科室" prop="parentId">
<el-input v-model="form.parentId" placeholder="请输入上级科室" />
</el-form-item>
<el-form-item label="排序" prop="order">
<el-input v-model="form.order" placeholder="请输入排序" />
</el-form-item>
<el-form-item label="名称" prop="title">
<el-input v-model="form.title" placeholder="请输入名称" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
@click="() => handleDelete(node, data)"
>
删除
</el-button>
</span>
</div>
</el-dialog>
</div>
</template>
<script>
import { listDepartment, getDepartment, delDepartment, addDepartment, updateDepartment } from "@/api/hispotalManage/office";
export default {
name: "Department",
data() {
return {
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 科室表格数据
departmentList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
parentId: undefined,
order: undefined,
title: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {
</span>
</el-tree>
<!-- <el-table
v-if="refreshTable"
v-loading="loading"
:data="departmentList"
row-key="menuId"
:default-expand-all="isExpandAll"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
>
<el-table-column label="科室" width="55" align="center" />
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="" align="center" prop="id" v-if="true" />
<el-table-column label="上级科室" align="center" prop="parentId" />
<el-table-column label="排序" align="center" prop="order" />
<el-table-column label="名称" align="center" prop="title" />
<el-table-column
label="操作"
align="center"
class-name="small-padding fixed-width"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:department:edit']"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:department:remove']"
>删除</el-button
>
</template>
</el-table-column>
</el-table> -->
<!-- <pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/> -->
<!-- 添加或修改科室对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="上级科室" prop="parentId">
<el-input v-model="form.parentId" placeholder="请输入上级科室" />
</el-form-item>
<el-form-item label="名称" prop="title">
<el-input v-model="form.title" placeholder="请输入名称" />
</el-form-item>
<el-form-item label="排序" prop="order">
<el-input-number
v-model="form.order"
:min="0"
:precision="0"
label="请输入排序"
></el-input-number>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button :loading="buttonLoading" type="primary" @click="submitForm"
>确 定</el-button
>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import {
listDepartment,
getDepartment,
delDepartment,
addDepartment,
updateDepartment,
} from "@/api/hispotalManage/office";
export default {
name: "Department",
data() {
return {
// 是否展开，默认全部折叠
isExpandAll: false,
// 重新渲染表格状态
refreshTable: true,
// 按钮loading
buttonLoading: false,
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 科室表格数据
departmentList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
// pageNum: 1,
// pageSize: 10,
// parentId: undefined,
// order: undefined,
// title: undefined,
},
// 表单参数
form: {},
// 表单校验
rules: {},
};
},
created() {
this.getList();
},
methods: {
/** 展开/折叠操作 */
toggleExpandAll() {
this.refreshTable = false;
this.isExpandAll = !this.isExpandAll;
this.$nextTick(() => {
this.refreshTable = true;
});
},
/** 查询科室列表 */
getList() {
this.loading = true;
listDepartment(this.queryParams).then((response) => {
// this.departmentList = response.rows;
// this.total = response.total;
// this.loading = false;
this.departmentList = response.data;
this.total = response.total;
this.loading = false;
this.refreshTable = true;
this.deptOptions = this.treeChange(this.deptOptions);
});
},
treeChange(arr) {
return arr.map((item) => {
if (item.children && item.children.length > 0) {
this.treeChange(item.children);
} else {
delete item.children;
}
return item;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
parentId: undefined,
order: undefined,
title: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
delFlag: undefined,
};
this.resetForm("form");
},
created() {
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
methods: {
/** 查询科室列表 */
getList() {
this.loading = true;
listDepartment(this.queryParams).then(response => {
this.departmentList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: undefined,
parentId: undefined,
order: undefined,
title: undefined,
createBy: undefined,
createTime: undefined,
updateBy: undefined,
updateTime: undefined,
delFlag: undefined
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map((item) => item.id);
this.single = selection.length !== 1;
this.multiple = !selection.length;
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加科室";
},
/** 修改按钮操作 */
handleUpdate(node, row) {
this.loading = true;
this.reset();
const id = row.id || this.ids;
getDepartment(id).then((response) => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "添加科室";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.loading = true;
this.reset();
const id = row.id || this.ids
getDepartment(id).then(response => {
this.loading = false;
this.form = response.data;
this.open = true;
this.title = "修改科室";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateDepartment(this.form).then(response => {
this.title = "修改科室";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
this.buttonLoading = true;
if (this.form.id != null) {
updateDepartment(this.form)
.then((response) => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
}).finally(() => {
})
.finally(() => {
this.buttonLoading = false;
});
} else {
addDepartment(this.form).then(response => {
} else {
addDepartment(this.form)
.then((response) => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
}).finally(() => {
})
.finally(() => {
this.buttonLoading = false;
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除科室编号为"' + ids + '"的数据项？').then(() => {
}
});
},
/** 删除按钮操作 */
handleDelete(node, row) {
const ids = row.id || this.ids;
this.$modal
.confirm('是否确认删除科室编号为"' + ids + '"的数据项？')
.then(() => {
this.loading = true;
return delDepartment(ids);
}).then(() => {
})
.then(() => {
this.loading = false;
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
}).finally(() => {
})
.catch(() => {})
.finally(() => {
this.loading = false;
});
},
/** 导出按钮操作 */
handleExport() {
this.download('system/department/export', {
...this.queryParams
}, `department_${new Date().getTime()}.xlsx`)
}
}
};
</script>
\ No newline at end of file
},
/** 导出按钮操作 */
handleExport() {
this.download(
"system/department/export",
{
...this.queryParams,
},
`department_${new Date().getTime()}.xlsx`
);
},
},
};
</script>
src/views/system/user/index.vue
......@@ -105,7 +105,8 @@
size="mini"
@click="handleAdd"
v-hasPermi="['system:user:add']"
>新增</el-button>
>新增</el-button
>
</el-col>
<!-- <el-col :span="1.5">
<el-button
......@@ -284,8 +285,8 @@
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-row>
<el-col :span="12">
<el-form-item label="用户昵称" prop="nickName">
<el-col :span="24">
<el-form-item label="用户名" prop="nickName">
<el-input
v-model="form.nickName"
placeholder="请输入用户昵称"
......@@ -293,7 +294,16 @@
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="名称" prop="userName">
<el-input
v-model="form.userName"
placeholder="请输入名称"
maxlength="30"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item label="归属部门" prop="deptId">
<treeselect
v-model="form.deptId"
......@@ -302,10 +312,62 @@
placeholder="请选择归属部门"
/>
</el-form-item>
</el-col>
</el-col> -->
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="24">
<el-form-item label="密码" prop="password">
<el-input
v-model="form.password"
placeholder="请输入密码"
type="password"
maxlength="20"
show-password
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="确认密码" prop="password">
<el-input
v-model="form.password"
placeholder="请输入确认密码"
type="password"
maxlength="20"
show-password
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="角色">
<el-select
v-model="form.roleIds"
multiple
placeholder="请选择角色"
>
<el-option
v-for="item in roleOptions"
:key="item.roleId"
:label="item.roleName"
:value="item.roleId"
:disabled="item.status == 1"
></el-option>
</el-select>
</el-form-item>
</el-col>
<template v-if="title === '修改'">
<el-col :span="24">
<el-form-item label="创建时间" prop="">
<el-input disabled />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="更新时间" prop="">
<el-input disabled />
</el-form-item>
</el-col>
</template>
<!-- <el-col :span="12">
<el-form-item label="手机号码" prop="phonenumber">
<el-input
v-model="form.phonenumber"
......@@ -322,9 +384,9 @@
maxlength="50"
/>
</el-form-item>
</el-col>
</el-col> -->
</el-row>
<el-row>
<!-- <el-row>
<el-col :span="12">
<el-form-item
v-if="form.userId == undefined"
......@@ -426,7 +488,7 @@
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-row> -->
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
......@@ -727,7 +789,8 @@ export default {
this.postOptions = response.data.posts;
this.roleOptions = response.data.roles;
this.open = true;
this.title = "添加用户";
// this.title = "添加用户";
this.title = "新增";
this.form.password = this.initPassword;
});
},
......@@ -742,7 +805,8 @@ export default {
this.$set(this.form, "postIds", response.data.postIds);
this.$set(this.form, "roleIds", response.data.roleIds);
this.open = true;
this.title = "修改用户";
// this.title = "修改用户";
this.title = "修改";
this.form.password = "";
});
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment