duxingchen/KCGL
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: enforce absolute UI parity for scrap page with immersive scan layout

Browse Source
This commit is contained in:
DXC
2026-03-12 13:07:49 +08:00
parent 3afcf1434c
commit b091654812
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
inventory-web/src/views/operation/scrap/create.vue
View File

@ -14,7 +14,7 @@
<div class="scan-section"> <div class="scan-section">
<div v-if="hasPermission" class="camera-placeholder" @click="showCamera = true"> <div v-if="hasPermission" class="camera-placeholder" @click="showCamera = true">
<el-icon :size="40" color="#F56C6C"><CameraFilled /></el-icon> <el-icon :size="40" color="#409EFF"><CameraFilled /></el-icon>
<span class="text">点击开启全屏扫码</span> <span class="text">点击开启全屏扫码</span>
</div> </div>
<div v-else class="camera-placeholder" style="background-color: #f5f5f5; cursor: not-allowed;"> <div v-else class="camera-placeholder" style="background-color: #f5f5f5; cursor: not-allowed;">
@ -344,21 +344,21 @@ const submitForm = async () => {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 180px; height: 180px;
background: linear-gradient(135deg, #fef0f0 0%, #fdeaea 100%); background: linear-gradient(135deg, #ecf5ff 0%, #d9ecff 100%);
border: 2px dashed #F56C6C; border: 2px dashed #409EFF;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
transition: all 0.3s; transition: all 0.3s;
} }
.camera-placeholder:hover { .camera-placeholder:hover {
background: linear-gradient(135deg, #fdeaea 0%, #fcd5d5 100%); background: linear-gradient(135deg, #d9ecff 0%, #b3d8ff 100%);
transform: scale(1.01); transform: scale(1.01);
} }
.camera-placeholder .text { .camera-placeholder .text {
margin-top: 10px; margin-top: 10px;
color: #F56C6C; color: #409EFF;
font-size: 14px; font-size: 14px;
} }
@ -375,7 +375,7 @@ const submitForm = async () => {
} }
.input-box :deep(.el-input__wrapper.is-focus) { .input-box :deep(.el-input__wrapper.is-focus) {
box-shadow: 0 0 0 1px #F56C6C inset; box-shadow: 0 0 0 1px #409EFF inset;
} }
.cart-section { .cart-section {