dd

src/views/device/index.vue

@@ -7,7 +7,7 @@
   </PageWrapper>
 </template>
 <script lang="ts">
-  import { defineComponent, h, onMounted } from 'vue';
+  import { defineComponent, h, onMounted, computed } from 'vue';
   import {
     BasicTable,
     useTable,
@@ -25,6 +25,7 @@
   import { useRouter } from 'vue-router';
   import { UnbindCameraApi } from '/@/api/account';
   import { usePermissionStore } from '/@/store/modules/permission';
+  import { useLocaleStore } from '/@/store/modules/locale';
   export default defineComponent({
     components: {
       BasicTable,
@@ -40,6 +41,8 @@
       const permissionStore = usePermissionStore();
       const { getCheckPerm } = permissionStore;
       const router = useRouter();
+      const localeStore = useLocaleStore();
+      const isEn = computed(() => localeStore.getLocale === 'en');
       const companyId: Number = router.currentRoute.value.params.id - 0;
       onMounted(() => {
         // console.log(router.currentRoute.value.params.id);
@@ -87,7 +90,7 @@
         },
       ];
       const searchForm: Partial<FormProps> = {
-        labelWidth: 80,
+        labelWidth: isEn.value?120:80,
         autoAdvancedLine:1,
         actionColOptions: {
           span: 24,