ccsens_zhengzhichuan
/
acupuncture
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

组织手机号负责人非必填

newMaster
1747191978@qq.com 4 months ago
parent
9cc02586f7
commit
e6895fff97
2 changed files with 941 additions and 694 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 842
      acupuncture-后台/src/views/member/account.vue
  2. 793
      acupuncture-后台/src/views/member/index.vue

842
acupuncture-后台/src/views/member/account.vue
View File

@ -1,381 +1,509 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" <el-form
label-width="80px"> :model="queryParams"
<el-form-item label="组织名称" prop="tenantName"> ref="queryForm"
<el-input v-model="queryParams.param.tenantName" placeholder="请输入" clearable size="small"
@keyup.enter.native="handleQuery" /> :inline="true"
</el-form-item> v-show="showSearch"
<el-form-item> label-width="80px"
<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 label="组织名称" prop="tenantName">
</el-form-item> <el-input
</el-form> v-model="queryParams.param.tenantName"
<el-row :gutter="10" class="mb8"> placeholder="请输入"
<el-col :span="1.5"> clearable
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button> @keyup.enter.native="handleQuery"
</el-col> />
<el-col :span="1.5"> </el-form-item>
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" <el-form-item>
@click="handleDelete">删除</el-button> <el-button
</el-col> type="primary"
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> icon="el-icon-search"
</el-row> 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"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="listData" @selection-change="handleSelectionChange" max-height="600"> <el-table
<el-table-column type="selection" width="55" align="center" /> v-loading="loading"
<el-table-column fixed label="昵称" align="center" prop="nickName" min-width="100" /> :data="listData"
<el-table-column fixed label="用户名" align="center" prop="userName" show-overflow-tooltip min-width="100"> @selection-change="handleSelectionChange"
</el-table-column> max-height="600"
<el-table-column fixed label="组织名称" align="center" prop="tenantName" show-overflow-tooltip min-width="80" /> >
<el-table-column label="状态" align="center" show-overflow-tooltip min-width="100"> <el-table-column type="selection" width="55" align="center" />
<template slot-scope="scope" v-if="scope.row.status != null"> <el-table-column
<span v-if="scope.row.status == 0" style="color: #67C23A">启用</span> fixed
<span v-if="scope.row.status == 1" style="color: #F56C6C">禁用</span> label="昵称"
</template> align="center"
</el-table-column> prop="nickName"
<el-table-column label="创建人/创建时间" align="center" min-width="140"> min-width="100"
<template slot-scope="scope"> />
<div>{{scope.row.createBy}}</div> <el-table-column
<span> fixed
{{ parseTime(scope.row.createTime, "{y}-{m}-{d} {h}:{i}") }} label="用户名"
</span> align="center"
</template> prop="userName"
</el-table-column> show-overflow-tooltip
<el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" width="200"> min-width="100"
<template slot-scope="scope"> >
<el-button size="mini" type="text" icon="el-icon-edit" </el-table-column>
@click="handleUpdate(scope.row)">修改</el-button> <el-table-column
<el-button size="mini" type="text" icon="el-icon-delete" fixed
@click="handleDelete(scope.row)">删除</el-button> label="组织名称"
<el-button size="mini" type="text" icon="el-icon-refresh" align="center"
@click="handleResetPwd(scope.row)">重置密码</el-button> prop="tenantName"
</template> show-overflow-tooltip
</el-table-column> min-width="80"
</el-table> />
<el-table-column
label="状态"
align="center"
show-overflow-tooltip
min-width="100"
>
<template slot-scope="scope" v-if="scope.row.status != null">
<span v-if="scope.row.status == 0" style="color: #67c23a">启用</span>
<span v-if="scope.row.status == 1" style="color: #f56c6c">禁用</span>
</template>
</el-table-column>
<el-table-column label="创建人/创建时间" align="center" min-width="140">
<template slot-scope="scope">
<div>{{ scope.row.createBy }}</div>
<span>
{{ parseTime(scope.row.createTime, "{y}-{m}-{d} {h}:{i}") }}
</span>
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
class-name="small-padding fixed-width"
width="200"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
>删除</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-refresh"
@click="handleResetPwd(scope.row)"
>重置密码</el-button
>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" <pagination
:limit.sync="queryParams.pageSize" @pagination="getList" /> v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改公告对话框 --> <!-- 添加或修改公告对话框 -->
<el-dialog class="popup" :title="title" :visible.sync="open" width="780px" append-to-body> <el-dialog
<el-form ref="form" :model="form" :rules="rules" label-width="80px" class="formStep"> class="popup"
<el-form-item label="昵称" prop="nickName"> :title="title"
<el-input v-model="form.nickName" placeholder="请输入" /> :visible.sync="open"
</el-form-item> width="780px"
<el-form-item label="用户名" prop="userName"> append-to-body
<el-input v-model="form.userName" placeholder="请输入" /> >
</el-form-item> <el-form
<el-form-item label="密码" prop="password" v-if="!form.id"> ref="form"
<el-input v-model="form.password" placeholder="请输入" /> :model="form"
</el-form-item> :rules="rules"
<el-form-item label="组织" prop="tenantId"> label-width="80px"
<el-select v-model="form.tenantId" placeholder="请选择"> class="formStep"
<el-option v-for="item in tenantsDataList" :key="item.id" :label="item.name" >
:value="item.id"> <el-form-item label="昵称" prop="nickName">
</el-option> <el-input v-model="form.nickName" placeholder="请输入" />
</el-select> </el-form-item>
</el-form-item> <el-form-item label="用户名" prop="userName">
</el-form> <el-input v-model="form.userName" placeholder="请输入" />
<div slot="footer" class="dialog-footer"> </el-form-item>
<el-button type="primary" @click="submitForm">确 定</el-button> <el-form-item label="密码" prop="password" v-if="!form.id">
<el-button @click="cancel">取 消</el-button> <el-input v-model="form.password" placeholder="请输入" />
</div> </el-form-item>
</el-dialog> <el-form-item label="组织" prop="tenantId">
<el-select v-model="form.tenantId" placeholder="请选择" filterable>
<el-dialog class="popup" title="重置密码" :visible.sync="resetOpen" width="780px" append-to-body> <el-option
<el-form ref="pasForm" :model="form" :rules="rules" label-width="80px" class="formStep"> v-for="item in tenantsDataList"
<el-form-item label="新密码" prop="password"> :key="item.id"
<el-input v-model="form.password" placeholder="请输入" /> :label="item.name"
</el-form-item> :value="item.id"
</el-form> >
<div slot="footer" class="dialog-footer"> </el-option>
<el-button type="primary" @click="submitPasForm">确 定</el-button> </el-select>
<el-button @click="resetOpen = false">取 消</el-button> </el-form-item>
</div> </el-form>
</el-dialog> <div slot="footer" class="dialog-footer">
</div> <el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<el-dialog
class="popup"
title="重置密码"
:visible.sync="resetOpen"
width="780px"
append-to-body
>
<el-form
ref="pasForm"
:model="form"
:rules="rules"
label-width="80px"
class="formStep"
>
<el-form-item label="新密码" prop="password">
<el-input v-model="form.password" placeholder="请输入" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitPasForm">确 定</el-button>
<el-button @click="resetOpen = false">取 消</el-button>
</div>
</el-dialog>
</div>
</template> </template>
<script> <script>
import { import {
tenantsList, tenantsList,
tenantUsersList, tenantUsersList,
tenantUsersAdd, tenantUsersAdd,
tenantUsersUpd, tenantUsersUpd,
tenantUsersDel, tenantUsersDel,
dataSourcesList, dataSourcesList,
resetPwd resetPwd,
} from "@/api/member"; } from "@/api/member";
import { import { followupQuery } from "@/api/followupFile";
followupQuery export default {
} from "@/api/followupFile"; name: "Notice",
export default { dicts: ["sys_normal_disable", "sys_user_sex"],
name: "Notice", data() {
dicts: ["sys_normal_disable", "sys_user_sex"], return {
data() { tenantsDataList: [],
return { queryParams: {
tenantsDataList: [], param: {
queryParams: { tenantName: "",
param: { },
tenantName: "", },
} listData: [],
}, title: "",
listData: [], resetOpen: false,
title: '', open: false,
resetOpen:false, total: 0,
open: false, form: {},
total: 0, loading: false,
form: {}, showSearch: true,
loading: false, multiple: false,
showSearch: true, // 表单校验
multiple: false, rules: {
// 表单校验 nickName: [
rules: { {
nickName: [{ required: true,
required: true, message: "昵称不能为空",
message: "昵称不能为空", trigger: "blur",
trigger: "blur", },
}], ],
userName: [{ userName: [
required: true, {
message: "账户不能为空", required: true,
trigger: "blur", message: "账户不能为空",
}], trigger: "blur",
tenantId: [{ },
required: true, ],
message: "所属组织不能为空", tenantId: [
trigger: "blur", {
}], required: true,
password: [{ message: "所属组织不能为空",
required: true, trigger: "blur",
message: "密码不能为空", },
trigger: "blur", ],
}, { password: [
pattern: /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[^\da-zA-Z\s]).{8,20}$/, {
message: "必须包含数字、字母、特殊字符, 长度为8到20位", required: true,
trigger: "blur", message: "密码不能为空",
}], trigger: "blur",
}, },
}; {
}, pattern: /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[^\da-zA-Z\s]).{8,20}$/,
created() { message: "必须包含数字、字母、特殊字符, 长度为8到20位",
this.getList(); trigger: "blur",
this.getTenantsList(); },
}, ],
methods: { },
// 数据源 };
getTenantsList() { },
tenantsList({ created() {
pageNum: -1, this.getList();
param: {}, this.getTenantsList();
}).then((res) => { },
this.tenantsDataList = res.data.list; methods: {
}); // 数据源
}, getTenantsList() {
/** 查询公告列表 */ tenantsList({
getList() { pageNum: -1,
this.loading = true; param: {},
tenantUsersList(this.queryParams).then((res) => { }).then((res) => {
this.listData = res.data.list; this.tenantsDataList = res.data.list;
this.total = res.data.total; });
this.loading = false; },
}); /** 查询公告列表 */
}, getList() {
// 取消按钮 this.loading = true;
cancel() { tenantUsersList(this.queryParams).then((res) => {
this.open = false; this.listData = res.data.list;
this.reset(); this.total = res.data.total;
}, this.loading = false;
// 表单重置 });
reset() { },
this.form = { // 取消按钮
"tenantId": "", cancel() {
"userName": "", this.open = false;
"nickName": "", this.reset();
"userName": '', },
"status": "0", // 表单重置
}; reset() {
this.resetForm("form"); this.form = {
}, tenantId: "",
/** 搜索按钮操作 */ userName: "",
handleQuery() { nickName: "",
this.queryParams.pageNum = 1; userName: "",
this.getList(); status: "0",
}, };
/** 重置按钮操作 */ this.resetForm("form");
resetQuery() { },
this.queryParams.param = { /** 搜索按钮操作 */
tenantName: "", handleQuery() {
}; this.queryParams.pageNum = 1;
this.handleQuery(); this.getList();
}, },
// 多选框选中数据 /** 重置按钮操作 */
handleSelectionChange(selection) { resetQuery() {
this.ids = selection.map((item) => item.id); this.queryParams.param = {
this.single = selection.length != 1; tenantName: "",
this.multiple = !selection.length; };
}, this.handleQuery();
/** 新增按钮操作 */ },
handleAdd() { // 多选框选中数据
this.reset(); handleSelectionChange(selection) {
this.open = true; this.ids = selection.map((item) => item.id);
this.title = "新增用户"; this.single = selection.length != 1;
}, this.multiple = !selection.length;
/** 修改按钮操作 */ },
handleUpdate(row) { /** 新增按钮操作 */
this.open = true; handleAdd() {
this.title = "修改用户"; this.reset();
this.form = JSON.parse(JSON.stringify(row)) this.open = true;
}, this.title = "新增用户";
/** 诊疗档案 */ },
submitForm: function() { /** 修改按钮操作 */
this.$refs["form"].validate((valid) => { handleUpdate(row) {
if (valid) { this.open = true;
if (this.form.id != undefined) { this.title = "修改用户";
tenantUsersUpd(this.form).then((response) => { this.form = JSON.parse(JSON.stringify(row));
this.$modal.msgSuccess("修改成功"); },
this.open = false; /** 诊疗档案 */
this.getList(); submitForm: function () {
}); this.$refs["form"].validate((valid) => {
} else { if (valid) {
tenantUsersAdd(this.form).then((response) => { if (this.form.id != undefined) {
this.$modal.msgSuccess("新增成功"); tenantUsersUpd(this.form).then((response) => {
this.open = false; this.$modal.msgSuccess("修改成功");
this.getList(); this.open = false;
}); this.getList();
} });
} } else {
}); tenantUsersAdd(this.form).then((response) => {
}, this.$modal.msgSuccess("新增成功");
handleResetPwd(row){ this.open = false;
this.resetOpen = true this.getList();
this.form = JSON.parse(JSON.stringify(row)) });
this.form.password = '' }
}, }
submitPasForm(row){ });
this.$refs["pasForm"].validate((valid) => { },
if (valid) { handleResetPwd(row) {
resetPwd(this.form).then((response) => { this.resetOpen = true;
this.$modal.msgSuccess("重置成功"); this.form = JSON.parse(JSON.stringify(row));
this.resetOpen = false; this.form.password = "";
this.getList(); },
}); submitPasForm(row) {
} this.$refs["pasForm"].validate((valid) => {
}); if (valid) {
}, resetPwd(this.form).then((response) => {
/** 删除按钮操作 */ this.$modal.msgSuccess("重置成功");
handleDelete(row) { this.resetOpen = false;
const idList = row.id ? [row.id] : this.ids; this.getList();
this.$modal });
.confirm("是否确认删除当前选择的数据？") }
.then(function() { });
return tenantUsersDel({ },
idList: idList, /** 删除按钮操作 */
}); handleDelete(row) {
}) const idList = row.id ? [row.id] : this.ids;
.then(() => { this.$modal
this.getList(); .confirm("是否确认删除当前选择的数据？")
this.$modal.msgSuccess("删除成功"); .then(function () {
}) return tenantUsersDel({
.catch(() => {}); idList: idList,
}, });
/** 导出按钮操作 */ })
handleExport() { .then(() => {
this.download1( this.getList();
"/treatment/exportTreatment", { this.$modal.msgSuccess("删除成功");
...this.queryParams.params, })
}, .catch(() => {});
`诊疗档案.xlsx` },
); /** 导出按钮操作 */
}, handleExport() {
/** 下载按钮操作 */ this.download1(
handleDownload() { "/treatment/exportTreatment",
window.open( {
`${process.env.VUE_APP_API_QZURL}/acupuncture/profile/TreamentTemplate.xlsx` ...this.queryParams.params,
); },
// this.download1( `诊疗档案.xlsx`
// "/patient/export", {}, );
// `患者档案导入模版.xlsx` },
// ); /** 下载按钮操作 */
}, handleDownload() {
/** 导入按钮操作 */ window.open(
handleImport() { `${process.env.VUE_APP_API_QZURL}/acupuncture/profile/TreamentTemplate.xlsx`
this.fileList = []; );
this.importOpen = true; // this.download1(
}, // "/patient/export", {},
}, // `患者档案导入模版.xlsx`
}; // );
},
/** 导入按钮操作 */
handleImport() {
this.fileList = [];
this.importOpen = true;
},
},
};
</script> </script>
<style scoped src="@/assets/styles/common.css"></style> <style scoped src="@/assets/styles/common.css"></style>
<style scoped> <style scoped>
.div-title1 { .div-title1 {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
} }
.div-title2 { .div-title2 {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
} }
.div-title3 { .div-title3 {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
} }
.span-but { .span-but {
display: inline-block; display: inline-block;
border-radius: 4px; border-radius: 4px;
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
line-height: 32px; line-height: 32px;
padding: 0 15px; padding: 0 15px;
margin: 5px; margin: 5px;
} }
.span-but-active { .span-but-active {
border: 1px solid #1890ff; border: 1px solid #1890ff;
} }
.human-body { .human-body {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.human-body>>>.el-form-item { .human-body >>> .el-form-item {
width: 49%; width: 49%;
margin-right: 2%; margin-right: 2%;
} }
.human-body>>>.el-form-item:nth-of-type(2n) { .human-body >>> .el-form-item:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.formStep1>>>.el-form-item__label {} .formStep1 >>> .el-form-item__label {
}
.form-item-zd { .form-item-zd {
width: 100%; width: 100%;
text-align: left; text-align: left;
} }
.form-item-age { .form-item-age {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.form-item-age span { .form-item-age span {
margin: 0 10px; margin: 0 10px;
} }
.form-item-age>>>.el-input { .form-item-age >>> .el-input {
width: 100px; width: 100px;
} }
>>>.el-drawer.rtl { >>> .el-drawer.rtl {
width: 50% !important; width: 50% !important;
} }
</style> </style>

793
acupuncture-后台/src/views/member/index.vue
View File

@ -1,366 +1,485 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" <el-form
label-width="80px"> :model="queryParams"
<el-form-item label="组织名称" prop="name"> ref="queryForm"
<el-input v-model="queryParams.param.name" placeholder="请输入" clearable size="small"
@keyup.enter.native="handleQuery" /> :inline="true"
</el-form-item> v-show="showSearch"
<el-form-item> label-width="80px"
<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 label="组织名称" prop="name">
</el-form-item> <el-input
</el-form> v-model="queryParams.param.name"
<el-row :gutter="10" class="mb8"> placeholder="请输入"
<el-col :span="1.5"> clearable
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button> @keyup.enter.native="handleQuery"
</el-col> />
<el-col :span="1.5"> </el-form-item>
<el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" <el-form-item>
@click="handleDelete">删除</el-button> <el-button
</el-col> type="primary"
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> icon="el-icon-search"
</el-row> 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"
>新增</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
>删除</el-button
>
</el-col>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="listData" @selection-change="handleSelectionChange" max-height="600"> <el-table
<el-table-column type="selection" width="55" align="center" /> v-loading="loading"
<el-table-column fixed label="组织名称" align="center" prop="name" min-width="100" /> :data="listData"
<el-table-column fixed label="联系电话" align="center" prop="contactPhone" show-overflow-tooltip @selection-change="handleSelectionChange"
min-width="100"> max-height="600"
</el-table-column> >
<el-table-column fixed label="数据源" align="center" prop="dataSourceKey" show-overflow-tooltip <el-table-column type="selection" width="55" align="center" />
min-width="80" /> <el-table-column
<el-table-column label="状态" align="center" show-overflow-tooltip min-width="100"> fixed
<template slot-scope="scope" v-if="scope.row.status != null"> label="组织名称"
<span v-if="scope.row.status == 0" style="color: #67C23A">启用</span> align="center"
<span v-if="scope.row.status == 1" style="color: #F56C6C">禁用</span> prop="name"
</template> min-width="100"
</el-table-column> />
<el-table-column label="创建人/创建时间" align="center" min-width="140"> <el-table-column
<template slot-scope="scope"> fixed
<div>{{scope.row.createBy}}</div> label="联系电话"
<span> align="center"
{{ parseTime(scope.row.createTime, "{y}-{m}-{d} {h}:{i}") }} prop="contactPhone"
</span> show-overflow-tooltip
</template> min-width="100"
</el-table-column> >
<el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" width="200"> </el-table-column>
<template slot-scope="scope"> <el-table-column
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" fixed
:disabled="scope.row.id == 1 || scope.row.id == 2">修改</el-button> label="数据源"
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" align="center"
:disabled="scope.row.id == 1 || scope.row.id == 2">删除</el-button> prop="dataSourceKey"
<!-- 启用 禁用 --> show-overflow-tooltip
<el-button size="mini" type="text" icon="el-icon-connection" @click="handleStatusUpd(scope.row)" min-width="80"
:disabled="scope.row.id == 1 || scope.row.id == 2"> />
{{scope.row.status - 0 ? '启用' : '禁用'}} <el-table-column
</el-button> label="状态"
</template> align="center"
</el-table-column> show-overflow-tooltip
</el-table> min-width="100"
>
<template slot-scope="scope" v-if="scope.row.status != null">
<span v-if="scope.row.status == 0" style="color: #67c23a">启用</span>
<span v-if="scope.row.status == 1" style="color: #f56c6c">禁用</span>
</template>
</el-table-column>
<el-table-column label="创建人/创建时间" align="center" min-width="140">
<template slot-scope="scope">
<div>{{ scope.row.createBy }}</div>
<span>
{{ parseTime(scope.row.createTime, "{y}-{m}-{d} {h}:{i}") }}
</span>
</template>
</el-table-column>
<el-table-column
fixed="right"
label="操作"
align="center"
class-name="small-padding fixed-width"
width="200"
>
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
:disabled="scope.row.id == 1 || scope.row.id == 2"
>修改</el-button
>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
:disabled="scope.row.id == 1 || scope.row.id == 2"
>删除</el-button
>
<!-- 启用 禁用 -->
<el-button
size="mini"
type="text"
icon="el-icon-connection"
@click="handleStatusUpd(scope.row)"
:disabled="scope.row.id == 1 || scope.row.id == 2"
>
{{ scope.row.status - 0 ? "启用" : "禁用" }}
</el-button>
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" <pagination
:limit.sync="queryParams.pageSize" @pagination="getList" /> v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改公告对话框 --> <!-- 添加或修改公告对话框 -->
<el-dialog class="popup" :title="title" :visible.sync="open" width="780px" append-to-body> <el-dialog
<el-form ref="form" :model="form" :rules="rules" label-width="140px" class="formStep"> class="popup"
<el-form-item label="组织名称" prop="name"> :title="title"
<el-input v-model="form.name" placeholder="请输入" /> :visible.sync="open"
</el-form-item> width="780px"
<el-form-item label="组织负责人" prop="leader"> append-to-body
<el-input v-model="form.leader" placeholder="请输入" /> >
</el-form-item> <el-form
<el-form-item label="联系电话" prop="contactPhone"> ref="form"
<el-input v-model="form.contactPhone" placeholder="请输入" /> :model="form"
</el-form-item> :rules="rules"
<el-form-item label="数据源" prop="dataSourceId"> label-width="140px"
<el-select v-model="form.dataSourceId" placeholder="请选择"> class="formStep"
<el-option v-for="item in dataSourceList" :key="item.id" :label="item.dataSourceKey" >
:value="item.id"> <el-form-item label="组织名称" prop="name">
</el-option> <el-input v-model="form.name" placeholder="请输入" />
</el-select> </el-form-item>
</el-form-item> <el-form-item label="组织负责人" prop="leader">
<!-- <el-form-item label="状态" prop="status"> <el-input v-model="form.leader" placeholder="请输入" />
</el-form-item>
<el-form-item label="联系电话" prop="contactPhone">
<el-input v-model="form.contactPhone" placeholder="请输入" />
</el-form-item>
<el-form-item label="数据源" prop="dataSourceId">
<el-select v-model="form.dataSourceId" placeholder="请选择">
<el-option
v-for="item in dataSourceList"
:key="item.id"
:label="item.dataSourceKey"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="状态" prop="status">
<el-radio-group v-model="form.status"> <el-radio-group v-model="form.status">
<el-radio :label="0">启用</el-radio> <el-radio :label="0">启用</el-radio>
<el-radio :label="1">禁用</el-radio> <el-radio :label="1">禁用</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> --> </el-form-item> -->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { import {
tenantsList, tenantsList,
tenantsAdd, tenantsAdd,
tenantsUpd, tenantsUpd,
tenantsDel, tenantsDel,
dataSourcesList dataSourcesList,
} from "@/api/member"; } from "@/api/member";
import { import { followupQuery } from "@/api/followupFile";
followupQuery export default {
} from "@/api/followupFile"; name: "Notice",
export default { dicts: ["sys_normal_disable", "sys_user_sex"],
name: "Notice", data() {
dicts: ["sys_normal_disable", "sys_user_sex"], return {
data() { dataSourceList: [],
return { queryParams: {
dataSourceList: [], param: {
queryParams: { name: "",
param: { },
name: "", },
} listData: [],
}, title: "",
listData: [], open: false,
title: '', total: 0,
open: false, form: {},
total: 0, loading: false,
form: {}, showSearch: true,
loading: false, multiple: false,
showSearch: true, // 表单校验
multiple: false, rules: {
// 表单校验 code: [
rules: { {
code: [{ required: true,
required: true, message: "CODE不能为空",
message: "CODE不能为空", trigger: "blur",
trigger: "blur", },
}], ],
name: [{ name: [
required: true, {
message: "组织名称不能为空", required: true,
trigger: "blur", message: "组织名称不能为空",
}], trigger: "blur",
leader: [{ },
required: true, ],
message: "负责人不能为空", leader: [
trigger: "blur", {
}], required: false,
contactPhone: [{ message: "负责人不能为空",
required: true, trigger: "blur",
message: "手机号码不能为空", },
trigger: "blur" ],
}, { contactPhone: [
pattern: /^1[3456789]\d{9}$/, {
message: '手机号码格式不正确', required: false,
trigger: 'blur' message: "手机号码不能为空",
}], trigger: "blur",
dataSourceId: [{ },
required: true, {
message: "数据源不能为空", pattern: /^1[3456789]\d{9}$/,
trigger: "change", message: "手机号码格式不正确",
}], trigger: "blur",
status: [{ },
required: true, ],
message: "状态不能为空", dataSourceId: [
trigger: "blur", {
}], required: false,
}, message: "数据源不能为空",
}; trigger: "change",
}, },
created() { ],
let idCard = this.$route.query.idCard; status: [
this.queryParams.param.keywords = idCard || ""; {
this.getList(); required: true,
this.getDataSource(); message: "状态不能为空",
}, trigger: "blur",
methods: { },
// 数据源 ],
getDataSource() { },
dataSourcesList({ };
pageNum: -1, },
param: {}, created() {
}).then((res) => { let idCard = this.$route.query.idCard;
this.dataSourceList = res.data.list; this.queryParams.param.keywords = idCard || "";
}); this.getList();
}, this.getDataSource();
/** 查询公告列表 */ },
getList() { methods: {
this.loading = true; // 数据源
tenantsList(this.queryParams).then((res) => { getDataSource() {
this.listData = res.data.list; dataSourcesList({
this.total = res.data.total; pageNum: -1,
this.loading = false; param: {},
}); }).then((res) => {
}, this.dataSourceList = res.data.list;
// 取消按钮 });
cancel() { },
this.open = false; /** 查询公告列表 */
this.reset(); getList() {
}, this.loading = true;
// 表单重置 tenantsList(this.queryParams).then((res) => {
reset() { this.listData = res.data.list;
this.form = { this.total = res.data.total;
"name": "", this.loading = false;
"leader": "", });
"contactPhone": "", },
"dataSourceId": '', // 取消按钮
"status": "0", cancel() {
}; this.open = false;
this.resetForm("form"); this.reset();
}, },
/** 搜索按钮操作 */ // 表单重置
handleQuery() { reset() {
this.queryParams.pageNum = 1; this.form = {
this.getList(); name: "",
}, leader: "",
/** 重置按钮操作 */ contactPhone: "",
resetQuery() { dataSourceId: "",
this.queryParams.param = { status: "0",
name: "", };
}; this.resetForm("form");
this.handleQuery(); },
}, /** 搜索按钮操作 */
// 多选框选中数据 handleQuery() {
handleSelectionChange(selection) { this.queryParams.pageNum = 1;
this.ids = selection.map((item) => item.id); this.getList();
this.single = selection.length != 1; },
this.multiple = !selection.length; /** 重置按钮操作 */
}, resetQuery() {
/** 新增按钮操作 */ this.queryParams.param = {
handleAdd() { name: "",
this.reset(); };
this.open = true; this.handleQuery();
this.title = "新增诊疗档案"; },
}, // 多选框选中数据
/** 修改按钮操作 */ handleSelectionChange(selection) {
handleUpdate(row) { this.ids = selection.map((item) => item.id);
this.open = true; this.single = selection.length != 1;
this.title = "修改诊疗档案"; this.multiple = !selection.length;
this.form = JSON.parse(JSON.stringify(row)) },
}, /** 新增按钮操作 */
/** 诊疗档案 */ handleAdd() {
submitForm: function() { this.reset();
this.$refs["form"].validate((valid) => { this.open = true;
if (valid) { this.title = "新增诊疗档案";
if (this.form.id != undefined) { },
tenantsUpd(this.form).then((response) => { /** 修改按钮操作 */
this.$modal.msgSuccess("修改成功"); handleUpdate(row) {
this.open = false; this.open = true;
this.getList(); this.title = "修改诊疗档案";
}); this.form = JSON.parse(JSON.stringify(row));
} else { },
tenantsAdd(this.form).then((response) => { /** 诊疗档案 */
this.$modal.msgSuccess("新增成功"); submitForm: function () {
this.open = false; this.$refs["form"].validate((valid) => {
this.getList(); if (valid) {
}); if (this.form.id != undefined) {
} tenantsUpd(this.form).then((response) => {
} this.$modal.msgSuccess("修改成功");
}); this.open = false;
}, this.getList();
});
/** 删除按钮操作 */ } else {
handleDelete(row) { tenantsAdd(this.form).then((response) => {
const idList = row.id ? [row.id] : this.ids; this.$modal.msgSuccess("新增成功");
this.$modal this.open = false;
.confirm("是否确认删除当前选择的数据？") this.getList();
.then(function() { });
return tenantsDel({ }
idList: idList, }
}); });
}) },
.then(() => {
this.getList(); /** 删除按钮操作 */
this.$modal.msgSuccess("删除成功"); handleDelete(row) {
}) const idList = row.id ? [row.id] : this.ids;
.catch(() => {}); this.$modal
}, .confirm("是否确认删除当前选择的数据？")
/** 删除按钮操作 */ .then(function () {
handleStatusUpd(row) { return tenantsDel({
let form = JSON.parse(JSON.stringify(row)) idList: idList,
form.status = form.status == 1 ? 0 : 1 });
let title = form.status ? '启用' : '禁用' })
this.$modal .then(() => {
.confirm(`是否确认 "${title}" 组织名称为 "${row.name}" 数据？`) this.getList();
.then(function() { this.$modal.msgSuccess("删除成功");
return tenantsUpd(form); })
}) .catch(() => {});
.then(() => { },
this.getList(); /** 删除按钮操作 */
this.$modal.msgSuccess("操作成功"); handleStatusUpd(row) {
}) let form = JSON.parse(JSON.stringify(row));
.catch(() => {}); form.status = form.status == 1 ? 0 : 1;
}, let title = form.status ? "启用" : "禁用";
}, this.$modal
}; .confirm(`是否确认 "${title}" 组织名称为 "${row.name}" 数据？`)
.then(function () {
return tenantsUpd(form);
})
.then(() => {
this.getList();
this.$modal.msgSuccess("操作成功");
})
.catch(() => {});
},
},
};
</script> </script>
<style scoped src="@/assets/styles/common.css"></style> <style scoped src="@/assets/styles/common.css"></style>
<style scoped> <style scoped>
.div-title1 { .div-title1 {
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
} }
.div-title2 { .div-title2 {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
} }
.div-title3 { .div-title3 {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
} }
.span-but { .span-but {
display: inline-block; display: inline-block;
border-radius: 4px; border-radius: 4px;
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
line-height: 32px; line-height: 32px;
padding: 0 15px; padding: 0 15px;
margin: 5px; margin: 5px;
} }
.span-but-active { .span-but-active {
border: 1px solid #1890ff; border: 1px solid #1890ff;
} }
.human-body { .human-body {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.human-body>>>.el-form-item { .human-body >>> .el-form-item {
width: 49%; width: 49%;
margin-right: 2%; margin-right: 2%;
} }
.human-body>>>.el-form-item:nth-of-type(2n) { .human-body >>> .el-form-item:nth-of-type(2n) {
margin-right: 0; margin-right: 0;
} }
.formStep1>>>.el-form-item__label {} .formStep1 >>> .el-form-item__label {
}
.form-item-zd { .form-item-zd {
width: 100%; width: 100%;
text-align: left; text-align: left;
} }
.form-item-age { .form-item-age {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.form-item-age span { .form-item-age span {
margin: 0 10px; margin: 0 10px;
} }
.form-item-age>>>.el-input { .form-item-age >>> .el-input {
width: 100px; width: 100px;
} }
>>>.el-drawer.rtl { >>> .el-drawer.rtl {
width: 50% !important; width: 50% !important;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save