|
@@ -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,
|