4/2 优化

dev2.5_scan
wangwei 3 months ago
parent 367fa63866
commit 9a90409b15

@ -135,12 +135,12 @@
<div :style="{ fontSize: '26px' }">{{ scope.row.count }}</div> <div :style="{ fontSize: '26px' }">{{ scope.row.count }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="应扫码数量" prop="scanActCount"> <el-table-column label="应扫码数量" prop="scanActCount" :min-width="120">
<template v-slot="scope"> <template v-slot="scope">
<div v-if="scope.row.autoTagStatus == 2" :style="getCellStyle1(scope.row)" style="display: flex; align-items: center; height: 100%; min-height: 40px;"> <div v-if="scope.row.autoTagStatus == 2" :style="getCellStyle1(scope.row)" style="display: flex; align-items: center; height: 100%; min-height: 40px;">
无需扫码 无需扫码
</div> </div>
<div :style="getCellStyle(scope.row)" style="display: flex; align-items: center; height: 100%; min-height: 40px;" v-else> <div :style="getCellStyle(scope.row)" style="display: flex; align-items: center; height: 100%; min-height: 60px;" v-else>
{{ scope.row.scanCount }}/{{ scope.row.shouldCount }} {{ scope.row.scanCount }}/{{ scope.row.shouldCount }}
</div> </div>
</template> </template>
@ -415,6 +415,10 @@ export default {
this.codingStatus = '预赋码' this.codingStatus = '预赋码'
return 'warning' // return 'warning' //
} }
if (row.scanActCount == null){
this.codingStatus = '未赋码'
return 'danger' //
}
if (row.scanActCount < row.count) { if (row.scanActCount < row.count) {
this.codingStatus = '未赋码' this.codingStatus = '未赋码'
return 'danger' // return 'danger' //
@ -422,6 +426,7 @@ export default {
this.codingStatus = '已赋码' this.codingStatus = '已赋码'
return 'success' // 绿 return 'success' // 绿
} }
} }
}, },

