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:
熊猫 2024-05-29 14:21:05 +08:00
parent 92130cdd74
commit df316ef82f
9 changed files with 85 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/router/routes.ts
View File

@ -41,24 +41,24 @@ export const constantRoute = [
} }
] ]
}, },
{ // {
path: '/patients-manage', // path: '/patients-manage',
name: '患者管理', // name: '患者管理',
redirect: '/patients-manage/patients-manage', // redirect: '/patients-manage/patients-manage',
component: () => import('@/views/patients-manage/index.vue'), // component: () => import('@/views/patients-manage/index.vue'),
children: [ // children: [
{ // {
path: '/patients-manage/patients-manage', // path: '/patients-manage/patients-manage',
name: '患者管理', // name: '患者管理',
component: () => import('@/views/patients-manage/patients-manage.vue'), // component: () => import('@/views/patients-manage/patients-manage.vue'),
}, // },
{ // {
path: '/patients-manage/surgery-info', // path: '/patients-manage/surgery-info',
name: '手术信息', // name: '手术信息',
component: () => import('@/views/patients-manage/surgery-info.vue'), // component: () => import('@/views/patients-manage/surgery-info.vue'),
} // }
] // ]
}, // },
{ {
path: '/remote-manage', path: '/remote-manage',
name: '远程管理', name: '远程管理',

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

@ -49,12 +49,13 @@ $size: 20px;
box-shadow: 2px 2px $size*0.2 0 rgba(black, .2); box-shadow: 2px 2px $size*0.2 0 rgba(black, .2);
.tag-index { .tag-index {
position: absolute; position: absolute;
width: $size*1.5; width: $size*1;
height: $size*1.5; height: $size*1;
top: $size*0.2; top: $size*0.3;
right: $size*0.5; //right: $size*0.5;
font-size: $size*0.7; //font-size: $size*0.7;
line-height: $size*1.5; margin-left: $size*0.3;
line-height: $size*1;
text-align: center; text-align: center;
color: white; color: white;
background-color: $red; background-color: $red;

2
src/views/remote-manage/part/message-part.vue
View File

@ -69,7 +69,7 @@ function scrollToBottom() {
overflow-y: auto; overflow-y: auto;
:deep(.el-timeline-item) { :deep(.el-timeline-item) {
color: $main-color; color: red;
.el-timeline-item__content, .el-timeline-item__content,
.el-timeline-item__timestamp { .el-timeline-item__timestamp {

16
src/views/remote-manage/part/remote-dialog.vue
View File

@ -12,16 +12,16 @@
<p class="input-box"><span>输入病人姓名：</span> <p class="input-box"><span>输入病人姓名：</span>
<el-input v-model="patientInfo.patient"></el-input> <el-input v-model="patientInfo.patient"></el-input>
</p> </p>
<p class="input-box"><span>输入病人身份证号：</span> <p class="input-box"><span>输入病人住院号：</span>
<el-input v-model="patientInfo.patientId"></el-input> <el-input v-model="patientInfo.patientId"></el-input>
</p> </p>
<p class="input-box"><span>请选择手术时间：</span> <!-- <p class="input-box"><span>请选择手术时间：</span>-->
<el-date-picker <!-- <el-date-picker-->
v-model="patientInfo.date" <!-- v-model="patientInfo.date"-->
type="date" <!-- type="date"-->
placeholder="请选择日期" <!-- placeholder="请选择日期"-->
/> <!-- />-->
</p> <!-- </p>-->
</div> </div>
</div> </div>
<div class="btn-box"> <div class="btn-box">

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

@ -291,11 +291,12 @@ $size: 20px;
} }
.tag-value { .tag-value {
margin-left: $size*0.5; margin-left: $size*0.3;
margin-top: $size*0.1;
padding: 0 $size*0.5; padding: 0 $size*0.5;
height: $size; height: $size*0.9;
line-height: $size; line-height: $size;
font-size: $size*0.7; font-size: $size*0.5;
color: white; color: white;
font-weight: 600; font-weight: 600;
background: $border2-color; background: $border2-color;

2
src/views/remote-manage/part/remote-part.vue
View File

@ -370,7 +370,7 @@ const breakRemote = () => {
padding: 0 20px; padding: 0 20px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
font-size: 18px; font-size: 16px;
color: white; color: white;
font-weight: 600; font-weight: 600;
background: $border2-color; background: $border2-color;

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

@ -92,7 +92,7 @@
<!-- table1 --> <!-- table1 -->
<div class="table-box"> <div class="table-box">
<el-table :data="varTableData" height="100%" style="width: 100%"> <el-table :data="varTableData" height="100%" style="width: 100%">
<el-table-column type="index" label="票号" width="40" align="center"/> <el-table-column type="index" label="序号" width="40" align="center"/>
<el-table-column prop="name" label="药物名称" align="center"/> <el-table-column prop="name" label="药物名称" align="center"/>
<el-table-column prop="speed" label="速度(ml/h)" width="120"> <el-table-column prop="speed" label="速度(ml/h)" width="120">
<!-- <template #header> <!-- <template #header>
@ -112,7 +112,7 @@
<el-table-column prop="total" label="累计药量(ml)" width="100"> <el-table-column prop="total" label="累计药量(ml)" width="100">
<template #default="scope">—</template> <template #default="scope">—</template>
</el-table-column> </el-table-column>
<el-table-column prop="state" label="工作状态" width="70" align="center"/> <el-table-column prop="state" label="工作状态" width="150" align="center"/>
<!-- <el-table-column label="特殊情况人为干预" align="center"> <!-- <el-table-column label="特殊情况人为干预" align="center">
<template #default="scope"> <template #default="scope">
<div class="table-btn-box"> <div class="table-btn-box">
@ -141,13 +141,13 @@
<!-- table2 --> <!-- table2 -->
<div class="table-box"> <div class="table-box">
<el-table :data="fixedTableData" height="100%" style="width: 100%"> <el-table :data="fixedTableData" height="100%" style="width: 100%">
<el-table-column type="index" label="票号" width="40" align="center"/> <el-table-column type="index" label="序号" width="40" align="center"/>
<el-table-column prop="name" label="药物名称" align="center"/> <el-table-column prop="name" label="药物名称" align="center"/>
<el-table-column prop="speed" label="速度(ml/h)" width="100"/> <el-table-column prop="speed" label="速度(ml/h)" width="100"/>
<el-table-column prop="total" label="累计药量(ml)" width="100"> <el-table-column prop="total" label="累计药量(ml)" width="100">
<template #default="scope">—</template> <template #default="scope">—</template>
</el-table-column> </el-table-column>
<el-table-column prop="state" label="工作状态" width="70" align="center"/> <el-table-column prop="state" label="工作状态" width="150" align="center"/>
<!-- <el-table-column label="特殊情况人为干预" align="center"> <!-- <el-table-column label="特殊情况人为干预" align="center">
<template #default="scope"> <template #default="scope">
<div class="table-btn-box"> <div class="table-btn-box">
@ -636,7 +636,7 @@ function startAI() {
.body-box { .body-box {
width: 100%; width: 100%;
height: calc(100% - 110px); height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -677,42 +677,42 @@ function startAI() {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.start-btn { //.start-btn {
width: 230px; // width: 230px;
height: 40px; // height: 40px;
font-size: 20px; // font-size: 20px;
border-radius: 16px; // border-radius: 16px;
font-weight: 600; // font-weight: 600;
} //}
.right-btn-box { //.right-btn-box {
position: absolute; // position: absolute;
width: 100px; // width: 100px;
height: 62px; // height: 62px;
top: calc(50% - 31px); // top: calc(50% - 31px);
right: 0; // right: 0;
display: flex; // display: flex;
flex-direction: column; // flex-direction: column;
justify-content: space-between; // justify-content: space-between;
//
.el-button { // .el-button {
width: 100%; // width: 100%;
padding: 0; // padding: 0;
height: 25px; // height: 25px;
line-height: 22px; // line-height: 22px;
border: 1px solid #e0e0e0; // border: 1px solid #e0e0e0;
color: #616161; // color: #616161;
//
&.active { // &.active {
background: $main-color; // background: $main-color;
color: white; // color: white;
} // }
//
&:last-of-type { // &:last-of-type {
margin: 0; // margin: 0;
} // }
} // }
} //}
} }
} }

4
src/views/remote-manage/remote-thumbnail.vue
View File

@ -54,7 +54,7 @@ const addLogAfter = (index: number) => {
<style lang='scss' scoped> <style lang='scss' scoped>
$size: 20px; $size: 20px;
.remote-thumbnail-page { .remote-thumbnail-page {
width: 1920px; width: 100%;
height: 1010px; height: 1010px;
overflow: auto; overflow: auto;
.remote-box { .remote-box {
@ -82,7 +82,7 @@ $size: 20px;
position: relative; position: relative;
width: 25%; width: 25%;
height: 100%; height: 100%;
padding: $size*0.2; padding: $size*0.1;
padding-top: $size*0.2 + $size; padding-top: $size*0.2 + $size;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;

8
vite.config.ts
View File

@ -23,15 +23,15 @@ export default defineConfig({
server: { server: {
proxy: { proxy: {
'/api': { '/api': {
target: 'http://192.168.71.20:9999', // 目标服务器地址 // target: 'http://192.168.71.20:9999', // 目标服务器地址
// target: 'http://110.41.142.124:6379', // 目标服务器地址 target: 'http://110.41.142.124:6379', // 目标服务器地址
ws: true, // 是否启用 WebSocket ws: true, // 是否启用 WebSocket
changeOrigin: true, // 是否修改请求头中的 Origin 字段 changeOrigin: true, // 是否修改请求头中的 Origin 字段
rewrite: (path) => path.replace(/^\/api/, ''), rewrite: (path) => path.replace(/^\/api/, ''),
}, },
'/socket.io': { '/socket.io': {
target: 'ws://192.168.71.20:9999', // target: 'ws://192.168.71.20:9999',
// target: 'ws://110.41.142.124:6379', target: 'ws://110.41.142.124:6379',
ws: true, ws: true,
changeOrigin: true, changeOrigin: true,
rewrite: (path) => path.replace(/^\/socket.io/, ''), rewrite: (path) => path.replace(/^\/socket.io/, ''),