lxd/FlowVue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改部分页面样式

Browse Source
This commit is contained in:
旺仔 2024-08-04 16:48:48 +08:00
parent 5a22525620
commit 6ae0ce11f6
12 changed files with 445 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

@ -2,7 +2,7 @@
VITE_APP_TITLE=医学影像系统
# 项目本地运行端口号
VITE_PORT=80
VITE_PORT=8080
# open 运行 npm run dev 时自动打开浏览器
VITE_OPEN=true

13
src/api/applyregistration/exampartManage/index.ts Normal file
View File

@ -0,0 +1,13 @@
import request from '@/config/axios'
/*
* 李传洋
* ExampartManageApi
*/
export const ExampartManageApi = {
}
/** 防空作用域 **/
console.log(request)

42
src/views/Login/Login.vue
View File

@ -32,24 +32,24 @@
<div class="my-top">
<img class="top-image" src="@/assets/imgs/FLY.png" />
<div class="text-container">
<span style="font-size: 46px">医共体医学影像系统</span>
<span style="font-size: 18px">The Medical Community Medical Imaging Systems</span>
<span style="font-size: 4.32vh">医共体医学影像系统</span>
<span style="font-size: 1.64vh">The Medical Community Medical Imaging Systems</span>
</div>
</div>
<div class="my-middle">
<div
style="
width:400px;
height: 320px;
width: 20.8vw;
min-height: 29.6vh;
background-color: rgb(255, 255, 255);
margin:auto;
margin-right: 150px;
margin-top: 200px;
padding: 20px;
margin: auto;
margin-right: 10.9vw;
margin-top: 15.8vh;
padding: 10px;
"
>
<!-- 账号登录 -->
<LoginForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
<LoginForm class="m-auto h-auto p-8px lt-xl:(rounded-3xl light:bg-white)" />
<!-- 手机登录 -->
<MobileForm class="m-auto h-auto p-20px lt-xl:(rounded-3xl light:bg-white)" />
<!-- 二维码登录 -->
@ -133,28 +133,29 @@ $prefix-cls: #{$namespace}-login;
flex-direction: column;
height: 100%; /* 确保容器占满可用高度 */
width: 100%;
overflow: hidden;
}
/* 最上面 */
.my-top {
display: flex; /* 使用Flexbox布局 */
align-items: flex-start; /* 垂直方向上，子元素靠左对齐 */
height: 9%;
background-color: rgb(255, 255, 255); /* 背景颜色，可以自定义 */
height: 10%;
width: 100%;
}
.top-image {
margin-left: 215px;
margin-right: 10px;
margin-left: 12.6vw;
margin-right: 2px;
margin-top: 7px;
width: 279px;
height: 90px;
width: 14.5vw;
height: 8.3vh;
}
.text-container {
display: flex;
flex-direction: column; /* 垂直排列span元素 */
margin-left: 3px; /* 给文本容器添加一些左边距，使其靠左一些 */
margin-top: 10px;
margin-left: 2px; /* 给文本容器添加一些左边距，使其靠左一些 */
margin-top: 7px;
}
.text-container span {
@ -165,20 +166,21 @@ $prefix-cls: #{$namespace}-login;
background-image: url('@/assets/imgs/登陆底部.png'); /* 替换为你的图片路径 */
background-size: cover; /* 使图片覆盖整个div，同时保持图片的宽高比 */
background-repeat: no-repeat; /* 防止图片重复 */
height: 13%;
height: 14.93%;
width: 100%;
opacity: 1;
background: rgba(84, 80, 81, 1);
}
.bottom-image
{
.bottom-image {
margin-left: 75%;
margin-top: 3px;
margin-bottom: 5px;
width: 13.8vw;
height: 95.8%;
}
/* 中间 */
.my-middle {
height: 79%;
height: 75%;
background-image: url('@/assets/imgs/登陆背景.png'); /* 替换为你的图片路径 */
background-repeat: no-repeat; /* 防止图片重复 */
background-size: cover; /* 使图片覆盖整个div，同时保持图片的宽高比 */

2
src/views/applyregistration/deviceManage/DeviceManageForm.vue
View File

@ -221,7 +221,7 @@ defineExpose({ openTest })
}
.item-style {
margin-bottom: 6px;
margin-bottom: 12px;
}
.item-width {

3
src/views/applyregistration/deviceManage/index.vue
View File

@ -58,7 +58,7 @@
</el-form>
</ContentWrap>
<ContentWrap>
<ContentWrap class="mb-1px">
<el-table
v-loading="loading"
size="small"
@ -66,6 +66,7 @@
:stripe="true"
:show-overflow-tooltip="true"
:data="list_devices"
style="height: 53vh; min-height: 80px"
>
aaaa
<!-- 数据列 -->

5
src/views/applyregistration/diagnosisTemplate/DiagnosisTemplateForm.vue
View File

@ -6,8 +6,9 @@
:model="formData"
size="small"
label-width="70px"
label-position="top"
label-position="right"
label-suffix=""
class="-ml-30px"
>
<el-row>
<el-col :span="24">
@ -149,7 +150,7 @@ defineExpose({ openTest })
}
.item-style {
margin-bottom: 6px;
margin-bottom: 12px;
}
.item-width {

3
src/views/applyregistration/diagnosisTemplate/index.vue
View File

@ -45,7 +45,7 @@
</el-form>
</ContentWrap>
<ContentWrap>
<ContentWrap class="mb-1px">
<el-table
v-loading="loading"
size="small"
@ -53,6 +53,7 @@
:stripe="true"
:show-overflow-tooltip="true"
:data="list_templates"
style="height: 53vh; min-height: 80px"
>
aaaa
<!-- 数据列 -->

166
src/views/applyregistration/exampartManage/ExampartManageForm.vue Normal file
View File

@ -0,0 +1,166 @@
<template>
<div>
<Dialog title="弹出框" v-model="dialogVisible" width="45%">
<el-form
ref="formRef"
:model="formData"
size="small"
label-width="100px"
label-position="right"
label-suffix=""
class="-ml-30px"
>
<el-row>
<el-col :span="24">
<el-form-item label="检查部位编码" prop="it_1" class="item-style">
<el-input
v-model="formData.it_1"
placeholder="请输入检查部位编码"
clearable
class="item-width"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="检查部位名称" prop="it_2" class="item-style">
<el-input
v-model="formData.it_2"
placeholder="请输入检查部位名称"
clearable
class="item-width"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="机构" prop="it_3" class="item-style">
<el-select
v-model="formData.it_3"
placeholder="请选择机构"
clearable
class="item-width"
>
<el-option
v-for="item in orgList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="备注" prop="it_4" class="item-style">
<el-input
v-model="formData.it_4"
placeholder="请输入备注"
type="textarea"
:autosize="{ minRows: 5, maxRows: 9 }"
class="item-width"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<div style="text-align: center">
<el-button type="primary" @click="dialogVisible = true">保存</el-button>
<el-button @click="dialogVisible = false">取消</el-button>
</div>
</template>
</Dialog>
<!-- 可参考内容 -->
</div>
</template>
<script setup lang="ts">
import { dateFormatter } from '@/utils/formatTime'
import { ExampartManageApi } from '@/api/applyregistration/exampartManage'
defineOptions({ name: 'ExampartManageForm' })
/*
* 李传洋
* ExampartManageForm
**/
/** 导入内容 **/
/** 组件引用 **/
const formRef = ref()
/** 数据结构 **/
const message = useMessage()
const { t } = useI18n()
const orgList = ref<any[]>([])
const dialogVisible = ref(false)
//表单核心
const formData0 = ref({
pageNo: 1,
pageSize: 10,
doctorName: undefined,
departmentName: undefined
})
const formData = ref({
/** 测试数据 **/
it_1: '',
it_2: '',
it_3: '',
it_4: ''
})
/****** 自定义内容 ******/
/****** 可参考内容 ******/
const openTest = () => {
dialogVisible.value = true
//清空内容
}
/** 组件事件 **/
/** 钩子方法 **/
onMounted(() => {
//ceshi
})
/** 防空作用域 **/
console.log(dateFormatter)
console.log(message)
console.log(t)
console.log(ExampartManageApi)
console.log(formData0)
//console.log(null)
/** 导出内容 **/
defineExpose({ openTest })
/**
* 备注：
*
* **/
</script>
<style scoped>
.el-form-item__label {
white-space: nowrap;
}
.item-style {
margin-bottom: 12px;
}
.item-width {
width: 100%;
}
.date-picker :deep(.item-width) {
width: 100%;
}
.radio-group {
border: 1px solid #ececec;
}
</style>

189
src/views/applyregistration/exampartManage/index.vue Normal file
View File

@ -0,0 +1,189 @@
<template>
<div>
<ContentWrap>
<el-form
ref="queryFormRef"
:model="queryParams"
size="small"
label-width="90px"
label-position="right"
label-suffix=""
class="-mb-15px"
>
<el-row>
<el-col :span="8">
<!-- Notes： -->
<el-form-item label="检查部位名称" prop="it_1" class="item-style">
<el-input
v-model="queryParams.it_1"
placeholder="请输入检查部位名称"
clearable
class="item-width"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- Notes： -->
<el-form-item label="检查部位编码" prop="it_2" class="item-style">
<el-input
v-model="queryParams.it_2"
placeholder="请输入检查部位编码"
clearable
class="item-width"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- Notes： -->
<el-form-item label="机构" label-width="42px" prop="it_3" class="item-style">
<el-select
v-model="queryParams.it_3"
placeholder="请选择机构"
clearable
class="item-width"
>
<el-option
v-for="item in orgList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8" :offset="16">
<el-form-item label="" label-width="42px" class="item-style">
<el-button> <Icon icon="ep:search" class="mr-5px" /> 搜索 </el-button>
<el-button type="primary" plain @click="openFormTest()">
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</ContentWrap>
<ContentWrap class="mb-1px">
<el-table
v-loading="loading"
size="small"
border
:stripe="true"
:show-overflow-tooltip="true"
:data="list_examparts"
style="height: 48vh; min-height: 80px"
>
aaaa
<!-- 数据列 -->
</el-table>
<div style="display: flex; justify-content: center">
<Pagination
small
size="small"
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
/>
</div>
</ContentWrap>
<ExampartManageForm ref="formRef" />
<!-- 可参考内容 -->
</div>
</template>
<script setup lang="ts">
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { ExampartManageApi } from '@/api/applyregistration/exampartManage'
import ExampartManageForm from './ExampartManageForm.vue'
defineOptions({ name: 'ExampartManage' })
/*
* 李传洋
* 检查部位管理
**/
/** 导入内容 **/
/** 组件引用 **/
const queryFormRef = ref()
const formRef = ref()
/** 数据结构 **/
const message = useMessage()
const { t } = useI18n()
const orgList = ref<any[]>([])
//表单核心
const queryParams0 = ref({
pageNo: 1,
pageSize: 10,
doctorName: undefined,
departmentName: undefined
})
const queryParams = ref({
pageNo: 1,
pageSize: 10,
/** 测试数据 **/
it_1: '',
it_2: '',
it_3: ''
})
//表格核心
const list_examparts = ref<any[]>([])
const total = ref(5)
const loading = ref(false)
/****** 自定义内容 ******/
/****** 可参考内容 ******/
const openFormTest = () => {
formRef.value.openTest()
}
/** 组件事件 **/
/** 钩子方法 **/
onMounted(() => {
//ceshi
})
/** 防空作用域 **/
console.log(dateFormatter)
console.log(download)
console.log(message)
console.log(t)
console.log(ExampartManageApi)
console.log(ExampartManageForm)
console.log(queryParams0)
console.log(openFormTest)
//console.log(null)
/** 导出内容 **/
/**
* 备注：
*
* **/
</script>
<style scoped>
.el-form-item__label {
white-space: nowrap;
}
.item-style {
margin-bottom: 8px;
}
.item-width {
width: 100%;
}
.date-picker :deep(.item-width) {
width: 100%;
}
.radio-group {
border: 1px solid #ececec;
}
</style>

16
src/views/applyregistration/illnessCase/index.vue
View File

@ -13,7 +13,7 @@
class="-mb-15px"
>
<el-row>
<el-col :span="6">
<el-col :span="5">
<!-- Notes： -->
<el-form-item label="开始日期" prop="it_1" class="item-style date-picker">
<el-date-picker
@ -25,9 +25,9 @@
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-col :span="4">
<!-- Notes： -->
<el-form-item label="结束日期" prop="it_2" class="item-style date-picker">
<el-form-item label="" label-width="0px" prop="it_2" class="item-style date-picker">
<el-date-picker
v-model="queryParams.it_2"
type="date"
@ -37,7 +37,7 @@
/>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="8">
<!-- Notes： -->
<el-form-item label="报告状态" prop="it_3" class="item-style">
<el-select
@ -157,15 +157,15 @@
</el-row>
<el-row>
<el-col :span="15">
<el-card shadow="never" style="height: 100%">
<el-card shadow="never" style="min-height: 400px">
<el-table
v-loading="loading_patExamitems"
size="small"
border
:stripe="true"
:show-overflow-tooltip="true"
height="366px"
:data="list_patExamitems"
style="height: 45vh; min-height: 330px"
>
aaaa
<!-- 数据列 -->
@ -182,7 +182,7 @@
</el-card>
</el-col>
<el-col :span="9">
<el-card shadow="never" style="min-height: 460px" class="ml-1">
<el-card shadow="never" style="height: 100%" class="ml-1">
<el-scrollbar>
<el-form size="small" label-width="68px" label-position="top" label-suffix="">
<el-row>
@ -300,7 +300,7 @@ console.log(queryParams0)
}
.item-style {
margin-bottom: 6px;
margin-bottom: 8px;
}
.item-width {

36
src/views/applyregistration/reportPrintStatistics/index.vue
View File

@ -13,14 +13,29 @@
class="mb-2px -ml-14px"
>
<el-row>
<el-col :span="24">
<el-col :span="13">
<el-form-item label="日期" prop="it_1" class="item-style date-picker">
<el-date-picker
v-model="queryParams.it_1"
type="daterange"
type="date"
value-format="YYYY-MM-DD HH:mm:ss"
start-placeholder="开始日期"
end-placeholder="结束日期"
placeholder="开始日期"
class="item-width"
/>
</el-form-item>
</el-col>
<el-col :span="11">
<el-form-item
label=""
label-width="0px"
prop="it_1a"
class="item-style date-picker"
>
<el-date-picker
v-model="queryParams.it_1a"
type="date"
value-format="YYYY-MM-DD HH:mm:ss"
placeholder="结束日期"
class="item-width"
/>
</el-form-item>
@ -46,7 +61,7 @@
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-col :span="13">
<el-form-item label="类别" prop="it_3" class="item-style">
<el-select
v-model="queryParams.it_3"
@ -60,8 +75,8 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="打印" prop="it_4" class="item-style">
<el-col :span="11">
<el-form-item label="打印" label-width="44px" prop="it_4" class="item-style">
<el-select
v-model="queryParams.it_4"
placeholder="请选择打印"
@ -104,8 +119,8 @@
border
:stripe="true"
:show-overflow-tooltip="true"
height="294px"
:data="list_infos"
style="height: 43vh; min-height: 294px"
>
aaaa
<!-- 数据列 -->
@ -470,7 +485,8 @@ const queryParams = ref({
pageNo: 1,
pageSize: 10,
/** 测试数据 **/
it_1: [],
it_1: '',
it_1a: '',
it_2: '',
it_3: '',
it_4: '',
@ -547,7 +563,7 @@ console.log(infoParams0)
}
.item-style {
margin-bottom: 3px;
margin-bottom: 6px;
}
.item-width {

18
src/views/applyregistration/reservationInfo/index.vue
View File

@ -2,7 +2,7 @@
<div>
<el-row>
<el-col :span="10">
<el-card shadow="never" style="min-height: 480px">
<el-card shadow="never" style="min-height: 540px; height: 76vh">
<el-form
ref="queryFormRef"
:model="queryParams"
@ -214,7 +214,7 @@
v-model="queryParams.it_14"
placeholder="请输入诊断"
type="textarea"
:autosize="{ minRows: 2 }"
:autosize="{ minRows: 4 }"
class="item-width"
/>
</el-form-item>
@ -228,14 +228,14 @@
v-model="queryParams.it_15"
placeholder="请输入备注"
type="textarea"
:autosize="{ minRows: 2 }"
:autosize="{ minRows: 4 }"
class="item-width"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24" style="text-align: center; margin-top: 8px; margin-bottom: 10px">
<el-col :span="24" style="text-align: center; margin-top: 6px; margin-bottom: 10px">
<el-button type="primary" plain>
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
@ -253,7 +253,13 @@
<el-scrollbar>
<el-checkbox-group
v-model="queryParams.cks"
style="display: flex; flex-direction: column; flex-wrap: wrap; height: 410px"
style="
display: flex;
flex-direction: column;
flex-wrap: wrap;
min-height: 410px;
height: 64vh;
"
>
<el-checkbox
v-for="item in examitemsList"
@ -356,7 +362,7 @@ console.log(queryParams0)
}
.item-style {
margin-bottom: 6px;
margin-bottom: 8px;
}
.item-width {