@ -5,28 +5,28 @@
<div class="left-panel"> <div class="left-panel">
<!-- Left side is now empty, just for visual design --> <!-- Left side is now empty, just for visual design -->
</div> </div>
<!-- Right side: Logo, Title and Login Form together --> <!-- Right side: Logo, Title and Login Form together -->
<div class="right-panel"> <div class="right-panel">
<div class="login-panel"> <div class="login-panel">
<div class="header-section"> <div class="header-section">
<div class="logo-section"> <div class="logo-section">
<div v-if="webLogo == ''"> <div v-if="webLogo == null">
<img alt="logo" src="@/assets/logo/wyLogo.png" class="logo-image"> <img alt="logo" src="@/assets/logo/wyLogo.png" class="logo-image">
</div> </div>
<div v-else> <div v-else>
<img alt="logo" :src="webLogo" class="logo-image"> <img alt="logo" :src="webLogo" class="logo-image">
</div> </div>
</div> </div>
<div class="title-section"> <div class="title-section">
<h1 class="system-title">{{ title }}</h1> <h1 class="system-title">{{ title }}</h1>
<!-- <h2 class="system-subtitle">{{ webVersionName }}</h2> --> <!-- <h2 class="system-subtitle">{{ webVersionName }}</h2> -->
</div> </div>
</div> </div>
<!-- <h3 class="login-heading">用户登录</h3> --> <!-- <h3 class="login-heading">用户登录</h3> -->
<el-form <el-form
class="login-form" class="login-form"
autocomplete="on" autocomplete="on"
@ -48,7 +48,7 @@
> >
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password" class="form-item"> <el-form-item prop="password" class="form-item">
<el-input <el-input
v-model="pwdCover" v-model="pwdCover"
@ -71,7 +71,7 @@
</i> </i>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
prop="verificationCode" prop="verificationCode"
class="form-item verify-section" class="form-item verify-section"
@ -90,7 +90,7 @@
></Verify> ></Verify>
</div> </div>
</el-form-item> </el-form-item>
<div class="login-button-container"> <div class="login-button-container">
<el-button <el-button
type="primary" type="primary"
@ -105,10 +105,10 @@
</div> </div>
</div> </div>
<el-dialog <el-dialog
title="修改密码" title="修改密码"
:visible.sync="passwordFormVisible" :visible.sync="passwordFormVisible"
width="400px" width="400px"
top="20vh" top="20vh"
:close-on-click-modal="false" :close-on-click-modal="false"
:show-close="false" :show-close="false"
@ -188,7 +188,7 @@ export default {
title: "福建省XXX医院", title: "福建省XXX医院",
subTitle: "医院药械追溯管理系统", subTitle: "医院药械追溯管理系统",
webVersionName: "医院药械追溯管理系统", webVersionName: "医院药械追溯管理系统",
webLogo: "", webLogo: null,
passwordFormVisible: false, passwordFormVisible: false,
passwordFormData: { passwordFormData: {
oldPassword: "", oldPassword: "",
@ -394,7 +394,10 @@ export default {
if (!isBlank(res.data.webVersion)){ if (!isBlank(res.data.webVersion)){
this.webVersionName = res.data.webVersion this.webVersionName = res.data.webVersion
} }
this.webLogo = res.data.webLogo if (!isBlank(res.data.webLogo)){
this.webLogo = res.data.webLogo
}
}); });
}, },
passwdSubmit() { passwdSubmit() {
@ -486,21 +489,21 @@ $success-color: #67c23a;
background: linear-gradient(15deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.15) 100%); background: linear-gradient(15deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.15) 100%);
z-index: 1; z-index: 1;
} }
.split-layout { .split-layout {
position: relative; position: relative;
z-index: 2; z-index: 2;
display: flex; display: flex;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
.left-panel { .left-panel {
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.right-panel { .right-panel {
width: 30%; width: 30%;
min-width: 420px; min-width: 420px;
@ -510,27 +513,27 @@ $success-color: #67c23a;
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15); box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15);
.login-panel { .login-panel {
width: 85%; width: 85%;
padding: 50px 0; padding: 50px 0;
animation: slideInRight 0.8s ease-out; animation: slideInRight 0.8s ease-out;
} }
.header-section { .header-section {
text-align: center; text-align: center;
margin-bottom: 30px; margin-bottom: 30px;
.logo-section { .logo-section {
margin-bottom: 20px; margin-bottom: 20px;
.logo-image { .logo-image {
width: 120px; width: 120px;
height: auto; height: auto;
object-fit: contain; object-fit: contain;
} }
} }
.title-section { .title-section {
.system-title { .system-title {
font-size: 28px; font-size: 28px;
@ -539,7 +542,7 @@ $success-color: #67c23a;
margin-bottom: 10px; margin-bottom: 10px;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
} }
.system-subtitle { .system-subtitle {
font-size: 18px; font-size: 18px;
font-weight: 400; font-weight: 400;
@ -548,7 +551,7 @@ $success-color: #67c23a;
} }
} }
} }
.login-heading { .login-heading {
font-size: 24px; font-size: 24px;
font-weight: 600; font-weight: 600;
@ -576,11 +579,11 @@ $success-color: #67c23a;
.form-item { .form-item {
margin-bottom: 25px; margin-bottom: 25px;
.el-form-item__content { .el-form-item__content {
display: flex; display: flex;
} }
.el-input__inner { .el-input__inner {
height: 45px; height: 45px;
border-radius: 8px; border-radius: 8px;
@ -589,18 +592,18 @@ $success-color: #67c23a;
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s; transition: all 0.3s;
color: white; color: white;
&::placeholder { &::placeholder {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
} }
&:focus { &:focus {
border-color: $primary-color; border-color: $primary-color;
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0 2px rgba($primary-color, 0.2); box-shadow: 0 0 0 2px rgba($primary-color, 0.2);
} }
} }
.el-input__icon { .el-input__icon {
line-height: 45px; line-height: 45px;
font-size: 18px; font-size: 18px;
@ -611,11 +614,11 @@ $success-color: #67c23a;
.verify-section { .verify-section {
margin-top: 10px; margin-top: 10px;
margin-bottom: 30px; margin-bottom: 30px;
.el-form-item__content { .el-form-item__content {
width: 100%; width: 100%;
display: block !important; display: block !important;
/* Override verify component styles to fix compression */ /* Override verify component styles to fix compression */
.verify-component { .verify-component {
width: 100% !important; width: 100% !important;
@ -635,7 +638,7 @@ $success-color: #67c23a;
font-size: 18px; font-size: 18px;
margin-right: 10px; margin-right: 10px;
line-height: 45px; line-height: 45px;
&:hover { &:hover {
color: white; color: white;
} }
@ -654,7 +657,7 @@ $success-color: #67c23a;
border: none; border: none;
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
&:hover, &:focus { &:hover, &:focus {
background: #2a70d8; background: #2a70d8;
} }
@ -678,30 +681,30 @@ $success-color: #67c23a;
border-radius: 12px; border-radius: 12px;
overflow: hidden; overflow: hidden;
} }
.el-dialog__header { .el-dialog__header {
background-color: $primary-color; background-color: $primary-color;
padding: 15px 20px; padding: 15px 20px;
.el-dialog__title { .el-dialog__title {
color: white; color: white;
font-weight: 500; font-weight: 500;
} }
} }
.el-dialog__body { .el-dialog__body {
padding: 30px 20px; padding: 30px 20px;
} }
.el-form-item__label { .el-form-item__label {
font-weight: 500; font-weight: 500;
} }
.el-button--primary { .el-button--primary {
background-color: $primary-color; background-color: $primary-color;
border-color: $primary-color; border-color: $primary-color;
width: 120px; width: 120px;
&:hover { &:hover {
background-color: #2a70d8; background-color: #2a70d8;
border-color: #2a70d8; border-color: #2a70d8;
@ -752,16 +755,16 @@ $success-color: #67c23a;
.login-container { .login-container {
.split-layout { .split-layout {
flex-direction: column; flex-direction: column;
.left-panel { .left-panel {
display: none; display: none;
} }
.right-panel { .right-panel {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
min-width: auto; min-width: auto;
.login-panel { .login-panel {
width: 90%; width: 90%;
max-width: 400px; max-width: 400px;

Loading…
Cancel
Save