feat: 优化细节

src/app/shop/admin/data/report/components/dataDisplayEdit.vue

@@ -2,7 +2,7 @@
   <div class="data-display-edit">
     <!-- 筛选表单 -->
     <div class="filter-form">
-      <el-form :model="filterForm" label-width="80px" inline>
+      <el-form :model="filterForm" :label-width="formLabelWidth" inline>
         <!-- 时间范围 -->
         <el-form-item :label="t('dataReport.timeRange')">
           <el-date-picker v-model="filterForm.dateRange" type="daterange" range-separator="至"
@@ -72,6 +72,7 @@
 import { ref, computed, watch, onMounted } from 'vue';
 import { ElMessage } from 'element-plus';
 import { useI18n } from 'vue-i18n';
+import { useFormConfig } from '@/hooks/useFormConfig';
 import { api } from '../../data.service.js';
 import ReportChart from './report-chart.vue';
 import dsDetailData from '../dsDetail.json'
@@ -79,6 +80,9 @@ import dsDetailData from '../dsDetail.json'
 // 使用国际化
 const { t } = useI18n();
 
+// 使用表单配置hooks
+const { formLabelWidth } = useFormConfig({ enWidth: '130px', zhWidth: '80px' });
+
 const props = defineProps({
   modal: {
     type: Object,

src/app/shop/admin/data/report/components/dimension-edit-modal.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="dimension-edit-modal">
-    <el-form ref="formRef" :model="form" :rules="rules" label-width="120px">
+    <el-form ref="formRef" :model="form" :rules="rules" :label-width="formLabelWidth">
       <el-form-item :label="t('dataReport.dimensionName')" prop="name">
         <el-input v-model="form.name" :placeholder="t('dataReport.enterDimensionName')" />
       </el-form-item>
@@ -39,10 +39,14 @@
 import { ref, reactive, watch } from 'vue'
 import { ElMessage } from 'element-plus'
 import { useI18n } from 'vue-i18n'
+import { useFormConfig } from '@/hooks/useFormConfig'
 
 // 使用国际化
 const { t } = useI18n();
 
+// 使用表单配置hooks
+const { formLabelWidth } = useFormConfig({ enWidth: '160px', zhWidth: '120px' });
+
 const props = defineProps({
   title: {
     type: String,

src/app/shop/admin/order/order/detail.vue

@@ -167,7 +167,7 @@
       </div>
 
       <!-- 收货信息 - 在待收货和订单完成状态显示 -->
-      <div class="address-content sa-m-b-16" v-if="state.orderDetail.realName">
+      <div class="address-content sa-m-b-16" v-if="state.orderDetail.orderAddressVO?.realName">
         <div class="sa-title sa-m-b-10">{{ t('modules.order.deliveryInfo') }}</div>
         <el-table class="sa-table" :data="[state.orderDetail.orderAddressVO]" stripe border>
           <el-table-column :label="t('modules.order.recipient')" prop="realName" align="center" />