| | |
| | | |
| | | package-lock.json |
| | | yarn.lock |
| | | |
| | | # 一次性本地工具(不提交) |
| | | scripts/consolidate-colors.mjs |
| | |
| | | line-height: 24px; |
| | | margin: 25px auto; |
| | | padding: 15px 10px 10px; |
| | | border: 1px solid #ccc; |
| | | border: 1px solid var(--el-text-color-placeholder); |
| | | position: relative; |
| | | } |
| | | .popup-result .title { |
| | |
| | | } |
| | | |
| | | .menu-path { |
| | | color: #ccc; |
| | | color: var(--el-text-color-placeholder); |
| | | font-size: 10px; |
| | | } |
| | | } |
| | |
| | | |
| | | .empty-text { |
| | | font-size: 14px; |
| | | color: #999; |
| | | color: var(--lims-text-3); |
| | | margin: 0 0 6px; |
| | | |
| | | strong { |
| | | color: #666; |
| | | color: var(--lims-text-2); |
| | | } |
| | | } |
| | | |
| | | .empty-tip { |
| | | font-size: 12px; |
| | | color: #bbb; |
| | | color: var(--el-text-color-placeholder); |
| | | margin: 0; |
| | | } |
| | | } |
| | |
| | | gap: 28px; |
| | | padding: 10px 20px; |
| | | border-top: 1px solid #f0f0f0; |
| | | color: #999; |
| | | color: var(--lims-text-3); |
| | | font-size: 12px; |
| | | |
| | | .shortcut-item { |
| | |
| | | font-size: 11px; |
| | | font-family: inherit; |
| | | line-height: 1; |
| | | box-shadow: 0 1px 0 #ccc; |
| | | box-shadow: 0 1px 0 var(--el-text-color-placeholder); |
| | | } |
| | | } |
| | | </style> |
| | |
| | | |
| | | .collapse-button { |
| | | font-size: 20px; |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | cursor: pointer; |
| | | padding: 4px; |
| | | border-radius: 4px; |
| | |
| | | .tree-title { |
| | | font-size: 13px; |
| | | font-weight: 600; |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | display: flex; |
| | |
| | | |
| | | .tree-action-icon { |
| | | font-size: 20px; |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | cursor: pointer; |
| | | padding: 4px; |
| | | border-radius: 4px; |
| | |
| | | } |
| | | |
| | | &::-webkit-scrollbar-thumb { |
| | | background: #dcdfe6; |
| | | background: var(--el-border-color); |
| | | border-radius: 4px; |
| | | |
| | | &:hover { |
| | | background: #c0c4cc; |
| | | background: var(--el-text-color-placeholder); |
| | | } |
| | | } |
| | | |
| | |
| | | <template> |
| | | <div ref="content" class="scroll-pagination" @scroll="onScroll"> |
| | | <slot></slot> |
| | | <el-button v-if="!finishLoding && isLoding" link style="display: flex; margin: 0 auto; color: #909399"> |
| | | <el-button v-if="!finishLoding && isLoding" link style="display: flex; margin: 0 auto; color: var(--lims-text-3)"> |
| | | <lims-icon name="loading" style="font-size: 20px" /> |
| | | </el-button> |
| | | <el-button v-show="finishLoding" link style="display: flex; margin: 0 auto; color: #909399"> |
| | | <el-button v-show="finishLoding" link style="display: flex; margin: 0 auto; color: var(--lims-text-3)"> |
| | | 已经没有更多啦~ |
| | | </el-button> |
| | | </div> |
| | |
| | | padding: 10px 20px; |
| | | text-align: right; |
| | | background-color: #f8f8f8; |
| | | color: #666; |
| | | color: var(--lims-text-2); |
| | | font-size: 14px; |
| | | border-top: 1px solid #e7e7e7; |
| | | z-index: 999; |
| | |
| | | .el-drawer__header { |
| | | margin-bottom: 0; |
| | | padding: 16px 20px; |
| | | border-bottom: 1px solid var(--notice-border-color, #ebeef5); |
| | | border-bottom: 1px solid var(--notice-border-color, var(--el-border-color-light)); |
| | | font-size: 16px; |
| | | font-weight: 600; |
| | | color: var(--notice-title-color, #303133); |
| | | color: var(--notice-title-color, var(--lims-text)); |
| | | } |
| | | |
| | | .el-drawer__body { |
| | |
| | | justify-content: space-between; |
| | | padding: 10px 14px; |
| | | background: #f7f9fb; |
| | | border-bottom: 1px solid #eee; |
| | | border-bottom: 1px solid var(--lims-divider); |
| | | font-size: 13px; |
| | | font-weight: 600; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | } |
| | | .notice-popover .notice-mark-all { |
| | | font-size: 12px; |
| | |
| | | .notice-popover .notice-empty { |
| | | padding: 24px; |
| | | text-align: center; |
| | | color: #bbb; |
| | | color: var(--el-text-color-placeholder); |
| | | font-size: 12px; |
| | | line-height: 1.8; |
| | | } |
| | |
| | | .notice-popover .notice-item:hover { background: #f7f9fb; } |
| | | .notice-popover .notice-item.is-read .notice-tag, |
| | | .notice-popover .notice-item.is-read .notice-item-title, |
| | | .notice-popover .notice-item.is-read .notice-item-date { opacity: 0.45; filter: grayscale(1); color: #999; } |
| | | .notice-popover .notice-item.is-read .notice-item-date { opacity: 0.45; filter: grayscale(1); color: var(--lims-text-3); } |
| | | .notice-popover .notice-tag { flex-shrink: 0; } |
| | | .notice-popover .notice-item-title { |
| | | flex: 1; |
| | | font-size: 12px; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | text-overflow: ellipsis; |
| | |
| | | .notice-popover .notice-item-date { |
| | | flex-shrink: 0; |
| | | font-size: 11px; |
| | | color: #bbb; |
| | | color: var(--el-text-color-placeholder); |
| | | } |
| | | </style> |
| | |
| | | height: 100%; |
| | | padding-top: 15px; |
| | | padding-left: 24px; |
| | | color: #1890ff; |
| | | color: var(--el-color-primary); |
| | | font-weight: 700; |
| | | font-size: 14px; |
| | | } |
| | |
| | | $btn-color: #71717a; |
| | | $btn-hover-bg: #f2f7f6; |
| | | $btn-hover-color: #1f2d2b; |
| | | $btn-disabled-color: #c0c4cc; |
| | | $btn-disabled-color: var(--el-text-color-placeholder); |
| | | $divider: 1px solid var(--tags-item-border, #d8dce5); |
| | | |
| | | .tags-nav-btn { |
| | |
| | | border-radius: 4px; |
| | | font-size: 12px; |
| | | font-weight: 400; |
| | | color: var(--tags-item-text, #333); |
| | | color: var(--tags-item-text, var(--lims-text)); |
| | | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .3); |
| | | border: 1px solid var(--el-border-color-light, #e4e7ed); |
| | | border: 1px solid var(--el-border-color-light, var(--el-border-color)); |
| | | |
| | | li { |
| | | margin: 0; |
| | |
| | | cursor: pointer; |
| | | |
| | | &:hover { |
| | | background: var(--tags-item-hover, #eee); |
| | | background: var(--tags-item-hover, var(--lims-divider)); |
| | | } |
| | | } |
| | | } |
| | | |
| | | &.tags-view-container--chrome { |
| | | --chrome-strip-bg: #ffffff; |
| | | --chrome-strip-border: var(--el-border-color-lighter, #e4e7ed); |
| | | --chrome-strip-border: var(--el-border-color-lighter, var(--el-border-color)); |
| | | --chrome-tab-active-bg: var(--el-color-primary-light-9); |
| | | --chrome-tab-text: var(--el-text-color-regular, #606266); |
| | | --chrome-tab-text: var(--el-text-color-regular, var(--lims-text-2)); |
| | | --chrome-tab-text-active: var(--el-color-primary); |
| | | --chrome-wing-r: 10px; |
| | | |
| | |
| | | } |
| | | |
| | | &:not(.active) + .tags-view-item:not(.active) { |
| | | border-left: 1px solid var(--el-border-color-lighter, #e4e7ed); |
| | | border-left: 1px solid var(--el-border-color-lighter, var(--el-border-color)); |
| | | padding-left: 11px; |
| | | } |
| | | |
| | | &:hover:not(.active) { |
| | | background: var(--el-fill-color-light, #f5f7fa) !important; |
| | | border-radius: 6px 6px 0 0; |
| | | color: var(--el-text-color-primary, #303133); |
| | | color: var(--el-text-color-primary, var(--lims-text)); |
| | | } |
| | | |
| | | &.active { |
| | |
| | | float: left; |
| | | height: 50px !important; |
| | | line-height: 50px !important; |
| | | color: #303133 !important; |
| | | color: var(--lims-text) !important; |
| | | padding: 0 5px !important; |
| | | margin: 0 10px !important; |
| | | } |
| | |
| | | .topbar-menu.el-menu--horizontal > .el-sub-menu .el-sub-menu__title { |
| | | float: left; |
| | | line-height: 50px !important; |
| | | color: #303133 !important; |
| | | color: var(--lims-text) !important; |
| | | margin: 0 15px -3px!important; |
| | | } |
| | | |
| | |
| | | float: left; |
| | | height: 50px !important; |
| | | line-height: 50px !important; |
| | | color: #303133 !important; |
| | | color: var(--lims-text) !important; |
| | | padding: 0 5px !important; |
| | | margin: 0 10px !important; |
| | | } |
| | | |
| | | .topmenu-container.el-menu--horizontal > .el-menu-item.is-active, .el-menu--horizontal > .el-sub-menu.is-active .el-submenu__title { |
| | | border-bottom: 2px solid #{'var(--theme)'} !important; |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | } |
| | | |
| | | /* sub-menu item */ |
| | |
| | | float: left; |
| | | height: 50px !important; |
| | | line-height: 50px !important; |
| | | color: #303133 !important; |
| | | color: var(--lims-text) !important; |
| | | padding: 0 5px !important; |
| | | margin: 0 10px !important; |
| | | } |
| | |
| | | @handleCard="handleCard" |
| | | /> |
| | | </el-col> |
| | | <el-col :span="24" v-if="cardList.length==0" style="color: #909399;font-size: 14px;text-align: center;margin-top: 20px;">暂无数据</el-col> |
| | | <el-col :span="24" v-if="cardList.length==0" style="color: var(--lims-text-3);font-size: 14px;text-align: center;margin-top: 20px;">暂无数据</el-col> |
| | | </el-row> |
| | | <div class="title">耗材信息</div> |
| | | <limsTable |
| | |
| | | .title { |
| | | position: relative; |
| | | font-size: 18px; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | font-weight: 400; |
| | | padding-left: 10px; |
| | | margin-left: 15px; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 1px solid #EEEEEE;"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:30px;color:#666666;"></lims-icon> |
| | | border: 1px solid var(--lims-divider);"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:30px;color:var(--lims-text-2);"></lims-icon> |
| | | </div></template> |
| | | </el-image> |
| | | <el-image style="width: 195px; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 1px solid #EEEEEE;"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:30px;color:#666666;"></lims-icon> |
| | | border: 1px solid var(--lims-divider);"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:30px;color:var(--lims-text-2);"></lims-icon> |
| | | </div></template> |
| | | </el-image> |
| | | <div class="title">{{ m.name }}</div> |
| | | </li> |
| | | </ul> |
| | | </scroll-pagination> |
| | | <div v-if="list.length<1&&!loading" style="color:#909399;font-size:14px;text-align: center;margin-top:200px" >暂无数据</div> |
| | | <div v-if="list.length<1&&!loading" style="color:var(--lims-text-3);font-size:14px;text-align: center;margin-top:200px" >暂无数据</div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | width: 320px; |
| | | border-radius: 8px 8px 8px 8px; |
| | | box-shadow: 4px 4px 8px 0px rgba(51,51,51,0.04); |
| | | border: 1px solid #EEEEEE; |
| | | border: 1px solid var(--lims-divider); |
| | | margin: 0 !important; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | width: 88px; |
| | | font-size: 14px; |
| | | font-weight: 700; |
| | | color: #606266; |
| | | color: var(--lims-text-2); |
| | | } |
| | | .search_button { |
| | | line-height: 30px; |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 50px;font-size: 14px;font-weight: 700;color: #606266;">员工</span> |
| | | <span style="width: 50px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">员工</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="userName" |
| | | @keyup.enter="refreshTable"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: #606266;">姓名</span> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">姓名</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="userName" |
| | | @keyup.enter="refreshTable"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">人员名称</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">人员名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="entity.name" |
| | | @keyup.enter="refreshTable"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">编制人</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">编制人</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="page.compilerName" |
| | | @keyup.enter="getYearPlanList(departId)"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">培训讲师</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">培训讲师</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="inDetailForm.trainingLecturerName" |
| | | @keyup.enter="searchTable"></el-input> |
| | | </div> |
| | |
| | | .title { |
| | | position: relative; |
| | | font-size: 16px; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | font-weight: 400; |
| | | padding-left: 10px; |
| | | margin-bottom: 10px; |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: #606266;">姓名</span> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">姓名</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="search.userName" |
| | | @keyup.enter="getPersonnelTraining(departId)"></el-input> |
| | | </div> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">奖惩日期</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">奖惩日期</span> |
| | | <el-date-picker v-model="search.searchTimeList" :shortcuts="shortcuts" align="right" clearable |
| | | @change="getPersonnelTraining(departId)" |
| | | end-placeholder="结束日期" format="YYYY-MM-DD" range-separator="至" size="small" start-placeholder="开始日期" |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: #606266;">姓名</span> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">姓名</span> |
| | | <el-input v-model="trainingPagination.userName" class="search" |
| | | @keyup.enter="getPersonnelTraining(departId)" |
| | | clearable placeholder="请输入" size="small"></el-input> |
| | |
| | | .title { |
| | | position: relative; |
| | | font-size: 16px; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | font-weight: 400; |
| | | padding-left: 10px; |
| | | margin-bottom: 10px; |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">计划名称</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">计划名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="yearForm.monitorName" |
| | | @keyup.enter="getYearPlanList"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">监控目的</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">监控目的</span> |
| | | <el-input v-model="yearDetailForm.monitorPurpose" placeholder="请输入" size="small" |
| | | @keyup.enter="getYearDetailPlanList"></el-input> |
| | | </div> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">监控项目</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">监控项目</span> |
| | | <el-input v-model="yearDetailForm.monitorProject" placeholder="请输入" size="small" |
| | | @keyup.enter="getYearDetailPlanList"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">文件名称</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">文件名称</span> |
| | | <el-input v-model="queryParams.fileName" clearable placeholder="请输入" size="small" |
| | | @keyup.enter="refreshTable()"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">计划名称</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">计划名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="yearForm.superviseName" |
| | | @keyup.enter="getYearPlanList"></el-input> |
| | | </div> |
| | |
| | | </el-radio-group> |
| | | </div> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">监控目的</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">监控目的</span> |
| | | <el-input v-model="yearDetailForm.supervisePurpose" placeholder="请输入" size="small" |
| | | @keyup.enter="getYearDetailPlan"></el-input> |
| | | </div> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">监控项目</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">监控项目</span> |
| | | <el-input v-model="yearDetailForm.superviseProject" placeholder="请输入" size="small" |
| | | @keyup.enter="getYearDetailPlan"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">标准方法</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">标准方法</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.methodName" |
| | | @keyup.enter="searchList"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">标准方法</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">标准方法</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.methodName" |
| | | @keyup.enter="searchList"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;" v-if="tabIndex === '0'"> |
| | | <span style="width: 68px;font-size: 14px;font-weight: 700;color: #606266;">标准号</span> |
| | | <span style="width: 68px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">标准号</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.standardNo" |
| | | @keyup.enter="searchList"></el-input> |
| | | </div> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;" v-if="tabIndex === '1'"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">存档名称</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">存档名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.archivedName" |
| | | @keyup.enter="searchList"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">发生部门</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">发生部门</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.occurrenceDepartment" |
| | | @keyup.enter="searchList"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 128px;font-size: 14px;font-weight: 700;color: #606266;">检验报告编号</span> |
| | | <span style="width: 128px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">检验报告编号</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="queryParams.insReportCode" |
| | | @keyup.enter="refreshTable()"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">报告名称</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">报告名称</span> |
| | | <el-input v-model="queryParams.reportName" clearable placeholder="请输入" size="small" |
| | | @keyup.enter="refreshTable()"></el-input> |
| | | </div> |
| | |
| | | |
| | | .el-table { |
| | | font-size: 14px; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | } |
| | | |
| | | .el-table thead { |
| | |
| | | |
| | | .el-table { |
| | | font-size: 14px; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | } |
| | | |
| | | .el-table thead { |
| | |
| | | <div style="display: flex;justify-content: space-between;margin-top: 10px;"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: #606266;">状态</span> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">状态</span> |
| | | <el-select v-model="entity.deviceStatus" placeholder="全部" |
| | | @change="currentPage = 1, keyMap = {}, list = [], finishLoding = false, refreshTable()" |
| | | size="small" clearable> |
| | |
| | | </el-select> |
| | | </div> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">设备名称</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">设备名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="entity.deviceName" |
| | | @keyup.enter="currentPage = 1, keyMap = {}, list = [], finishLoding = false, refreshTable()"></el-input> |
| | | </div> |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 1px solid #EEEEEE;"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:20px;color:#666666;"></lims-icon> |
| | | border: 1px solid var(--lims-divider);"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:20px;color:var(--lims-text-2);"></lims-icon> |
| | | </div></template> |
| | | </el-image> |
| | | <div class="list-left"> |
| | |
| | | </div> |
| | | <div class="list-left-info"> |
| | | <span class="label">规格型号:</span> |
| | | <span style="color:#333333;font-size: 16px;">{{ m.specificationModel ? m.specificationModel : '无' |
| | | <span style="color:var(--lims-text);font-size: 16px;">{{ m.specificationModel ? m.specificationModel : '无' |
| | | }}</span> |
| | | </div> |
| | | <div class="list-left-info"> |
| | | <span class="label">状态:</span> |
| | | <el-tag :type="m.type" v-if="m.deviceStatusName">{{ m.deviceStatusName }}</el-tag> |
| | | <span v-else style="color:#333333;font-size: 16px;">无</span> |
| | | <span v-else style="color:var(--lims-text);font-size: 16px;">无</span> |
| | | </div> |
| | | </div> |
| | | <div class="circles" :class="m.type"> |
| | |
| | | </li> |
| | | </ul> |
| | | </scroll-pagination> |
| | | <div v-if="list.length < 1 && !loading" style="color:#909399;font-size:14px;text-align: center;margin-top:200px"> |
| | | <div v-if="list.length < 1 && !loading" style="color:var(--lims-text-3);font-size:14px;text-align: center;margin-top:200px"> |
| | | 暂无数据 |
| | | </div> |
| | | </div> |
| | |
| | | width: 330px; |
| | | height: 165px; |
| | | border-radius: 8px 8px 8px 8px; |
| | | border: 1px solid #EEEEEE; |
| | | border: 1px solid var(--lims-divider); |
| | | margin: 0 !important; |
| | | display: flex; |
| | | align-items: center; |
| | | box-sizing: border-box; |
| | | padding: 16px; |
| | | font-size: 14px; |
| | | color: #666666; |
| | | color: var(--lims-text-2); |
| | | position: relative; |
| | | overflow: hidden; |
| | | } |
| | |
| | | } |
| | | |
| | | .success .circle { |
| | | background: #34BD66; |
| | | background: var(--el-color-success); |
| | | } |
| | | |
| | | .danger .circle { |
| | |
| | | } |
| | | |
| | | .info .circle { |
| | | background: #909399; |
| | | background: var(--lims-text-3); |
| | | } |
| | | |
| | | .el-form-item { |
| | |
| | | .title { |
| | | position: relative; |
| | | font-size: 16px; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | font-weight: 400; |
| | | padding-left: 10px; |
| | | margin-bottom: 10px; |
| | |
| | | .title { |
| | | position: relative; |
| | | font-size: 16px; |
| | | color: #333; |
| | | color: var(--lims-text); |
| | | font-weight: 400; |
| | | padding-left: 10px; |
| | | margin-bottom: 10px; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 1px solid #EEEEEE;"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:60px;color:#666666;"></lims-icon> |
| | | border: 1px solid var(--lims-divider);"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:60px;color:var(--lims-text-2);"></lims-icon> |
| | | </div></template> |
| | | </el-image> |
| | | <!-- 表单 --> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="图片:"> |
| | | <!-- <div |
| | | style="border: 1px solid #DCDFE6;border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | style="border: 1px solid var(--el-border-color);border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | <div v-show="Mdata.imageName" class="picName">{{ Mdata.imageName }}</div> |
| | | <el-upload :action="action" :on-success="handleSuccessUpImg2" :show-file-list="false" |
| | | accept='image/jpg,image/jpeg,image/png' :headers="headers" :on-change="beforeUpload" |
| | |
| | | display: inline-block; |
| | | text-align: right; |
| | | margin-right: 20px; |
| | | color: #999; |
| | | color: var(--lims-text-3); |
| | | } |
| | | |
| | | .form-item p { |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 1px solid #EEEEEE;"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:60px;color:#666666;"></lims-icon> |
| | | border: 1px solid var(--lims-divider);"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:60px;color:var(--lims-text-2);"></lims-icon> |
| | | </div></template> |
| | | </el-image> |
| | | <!-- 表单 --> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="图片:"> |
| | | <div |
| | | style="border: 1px solid #DCDFE6;border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | style="border: 1px solid var(--el-border-color);border-radius:4px;height:32px;lineHeight:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | <div v-show="formData.imageName" class="picName">{{ formData.imageName }}</div> |
| | | <el-upload :disabled="isUp" :action="action" :on-success="handleSuccessUpImg2" :show-file-list="false" |
| | | accept='image/jpg,image/jpeg,image/png' :headers="uploadHeader" :on-change="beforeUpload" |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 1px solid #EEEEEE;"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:60px;color:#666666;"></lims-icon> |
| | | border: 1px solid var(--lims-divider);"> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size:60px;color:var(--lims-text-2);"></lims-icon> |
| | | </div></template> |
| | | </el-image> |
| | | <!-- 表单 --> |
| | |
| | | </el-form-item> |
| | | <el-form-item label="图片:"> |
| | | <div |
| | | style="border: 1px solid #DCDFE6;border-radius:4px;height:32px;line-height:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | style="border: 1px solid var(--el-border-color);border-radius:4px;height:32px;line-height:32px;display:flex;justify-content: space-around;font-size: 13px;"> |
| | | <div v-show="formData2.imageName" class="picName">{{ formData2.imageName }}</div> |
| | | <el-upload :action="action" :on-success="handleSuccessUpImg2" :show-file-list="false" |
| | | accept='image/jpg,image/jpeg,image/png' :headers="uploadHeader" :on-change="beforeUpload" |
| | |
| | | } |
| | | |
| | | .page-right label { |
| | | color: #999; |
| | | color: var(--lims-text-3); |
| | | width: 110px; |
| | | display: inline-block; |
| | | text-align: right; |
| | |
| | | } |
| | | |
| | | .el-radio__input.is-disabled+span.el-radio__label { |
| | | color: #606266 !important; |
| | | color: var(--lims-text-2) !important; |
| | | } |
| | | |
| | | .success { |
| | |
| | | } |
| | | |
| | | .stop { |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | } |
| | | </style> |
| | |
| | | <div style="display: flex;justify-content: space-between;margin-top: 10px;"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">单位名称</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">单位名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.unitName" |
| | | @keyup.enter="getYearTableDetailData"></el-input> |
| | | </div> |
| | |
| | | <div>试验区域</div> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: #606266;">名称</span> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="search.testAreaName" |
| | | @keyup.enter="initData"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: #606266;">备注</span> |
| | | <span style="width: 48px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">备注</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.remark" |
| | | @keyup.enter="searchList"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">物质名称</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">物质名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="form.name" |
| | | @keyup.enter="getTableData"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 128px;font-size: 14px;font-weight: 700;color: #606266;">申请文件编号</span> |
| | | <span style="width: 128px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">申请文件编号</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="queryParams.documentCode" |
| | | @keyup.enter="refreshTable()"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 128px;font-size: 14px;font-weight: 700;color: #606266;">申请文件编号</span> |
| | | <span style="width: 128px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">申请文件编号</span> |
| | | <el-input v-model="queryParams.code" clearable placeholder="请输入" size="small" |
| | | @keyup.enter="refreshTable()"></el-input> |
| | | </div> |
| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: #606266;">文件编号</span> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">文件编号</span> |
| | | <el-input v-model="queryParams.documentCode" clearable placeholder="请输入" size="small" |
| | | @keyup.enter="refreshTable()"></el-input> |
| | | </div> |
| | |
| | | /* 当前检验模板的检测条件 */ |
| | | .template-panel { |
| | | background-color: #f8f9fb; |
| | | border: 1px solid #ebeef5; |
| | | border: 1px solid var(--el-border-color-light); |
| | | border-radius: 3px; |
| | | padding: 16px 16px 4px; |
| | | margin-top: 12px; |
| | |
| | | |
| | | .template-panel__unit { |
| | | margin-left: 4px; |
| | | color: #606266; |
| | | color: var(--lims-text-2); |
| | | } |
| | | |
| | | .template-panel__conclusion--divided { |
| | | border-top: 1px dashed #e4e7ed; |
| | | border-top: 1px dashed var(--el-border-color); |
| | | padding-top: 12px; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .inspection .el-drawer__header { |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | text-align: left; |
| | | } |
| | | |
| | |
| | | line-height: 24px; |
| | | padding: 4px 10px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #eeeeee; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | /* 当前检验模板的检测条件与检验结论 */ |
| | | .template-panel { |
| | | background-color: #f8f9fb; |
| | | border: 1px solid #ebeef5; |
| | | border: 1px solid var(--el-border-color-light); |
| | | border-radius: 3px; |
| | | padding: 16px 16px 4px; |
| | | margin-bottom: 12px; |
| | |
| | | |
| | | .template-panel__unit { |
| | | margin-left: 4px; |
| | | color: #606266; |
| | | color: var(--lims-text-2); |
| | | } |
| | | |
| | | .template-panel__conclusion--divided { |
| | | border-top: 1px dashed #e4e7ed; |
| | | border-top: 1px dashed var(--el-border-color); |
| | | padding-top: 12px; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .inspection .el-drawer__header { |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | text-align: left; |
| | | } |
| | | |
| | |
| | | |
| | | .template-panel { |
| | | background-color: #f8f9fb; |
| | | border: 1px solid #ebeef5; |
| | | border: 1px solid var(--el-border-color-light); |
| | | border-radius: 3px; |
| | | padding: 16px 16px 4px; |
| | | margin-bottom: 12px; |
| | |
| | | |
| | | .template-panel__unit { |
| | | margin-left: 4px; |
| | | color: #606266; |
| | | color: var(--lims-text-2); |
| | | } |
| | | |
| | | .template-panel__conclusion--divided { |
| | | border-top: 1px dashed #e4e7ed; |
| | | border-top: 1px dashed var(--el-border-color); |
| | | padding-top: 12px; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | .inspection .el-drawer__header { |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | text-align: left; |
| | | } |
| | | |
| | |
| | | margin-bottom: 10px; |
| | | } |
| | | :deep(.warning-row) { |
| | | color: #1890FF; |
| | | color: var(--el-color-primary); |
| | | } |
| | | .node_i { |
| | | color: orange; |
| | |
| | | margin-bottom: 10px; |
| | | } |
| | | :deep(.warning-row) { |
| | | color: #1890FF; |
| | | color: var(--el-color-primary); |
| | | } |
| | | .node_i { |
| | | color: orange; |
| | |
| | | <div style="display: flex; align-items: center; justify-content: space-between;"> |
| | | <span>{{ a.name }}</span> |
| | | <lims-icon name="el-icon-delete" |
| | | style="color: #66b1ff; font-size: 16px; cursor: pointer;" |
| | | style="color: var(--el-color-primary-light-3); font-size: 16px; cursor: pointer;" |
| | | @click.stop="handleDelete(a)"> |
| | | </lims-icon> |
| | | </div> |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | |
| | | } |
| | | :deep(.warning-row) { |
| | | color: #1890FF; |
| | | color: var(--el-color-primary); |
| | | } |
| | | </style> |
| | |
| | | @change="selectInsOrderTemplateByIdList"> |
| | | <el-option v-for="(a, ai) in templates" :key="ai" :label="a.name" :value="a.id"> |
| | | <span style="float: left">{{ a.name }}</span> |
| | | <lims-icon name="el-icon-delete" style="float: right; color: #66b1ff; font-size: 16px" |
| | | <lims-icon name="el-icon-delete" style="float: right; color: var(--el-color-primary-light-3); font-size: 16px" |
| | | @click.stop="handleDelete(a)"></lims-icon> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | |
| | | } |
| | | :deep(.warning-row) { |
| | | color: #1890FF; |
| | | color: var(--el-color-primary); |
| | | } |
| | | </style> |
| | |
| | | </el-dialog> |
| | | <!-- 撤销报检 --> |
| | | <el-dialog v-model="declareDialogVisible" title="报检撤销" width="30%"> |
| | | <p style="font-size:16px;color:#333333">批号<span style="color:#34BD66">{{ insOrderRow.updateBatchNo |
| | | }}</span>的信息是否<span style="color: #FF4902">撤销报检</span> |
| | | <p style="font-size:16px;color:var(--lims-text)">批号<span style="color:var(--el-color-success)">{{ insOrderRow.updateBatchNo |
| | | }}</span>的信息是否<span style="color: var(--el-color-danger)">撤销报检</span> |
| | | </p> |
| | | <template #footer><span class="dialog-footer"> |
| | | <el-row> |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | </el-dialog> |
| | | <!-- 撤销报检 --> |
| | | <el-dialog v-model="declareDialogVisible" title="报检撤销" width="30%"> |
| | | <p style="font-size:16px;color:#333333">批号<span style="color:#34BD66">{{ insOrderRow.updateBatchNo |
| | | }}</span>的信息是否<span style="color: #FF4902">撤销报检</span> |
| | | <p style="font-size:16px;color:var(--lims-text)">批号<span style="color:var(--el-color-success)">{{ insOrderRow.updateBatchNo |
| | | }}</span>的信息是否<span style="color: var(--el-color-danger)">撤销报检</span> |
| | | </p> |
| | | <template #footer><span class="dialog-footer"> |
| | | <el-row> |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | <div style="display: flex; align-items: center; justify-content: space-between;"> |
| | | <span>{{ a.name }}</span> |
| | | <lims-icon name="el-icon-delete" |
| | | style="color: #66b1ff; font-size: 16px; cursor: pointer;" |
| | | style="color: var(--el-color-primary-light-3); font-size: 16px; cursor: pointer;" |
| | | @click.stop="handleDelete(a)"> |
| | | </lims-icon> |
| | | </div> |
| | |
| | | |
| | | <style scoped> |
| | | :deep(.warning-row) { |
| | | color: #1890FF; |
| | | color: var(--el-color-primary); |
| | | } |
| | | |
| | | .node_i { |
| | |
| | | } |
| | | |
| | | .empty-template-text { |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | } |
| | | |
| | | /* 委托单信息:顶部操作栏 */ |
| | |
| | | flex-wrap: wrap; |
| | | gap: 8px; |
| | | padding-bottom: 12px; |
| | | border-bottom: 1px solid #ebeef5; |
| | | border-bottom: 1px solid var(--el-border-color-light); |
| | | } |
| | | |
| | | .order-header__title { |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | } |
| | | |
| | | .order-header__actions { |
| | |
| | | @change="selectInsOrderTemplateById"> |
| | | <el-option v-for="(a, ai) in templates" :key="ai" :label="a.name" :value="a.id"> |
| | | <span style="float: left">{{ a.name }}</span> |
| | | <lims-icon name="el-icon-delete" style="float: right; color: #66b1ff; font-size: 16px" |
| | | <lims-icon name="el-icon-delete" style="float: right; color: var(--el-color-primary-light-3); font-size: 16px" |
| | | @click.stop="handleDelete(a)"></lims-icon> |
| | | </el-option> |
| | | </el-select> |
| | |
| | | |
| | | <style scoped> |
| | | :deep(.warning-row) { |
| | | color: #1890FF; |
| | | color: var(--el-color-primary); |
| | | } |
| | | |
| | | .node_i { |
| | |
| | | .order-detail__title { |
| | | font-size: 16px; |
| | | font-weight: bold; |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | } |
| | | |
| | | /* 外层 .search 是 flex 容器,el-descriptions 作为 flex 项会按内容宽度收缩, |
| | |
| | | } |
| | | |
| | | .order-detail :deep(.el-descriptions-item__content) { |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | } |
| | | |
| | | /* 描述列表内不需要额外的行高占位,标签行与其它行等高 */ |
| | |
| | | } |
| | | |
| | | .order-detail__empty { |
| | | color: #c0c4cc; |
| | | color: var(--el-text-color-placeholder); |
| | | } |
| | | </style> |
| | |
| | | } |
| | | |
| | | :deep(.warning-row) { |
| | | color: #1890FF; |
| | | color: var(--el-color-primary); |
| | | } |
| | | </style> |
| | |
| | | justify-content: space-between; |
| | | } |
| | | :deep(.warning-row) { |
| | | color: #1890FF; |
| | | color: var(--el-color-primary); |
| | | } |
| | | </style> |
| | |
| | | <div> |
| | | <!-- 审核 --> |
| | | <el-dialog :before-close="handleClose" v-model="verifyDialogVisible" title="下单审核" width="30%"> |
| | | <p v-if="!isPass" style="font-size:16px;color:#333333">委托编号<span |
| | | style="color:#34BD66">ZTMS2023071001</span>的信息是否通过</p> |
| | | <p v-if="!isPass" style="font-size:16px;color:var(--lims-text)">委托编号<span |
| | | style="color:var(--el-color-success)">ZTMS2023071001</span>的信息是否通过</p> |
| | | <el-form v-else ref="ruleForm" :label-position="labelPosition" :model="formData" label-width="150px"> |
| | | <el-form-item label="请输入样品库位号:"> |
| | | <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input> |
| | |
| | | </el-dialog> |
| | | <!-- 撤销 --> |
| | | <el-dialog :before-close="handleClose" v-model="quashDialogVisible" title="下单撤销" width="30%"> |
| | | <p v-if="!isQuash" style="font-size:16px;color:#333333">委托编号<span |
| | | style="color:#34BD66">{{ insOrderRow.entrustCode }}</span>的信息是否撤销</p> |
| | | <p v-if="!isQuash" style="font-size:16px;color:var(--lims-text)">委托编号<span |
| | | style="color:var(--el-color-success)">{{ insOrderRow.entrustCode }}</span>的信息是否撤销</p> |
| | | <el-form v-else ref="ruleForm" :label-position="labelPosition" :model="formData" label-width="150px"> |
| | | <el-form-item label="请输入撤销原因:"> |
| | | <el-input v-model="formData.specificationModel" size="small" style="width:60%"></el-input> |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | width: 52px; |
| | | font-size: 14px; |
| | | font-weight: 700; |
| | | color: #606266; |
| | | color: var(--lims-text-2); |
| | | } |
| | | .search_button { |
| | | line-height: 30px; |
| | |
| | | </el-dialog> |
| | | <!-- 删除报检 --> |
| | | <el-dialog v-model="deleteVisible" title="确认删除" width="30%"> |
| | | <p style="font-size:16px;color:#333333">是否确认删除?</p> |
| | | <p style="font-size:16px;color:var(--lims-text)">是否确认删除?</p> |
| | | <template #footer><span class="dialog-footer"> |
| | | <el-row> |
| | | <el-button @click="deleteVisible = false">取 消</el-button> |
| | |
| | | </el-dialog> |
| | | <!-- 撤销报检 --> |
| | | <el-dialog v-model="declareDialogVisible1" title="报检撤销" width="30%"> |
| | | <p style="font-size:16px;color:#333333">批号<span |
| | | style="color:#34BD66">{{ insOrderRow.updateBatchNo }}</span>的信息是否<span style="color: #FF4902">撤销报检</span></p> |
| | | <p style="font-size:16px;color:var(--lims-text)">批号<span |
| | | style="color:var(--el-color-success)">{{ insOrderRow.updateBatchNo }}</span>的信息是否<span style="color: var(--el-color-danger)">撤销报检</span></p> |
| | | <template #footer><span class="dialog-footer"> |
| | | <el-row> |
| | | <el-button @click="declareDialogVisible1 = false">取 消</el-button> |
| | |
| | | line-height: 24px; |
| | | padding: 6px 14px; |
| | | font-size: 14px; |
| | | color: #333333; |
| | | border: 1px solid #EEEEEE; |
| | | color: var(--lims-text); |
| | | border: 1px solid var(--lims-divider); |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | .seal-select-block { |
| | | margin-top: 16px; |
| | | padding: 14px 16px; |
| | | border: 1px solid #ebeef5; |
| | | border: 1px solid var(--el-border-color-light); |
| | | border-radius: 6px; |
| | | background: #fafafa; |
| | | } |
| | |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | margin-bottom: 12px; |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .seal-select-tip { |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | font-size: 12px; |
| | | font-weight: normal; |
| | | } |
| | |
| | | |
| | | .seal-position-card { |
| | | padding: 14px; |
| | | border: 1px solid #dcdfe6; |
| | | border: 1px solid var(--el-border-color); |
| | | border-radius: 6px; |
| | | } |
| | | |
| | | .seal-position-name { |
| | | color: #303133; |
| | | color: var(--lims-text); |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .seal-position-desc { |
| | | margin: 4px 0 10px; |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | font-size: 12px; |
| | | } |
| | | |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | margin-top: 12px; |
| | | color: #606266; |
| | | color: var(--lims-text-2); |
| | | } |
| | | |
| | | .seal-position-preview img { |
| | |
| | | .seal-position-empty { |
| | | height: 70px; |
| | | margin-top: 12px; |
| | | color: #c0c4cc; |
| | | color: var(--el-text-color-placeholder); |
| | | font-size: 12px; |
| | | line-height: 70px; |
| | | text-align: center; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: flex-start; |
| | | color: #333333; |
| | | color: var(--lims-text); |
| | | cursor: pointer; |
| | | overflow: hidden; /*超出部分隐藏*/ |
| | | white-space: nowrap; /*禁止换行*/ |
| | |
| | | } |
| | | |
| | | .tables h4 { |
| | | color: #999999; |
| | | color: var(--lims-text-3); |
| | | font-size: 14px; |
| | | font-weight: 400; |
| | | padding: 6px 0; |
| | |
| | | } |
| | | |
| | | .green i { |
| | | background: #34BD66; |
| | | background: var(--el-color-success); |
| | | } |
| | | |
| | | .green .num { |
| | | color: #34BD66; |
| | | color: var(--el-color-success); |
| | | } |
| | | |
| | | .custom-tree-node .el-button { |
| | |
| | | :close-on-click-modal="false" |
| | | v-model="deleteVisible" |
| | | width="30%"> |
| | | <span>是否确认<span style="color: #FF4902">删除</span>该记录?</span> |
| | | <span>是否确认<span style="color: var(--el-color-danger)">删除</span>该记录?</span> |
| | | <template #footer><span class="dialog-footer"> |
| | | <el-button @click="deleteVisible = false">取 消</el-button> |
| | | <el-button type="primary" @click="deleteRecord" :loading="deleteLoading">确 定</el-button> |
| | |
| | | <div class="left-2-item" v-for="(item,index) in workDay" :key="index"> |
| | | <div class="left-item-title"> |
| | | <span style="font-size: 18px;">{{ item }}</span> |
| | | <span style="font-size: 14px;color: #999999;">{{ weekdays[index] }}</span> |
| | | <span style="font-size: 14px;color: var(--lims-text-3);">{{ weekdays[index] }}</span> |
| | | <el-tag style="margin-top: 6px;" size="small">{{workList[index].length}} 条</el-tag> |
| | | </div> |
| | | <div class="left-item-body"> |
| | |
| | | <span style="font-size: 12px;margin-bottom: 17px;">{{ m.text }}</span> |
| | | <div style="display: flex"> |
| | | <span class="body-item-name">{{ m.name }}</span> |
| | | <span v-if="m.state == 0" class="body-item-insState" style="background-color: #909399;font-size: 12px;">待检验</span> |
| | | <span v-if="m.state == 0" class="body-item-insState" style="background-color: var(--lims-text-3);font-size: 12px;">待检验</span> |
| | | <span v-if="m.state == 1" class="body-item-insState" style="background-color: var(--el-color-warning);font-size: 12px;">检验中</span> |
| | | <span v-if="m.state == 2" class="body-item-insState" style="background-color: var(--el-color-success);font-size: 12px;">已检验</span> |
| | | <span v-if="m.state == 3" class="body-item-insState" style="background-color: var(--el-color-warning);font-size: 12px;">待复核</span> |
| | |
| | | <!-- 工时统计模块暂时隐藏:删掉 v-if 即可恢复 --> |
| | | <div v-if="false" class="right-2 card"> |
| | | <div style="display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px"> |
| | | <span style="color: #333333;font-size: 16px;">工时统计</span> |
| | | <span style="color: var(--lims-text);font-size: 16px;">工时统计</span> |
| | | <el-date-picker |
| | | v-model="time.month" |
| | | type="month" |
| | |
| | | <el-row :gutter="10" style="width: 100%;"> |
| | | <el-col :span="12"> |
| | | <div class="right-time-1"> |
| | | <div style="text-align: center;font-size: 14px;color: #606266;line-height: 60px;">总工时(小时)</div> |
| | | <div style="text-align: center;font-size: 14px;color: var(--lims-text-2);line-height: 60px;">总工时(小时)</div> |
| | | <div style="text-align: center;font-family: DIN Alternate, DIN Alternate;font-weight: 700;font-size: 26px;color: #3D3D3D;line-height: 40px;">{{totalHour}}</div> |
| | | </div> |
| | | </el-col> |
| | |
| | | </div> |
| | | </div> |
| | | </scroll-pagination> |
| | | <div v-if="list.length<1&&!listLoading" style="color:#909399;font-size:14px;text-align: center;margin-top:80px" >暂无数据</div> |
| | | <div v-if="list.length<1&&!listLoading" style="color:var(--lims-text-3);font-size:14px;text-align: center;margin-top:80px" >暂无数据</div> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | |
| | | border-radius: 10px; |
| | | line-height: 22px; |
| | | text-align: center; |
| | | background: #C0C4CC; |
| | | background: var(--el-text-color-placeholder); |
| | | color: #fff; |
| | | font-size: 12px |
| | | } |
| | |
| | | {{ item.name }} |
| | | </p> |
| | | <p style=" |
| | | color: #999999; |
| | | color: var(--lims-text-3); |
| | | font-size: 12px; |
| | | transform: scale(0.8) translateX(-20px); |
| | | white-space: nowrap; |
| | |
| | | </p> |
| | | <p style="margin-top: 4px; margin: 0"> |
| | | <span style=" |
| | | color: #999999; |
| | | color: var(--lims-text-3); |
| | | font-size: 12px; |
| | | display: inline-block; |
| | | transform: scale(0.8) translateX(-10px); |
| | | ">合计出勤: </span><span style="font-size: 16px; color: #ff4902">{{ |
| | | ">合计出勤: </span><span style="font-size: 16px; color: var(--el-color-danger)">{{ |
| | | query.month |
| | | ? item.monthlyAttendance.totalAttendance |
| | | : item.sidebarAnnualAttendance.totalAttendance |
| | |
| | | {{ item.name }} |
| | | </p> |
| | | <p style=" |
| | | color: #999999; |
| | | color: var(--lims-text-3); |
| | | font-size: 12px; |
| | | transform: scale(0.8) translateX(-20px); |
| | | white-space: nowrap; |
| | |
| | | </p> |
| | | <p style="margin-top: 4px; margin: 0"> |
| | | <span style=" |
| | | color: #999999; |
| | | color: var(--lims-text-3); |
| | | font-size: 12px; |
| | | display: inline-block; |
| | | transform: scale(0.8) translateX(-10px); |
| | | ">合计出勤: </span><span style="font-size: 16px; color: #ff4902">{{ item.work_time }}天</span> |
| | | ">合计出勤: </span><span style="font-size: 16px; color: var(--el-color-danger)">{{ item.work_time }}天</span> |
| | | </p> |
| | | </div> |
| | | </div> |
| | |
| | | <lims-icon name="el-icon-edit" v-if="!item.isEdit" style="margin-left: 10px; color: #4b79f2; cursor: pointer" |
| | | @click="item.isEdit = true"></lims-icon> |
| | | <lims-icon name="el-icon-delete" v-if="timeQuery.length > 1" |
| | | style="margin-left: 10px; color: #ff4902; cursor: pointer" @click="deleteTime(item, index)"></lims-icon> |
| | | style="margin-left: 10px; color: var(--el-color-danger); cursor: pointer" @click="deleteTime(item, index)"></lims-icon> |
| | | </span> |
| | | </div> |
| | | <el-divider></el-divider> |
| | |
| | | .content-title { |
| | | height: 58px; |
| | | line-height: 58px; |
| | | border-bottom: 1px solid #eeeeee; |
| | | border-bottom: 1px solid var(--lims-divider); |
| | | } |
| | | |
| | | .content-title-right { |
| | |
| | | height: 100%; |
| | | width: 50px; |
| | | flex-shrink: 0; |
| | | border-bottom: 1px solid #eeeeee; |
| | | border-bottom: 1px solid var(--lims-divider); |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | align-items: center; |
| | |
| | | |
| | | .content-title-item .day { |
| | | font-size: 14px; |
| | | color: #333333; |
| | | color: var(--lims-text); |
| | | margin-right: 4px; |
| | | } |
| | | |
| | | .content-title-item .week { |
| | | font-size: 12px; |
| | | color: #999999; |
| | | color: var(--lims-text-3); |
| | | } |
| | | |
| | | .content-body { |
| | |
| | | font-size: 12px; |
| | | box-sizing: border-box; |
| | | padding: 4px; |
| | | border-right: 1px solid #eeeeee; |
| | | border-bottom: 1px solid #eeeeee; |
| | | border-right: 1px solid var(--lims-divider); |
| | | border-bottom: 1px solid var(--lims-divider); |
| | | } |
| | | |
| | | .work-box { |
| | |
| | | justify-content: space-around; |
| | | background: #edeff2; |
| | | border-radius: 8px 8px 8px 8px; |
| | | color: #999; |
| | | color: var(--lims-text-3); |
| | | font-size: 14px; |
| | | } |
| | | |
| | |
| | | width: 100%; |
| | | height: 70px; |
| | | box-sizing: border-box; |
| | | border-bottom: 1px solid #eeeeee; |
| | | border-bottom: 1px solid var(--lims-divider); |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | |
| | | width: 50px; |
| | | height: 50px; |
| | | border-radius: 50%; |
| | | background: #c0c4cc; |
| | | background: var(--el-text-color-placeholder); |
| | | color: #fff; |
| | | font-size: 20px; |
| | | text-align: center; |
| | |
| | | width: 88px; |
| | | font-size: 14px; |
| | | font-weight: 700; |
| | | color: #606266; |
| | | color: var(--lims-text-2); |
| | | } |
| | | .search_button { |
| | | line-height: 26px; |
| | |
| | | <div v-if="false"> |
| | | <div class="search_form"> |
| | | <div style="height:37px"> |
| | | <p style="font-size: 14px; color: #999;margin-left: 10px">{{ selectTree }}</p> |
| | | <p style="font-size: 14px; color: var(--lims-text-3);margin-left: 10px">{{ selectTree }}</p> |
| | | </div> |
| | | <div class="options_button"> |
| | | <el-input v-model="productKeyword" :disabled="!selected.isLeaf" clearable placeholder="搜索检验项/检验项子项" |
| | |
| | | <!-- <el-pagination :current-page="currentPage" :page-size="300" :total="total" layout="total" |
| | | style="position: absolute; right: 16px; bottom: 1px" @current-change="handleCurrentChange"> |
| | | </el-pagination> --> |
| | | <p style="text-align: right;margin-right: 20px;color: #333;">共{{ total }}条</p> |
| | | <p style="text-align: right;margin-right: 20px;color: var(--lims-text);">共{{ total }}条</p> |
| | | </el-row> |
| | | </el-col> |
| | | </div> |
| | |
| | | <el-dialog v-model="addDia" title="分类添加" width="400px"> |
| | | <div class="body"> |
| | | <el-row style="line-height: 30px"> |
| | | <el-col :span="24" style="color: #999; font-size: 13px"> |
| | | <el-col :span="24" style="color: var(--lims-text-3); font-size: 13px"> |
| | | 新增到:{{ selected.tree || '根目录' }} |
| | | </el-col> |
| | | </el-row> |
| | |
| | | } |
| | | |
| | | .avatar-uploader :deep(.el-upload) { |
| | | border: 1px dashed #666666; |
| | | border: 1px dashed var(--lims-text-2); |
| | | border-radius: 6px; |
| | | cursor: pointer; |
| | | position: relative; |
| | |
| | | font-size: 18px; |
| | | } |
| | | .product_table { |
| | | border-top: 1px solid #ebeef5; |
| | | border-top: 1px solid var(--el-border-color-light); |
| | | height: calc(100vh - 398px); |
| | | margin-top: 5px; |
| | | background-color: white; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border: 1px solid #eeeeee; |
| | | border: 1px solid var(--lims-divider); |
| | | "> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size: 30px; color: #666666"></lims-icon> |
| | | <lims-icon name="el-icon-picture-outline" style="font-size: 30px; color: var(--lims-text-2)"></lims-icon> |
| | | </div></template> |
| | | </el-image> |
| | | <div class="table-item-right" style="flex: 1; font-size: 12px; color: #666666"> |
| | | <div class="table-item-right" style="flex: 1; font-size: 12px; color: var(--lims-text-2)"> |
| | | <p style="line-height: 26px"> |
| | | 资质名称:<span style="color: var(--el-color-primary)">{{ m.name }}</span> |
| | | </p> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | <div v-if="list.length < 1 && !pageLoading && !isLoding" style=" |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | font-size: 14px; |
| | | text-align: center; |
| | | margin-top: 200px; |
| | |
| | | 暂无数据 |
| | | </div> |
| | | <div v-if="list.length > 0"> |
| | | <el-button v-if="isLoding" link type="primary" style="display: flex; margin: 0 auto; color: #909399"> |
| | | <el-button v-if="isLoding" link type="primary" style="display: flex; margin: 0 auto; color: var(--lims-text-3)"> |
| | | <lims-icon name="el-icon-loading" style="font-size: 20px"></lims-icon> |
| | | </el-button> |
| | | <el-button link type="primary" v-if="finishLoding" |
| | | style="display: flex; margin: 0 auto; color: #909399">已经没有更多啦~</el-button> |
| | | style="display: flex; margin: 0 auto; color: var(--lims-text-3)">已经没有更多啦~</el-button> |
| | | </div> |
| | | </div> |
| | | <el-dialog title="资质更新" v-model="qualificationsConnectVisible" width="400px"> |
| | |
| | | .table-item { |
| | | border-radius: 8px 8px 8px 8px; |
| | | box-shadow: 4px 4px 8px 0px rgba(51, 51, 51, 0.04); |
| | | border: 1px solid #eeeeee; |
| | | border: 1px solid var(--lims-divider); |
| | | box-sizing: border-box; |
| | | padding: 14px 12px; |
| | | display: flex; |
| | |
| | | } |
| | | |
| | | .avatar-uploader :deep(.el-upload) { |
| | | border: 1px dashed #666666; |
| | | border: 1px dashed var(--lims-text-2); |
| | | border-radius: 6px; |
| | | cursor: pointer; |
| | | position: relative; |
| | |
| | | justify-content: center; |
| | | width: 100%; |
| | | height: 100%; |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | } |
| | | |
| | | .seal-upload-placeholder i { |
| | |
| | | } |
| | | |
| | | .upload-tip { |
| | | color: #909399; |
| | | color: var(--lims-text-3); |
| | | font-size: 12px; |
| | | line-height: 20px; |
| | | } |
| | |
| | | width: 88px; |
| | | font-size: 14px; |
| | | font-weight: 700; |
| | | color: #606266; |
| | | color: var(--lims-text-2); |
| | | } |
| | | .search_button { |
| | | line-height: 30px; |
| | |
| | | } |
| | | .drawer-empty { |
| | | text-align: center; |
| | | color: var(--dict-drawer-subtext-color, #bbb); |
| | | color: var(--dict-drawer-subtext-color, var(--el-text-color-placeholder)); |
| | | padding: 60px 0; |
| | | font-size: 13px; |
| | | } |
| | |
| | | <style scoped> |
| | | .read-stat { |
| | | font-size: 13px; |
| | | color: #606266; |
| | | color: var(--lims-text-2); |
| | | line-height: 28px; |
| | | } |
| | | .read-stat strong { |
| | |
| | | right: 0; |
| | | top: 0; |
| | | bottom: 0; |
| | | color: #eee; |
| | | color: var(--lims-divider); |
| | | background: rgba(0, 0, 0, 0.5); |
| | | font-size: 24px; |
| | | font-style: normal; |
| | |
| | | margin: 6px 2px; |
| | | |
| | | .svg-icon { |
| | | // color: #666; |
| | | // color: var(--lims-text-2); |
| | | font-size: 18px; |
| | | margin-right: 5px; |
| | | } |
| | |
| | | cursor: move; |
| | | |
| | | &.unfocus-bordered:not(.activeFromItem)>div:first-child { |
| | | border: 1px dashed #ccc; |
| | | border: 1px dashed var(--el-text-color-placeholder); |
| | | } |
| | | |
| | | .el-form-item { |
| | |
| | | position: relative; |
| | | cursor: move; |
| | | box-sizing: border-box; |
| | | border: 1px dashed #ccc; |
| | | border: 1px dashed var(--el-text-color-placeholder); |
| | | border-radius: 3px; |
| | | padding: 0 2px; |
| | | margin-bottom: 15px; |
| | |
| | | top: 0; |
| | | left: 0; |
| | | font-size: 12px; |
| | | color: #bbb; |
| | | color: var(--el-text-color-placeholder); |
| | | display: inline-block; |
| | | padding: 0 6px; |
| | | } |