diff --git a/src/views/centerLeft1.vue b/src/views/centerLeft1.vue
index e0a258a..957358b 100644
--- a/src/views/centerLeft1.vue
+++ b/src/views/centerLeft1.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="centreLeft1">
+  <div id="centerLeft1">
     <div class="bg-color-black">
       <div class="d-flex pt-2 pl-2">
         <span style="color:#5cd9e8">
@@ -11,7 +11,7 @@
         </div>
       </div>
       <div class="d-flex jc-center">
-        <CentreLeft1Chart />
+        <CenterLeft1Chart />
       </div>
       <!-- 4个主要的数据 -->
       <div class="bottom-data">
@@ -31,7 +31,7 @@
 </template>
 
 <script>
-import CentreLeft1Chart from "@/components/echart/centerLeft/centerLeft1Chart";
+import CenterLeft1Chart from "@/components/echart/centerLeft/centerLeft1Chart";
 export default {
   data() {
     return {
@@ -72,7 +72,7 @@ export default {
     };
   },
   components: {
-    CentreLeft1Chart
+    CenterLeft1Chart
   },
   mounted() {
     this.changeTiming();
@@ -94,7 +94,7 @@ export default {
 </script>
 
 <style lang="scss">
-#centreLeft1 {
+#centerLeft1 {
   padding: 0.2rem;
   height: 5.125rem;
   min-width: 3.75rem;
diff --git a/src/views/centerLeft2.vue b/src/views/centerLeft2.vue
index 67202b0..4fa65d8 100644
--- a/src/views/centerLeft2.vue
+++ b/src/views/centerLeft2.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="centreLeft1">
+  <div id="centerLeft1">
     <div class="bg-color-black">
       <div class="d-flex pt-2 pl-2">
         <span style="color:#5cd9e8">
@@ -11,20 +11,20 @@
         </div>
       </div>
       <div class="d-flex jc-center">
-        <CentreLeft2Chart />
+        <CenterLeft2Chart />
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import CentreLeft2Chart from "@/components/echart/centerLeft/centerLeft2Chart";
+import CenterLeft2Chart from "@/components/echart/centerLeft/centerLeft2Chart";
 export default {
   data() {
     return {};
   },
   components: {
-    CentreLeft2Chart
+    CenterLeft2Chart
   },
   mounted() {},
   methods: {}
@@ -32,7 +32,7 @@ export default {
 </script>
 
 <style lang="scss">
-#centreLeft1 {
+#centerLeft1 {
   padding: 0.2rem;
   height: 5.125rem;
   min-width: 3.75rem;
diff --git a/src/views/centerRight1.vue b/src/views/centerRight1.vue
index ce07455..bcf5fcb 100644
--- a/src/views/centerRight1.vue
+++ b/src/views/centerRight1.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="centreRight1">
+  <div id="centerRight1">
     <div class="bg-color-black">
       <div class="d-flex pt-2 pl-2">
         <span style="color:#5cd9e8">
@@ -52,7 +52,7 @@ export default {
 </script>
 
 <style lang="scss">
-#centreRight1 {
+#centerRight1 {
   padding: 0.2rem;
   height: 5.125rem;
   min-width: 3.75rem;
diff --git a/src/views/centerRight2.vue b/src/views/centerRight2.vue
index 48c2bbf..13c49f6 100644
--- a/src/views/centerRight2.vue
+++ b/src/views/centerRight2.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="centreRight2">
+  <div id="centerRight2">
     <div class="bg-color-black">
       <div class="d-flex pt-2 pl-2">
         <span style="color:#5cd9e8">
@@ -10,14 +10,14 @@
       <div class="d-flex jc-center body-box" style=" margin-top: 0;">
         <dv-capsule-chart :config="config" style="width: 100%;height:2rem" />
         <!-- ---------------------------------------- -->
-        <centreRight2Chart1 />
+        <centerRight2Chart1 />
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import centreRight2Chart1 from "@/components/echart/centerRight/centerRightChart";
+import centerRight2Chart1 from "@/components/echart/centerRight/centerRightChart";
 
 export default {
   data() {
@@ -48,14 +48,14 @@ export default {
       }
     };
   },
-  components: { centreRight2Chart1 },
+  components: { centerRight2Chart1 },
   mounted() {},
   methods: {}
 };
 </script>
 
 <style lang="scss">
-#centreRight2 {
+#centerRight2 {
   padding: 0.0625rem;
   height: 5rem;
   min-width: 3.75rem;