root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2025-08-24 13:04:57 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

菜单动态展示

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/router/routes.ts
View File

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

13
src/stores/user-info-store.ts
View File

@ -63,8 +63,19 @@ export const useUserStore = defineStore('login', {
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) {

2
src/utils/request.ts
View File

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

57
src/views/login/login.vue
View File

@ -26,7 +26,8 @@
</el-input>
</el-form-item>
<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>
<el-icon>
<Lock/>
@ -34,7 +35,8 @@
</template>
</el-input>
</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>
</div>
<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-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 label="密码" prop="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 label="姓名" prop="name">
<el-input v-model="registerParams.name" placeholder="请输入姓名"></el-input>
@ -164,13 +170,9 @@ const validatorPhone = (rule: any, value: any, callback: any) => {
const loginRules = reactive({
account: [
{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: [
{required: true, message: '请输入密码', trigger: 'blur'},
{min: 5, max: 25, message: '长度在 5 到 25个字符'},
{pattern: /^(\w){5,25}$/, message: '长度在5-25之间，以字母、数字、下划线'}
{required: true, message: '请输入用户名', trigger: 'change'},
],
phone: [
{required: true, validator: validatorPhone, trigger: 'blur'},
@ -181,14 +183,16 @@ const loginRules = reactive({
})
const registerRules = reactive({
username: [
{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位，数字、字母、下划线的组合，其中数字和字母必须同时存在'}
{required: true, message: '用户名不能为空', trigger: ['blur', 'change']},
{validator: validateAccount, trigger: ['blur', 'change']}
],
password: [
{required: true, message: '请输入密码', trigger: 'blur'},
{min: 5, max: 25, message: '长度在 5 到 25个字符'},
{pattern: /^(\w){5,25}$/, message: '长度在5-25之间，以字母、数字、下划线'}
{required: true, message: '密码不能为空', trigger: ['blur', 'change']},
{validator: validatePass2, trigger: ['blur', 'change']}
],
confirmPassword: [
{required: true, message: '密码不能为空', trigger: ['blur', 'change']},
{validator: validatePass2, trigger: ['blur', 'change']}
],
name: [
{required: true, message: '请输入真实姓名', trigger: 'blur'},
@ -211,9 +215,9 @@ const currentHospital = ref("")
const isShowRegister = ref(false)
const passwordLogin = ref(true)
const loginParams = ref({
account: 'admin',
account: '',
name: '',
password: '123456',
password: '',
phone: '',
phoneArea: phoneAreas[0],
code: '',
@ -224,6 +228,7 @@ const loginParams = ref({
const registerParams = ref({
username: '',
password: '',
confirmPassword: '',
name: '',
phone: '',
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) => {
}

24
src/views/logs-manage/index.vue
View File

@ -17,21 +17,27 @@
</template>
<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 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 = [
{name: '消息管理', path: '/logs-manage/message-manage'},
{name: '日志管理', path: '/logs-manage/logs-manage'},
{name: "词典管理", path: '/logs-manage/dict-manage'}
]
const pageTabsRef = ref()
const router = useRouter()
const route = useRoute()
const menuData = ref([])
const selectMenu = (e: MenuItem) => {
// 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>
<style lang='scss' scoped>

7
src/views/permissions-manage/doctor-manage.vue
View File

@ -24,9 +24,12 @@
<el-table-column type="index" label="#" width="55" align="center"/>
<el-table-column property="name" label="姓名" width="120" 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)
}}
</div>
</template>
</el-table-column>
<el-table-column label="角色" width="220" align="center">
@ -170,7 +173,7 @@ const resetPassword = (e: any) => {
ElMessageBox.prompt('是否确定要重置密码？', '系统提醒', {
type: 'warning',
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位"
}).then((inputVal) => {
modifyPw({

38
src/views/permissions-manage/form/doctor-form.vue
View File

@ -3,7 +3,7 @@
<el-row>
<el-col :span="12">
<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>
</el-form-item>
</el-col>
@ -46,8 +46,14 @@
<el-row v-if="type != 'edit'">
<el-col :span="12">
<el-form-item label="密码" prop="password">
<el-input v-model="formData.password" placeholder="请输入密码"
:disabled="type === 'edit'"></el-input>
<el-input v-model="formData.password" placeholder="请输入密码8~16位字母或数字（区分大小写）"
: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-col>
</el-row>
@ -91,6 +97,7 @@ const validatorPhone = (rule: any, value: any, callback: any) => {
const rules = reactive({
username: [
{required: true, message: '请输入用户名', trigger: ['blur', 'change']},
{validator: validateAccount, trigger: ['blur', 'change']}
],
name: [
{required: true, message: '请输入姓名', trigger: ['blur', 'change']},
@ -103,6 +110,11 @@ const rules = reactive({
],
password: [
{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: '',
phone: '',
password: '',
confirmPassword: '',
lockFlag: '0',
} as any)
@ -135,6 +148,24 @@ defineExpose({
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() {
emit('close')
}
@ -150,6 +181,7 @@ function resetData() {
email: '',
phone: '',
password: '',
confirmPassword: '',
lockFlag: '0',
}
}

23
src/views/permissions-manage/index.vue
View File

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

3
src/views/permissions-manage/role-manage.vue
View File

@ -127,7 +127,8 @@ const importData = () => {
}, 0);
}
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) => {
if (res) {
const ids: any = [];

2
src/views/remote-manage/chart/chart-line.vue
View File

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

6
src/views/remote-manage/part/remote-item-part.vue
View File

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

32
src/views/remote-manage/remote-control.vue
View File

@ -281,12 +281,18 @@ function subscribeWS() {
chartDom2.value.updateChartData(data.vitalSignsList);
chartDom3.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,
function (res: any) {
const chatObj = JSON.parse(res.data);
if (chatObj.history) {
mssageList.value = chatObj.history;
} else {
mssageList.value.push(JSON.parse(res.data));
}
})
/*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) {
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) => {
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 {
const varTable: any = [];
const fixedTable: any = [];
keys.forEach(key => {
remoteWsStore.varMedicine.forEach(key => {
const medicine = {
Phase: 0,
name: key,
speed: aiMedicine[key],
total: aiMedicine[key + "sum"],
speed: aiMedicine[key] ? Number(aiMedicine[key]).toFixed(2) : '0.0',
total: aiMedicine[key + "sum"] ? Number(aiMedicine[key + "sum"]).toFixed(2) : '0.0',
state: "正常"
}
if (remoteWsStore.varMedicine.includes(key)) {
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;
fixedTableData.value = fixedTable;

2
src/views/system-manage/user-list.vue
View File

@ -21,7 +21,7 @@
<el-table-column property="name" label="姓名" width="120" align="center" />
<el-table-column label="手机号" width="220" align="center">
<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>
</el-table-column>