全局国际化

guoshilong

2023-09-25 43a9fbb0c2acd1fea3b8961047dae898d4c2a0e5

全局国际化

 src/App.vue

@@ -1,16 +1,10 @@
<template>
  <div class="demo-app">
<!--    <a-local-provider :locale="zhCN">-->
      <router-view />
<!--    </a-local-provider>-->
  </div>
</template>

<script setup lang="ts">
// import zhCN from 'ant-design-vue/es/locale/zh_CN'
// import moment from 'moment'
// import 'moment/dist/locale/zh-cn'
// moment.locale('zh-cn')
</script>
<style lang="scss" scoped>
.demo-app {

 src/components/MediaPanel.vue

@@ -1,7 +1,6 @@
<template>
  <!--  <div class="header">媒体文件</div>-->
  <!--搜索栏-->
  <a-config-provider :locale="zhCN">
    <div class="search-panel-wrapper">
      <div class="search-part">
        <a-range-picker :size="searchPanelOptions.size" :format="searchPanelOptions.dateFormat"
@@ -53,11 +52,9 @@
        </a-table>
      </div>
    </a-spin>
  </a-config-provider>
</template>

<script setup lang="ts">
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import {ref} from '@vue/reactivity'
import {TableState} from 'ant-design-vue/lib/table/interface'
import {onMounted, reactive} from 'vue'

 src/components/task/TaskPanel.vue

@@ -1,7 +1,6 @@
<template>
  <!--  <div class="header">计划库</div>-->
  <!--搜索栏-->
  <a-config-provider :locale="zhCN">

    <div class="search-panel-wrapper">
      <div class="search-part">
@@ -130,7 +129,6 @@
        </template>
      </a-table>
    </div>
  </a-config-provider>

</template>

@@ -140,7 +138,6 @@
import {TableState} from 'ant-design-vue/lib/table/interface'
import {computed, onMounted} from 'vue'
import {IPage} from '/@/api/http/type'
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import 'moment/dist/locale/zh-cn'
import {
  deleteTask,

 src/pages/page-web/home.vue

@@ -1,4 +1,6 @@
<template>
  <a-config-provider :locale="zhCN">

  <a-layout class="width-100 flex-display" style="height: 100vh">
    <a-layout-header class="header" v-show="$route.meta.header!=false">
      <Topbar />
@@ -8,9 +10,12 @@
    </a-layout-content>

  </a-layout>
  </a-config-provider>

</template>

<script lang="ts" setup>
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import Topbar from '/@/components/common/topbar.vue'
import { onMounted, reactive, ref, UnwrapRef, watch } from 'vue'
import { getRoot } from '/@/root'
@@ -23,6 +28,7 @@
  user: string
  password: string
}

const route = useRoute()
const root = getRoot()


 src/pages/page-web/projects/devices.vue

@@ -8,7 +8,6 @@
    </a-menu-item>
  </a-menu>

  <a-config-provider :locale="zhCN">
    <div class="device-table-wrap table flex-display flex-column">
      <a-table :columns="columns" :data-source="data.device" :pagination="paginationProp" @change="refreshData"
               row-key="device_sn" :expandedRowKeys="expandRows"
@@ -116,10 +115,8 @@
          :device="currentDevice">
      </DeviceHmsDrawer>
    </div>
  </a-config-provider>
</template>
<script lang="ts" setup>
import zhCN from 'ant-design-vue/es/locale/zh_CN'
import { ColumnProps, TableState } from 'ant-design-vue/lib/table/interface'
import { h, onMounted, reactive, ref, UnwrapRef } from 'vue'
import { IPage } from '/@/api/http/type'