Sfoglia il codice sorgente

fix: 设备管理-产品-详情-设备接入英文状态下label换行bug处理

vera_min 1 mese fa
parent
commit
9a5464b82c
1 ha cambiato i file con 7 aggiunte e 2 eliminazioni
  1. 7 2
      src/views/iot/device/product/component/deviceIn.vue

+ 7 - 2
src/views/iot/device/product/component/deviceIn.vue

@@ -27,7 +27,7 @@
 				{{ data.authUser }}
 			</el-form-item>
 			<!-- 密码 -->
-			<el-form-item :label="$t('message.device.formI18nLabel.authPasswd')" prop="authPasswd" label-width="80px">
+			<el-form-item :label="$t('message.device.formI18nLabel.authPasswd')" prop="authPasswd" :label-width="currentLocale === 'en' ? 100 : 80">
 				{{ data.authPasswd }}
 			</el-form-item>
 		</template>
@@ -47,9 +47,14 @@
 </template>
 
 <script lang="ts" setup>
-import { reactive } from 'vue';
+import { reactive, computed } from 'vue';
 import api from '/@/api/device';
 import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+// 国际化
+const { locale, t } = useI18n();
+
+const currentLocale = computed(() => locale.value);
 
 const route = useRoute();