style：设备台账-详情调整样式

src/views/mes/deviceledger/detail/index.vue

@@ -1,6 +1,7 @@
 <template>
   <ContentWrap>
     <div v-loading="detailLoading" class="device-ledger-detail-body">
+      <div class="device-ledger-detail-title">设备基本信息</div>
       <el-descriptions :column="3" class="device-ledger-detail-desc">
         <el-descriptions-item :label="t('EquipmentManagement.EquipmentLedger.deviceNo')">
           {{ detailData?.deviceCode ?? '' }}
@@ -47,6 +48,7 @@
       </el-descriptions>
 
       <div v-if="detailData?.qrcodeUrl" class="device-ledger-detail-qrcode">
+        <div class="device-ledger-detail-qrcode-title">设备二维码</div>
         <QrcodeActionCard
           :image-url="detailData.qrcodeUrl"
           :print-id="detailData.id || detailData.deviceCode"
@@ -60,6 +62,8 @@
           :print-data="buildDetailPrintData()"
           :show-refresh="false"
         />
+        <div class="device-ledger-detail-qrcode-desc">扫码查看设备详情</div>
+        <div class="device-ledger-detail-qrcode-sub">支持点检 / 报修 / 维保</div>
       </div>
 
       <div class="device-ledger-detail-tabs">
@@ -899,13 +903,41 @@ onMounted(async () => {
 
 <style lang="scss" scoped>
 .device-ledger-detail-body {
+  position: relative;
   max-height: 85vh;
 }
 
+.device-ledger-detail-title {
+  position: absolute;
+  top: 10px;
+  left: 0px;
+  color: var(--el-text-color-primary);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 22px;
+}
+
 .device-ledger-detail-desc {
+  display: flex;
+  align-items: center;
+  min-height: 286px;
+  padding-right: 260px;
   margin-bottom: 16px;
 }
 
+.device-ledger-detail-desc :deep(.el-descriptions__body) {
+  width: 100%;
+}
+
+.device-ledger-detail-desc :deep(.el-descriptions__table) {
+  width: 100%;
+  table-layout: fixed;
+}
+
+.device-ledger-detail-desc :deep(.el-descriptions__cell) {
+  width: 33.3333%;
+}
+
 .device-ledger-detail-tabs {
   padding-right: 4px;
 }
@@ -916,7 +948,62 @@ onMounted(async () => {
 }
 
 .device-ledger-detail-qrcode {
-  margin-top: 10px;
+  position: absolute;
+  top: 30px;
+  right: 100px;
+  display: flex;
+  width: 184px;
+  min-height: 226px;
+  padding: 16px 14px;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  border: 1px solid var(--el-border-color);
+  border-radius: 6px;
+  background: var(--el-bg-color);
+}
+
+.device-ledger-detail-qrcode-title {
+  margin-bottom: 12px;
+  color: var(--el-text-color-primary);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.device-ledger-detail-qrcode :deep(.qrcode-action-card) {
+  width: 128px;
+  min-width: 128px;
+  height: 128px;
+  border-color: var(--el-border-color-lighter);
+  border-radius: 4px;
+}
+
+.device-ledger-detail-qrcode :deep(.qrcode-action-card__img) {
+  width: 128px;
+  height: 128px;
+  object-fit: contain;
+}
+
+.device-ledger-detail-qrcode :deep(.qrcode-action-card__error) {
+  width: 128px;
+  min-width: 128px;
+  height: 128px;
+}
+
+.device-ledger-detail-qrcode-desc {
+  margin-top: 12px;
+  color: var(--el-text-color-regular);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.device-ledger-detail-qrcode-sub {
+  margin-top: 2px;
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+  line-height: 18px;
 }
 
 .device-ledger-history-steps {