From c7bd47b73b0901d1aa9f695f7594fb04da116d33 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Thu, 22 Jan 2026 15:33:10 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9Acss=E6=A0=B7=E5=BC=8F=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UploadFile/src/UploadFile.vue |  2 +-
 src/views/Home/Index.vue                     | 38 ++++++++++----------
 src/views/erp/mold/detail/index.vue          | 15 +++++---
 src/views/formula/formulaConfig/index.vue    | 12 +++----
 src/views/mes/deviceledger/index.vue         | 16 ++++-----
 src/views/mes/energydevicecheck/index.vue    |  2 +-
 src/views/mes/zjschema/ZjSchemaForm.vue      | 12 +++----
 7 files changed, 51 insertions(+), 46 deletions(-)

diff --git a/src/components/UploadFile/src/UploadFile.vue b/src/components/UploadFile/src/UploadFile.vue
index 9c770072..25f8a709 100644
--- a/src/components/UploadFile/src/UploadFile.vue
+++ b/src/components/UploadFile/src/UploadFile.vue
@@ -234,8 +234,8 @@ const emitUpdateModelValue = () => {
 .ellipsis-text {
   display: inline-block;
   max-width: 100px;
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 </style>
diff --git a/src/views/Home/Index.vue b/src/views/Home/Index.vue
index 7a4c8250..f76f6f2b 100644
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@@ -790,13 +790,13 @@ getAllApi()
 }
 
 .home-welcome {
-	min-height: 240px;
 	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	background: linear-gradient(90deg, #3a6bc5 0%, #2a5298 100%);
+	min-height: 240px;
 	padding: 0 24px;
+	background: linear-gradient(90deg, #3a6bc5 0%, #2a5298 100%);
 	border-radius: 4px;
+	justify-content: space-between;
+	align-items: center;
 }
 
 .home-welcome-left {
@@ -804,9 +804,9 @@ getAllApi()
 }
 
 .home-welcome-title {
+	margin-bottom: 8px;
 	font-size: 32px;
 	font-weight: 500;
-	margin-bottom: 8px;
 }
 
 .home-welcome-desc {
@@ -859,13 +859,13 @@ getAllApi()
 }
 
 .home-welcome-image {
-	max-height: 180px;
 	width: auto;
+	max-height: 180px;
 }
 
 .production-overview-row {
-	margin-top: 16px;
 	display: flex;
+	margin-top: 16px;
 	align-items: stretch;
 	gap: 48px;
 }
@@ -878,9 +878,9 @@ getAllApi()
 }
 
 .production-overview-group-center {
-	border-left: 1px solid var(--el-border-color-lighter);
-	border-right: 1px solid var(--el-border-color-lighter);
 	padding: 0 48px;
+	border-right: 1px solid var(--el-border-color-lighter);
+	border-left: 1px solid var(--el-border-color-lighter);
 }
 
 .production-overview-item {
@@ -926,8 +926,8 @@ getAllApi()
 
 .stat-card {
 	padding: 12px 16px;
-	border-radius: 6px;
 	background-color: #f5f7fa;
+	border-radius: 6px;
 }
 
 .stat-label {
@@ -968,18 +968,18 @@ getAllApi()
 }
 
 .progress-card {
+	display: flex;
+	height: 180px;
 	padding: 12px 16px;
-	border-radius: 6px;
 	background-color: #f5f7fa;
-	height: 180px;
-	display: flex;
+	border-radius: 6px;
 	flex-direction: column;
 }
 
 .progress-card-header {
+	margin-bottom: 8px;
 	font-size: 14px;
 	font-weight: 600;
-	margin-bottom: 8px;
 }
 
 .progress-card-body {
@@ -1013,8 +1013,8 @@ getAllApi()
 
 .mini-card {
 	padding: 12px 16px;
-	border-radius: 6px;
 	background-color: #f5f7fa;
+	border-radius: 6px;
 }
 
 .mini-label {
@@ -1041,11 +1041,11 @@ getAllApi()
 }
 
 .todo-card {
+	display: flex;
+	height: 150px;
 	padding: 12px 16px;
-	border-radius: 6px;
 	background-color: #f5f7fa;
-	height: 150px;
-	display: flex;
+	border-radius: 6px;
 	flex-direction: column;
 	justify-content: space-between;
 }
@@ -1061,7 +1061,7 @@ getAllApi()
 	color: #909399;
 }
 
-@media (max-width: 768px) {
+@media (width <= 768px) {
 	.home-welcome {
 		flex-direction: column;
 		align-items: flex-start;
diff --git a/src/views/erp/mold/detail/index.vue b/src/views/erp/mold/detail/index.vue
index 735acd23..4396ec69 100644
--- a/src/views/erp/mold/detail/index.vue
+++ b/src/views/erp/mold/detail/index.vue
@@ -27,7 +27,8 @@
         <el-tabs v-model="detailActiveTab" class="mt-12px">
           <el-tab-pane label="点检履历" name="check">
             <el-empty v-if="!inspectionStepGroups.length" />
-            <el-steps v-else direction="vertical" :active="inspectionStepGroups.length"
+            <el-steps
+v-else direction="vertical" :active="inspectionStepGroups.length"
               class="device-ledger-history-steps">
               <el-step v-for="group in inspectionStepGroups" :key="group.key">
                 <template #title>
@@ -71,7 +72,8 @@
                           <span class="device-ledger-history-item-value">{{ item.remark ?? '-' }}</span>
                         </div>
                         <div v-if="item.images?.length" class="device-ledger-history-item-images">
-                          <el-image v-for="img in item.images" :key="img" :src="img" :preview-src-list="item.images"
+                          <el-image
+v-for="img in item.images" :key="img" :src="img" :preview-src-list="item.images"
                             preview-teleported fit="cover" class="device-ledger-history-item-image">
                             <template #error>
                               <div class="device-ledger-history-image-error">图片加载失败</div>
@@ -87,7 +89,8 @@
           </el-tab-pane>
           <el-tab-pane label="保养履历" name="maintain">
             <el-empty v-if="!maintainStepGroups.length" />
-            <el-steps v-else direction="vertical" class="device-ledger-history-steps"
+            <el-steps
+v-else direction="vertical" class="device-ledger-history-steps"
               :active="maintainStepGroups.length">
               <el-step v-for="group in maintainStepGroups" :key="group.key">
                 <template #title>
@@ -131,7 +134,8 @@
                           <span class="device-ledger-history-item-value">{{ item.remark ?? '-' }}</span>
                         </div>
                         <div v-if="item.images?.length" class="device-ledger-history-item-images">
-                          <el-image v-for="img in item.images" :key="img" :src="img" :preview-src-list="item.images"
+                          <el-image
+v-for="img in item.images" :key="img" :src="img" :preview-src-list="item.images"
                             preview-teleported fit="cover" class="device-ledger-history-item-image">
                             <template #error>
                               <div class="device-ledger-history-image-error">图片加载失败</div>
@@ -147,7 +151,8 @@
           </el-tab-pane>
           <el-tab-pane label="维修履历" name="repair">
             <el-empty v-if="!repairHistoryView.length" />
-            <el-table v-else :data="repairHistoryView" :stripe="true" :show-overflow-tooltip="true"
+            <el-table
+v-else :data="repairHistoryView" :stripe="true" :show-overflow-tooltip="true"
               class="mold-history-table">
               <el-table-column label="维修单ID" prop="repairId" width="120" />
               <el-table-column label="项目编码" prop="subjectCode" width="120" />
diff --git a/src/views/formula/formulaConfig/index.vue b/src/views/formula/formulaConfig/index.vue
index 4fbb86ad..78f339b4 100644
--- a/src/views/formula/formulaConfig/index.vue
+++ b/src/views/formula/formulaConfig/index.vue
@@ -595,23 +595,23 @@ onMounted(() => {
 
 .formula-config-panel {
   width: calc((100% - 96px) / 2);
-  border: 1px solid var(--el-border-color);
-  border-radius: 4px;
   overflow: hidden;
   background: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
+  border-radius: 4px;
 }
 
 .formula-config-panel__header {
   display: flex;
-  justify-content: space-between;
   padding: 10px 12px;
-  border-bottom: 1px solid var(--el-border-color);
   font-weight: 600;
+  border-bottom: 1px solid var(--el-border-color);
+  justify-content: space-between;
 }
 
 .formula-config-panel__meta {
-  color: var(--el-text-color-secondary);
   font-weight: 400;
+  color: var(--el-text-color-secondary);
 }
 
 .formula-config-panel__filter {
@@ -624,8 +624,8 @@ onMounted(() => {
 }
 
 .formula-config-actions {
-  width: 96px;
   display: flex;
+  width: 96px;
   flex-direction: column;
   justify-content: center;
   align-items: center;
diff --git a/src/views/mes/deviceledger/index.vue b/src/views/mes/deviceledger/index.vue
index 499853ef..9bd27b22 100644
--- a/src/views/mes/deviceledger/index.vue
+++ b/src/views/mes/deviceledger/index.vue
@@ -1095,12 +1095,12 @@ onMounted(async () => {
 
 .device-ledger-history-item {
   display: flex;
-  flex-direction: column;
-  gap: 8px;
   padding: 10px;
+  background: var(--el-fill-color-blank);
   border: 1px solid var(--el-border-color-lighter);
   border-radius: 8px;
-  background: var(--el-fill-color-blank);
+  flex-direction: column;
+  gap: 8px;
 }
 
 .device-ledger-history-item-head {
@@ -1143,19 +1143,19 @@ onMounted(async () => {
 .device-ledger-history-item-image {
   width: 76px;
   height: 76px;
-  border-radius: 6px;
   overflow: hidden;
+  border-radius: 6px;
 }
 
 .device-ledger-history-image-error {
+  display: flex;
   width: 100%;
   height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   font-size: 12px;
   color: var(--el-text-color-secondary);
   background: var(--el-fill-color);
+  align-items: center;
+  justify-content: center;
 }
 
 .device-ledger-repair-collapse {
@@ -1175,8 +1175,8 @@ onMounted(async () => {
 }
 
 .device-ledger-repair-meta {
-  color: var(--el-text-color-secondary);
   font-size: 12px;
+  color: var(--el-text-color-secondary);
 }
 
 .device-ledger-history-item-text {
diff --git a/src/views/mes/energydevicecheck/index.vue b/src/views/mes/energydevicecheck/index.vue
index d01b102d..8eb1873b 100644
--- a/src/views/mes/energydevicecheck/index.vue
+++ b/src/views/mes/energydevicecheck/index.vue
@@ -37,7 +37,7 @@ v-model="queryParams.timeRange" type="datetimerange" value-format="YYYY-MM-DD HH
 
     <el-table
 ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
-      :expand-row-keys="expandRowKeys" :row-class-name="getRowClassName" style="margin-top: 20px; min-height: 50vh"
+      :expand-row-keys="expandRowKeys" :row-class-name="getRowClassName" style=" min-height: 50vh;margin-top: 20px"
       @row-click="handleRowClick" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="50" align="center" />
       <el-table-column type="expand" width="52">
diff --git a/src/views/mes/zjschema/ZjSchemaForm.vue b/src/views/mes/zjschema/ZjSchemaForm.vue
index 2ad687e6..79b6421a 100644
--- a/src/views/mes/zjschema/ZjSchemaForm.vue
+++ b/src/views/mes/zjschema/ZjSchemaForm.vue
@@ -415,23 +415,23 @@ const resetForm = () => {
 
 .formula-config-panel {
   width: calc((100% - 96px) / 2);
-  border: 1px solid var(--el-border-color);
-  border-radius: 4px;
   overflow: hidden;
   background: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
+  border-radius: 4px;
 }
 
 .formula-config-panel__header {
   display: flex;
-  justify-content: space-between;
   padding: 10px 12px;
-  border-bottom: 1px solid var(--el-border-color);
   font-weight: 600;
+  border-bottom: 1px solid var(--el-border-color);
+  justify-content: space-between;
 }
 
 .formula-config-panel__meta {
-  color: var(--el-text-color-secondary);
   font-weight: 400;
+  color: var(--el-text-color-secondary);
 }
 
 .formula-config-panel__filter {
@@ -444,8 +444,8 @@ const resetForm = () => {
 }
 
 .formula-config-actions {
-  width: 96px;
   display: flex;
+  width: 96px;
   flex-direction: column;
   justify-content: center;
   align-items: center;