修改超声和影像样式

This commit is contained in:
lxd 2024-08-04 19:08:30 +08:00
parent 0b18e1d38a
commit 8f65b90d84
3 changed files with 22 additions and 18 deletions

View File

@ -5,7 +5,7 @@
class="my-custom-close-icon" class="my-custom-close-icon"
:fullscreen="true" :fullscreen="true"
> >
<el-tabs v-model="activeName" type="card" class="demo-tabs"> <el-tabs v-model="activeName" type="card" >
<el-tab-pane label="影像" name="first"> <el-tab-pane label="影像" name="first">
<iframe <iframe
frameborder="0" frameborder="0"
@ -18,7 +18,7 @@
<!-- 外层 Flex 容器 --> <!-- 外层 Flex 容器 -->
<div style="display: flex; height: 100%"> <div style="display: flex; height: 100%">
<!-- 模版区域 --> <!-- 模版区域 -->
<div style="flex: 1; min-width: 0" class="template-area"> <div style="flex: 1; min-width: 0" >
<el-select <el-select
v-model="fordevicemValue" v-model="fordevicemValue"
placeholder="请选择模版类别" placeholder="请选择模版类别"
@ -73,7 +73,7 @@
</el-tabs> </el-tabs>
</div> </div>
<!-- 用户信息区域 --> <!-- 用户信息区域 -->
<div style="flex: 3; min-width: 0" class="user-info-area"> <div style="flex: 3; min-width: 0" >
<label style="font-size: 18px; font-weight: bold; margin-left: 50px">患者信息</label> <label style="font-size: 18px; font-weight: bold; margin-left: 50px">患者信息</label>
<el-divider /> <el-divider />
<el-form <el-form
@ -203,7 +203,7 @@
<el-radio-button label="阳性" value="1" /> <el-radio-button label="阳性" value="1" />
</el-radio-group> </el-radio-group>
<el-divider /> <el-divider />
<div class="form-row"> <div class="form-row-yx">
<el-form-item label="诊断医生" class="form-item"> <el-form-item label="诊断医生" class="form-item">
<el-input v-model="applyFormVO.diagDoctor" style="width: 180px" :disabled="true" /> <el-input v-model="applyFormVO.diagDoctor" style="width: 180px" :disabled="true" />
</el-form-item> </el-form-item>
@ -593,11 +593,11 @@ const resetForm = () => {
</script> </script>
<style> <style>
.my-container { /* .my-container-yx {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
} }
/* 报告区域 左侧模版选择字体大小 */ *//* */
.treeStyle { .treeStyle {
font-size: 20px; font-size: 20px;
} }
@ -614,9 +614,10 @@ const resetForm = () => {
} }
/* 诊断医生等样式 */ /* 诊断医生等样式 */
.form-row { .form-row-yx {
display: flex; display: flex;
justify-content: space-around; /* 将元素左右对齐 */ justify-content: space-around; /* 将元素左右对齐 */
margin-top: 10px; margin-top: 10px;
margin-left: 100px;
} }
</style> </style>

View File

@ -44,7 +44,7 @@
class="!w-240px" class="!w-240px"
/> />
</el-form-item> --> </el-form-item> -->
<el-form-item label="检查日期" prop="examDate" size="mini"> <el-form-item label="检查日期" prop="examDate" >
<!-- aaaaa --> <!-- aaaaa -->
<el-radio-group ref="examDate_radio" v-model="examDate_radio_value" @change="examDate_radio_change"> <el-radio-group ref="examDate_radio" v-model="examDate_radio_value" @change="examDate_radio_change">
<el-radio style="margin-right: 15px;" :value="1">今天</el-radio> <el-radio style="margin-right: 15px;" :value="1">今天</el-radio>
@ -396,7 +396,7 @@ import Ultrasonic from '/src/views/ultrasoniccom/ultrasonicForm.vue'
/** PACS检查列表 列表 */ /** PACS检查列表 列表 */
defineOptions({ name: 'Patientexamlist' }) defineOptions({ name: 'Patientexamlistultrasonic' })
const message = useMessage() // const message = useMessage() //
const { t } = useI18n() // const { t } = useI18n() //

View File

@ -13,7 +13,7 @@
label-width="100px" label-width="100px"
v-loading="formLoading" v-loading="formLoading"
> --> > -->
<div class="my-container"> <div class="my-container-cs">
<div class="my-left"> <div class="my-left">
<el-select <el-select
v-model="fordevicemValue" v-model="fordevicemValue"
@ -305,7 +305,7 @@
<el-button <el-button
type="success" type="success"
plain plain
style="width: 80px; float: right; margin-right: 15px" style="width: 80px; float: right; margin-right: 15px;margin-top: 30px"
@click="save" @click="save"
:disabled="savedisabled" :disabled="savedisabled"
>保存</el-button >保存</el-button
@ -314,7 +314,7 @@
type="primary" type="primary"
plain plain
v-show="examinedisabled" v-show="examinedisabled"
style="width: 80px; float: right; margin-right: 15px" style="width: 80px; float: right; margin-right: 15px; margin-top: 30px"
@click="examine" @click="examine"
>审核</el-button >审核</el-button
> >
@ -992,7 +992,7 @@ const chooseImage = (event, id: number) => {
</script> </script>
<style> <style>
.my-container { .my-container-cs {
display: flex; display: flex;
height: calc(100% - 40px); height: calc(100% - 40px);
} }
@ -1002,7 +1002,7 @@ const chooseImage = (event, id: number) => {
} */ } */
/* 给 my-left 内的元素一个特定的类名 */ /* 给 my-left 内的元素一个特定的类名 */
.my-container .my-left .treeStyle { .my-container-cs .my-left .treeStyle {
font-size: 19px; /* 或者你想要的字体大小 */ font-size: 19px; /* 或者你想要的字体大小 */
} }
@ -1035,7 +1035,10 @@ const chooseImage = (event, id: number) => {
align-items: center; align-items: center;
} }
/* 分割线内部的间距 */
.el-divider--horizontal {
margin: 6px;
}
.demo-image { .demo-image {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -1166,13 +1169,13 @@ const chooseImage = (event, id: number) => {
color: red; /* 自定义图标颜色 */ color: red; /* 自定义图标颜色 */
} }
/* 用户、报告 */ /* 用户、报告 */
.el-tabs__content /* .el-tabs__content
{ {
height: 970px; height: 970px;
} } */
.el-divider--horizontal .el-divider--horizontal
{ {
margin: 16px; margin: 6px;
} }
</style> </style>