Merge branch 'LiWenHao'

src/locales/en.js

@@ -719,7 +719,7 @@ export default {
       TITLE: "Cao Yu",
       TITLETWO: "Chief Financial Officer, Secretary, Treasurer and Director",
       CONTENTONE:
-        "Ms. Cao is our Chief Financial Officer. Secretary, Treasurer and Director, Ms. Cao has a wealth of experience in financial management. She oversees financial operations, strategic planning, risk management, and reporting to ensure our financial health and compliance with regulations.",
+        "Ms. Cao is our Chief Financial Officer. Secretary, Treasurer and Director. Ms. Cao has a wealth of experience in financial management. She oversees financial operations, strategic planning, risk management, and reporting to ensure our financial health and compliance with regulations.",
       CONTENTTWO:
         "Ms. Cao previously served as the treasury director of Taifeng Cultural Communication Co., Ltd where she oversaw its financial matters from November 2018 to November 2024. Prior to that, Ms. Cao served as a business manager of Yangfeng Art Exchange Co., Ltd from February 2016 to October 2018. From March 2011 to January 2016, she served as the treasury officer of financial department of Suzhou Industrial Park Xinfushida Plastic Profile Products Co., Ltd.",
     },

src/views/CommitteeAppointment/size1440/index.vue

@@ -52,9 +52,13 @@
               <template v-if="getCommitteeRole(director.name, 'Audit')">
                 <div
                   class="role-badge"
-                  :class="
+                  :class="{
-                    getCommitteeRole(director.name, 'Audit').toLowerCase()
+                    [getCommitteeRole(
-                  "
+                      director.name,
+                      'Audit'
+                    )?.toLowerCase()]: true,
+                    chair: getCommitteeRole(director.name, 'Audit') === 'Chair',
+                  }"
                 >
                   {{ getCommitteeRole(director.name, "Audit") }}
                 </div>
@@ -67,12 +71,15 @@
               <template v-if="getCommitteeRole(director.name, 'Compensation')">
                 <div
                   class="role-badge"
-                  :class="
+                  :class="{
-                    getCommitteeRole(
+                    [getCommitteeRole(
                       director.name,
                       'Compensation'
-                    ).toLowerCase()
+                    )?.toLowerCase()]: true,
-                  "
+                    chair:
+                      getCommitteeRole(director.name, 'Compensation') ===
+                      'Chair',
+                  }"
                 >
                   {{ getCommitteeRole(director.name, "Compensation") }}
                 </div>
@@ -85,9 +92,14 @@
               <template v-if="getCommitteeRole(director.name, 'Governance')">
                 <div
                   class="role-badge"
-                  :class="
+                  :class="{
-                    getCommitteeRole(director.name, 'Governance').toLowerCase()
+                    [getCommitteeRole(
-                  "
+                      director.name,
+                      'Governance'
+                    )?.toLowerCase()]: true,
+                    chair:
+                      getCommitteeRole(director.name, 'Governance') === 'Chair',
+                  }"
                 >
                   {{ getCommitteeRole(director.name, "Governance") }}
                 </div>
@@ -139,6 +151,9 @@ const getCommitteeRole = (name, committee) => {
 </script>
 
 <style scoped>
+.role-badge.chair {
+  color: orange;
+}
 .title h1 {
   position: relative;
 

src/views/CommitteeAppointment/size1920/index.vue

@@ -50,9 +50,13 @@
               <template v-if="getCommitteeRole(director.name, 'Audit')">
                 <div
                   class="role-badge"
-                  :class="
+                  :class="{
-                    getCommitteeRole(director.name, 'Audit').toLowerCase()
+                    [getCommitteeRole(
-                  "
+                      director.name,
+                      'Audit'
+                    )?.toLowerCase()]: true,
+                    chair: getCommitteeRole(director.name, 'Audit') === 'Chair',
+                  }"
                 >
                   {{ getCommitteeRole(director.name, "Audit") }}
                 </div>
@@ -65,12 +69,15 @@
               <template v-if="getCommitteeRole(director.name, 'Compensation')">
                 <div
                   class="role-badge"
-                  :class="
+                  :class="{
-                    getCommitteeRole(
+                    [getCommitteeRole(
                       director.name,
                       'Compensation'
-                    ).toLowerCase()
+                    )?.toLowerCase()]: true,
-                  "
+                    chair:
+                      getCommitteeRole(director.name, 'Compensation') ===
+                      'Chair',
+                  }"
                 >
                   {{ getCommitteeRole(director.name, "Compensation") }}
                 </div>
@@ -83,9 +90,14 @@
               <template v-if="getCommitteeRole(director.name, 'Governance')">
                 <div
                   class="role-badge"
-                  :class="
+                  :class="{
-                    getCommitteeRole(director.name, 'Governance').toLowerCase()
+                    [getCommitteeRole(
-                  "
+                      director.name,
+                      'Governance'
+                    )?.toLowerCase()]: true,
+                    chair:
+                      getCommitteeRole(director.name, 'Governance') === 'Chair',
+                  }"
                 >
                   {{ getCommitteeRole(director.name, "Governance") }}
                 </div>
@@ -138,6 +150,9 @@ const getCommitteeRole = (name, committee) => {
 
 <style scoped>
 /* 紫色主题变量 */
+.role-badge.chair {
+  color: orange;
+}
 :root {
   --primary: #895bff;
   --primary-light: #a07cff;