修改超声和影像样式

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"
: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">
<iframe
frameborder="0"
@ -18,7 +18,7 @@
<!-- 外层 Flex 容器 -->
<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
v-model="fordevicemValue"
placeholder="请选择模版类别"
@ -73,7 +73,7 @@
</el-tabs>
</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>
<el-divider />
<el-form
@ -203,7 +203,7 @@
<el-radio-button label="阳性" value="1" />
</el-radio-group>
<el-divider />
<div class="form-row">
<div class="form-row-yx">
<el-form-item label="诊断医生" class="form-item">
<el-input v-model="applyFormVO.diagDoctor" style="width: 180px" :disabled="true" />
</el-form-item>
@ -593,11 +593,11 @@ const resetForm = () => {
</script>
<style>
.my-container {
/* .my-container-yx {
height: 100vh;
width: 100vw;
}
/* 报告区域 左侧模版选择字体大小 */
*//* */
.treeStyle {
font-size: 20px;
}
@ -614,9 +614,10 @@ const resetForm = () => {
}
/* 诊断医生等样式 */
.form-row {
.form-row-yx {
display: flex;
justify-content: space-around; /* 将元素左右对齐 */
margin-top: 10px;
margin-left: 100px;
}
</style>

View File

@ -44,7 +44,7 @@
class="!w-240px"
/>
</el-form-item> -->
<el-form-item label="检查日期" prop="examDate" size="mini">
<el-form-item label="检查日期" prop="examDate" >
<!-- aaaaa -->
<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>
@ -396,7 +396,7 @@ import Ultrasonic from '/src/views/ultrasoniccom/ultrasonicForm.vue'
/** PACS检查列表 列表 */
defineOptions({ name: 'Patientexamlist' })
defineOptions({ name: 'Patientexamlistultrasonic' })
const message = useMessage() //
const { t } = useI18n() //

View File

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