Merge branch 'main' of https://gitea-inner.fontree.cn/scout666/officialWebsite

src/views/investor/size1920/index.vue

@@ -359,13 +359,12 @@ const state = reactive({
     <div class="head relative">
       <img src="@/assets/image/tzgbg.png" alt="head" />
       <div class="absolute top-240px left-510px text-[#10253E] text-[54px] font-bold text-animate">
-        投资者关系
+        {{ t("investor.title") }}
       </div>
       <div class="absolute top-340px left-510px text-[#8B59F7] text-[20px] w-[535px] text-animate">
-        Minim（纳斯达克股票代码：MINM）财务状况
+        {{ t("investor.subtitle") }}
       </div>
     </div>
-
     <div class="bg-[#F8F9FF]">
       <div class="content1 bg-#FFFFFF relative flex justify-center z-3 pb-[100px] flex-col pr-[10px] float-up">
         <n-divider class="divider1" vertical />
@@ -377,22 +376,22 @@ const state = reactive({
           <div class="w-52px h-7px bg-[#8B59F7]">
           </div>
           <div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate">
-            最新动态
+            {{ t("investor.latest_news.title") }}
           </div>
           <div class="flex mt-[46px]">
             <div class="carousel-item">
               <img class="carousel-image relative z-10" src="@/assets/image/dt1.png" />
               <div class="carousel-content">
                 <div class="carousel-title font-bold flex justify-between">
-                  <div>最新财务</div>
-                  <div class="text-[#9F9F9F] text-[14px]">2023年3月29日</div>
+                  <div>{{ t("investor.latest_news.financial.title") }}</div>
+                  <div class="text-[#9F9F9F] text-[14px]">{{ t("investor.latest_news.financial.date") }}</div>
                 </div>
                 <div class="carousel-subtitle">
-                  <div>2022年第四季度和2022年全年收益结果</div>
+                  <div>{{ t("investor.latest_news.financial.content") }}</div>
                 </div>
                 <div class="flex items-center mt-[10px] cursor-pointer">
                   <img class="w-[12px] h-[12px]" src="@/assets/image/downlink.png" alt="cl" />
-                  <div @click="handleClick(state.marqueeArr[0].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">收益公布</div>
+                  <div @click="handleClick(state.marqueeArr[0].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">{{ t("investor.latest_news.financial.link") }}</div>
                 </div>
               </div>
             </div>
@@ -400,16 +399,16 @@ const state = reactive({
               <img class="carousel-image relative z-10" src="@/assets/image/dt2.png" />
               <div class="carousel-content">
                 <div class="carousel-title font-bold flex justify-between">
-                  <div>最近的事件</div>
-                  <div class="text-[#9F9F9F] text-[14px]">2024年3月13日</div>
+                  <div>{{ t("investor.latest_news.events.title") }}</div>
+                  <div class="text-[#9F9F9F] text-[14px]">{{ t("investor.latest_news.events.date") }}</div>
                 </div>
                 <div class="carousel-subtitle">
-                  <div>Minim宣布与e2Companies达成合并协议</div>
+                  <div>{{ t("investor.latest_news.events.content") }}</div>
                 </div>
                 <div class="flex items-center mt-[10px] cursor-pointer">
                   <img class="w-[12px] h-[12px]" src="@/assets/image/downlink.png" alt="cl" />
                   <div @click="handleClick(state.marqueeArr[1].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">
-                    合并协议-新闻稿最终稿2024年12月3日</div>
+                    {{ t("investor.latest_news.events.link") }}</div>
                 </div>
               </div>
             </div>
@@ -417,16 +416,14 @@ const state = reactive({
               <img class="carousel-image relative z-10" src="@/assets/image/dt3.png" />
               <div class="carousel-content">
                 <div class="carousel-title font-bold flex justify-between">
-                  <div>股票报价</div>
-
+                  <div>{{ t("investor.latest_news.stock.title") }}</div>
                 </div>
                 <div class="carousel-subtitle">
-                  <div>TradingView的MINM报价</div>
+                  <div>{{ t("investor.latest_news.stock.content") }}</div>
                 </div>
                 <div class="flex items-center mt-[10px] cursor-pointer">
                   <img class="w-[12px] h-[12px]" src="@/assets/image/downlink.png" alt="cl" />
-                  <div @click="handleClick(state.marqueeArr[2].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">MINM报价
-
+                  <div @click="handleClick(state.marqueeArr[2].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">{{ t("investor.latest_news.stock.link") }}
                   </div>
                 </div>
               </div>
@@ -446,7 +443,7 @@ const state = reactive({
             <div class="w-52px h-7px bg-[#8B59F7]">
             </div>
             <div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate">
-              财务数据
+              {{ t("investor.financial_data.title") }}
             </div>
           </div>
           <div class="ml-[494px] w-920px min-h-473px bg-[#fff] mt-[55px] float-up"
@@ -459,19 +456,19 @@ const state = reactive({
               <n-gi>
                 <div
                   class="font-bold bg-[#C6ACFF] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#fff] text-[18px]">
-                  2023年
+                  {{ t("investor.financial_data.years.year2023") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   class="font-bold bg-[#8B59F7] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#fff] text-[18px]">
-                  2022年
+                  {{ t("investor.financial_data.years.year2022") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   class="font-bold bg-[#6520FA] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#fff] text-[18px]">
-                  2021年
+                  {{ t("investor.financial_data.years.year2021") }}
                 </div>
               </n-gi>
 
@@ -479,7 +476,7 @@ const state = reactive({
               <n-gi>
                 <div
                   class="font-bold bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
-                  利润报告
+                  {{ t("investor.financial_data.reports.profit_report") }}
                 </div>
               </n-gi>
               <n-gi>
@@ -514,7 +511,7 @@ const state = reactive({
               <n-gi>
                 <div
                   class="font-bold bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
-                  收益报告
+                  {{ t("investor.financial_data.reports.earnings_report") }}
                 </div>
               </n-gi>
               <n-gi>
@@ -549,7 +546,7 @@ const state = reactive({
               <n-gi>
                 <div
                   class="font-bold bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
-                  财报电话会议
+                  {{ t("investor.financial_data.reports.earnings_call") }}
                 </div>
               </n-gi>
               <n-gi>
@@ -584,7 +581,7 @@ const state = reactive({
               <n-gi>
                 <div
                   class="font-bold bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
-                  10-Q/10-K
+                  {{ t("investor.financial_data.reports.sec_filings") }}
                 </div>
               </n-gi>
               <n-gi>
@@ -620,27 +617,27 @@ const state = reactive({
               <n-gi>
                 <div
                   class="font-bold bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
-                  年度报告
+                  {{ t("investor.financial_data.reports.annual_report") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   class="bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
-                  2023年
+                  {{ t("investor.financial_data.years.year2023") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   @click="handleYClick('Annual Report', '2022')"
                   class="cursor-pointer bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
-                  2022年
+                  {{ t("investor.financial_data.years.year2022") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   @click="handleYClick('Annual Report', '2021')"
                   class="cursor-pointer bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
-                  2021年
+                  {{ t("investor.financial_data.years.year2021") }}
                 </div>
               </n-gi>
 
@@ -648,27 +645,27 @@ const state = reactive({
               <n-gi>
                 <div
                   class="font-bold bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
-                  年度会议
+                  {{ t("investor.financial_data.reports.annual_meeting") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   class="bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
-                  2023年
+                  {{ t("investor.financial_data.years.year2023") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   @click="handleYClick('Annual Meeting', '2022')"
                   class="cursor-pointer bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
-                  2022年
+                  {{ t("investor.financial_data.years.year2022") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   @click="handleYClick('Annual Meeting', '2021')"
                   class="cursor-pointer bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
-                  2021年
+                  {{ t("investor.financial_data.years.year2021") }}
                 </div>
               </n-gi>
 
@@ -676,26 +673,26 @@ const state = reactive({
               <n-gi>
                 <div
                   class="font-bold bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
-                  特别股东大会
+                  {{ t("investor.financial_data.reports.special_meeting") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   @click="handleYClick('Special Meeting', '2023')"
                   class="cursor-pointer bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
-                  2023年
+                  {{ t("investor.financial_data.years.year2023") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   class="bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
-                  2022年
+                  {{ t("investor.financial_data.years.year2022") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   class="bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
-                  2021年
+                  {{ t("investor.financial_data.years.year2021") }}
                 </div>
               </n-gi>
 
@@ -704,27 +701,27 @@ const state = reactive({
               <n-gi>
                 <div
                   class="font-bold bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
-                  委托书
+                  {{ t("investor.financial_data.reports.proxy_statement") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   class="bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
-                  2023年
+                  {{ t("investor.financial_data.years.year2023") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   @click="handleYClick('Proxy Statement', '2022')"
                   class="cursor-pointer bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
-                  2022年
+                  {{ t("investor.financial_data.years.year2022") }}
                 </div>
               </n-gi>
               <n-gi>
                 <div
                   @click="handleYClick('Proxy Statement', '2021')"
                   class="cursor-pointer bg-[#F8F9FF] h-[47px]  rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
-                  2021年
+                  {{ t("investor.financial_data.years.year2021") }}
                 </div>
               </n-gi>
             </n-grid>
@@ -734,7 +731,7 @@ const state = reactive({
             @click="handleClick('https://ir.minim.com/contact')"
             class="rounded-[24px] cursor-pointer justify-center w-[240px] pt-[3px] h-[47px] bg-[#8B59F7] text-[#fff] text-[18px] mt-[28px] ml-60% flex items-center float-up">
             <div class="flex items-center">
-              投资者沟通指南 <span class="ml-[20px]">></span>
+              {{ t("investor.financial_data.investor_guide") }} <span class="ml-[20px]">></span>
             </div>
           </div>
         </div>
@@ -751,22 +748,21 @@ const state = reactive({
             <div class="w-52px h-7px bg-[#8B59F7]">
             </div>
             <div class="text-[#FFFFFF] text-[40px] mt-[17px] font-bold text-animate">
-              行情走势
+              {{ t("investor.market_trends.title") }}
             </div>
 
             <div class="text-[#D1D1D1] text-[14px] mt-[56px] max-w-[407px] text-animate">
-              SEC文件是提交给美国证券交易委员会（SEC）的文 件。上市公司和某些内部人士必须定期向美国证券交易 委员会提交文件。这些文件可以通过美国证券交易委员 会的在线数据库获得。
+              {{ t("investor.market_trends.sec_description1") }}
             </div>
 
             <div class="text-[#D1D1D1] text-[14px] mt-[20px] max-w-[407px] text-animate">
-              通过在下面进行选择，您将离开Minim网站。Minim对您 可以通过此网站访问的任何其他网站不作任何陈述。当 您访问非Minim网站时，即使是可能包含Minim徽标的网
-              站，请理解它独立于Minim，Minim无法控制该网站上的 内容。此外，链接到非Minim网站并不意味着Minim认可 或接受对该网站的内容或使用的任何责任。
+              {{ t("investor.market_trends.sec_description2") }}
             </div>
             <div
             @click="handleClick('https://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0001467761&owner=include&count=40&hidefilings=0')"
               class="rounded-[24px] cursor-pointer justify-center w-[240px] pt-[3px] h-[47px] bg-[#8B59F7] text-[#fff] text-[18px] mt-[28px] flex items-center float-up">
               <div class="flex items-center">
-                查看所有SEC文件 <span class="ml-[20px]">></span>
+                {{ t("investor.market_trends.view_all_sec") }} <span class="ml-[20px]">></span>
               </div>
             </div>
           </div>
@@ -778,18 +774,18 @@ const state = reactive({
           <div class="w-52px h-7px bg-[#8B59F7]">
           </div>
           <div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate">
-            董事会
+            {{ t("investor.board_of_directors.title") }}
           </div>
           <div class="flex items-center mt-[55px]">
             <div class="w-[438px] h-[157px] relative float-up">
               <img src="@/assets/image/pxr.png" alt="cl" />
-              <div class="text-[#fff] text-[20px] font-bold absolute bottom-[50px] left-[18px]">帕特里克·里瓦德</div>
-              <div class="text-[#EBEBEB] text-[16px] absolute bottom-[20px] left-[18px]">董事会董事、美国财富保护公司合伙人兼首席财务官</div>
+              <div class="text-[#fff] text-[20px] font-bold absolute bottom-[50px] left-[18px]">{{ t("investor.board_of_directors.directors.patrick.name") }}</div>
+              <div class="text-[#EBEBEB] text-[16px] absolute bottom-[20px] left-[18px]">{{ t("investor.board_of_directors.directors.patrick.position") }}</div>
             </div>
             <div class="w-[438px] h-[157px] relative ml-[28px] float-up">
               <img src="@/assets/image/bxr.png" alt="cl" />
-              <div class="text-[#10253E] text-[20px] font-bold absolute bottom-[50px] left-[18px]">安德鲁·帕帕尼科劳</div>
-              <div class="text-[#455363] text-[16px] absolute bottom-[20px] left-[18px]">董事会董事、雷神公司财务经理</div>
+              <div class="text-[#10253E] text-[20px] font-bold absolute bottom-[50px] left-[18px]">{{ t("investor.board_of_directors.directors.andrew.name") }}</div>
+              <div class="text-[#455363] text-[16px] absolute bottom-[20px] left-[18px]">{{ t("investor.board_of_directors.directors.andrew.position") }}</div>
             </div>
 
           </div>
@@ -805,7 +801,7 @@ const state = reactive({
           <div class="w-52px h-7px bg-[#8B59F7]">
           </div>
           <div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate">
-            治理、多样性和委员会章程
+            {{ t("investor.governance.title") }}
           </div>
           <div class="mt-[50px]">
             <n-grid x-gap="15" y-gap="16" :cols="2">
@@ -816,7 +812,7 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      高级财务人员道德守则
+                      {{ t("investor.governance.documents.ethics_code") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@@ -829,7 +825,7 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      冲突矿产声明
+                      {{ t("investor.governance.documents.conflict_minerals") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@@ -843,7 +839,7 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      道德和商业行为准则
+                      {{ t("investor.governance.documents.business_conduct") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@@ -856,13 +852,12 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      审计委员会章程
+                      {{ t("investor.governance.documents.audit_committee") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
                 </div>
               </n-gi>
-
               <n-gi>
                 <div
                   @click="handleClick(state.linkArr[4].link)"
@@ -870,7 +865,7 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      举报人政策
+                      {{ t("investor.governance.documents.whistleblower") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@@ -883,7 +878,7 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      薪酬委员会章程
+                      {{ t("investor.governance.documents.compensation_committee") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@@ -897,7 +892,7 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      关联方交易政策
+                      {{ t("investor.governance.documents.related_party") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@@ -910,7 +905,7 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      提名和治理委员会章程
+                      {{ t("investor.governance.documents.nomination_committee") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@@ -924,7 +919,7 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      2022年多样性矩阵
+                      {{ t("investor.governance.documents.diversity_matrix_2022") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@@ -937,7 +932,7 @@ const state = reactive({
                   <div class="flex items-center">
                     <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
                     <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
-                      2023年多样性矩阵
+                      {{ t("investor.governance.documents.diversity_matrix_2023") }}
                     </div>
                   </div>
                   <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />