菜单动态展示

This commit is contained in:
yy 2024-06-03 09:13:22 +08:00
parent 4141cf508e
commit c510dc4ba6
13 changed files with 851 additions and 748 deletions

View File

@ -21,7 +21,6 @@ export const constantRoute = [
{ {
path: '/permissions-manage', path: '/permissions-manage',
name: '权限管理', name: '权限管理',
redirect: '/permissions-manage/doctor-manage',
component: () => import('@/views/permissions-manage/index.vue'), component: () => import('@/views/permissions-manage/index.vue'),
children: [ children: [
{ {
@ -113,7 +112,6 @@ export const constantRoute = [
{ {
path: '/logs-manage', path: '/logs-manage',
name: '系统管理', name: '系统管理',
redirect: '/logs-manage/message-manage',
component: () => import('@/views/logs-manage/index.vue'), component: () => import('@/views/logs-manage/index.vue'),
children: [ children: [
{ {

View File

@ -63,8 +63,19 @@ export const useUserStore = defineStore('login', {
resolve(this.userInfo.menuPathList) resolve(this.userInfo.menuPathList)
} }
}) })
}
}, },
getMenuChild(path: string) {
return new Promise(resolve => {
this.getMenuPathList().then((res: any) => {
res.menus.forEach((menu: any) => {
if (menu.path == path) {
resolve(menu.children)
}
});
})
})
}
}
}) })
function handleMenuPath(menu: any, paths: any, menus?: any) { function handleMenuPath(menu: any, paths: any, menus?: any) {

View File

@ -79,7 +79,7 @@ function handleResponse(response: any) {
axiosInstance.interceptors.response.use(handleResponse, error => { axiosInstance.interceptors.response.use(handleResponse, error => {
const code = error.response.status || 200 const code = error.response.status || 200
if (code == 424 || code == 401) { if (code == 424) {
ElMessageBox.confirm('令牌状态已过期,请点击重新登录', "系统提示", { ElMessageBox.confirm('令牌状态已过期,请点击重新登录', "系统提示", {
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",

View File

@ -26,7 +26,8 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input v-model="loginParams.password" type="password" show-password placeholder="请输入密码"> <el-input v-model="loginParams.password" type="password" show-password
placeholder="请输入密码">
<template #prepend> <template #prepend>
<el-icon> <el-icon>
<Lock/> <Lock/>
@ -34,7 +35,8 @@
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-button :loading="loading" class="login-btn" type="primary" @click="login('password')">登录</el-button> <el-button :loading="loading" class="login-btn" type="primary" @click="login('password')">登录
</el-button>
<span class="register-btn" @click="getCaptchaCode()">注册账号</span> <span class="register-btn" @click="getCaptchaCode()">注册账号</span>
</div> </div>
<div class="login-form code-login" v-else> <div class="login-form code-login" v-else>
@ -80,11 +82,15 @@
<el-form ref="registerFormRef" :model="registerParams" :rules="registerRules" label-width="100"> <el-form ref="registerFormRef" :model="registerParams" :rules="registerRules" label-width="100">
<el-form-item label="用户名" prop="username"> <el-form-item label="用户名" prop="username">
<el-input v-model="registerParams.username" placeholder="请输入用户名"></el-input> <el-input v-model="registerParams.username" placeholder="请输入用户名2~16位字母或数字区分大小写"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="密码" prop="password"> <el-form-item label="密码" prop="password">
<el-input v-model="registerParams.password" type="password" show-password <el-input v-model="registerParams.password" type="password" show-password
placeholder="请输入密码"></el-input> placeholder="请输入密码8~16位字母或数字区分大小写"></el-input>
</el-form-item>
<el-form-item label="确认密码" prop="confirmPassword">
<el-input v-model="registerParams.confirmPassword" type="password" show-password
placeholder="请输入密码8~16位字母或数字区分大小写"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="姓名" prop="name"> <el-form-item label="姓名" prop="name">
<el-input v-model="registerParams.name" placeholder="请输入姓名"></el-input> <el-input v-model="registerParams.name" placeholder="请输入姓名"></el-input>
@ -164,13 +170,9 @@ const validatorPhone = (rule: any, value: any, callback: any) => {
const loginRules = reactive({ const loginRules = reactive({
account: [ account: [
{required: true, message: '请输入用户名', trigger: 'change'}, {required: true, message: '请输入用户名', trigger: 'change'},
{min: 2, max: 18, message: "长度在 6 到 18个字符"},
//{pattern:/^(?![^A-Za-z]+$)(?![^0-9]+$)[0-9A-Za-z_]{4,15}$/, message: '4-15线'}
], ],
password: [ password: [
{required: true, message: '请输入密码', trigger: 'blur'}, {required: true, message: '请输入用户名', trigger: 'change'},
{min: 5, max: 25, message: '长度在 5 到 25个字符'},
{pattern: /^(\w){5,25}$/, message: '长度在5-25之间以字母、数字、下划线'}
], ],
phone: [ phone: [
{required: true, validator: validatorPhone, trigger: 'blur'}, {required: true, validator: validatorPhone, trigger: 'blur'},
@ -181,14 +183,16 @@ const loginRules = reactive({
}) })
const registerRules = reactive({ const registerRules = reactive({
username: [ username: [
{required: true, message: '请输入用户名', trigger: 'change'}, {required: true, message: '用户名不能为空', trigger: ['blur', 'change']},
{min: 2, max: 18, message: "长度在 6 到 18个字符"}, {validator: validateAccount, trigger: ['blur', 'change']}
//{pattern:/^(?![^A-Za-z]+$)(?![^0-9]+$)[0-9A-Za-z_]{4,15}$/, message: '4-15线'}
], ],
password: [ password: [
{required: true, message: '请输入密码', trigger: 'blur'}, {required: true, message: '密码不能为空', trigger: ['blur', 'change']},
{min: 5, max: 25, message: '长度在 5 到 25个字符'}, {validator: validatePass2, trigger: ['blur', 'change']}
{pattern: /^(\w){5,25}$/, message: '长度在5-25之间以字母、数字、下划线'} ],
confirmPassword: [
{required: true, message: '密码不能为空', trigger: ['blur', 'change']},
{validator: validatePass2, trigger: ['blur', 'change']}
], ],
name: [ name: [
{required: true, message: '请输入真实姓名', trigger: 'blur'}, {required: true, message: '请输入真实姓名', trigger: 'blur'},
@ -211,9 +215,9 @@ const currentHospital = ref("")
const isShowRegister = ref(false) const isShowRegister = ref(false)
const passwordLogin = ref(true) const passwordLogin = ref(true)
const loginParams = ref({ const loginParams = ref({
account: 'admin', account: '',
name: '', name: '',
password: '123456', password: '',
phone: '', phone: '',
phoneArea: phoneAreas[0], phoneArea: phoneAreas[0],
code: '', code: '',
@ -224,6 +228,7 @@ const loginParams = ref({
const registerParams = ref({ const registerParams = ref({
username: '', username: '',
password: '', password: '',
confirmPassword: '',
name: '', name: '',
phone: '', phone: '',
hospital: '', hospital: '',
@ -250,6 +255,24 @@ onMounted(() => {
}) })
}) })
function validatePass2(rule: any, value: any, callback: any) {
if (!(/^[a-zA-Z0-9]{8,16}$/.test(value))) {
callback("8~16位字母或数字区分大小写");
} else if (value !== registerParams.value.password) {
callback(new Error('两次密码不一致'));
} else {
callback()
}
}
function validateAccount(rule: any, value: any, callback: any) {
if (!(/^[a-zA-Z0-9]{2,16}$/.test(value))) {
callback("2~16位字母或数字区分大小写");
} else {
callback()
}
}
const selectHospital = (e: string) => { const selectHospital = (e: string) => {
} }

View File

@ -17,21 +17,27 @@
</template> </template>
<script lang='ts' setup> <script lang='ts' setup>
import {onMounted, reactive, ref, toRefs, watch} from 'vue' import {onMounted, ref} from 'vue'
import type {MenuItem} from '@/utils/public-interface' import type {MenuItem} from '@/utils/public-interface'
import CommonMenu from '@/components/common-menu.vue' import CommonMenu from '@/components/common-menu.vue'
import PageTabs from '@/components/page-tabs.vue' import {useUserStore} from "@/stores/user-info-store";
import {useRoute, useRouter} from "vue-router";
const menuData = [ const router = useRouter()
{name: '消息管理', path: '/logs-manage/message-manage'}, const route = useRoute()
{name: '日志管理', path: '/logs-manage/logs-manage'}, const menuData = ref([])
{name: "词典管理", path: '/logs-manage/dict-manage'}
]
const pageTabsRef = ref()
const selectMenu = (e: MenuItem) => { const selectMenu = (e: MenuItem) => {
// pageTabsRef.value.setTab(e) // pageTabsRef.value.setTab(e)
} }
onMounted(async () => {
const paths = route.path.split("/")
const e: any = await useUserStore().getMenuChild("/" + paths[1])
menuData.value = e
if (e && e.length > 0) {
router.push(e[0].path)
}
})
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>

View File

@ -24,9 +24,12 @@
<el-table-column type="index" label="#" width="55" align="center"/> <el-table-column type="index" label="#" width="55" align="center"/>
<el-table-column property="name" label="姓名" width="120" align="center"/> <el-table-column property="name" label="姓名" width="120" align="center"/>
<el-table-column label="手机号" width="220" align="center"> <el-table-column label="手机号" width="220" align="center">
<template #default="scope">{{ <template #default="scope">
<div v-if="scope.row.phone">
{{
scope.row.phone.slice(0, 3) + '****' + scope.row.phone.slice(7) scope.row.phone.slice(0, 3) + '****' + scope.row.phone.slice(7)
}} }}
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="角色" width="220" align="center"> <el-table-column label="角色" width="220" align="center">
@ -170,7 +173,7 @@ const resetPassword = (e: any) => {
ElMessageBox.prompt('是否确定要重置密码?', '系统提醒', { ElMessageBox.prompt('是否确定要重置密码?', '系统提醒', {
type: 'warning', type: 'warning',
draggable: true, draggable: true,
inputPattern: /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[^\da-zA-Z\s]).{9,15}$/, // inputPattern: /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[^\da-zA-Z\s]).{9,15}$/,
inputErrorMessage: "密码至少包含字母、数字、特殊字符不少于9位最多15位" inputErrorMessage: "密码至少包含字母、数字、特殊字符不少于9位最多15位"
}).then((inputVal) => { }).then((inputVal) => {
modifyPw({ modifyPw({

View File

@ -3,7 +3,7 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="用户名" prop="username"> <el-form-item label="用户名" prop="username">
<el-input v-model="formData.username" placeholder="请输入用户名" <el-input v-model="formData.username" placeholder="请输入用户名2~16位字母或数字区分大小写"
:disabled="type === 'edit'"></el-input> :disabled="type === 'edit'"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -46,8 +46,14 @@
<el-row v-if="type != 'edit'"> <el-row v-if="type != 'edit'">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="密码" prop="password"> <el-form-item label="密码" prop="password">
<el-input v-model="formData.password" placeholder="请输入密码" <el-input v-model="formData.password" placeholder="请输入密码8~16位字母或数字区分大小写"
:disabled="type === 'edit'"></el-input> :disabled="type === 'edit'" type="password" show-password></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="确认密码" prop="confirmPassword">
<el-input v-model="formData.confirmPassword" placeholder="请输入密码8~16位字母或数字区分大小写"
:disabled="type === 'edit'" type="password" show-password></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -91,6 +97,7 @@ const validatorPhone = (rule: any, value: any, callback: any) => {
const rules = reactive({ const rules = reactive({
username: [ username: [
{required: true, message: '请输入用户名', trigger: ['blur', 'change']}, {required: true, message: '请输入用户名', trigger: ['blur', 'change']},
{validator: validateAccount, trigger: ['blur', 'change']}
], ],
name: [ name: [
{required: true, message: '请输入姓名', trigger: ['blur', 'change']}, {required: true, message: '请输入姓名', trigger: ['blur', 'change']},
@ -103,6 +110,11 @@ const rules = reactive({
], ],
password: [ password: [
{required: true, message: '请输入密码', trigger: ['blur', 'change']}, {required: true, message: '请输入密码', trigger: ['blur', 'change']},
{validator: validatePass2, trigger: ['blur', 'change']}
],
confirmPassword: [
{required: true, message: '请输入密码', trigger: ['blur', 'change']},
{validator: validatePass2, trigger: ['blur', 'change']}
] ]
}) })
@ -115,6 +127,7 @@ const formData = ref({
email: '', email: '',
phone: '', phone: '',
password: '', password: '',
confirmPassword: '',
lockFlag: '0', lockFlag: '0',
} as any) } as any)
@ -135,6 +148,24 @@ defineExpose({
resetData, resetData,
}) })
function validatePass2(rule: any, value: any, callback: any) {
if (!(/^[a-zA-Z0-9]{8,16}$/.test(value))) {
callback("8~16位字母或数字区分大小写");
} else if (value !== formData.value.password) {
callback(new Error('两次密码不一致'));
} else {
callback()
}
}
function validateAccount(rule: any, value: any, callback: any) {
if (!(/^[a-zA-Z0-9]{2,16}$/.test(value))) {
callback("2~16位字母或数字区分大小写");
} else {
callback()
}
}
function close() { function close() {
emit('close') emit('close')
} }
@ -150,6 +181,7 @@ function resetData() {
email: '', email: '',
phone: '', phone: '',
password: '', password: '',
confirmPassword: '',
lockFlag: '0', lockFlag: '0',
} }
} }

View File

@ -17,21 +17,31 @@
</template> </template>
<script lang='ts' setup> <script lang='ts' setup>
import {ref} from 'vue' import {onMounted, ref} from 'vue'
import type {MenuItem} from '@/utils/public-interface' import type {MenuItem} from '@/utils/public-interface'
import CommonMenu from '@/components/common-menu.vue' import CommonMenu from '@/components/common-menu.vue'
import PageTabs from '@/components/page-tabs.vue' import PageTabs from '@/components/page-tabs.vue'
import {useRoute, useRouter} from "vue-router";
import {useUserStore} from "@/stores/user-info-store";
const menuData = [ const router = useRouter()
{ name: '医生管理', path: '/permissions-manage/doctor-manage' }, const route = useRoute();
{ name: '角色管理', path: '/permissions-manage/role-manage' }, const menuData = ref([])
{ name: '菜单管理', path: '/permissions-manage/menu-manage' }
]
const pageTabsRef = ref() const pageTabsRef = ref()
const selectMenu = (e: MenuItem) => { const selectMenu = (e: MenuItem) => {
pageTabsRef.value.setTab(e) pageTabsRef.value.setTab(e)
} }
onMounted(async () => {
const paths = route.path.split("/")
const e: any = await useUserStore().getMenuChild("/" + paths[1])
menuData.value = e
if (e && e.length > 0) {
router.push(e[0].path)
}
})
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
@ -61,6 +71,7 @@ const selectMenu = (e: MenuItem) => {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 50px);
padding: 10px; padding: 10px;
.background-block { .background-block {
width: 100%; width: 100%;
height: 100%; height: 100%;

View File

@ -127,7 +127,8 @@ const importData = () => {
}, 0); }, 0);
} }
const removeData = (e?: any) => { const removeData = (e?: any) => {
const selectRow = [e] || tableRef.value.getSelectionRows(); const selectRow = e ? [e] : tableRef.value.getSelectionRows();
console.log(selectRow)
tableRemoveRow({data: selectRow}, (res: boolean) => { tableRemoveRow({data: selectRow}, (res: boolean) => {
if (res) { if (res) {
const ids: any = []; const ids: any = [];

View File

@ -46,7 +46,7 @@ function updateChartData(data: any) {
xData.push(dateFormater("HH:mm:ss", item.Time)); xData.push(dateFormater("HH:mm:ss", item.Time));
series.forEach((serie: any) => { series.forEach((serie: any) => {
serie.data.shift(); serie.data.shift();
serie.data.push(item[serie.name]); serie.data.push(item[serie.name])
if (item[serie.name + '_except']) { if (item[serie.name + '_except']) {
emit("exceptionEvent", remoteWsStore.exceptionMsg[serie.name + '_except'], item.Time); emit("exceptionEvent", remoteWsStore.exceptionMsg[serie.name + '_except'], item.Time);
} }

View File

@ -70,6 +70,7 @@ const remoteWsStore = useRemoteWsStore();
const remoteTask = ref(remoteWsStore.remoteTasks[props.index]); const remoteTask = ref(remoteWsStore.remoteTasks[props.index]);
const patientInfo = ref({} as any) const patientInfo = ref({} as any)
let reconnectTime = 0 let reconnectTime = 0
let currentException: any = {}
onMounted(() => { onMounted(() => {
// //
@ -115,18 +116,21 @@ function wsClose() {
} }
function setLog(data: any, index: number) { function setLog(data: any, index: number) {
if (currentException[index]?.Time != data.Time) {
currentException[index] = data
remoteWsStore.exceptionType.forEach((item: any) => { remoteWsStore.exceptionType.forEach((item: any) => {
if (data[item]) { if (data[item]) {
const msg: any = remoteWsStore.exceptionMsg[item]; const msg: any = remoteWsStore.exceptionMsg[item];
remoteWsStore.setRemoteLog({ remoteWsStore.setRemoteLog({
state: msg, state: msg,
taskName: remoteTask.value.taskName, taskName: remoteTask.value.taskName,
time: new Date(), time: data.Time,
type: "exception" type: "exception"
}, index); }, index);
} }
}) })
} }
}
</script> </script>

View File

@ -281,12 +281,18 @@ function subscribeWS() {
chartDom2.value.updateChartData(data.vitalSignsList); chartDom2.value.updateChartData(data.vitalSignsList);
chartDom3.value.updateChartData(data.vitalSignsList); chartDom3.value.updateChartData(data.vitalSignsList);
// chartDom4.value.updateChartData(data.vitalSignsList); // chartDom4.value.updateChartData(data.vitalSignsList);
updateMedicineTable(data.aiMedicineList[0], data.docMedicineList[0]); // updateMedicineTable(data.aiMedicineList[0], data.docMedicineList[0]);
updateMedicineTable(data.aiMedicineList[0], undefined);
}) })
remoteWsStore.subscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index, remoteWsStore.subscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index,
function (res: any) { function (res: any) {
const chatObj = JSON.parse(res.data);
if (chatObj.history) {
mssageList.value = chatObj.history;
} else {
mssageList.value.push(JSON.parse(res.data)); mssageList.value.push(JSON.parse(res.data));
}
}) })
/*remoteWsStore.subscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index, /*remoteWsStore.subscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index,
@ -331,27 +337,35 @@ function updateMedicineTable(aiMedicine: any, doctorMedicine: any) {
}) })
if (varTableData.value.length > 0) { if (varTableData.value.length > 0) {
varTableData.value.forEach((medicine: any) => { varTableData.value.forEach((medicine: any) => {
medicine.speed = aiMedicine[medicine.name]; medicine.speed = aiMedicine[medicine.name] ? Number(aiMedicine[medicine.name]).toFixed(2) : '0.0'
medicine.total = aiMedicine[medicine.name + "sum"] ? Number(aiMedicine[medicine.name + "sum"]).toFixed(2) : '0.0'
}) })
fixedTableData.value.forEach((medicine: any) => { fixedTableData.value.forEach((medicine: any) => {
medicine.speed = aiMedicine[medicine.name]; medicine.speed = aiMedicine[medicine.name] ? Number(aiMedicine[medicine.name]).toFixed(2) : '0.0'
medicine.total = aiMedicine[medicine.name + "sum"] ? Number(aiMedicine[medicine.name + "sum"]).toFixed(2) : '0.0'
}) })
} else { } else {
const varTable: any = []; const varTable: any = [];
const fixedTable: any = []; const fixedTable: any = [];
keys.forEach(key => { remoteWsStore.varMedicine.forEach(key => {
const medicine = { const medicine = {
Phase: 0, Phase: 0,
name: key, name: key,
speed: aiMedicine[key], speed: aiMedicine[key] ? Number(aiMedicine[key]).toFixed(2) : '0.0',
total: aiMedicine[key + "sum"], total: aiMedicine[key + "sum"] ? Number(aiMedicine[key + "sum"]).toFixed(2) : '0.0',
state: "正常" state: "正常"
} }
if (remoteWsStore.varMedicine.includes(key)) {
varTable.push(medicine); varTable.push(medicine);
} else if (remoteWsStore.fixedMedicine.includes(key)) { })
fixedTable.push(medicine); remoteWsStore.fixedMedicine.forEach(key => {
const medicine = {
Phase: 0,
name: key,
speed: aiMedicine[key] ? Number(aiMedicine[key]).toFixed(2) : '0.0',
total: aiMedicine[key + "sum"] ? Number(aiMedicine[key + "sum"]).toFixed(2) : '0.0',
state: "正常"
} }
fixedTable.push(medicine);
}) })
varTableData.value = varTable; varTableData.value = varTable;
fixedTableData.value = fixedTable; fixedTableData.value = fixedTable;

View File

@ -21,7 +21,7 @@
<el-table-column property="name" label="姓名" width="120" align="center" /> <el-table-column property="name" label="姓名" width="120" align="center" />
<el-table-column label="手机号" width="220" align="center"> <el-table-column label="手机号" width="220" align="center">
<template #default="scope">{{ <template #default="scope">{{
scope.row.phone.slice(0, 3) + '****' + scope.row.phone.slice(7) scope.row.phone?.slice(0, 3) + '****' + scope.row.phone?.slice(7)
}} }}
</template> </template>
</el-table-column> </el-table-column>