jiangs/lis8.0-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
wyuu 2025-10-31 09:50:50 +08:00
parent 2138f98df2
commit b203d9310b
5 changed files with 75 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/assets/styles/ruoyi.scss
View File

@ -95,12 +95,12 @@
}
.el-form--inline .el-form-item {
margin-right: 15px;
margin-right: .9375rem;
}
.el-form-item__label {
font-weight: 400;
font-size: 14px;
font-size: .875rem;
color: #08355E;
}
@ -117,7 +117,7 @@
.el-table {
padding: 0 !important;
border-radius: 10px !important;
border-radius: .625rem !important;
.el-table__header-wrapper,
.el-table__fixed-header-wrapper {
@ -125,8 +125,8 @@
word-break: break-word;
background-color: #1F6DD3 !important;
color: #FFF;
height: 30px !important;
font-size: 13px;
height: 1.875rem !important;
font-size: .8125rem;
}
}
@ -251,7 +251,7 @@
border: 1px solid #96B8D9 !important;
border-top: none !important;
/* 蓝色外边框 */
border-radius: 8px;
border-radius: .5rem;
/* 可选：添加边框圆角 */
overflow: hidden;
}
@ -261,10 +261,10 @@
word-break: break-word;
background-color: #1F6DD3 !important;
color: #FFF;
height: 30px !important;
line-height: 30px !important;
height: 1.875rem !important;
line-height: 1.875rem !important;
padding: 0 !important;
font-size: 13px;
font-size: .8125rem;
border-color: #1F6DD3 !important;
}
@ -277,12 +277,12 @@
}
.vxe-table--render-default .vxe-body--column {
height: 23px !important;
line-height: 23px !important;
height: 1.4375rem !important;
line-height: 1.4375rem !important;
}
.el-checkbox {
height: 23px !important;
height: 1.4375rem !important;
}
}
@ -302,8 +302,8 @@
// 滚动条
.mytable-style ::-webkit-scrollbar {
width: 8px;
height: 8px;
width: .5rem;
height: .5rem;
}
.mytable-style ::-webkit-scrollbar-thumb {
@ -343,6 +343,7 @@
box-shadow: none !important;
}
}
.el-select__wrapper {
box-shadow: none;
background: transparent !important;
@ -358,10 +359,10 @@
/** 表单布局 **/
.form-header {
font-size: 15px;
font-size: .9375rem;
color: #6379bb;
border-bottom: 1px solid #ddd;
margin: 8px 10px 25px 10px;
margin: .5rem .625rem 1.5625rem .625rem;
padding-bottom: 5px
}

10
src/components/selectSearch/index.vue
View File

@ -1,5 +1,5 @@
<template>
<el-popover :visible="selectVisible" placement="bottom" :width="'16vw'">
<el-popover :visible="selectVisible" placement="bottom" :width="'16vw'" @after-enter="initClickOutside">
<el-form :model="queryParams" class="query-form" label-width="90px">
<!-- 病人类型选择 -->
<el-form-item label="病人类型：" prop="brly">
@ -181,6 +181,14 @@ const queryParams = ref<QueryParams>({
...props.initialParams
})
// 由于更多按钮在 app 元素内，给 app 元素注册的点击事件必须在弹出框显示后并且是一次性的
// 防止更多按钮的事件与之冲突
const initClickOutside = () => {
document.getElementById('app')!.addEventListener('click', () => {
selectVisible.value = false
}, { once: true })
}
// 记录上一次选中的值
const lastRadioValue = ref<string | undefined>(undefined);
const handleRadioChange = (value: string) => {

20
src/components/tabViews/index.vue
View File

@ -113,22 +113,22 @@ setTimeout(() => {
}
.scroll-btn {
width: 30px;
height: 48px;
width: 1.875rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
cursor: pointer;
z-index: 10;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 .25rem rgba(0, 0, 0, 0.1);
transition: opacity 0.3s;
&.left {
position: absolute;
left: 0;
top: 0;
border-radius: 12px 0 0 12px;
border-radius: .75rem 0 0 .75rem;
border: 1px solid #fff;
}
@ -136,7 +136,7 @@ setTimeout(() => {
position: absolute;
right: 0;
top: 0;
border-radius: 0 12px 12px 0;
border-radius: 0 .75rem .75rem 0;
border: 1px solid #fff;
}
@ -149,7 +149,7 @@ setTimeout(() => {
.tab-wrapper {
flex: 1;
overflow: hidden;
padding: 0 30px; // 给箭头留出空间
padding: 0 1.875rem; // 给箭头留出空间
}
.tab-list {
@ -170,11 +170,11 @@ setTimeout(() => {
.text {
font-weight: 400;
font-size: 16px;
font-size: 1rem;
color: #1F6DD3;
width: 90px;
height: 48px;
line-height: 48px;
width: 5.625rem;
height: 3rem;
line-height: 3rem;
text-align: center;
flex-shrink: 0;
cursor: pointer;

65
src/views/checkCode/index.vue
View File

@ -2,25 +2,25 @@
<div class="app-container ">
<div ref="compactForm">
<el-row :gutter="10" class="compact-form" v-show="showSearch">
<el-form :model="queryParams" ref="queryRef" :inline="true" :rules="queryRules">
<el-form :model="queryParams" ref="queryRef" :inline="true" :size="aotuSize" :rules="queryRules">
<el-form-item label="日期：" prop="failed1">
<el-date-picker v-model="queryParams.times" type="datetimerange" range-separator="-"
start-placeholder="开始时间" end-placeholder="结束时间" format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss" @change="handletime" />
value-format="YYYY-MM-DD HH:mm:ss" @change="handletime" style="width: 25rem;" />
</el-form-item>
<el-form-item label="医疗机构：" prop="yljg">
<el-select v-model="queryParams.yljg" placeholder="请选择" style="width: 150px;">
<el-select v-model="queryParams.yljg" placeholder="请选择" style="width: 9.37rem;">
<el-option v-for="item in dictData.HOS" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="条码状态：" prop="zt">
<el-select v-model="queryParams.zt" placeholder="请选择" style="width: 100px;">
<el-select v-model="queryParams.zt" placeholder="请选择" style="width: 6.25rem;">
<el-option v-for="item in dictData.ST" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="" prop="failed4">
<el-select v-model="queryParams.failed4" placeholder="请选择" style="width:140px">
<el-select v-model="queryParams.failed4" placeholder="请选择" style="width:8.75">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
@ -30,10 +30,8 @@
</el-form-item>
<el-form-item label="">
<el-button icon="search" type="primary" @click="handleQuery">
搜索
</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
<el-button icon="search" type="primary" @click="handleQuery" :size="aotuSize"> 搜索 </el-button>
<el-button icon="Refresh" @click="resetQuery" :size="aotuSize">重置</el-button>
</el-form-item>
</el-form>
</el-row>
@ -44,31 +42,31 @@
<el-col :span="16" class="right-table">
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" plain icon="Plus" @click="printHandle">生成条码</el-button>
<el-button type="primary" :size="aotuSize" plain icon="Plus" @click="printHandle">生成条码</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" plain icon="Edit" @click="selectStatusRows">选中所有未打印</el-button>
<el-button type="danger" :size="aotuSize" plain icon="Edit" @click="selectStatusRows">选中所有未打印</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="success" plain @click="printPdf">打印</el-button>
<el-button type="success" :size="aotuSize" plain @click="printPdf">打印</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="info" plain icon="Upload" @click="openBlock('采样登记')">采样登记</el-button>
<el-button type="info" :size="aotuSize" plain icon="Upload" @click="openBlock('采样登记')">采样登记</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain @click="openBlock('送检登记')">送检登记</el-button>
<el-button type="warning" :size="aotuSize" plain @click="openBlock('送检登记')">送检登记</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain @click="goReport">报告查询</el-button>
<el-button type="warning" :size="aotuSize" plain @click="goReport">报告查询</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain @click="cancelHandle">条码作废</el-button>
<el-button type="warning" :size="aotuSize" plain @click="cancelHandle">条码作废</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain>打印机设置</el-button>
<el-button type="warning" :size="aotuSize" plain>打印机设置</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="warning" plain>清单打印</el-button>
<el-button type="warning" :size="aotuSize" plain>清单打印</el-button>
</el-col>
<!-- <right-toolbar v-model:showSearch="showSearch" @updateColumns="updateColumns" @queryTable="handleQuery"
:columns="columns"></right-toolbar> -->
@ -101,7 +99,7 @@
</el-col>
<el-col :span="8" class="right-table">
<!-- <div class="title"> 项目 </div> -->
<el-button type="primary" plain class="mb8">拆分选中项目</el-button>
<el-button type="primary" plain class="mb8" :size="aotuSize">拆分选中项目</el-button>
<CustomTable :data="rightTableData" :columns="rightColumns" :config="rightTableConfig">
<template #jjzt="{ row }">
{{ row.jjzt == '1' ? '计价' : '无' }}
@ -166,8 +164,7 @@ import CustomTable from '@/components/elTable/index.vue'
import { useRouter } from 'vue-router'
import { usePrintStore } from '@/store/modules/printStore'
import { fetchCodeList, addObj, fetchCodeDetail, fetchCodeExec, fetchCodeReqmain } from '@/api/checkCode/index'
import { TableColumnCtx } from 'element-plus';
import dayjs from 'dayjs';
const aotuSize = classCom.useAutoSize();
//@ts-ignore
import { comDict } from '@/utils/dict'
import { ElMessage, ElMessageBox } from 'element-plus'
@ -670,13 +667,13 @@ const printPdf = () => {
.right-table {
border: 1px solid #E1E9F7;
padding-top: 5px;
padding-top: .3125rem;
}
.title {
border-bottom: 1px solid #E1E9F7;
margin-bottom: 10px;
padding: 10px;
margin-bottom: .625rem;
padding: .625rem;
font-weight: 700;
}
@ -684,9 +681,9 @@ const printPdf = () => {
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 10px;
margin-top: .625rem;
background-color: #f0f3f8;
padding: 10px 40px;
padding: .625rem 2.5rem;
}
.time-line-item {
@ -702,42 +699,42 @@ const printPdf = () => {
align-items: center;
.index {
width: 40px;
height: 40px;
line-height: 40px;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
background: #E1E9F7;
border-radius: 50%;
text-align: center;
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 500;
font-size: 18px;
font-size: 1.125rem;
color: #4767A3;
}
.active {
background-color: #4096ff;
box-shadow: 0 0 0 4px rgba(64, 150, 255, 0.2);
box-shadow: 0 0 0 .25rem rgba(64, 150, 255, 0.2);
color: #FFF;
}
.timeline-title {
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 500;
font-size: 16px;
font-size: 1rem;
color: #4767A3;
}
.timeline-time {
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 400;
font-size: 14px;
font-size: .875rem;
color: #4767A3;
}
}
.timg {
width: 50px;
width: 3.125rem;
}

14
src/views/liswork/work/index.vue
View File

@ -636,8 +636,8 @@ onMounted(async () => {
.box-shadow {
box-shadow: 2px 2px 4px 0px rgba(206, 217, 234, 0.7);
border-radius: 12px;
padding: 10px;
border-radius: .75rem;
padding: .625rem;
background-color: #fff;
}
@ -646,20 +646,20 @@ onMounted(async () => {
margin-bottom: 0.5rem;
.el-form-item--default {
margin-bottom: 5px !important;
margin-bottom: .3125rem !important;
}
.el-form-item--small {
margin-bottom: 5px !important;
margin-bottom: .3125rem !important;
}
}
.card-content {
max-height: 450px;
max-height: 28.125rem;
/* 设置最大高度 */
overflow-y: auto;
/* 超出高度时显示垂直滚动条 */
padding: 5px;
padding: .3125rem;
/* 保持与卡片默认一致的内边距 */
}
@ -670,7 +670,7 @@ onMounted(async () => {
justify-content: space-around;
font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: 500;
font-size: 16px;
font-size: 1rem;
color: #28BDBB;
// margin-top: 20px;