~~ 检测代码一

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*.{js,jsx,ts,tsx,vue}]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintignore

@@ -0,0 +1,9 @@
+node_modules/
+dist/
+public/
+.tobacco
+tobacco/
+src/assets/fontawesome-free-6.4.0-web/
+src/assets/fonts/
+src/assets/*.min.js
+src/assets/*.js

.eslintrc.cjs

@@ -0,0 +1,34 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es2021: true,
+  },
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    parser: '@babel/eslint-parser',
+    requireConfigFile: false,
+    ecmaVersion: 2022,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  extends: [
+  'plugin:vue/recommended',
+    'eslint:recommended',
+    'prettier'
+  ],
+  plugins: ['vue'],
+  rules: {
+    'no-console': 'off',
+    'no-debugger': 'warn',
+    // relax unused vars to warnings for incremental cleanup
+    'no-unused-vars': 'warn',
+    // project uses single-word component names in some places; allow for now
+    'vue/multi-word-component-names': 'off',
+    // allow v-html usages but keep as warnings
+    'vue/no-v-html': 'warn'
+  },
+}

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100,
+  "trailingComma": "es5",
+  "arrowParens": "avoid"
+}

package.json

@@ -5,7 +5,10 @@
   "scripts": {
     "dev": "vite --host",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint": "eslint \"src/**/*.{js,vue}\" --ignore-pattern 'src/assets/**' --ignore-pattern 'portalSite/assets/**' --ignore-pattern 'tobacco/**'",
+    "lint:fix": "eslint \"src/**/*.{js,vue}\" --fix --ignore-pattern 'src/assets/**' --ignore-pattern 'portalSite/assets/**' --ignore-pattern 'tobacco/**'",
+    "format": "prettier --write \"src/**/*.{js,vue,css,scss,json,md}\""
   },
   "dependencies": {
     "@fontsource/noto-sans-sc": "^5.2.6",
@@ -26,10 +29,17 @@
     "vue-router": "^4.2.2"
   },
   "devDependencies": {
+    "@babel/core": "^7.28.5",
+    "@babel/eslint-parser": "^7.28.5",
     "@vitejs/plugin-vue": "^4.2.3",
+    "eslint": "^8.57.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-vue": "^10.5.1",
+    "prettier": "^3.6.2",
     "sass": "^1.63.6",
     "unplugin-auto-import": "^0.16.6",
     "unplugin-vue-components": "^0.25.1",
-    "vite": "^4.3.9"
+    "vite": "^4.3.9",
+    "vue-eslint-parser": "^10.2.0"
   }
 }

src/App.vue

@@ -1,27 +1,13 @@
 
 <script setup>
-import {reactive, onMounted, ref} from 'vue'
-const ageModalVisible = ref(true);
+import { ref } from 'vue'
+const ageModalVisible = ref(true)
 const confirmEnter = () => {
-  ageModalVisible.value = false;
-};
+  ageModalVisible.value = false
+}
 const denyEnter = () => {
   // window.location.href = 'https://www.gov.hk/tc/theme/psi/';
-  alert('您未满18岁，无法进入本网站');
-};
-// 接受 对象类型 数据的参数传入并返回一个响应式的对象
-const state = reactive({
-    count:0
-})
-// 简单类型
-const count =ref(0)
-const setCount = ()=>{
-  state.count++
-  console.log(state);
-}
-const addcount =()=>{
-  count.value++
-  console.log(count);
+  alert('您未满18岁，无法进入本网站')
 }
 </script>
 
@@ -48,11 +34,7 @@ const addcount =()=>{
   </div>
   <RouterView/>
 </template>
-<style lang="scss" scoped>
-.test{
-  // color: $priceColor;
-}
-</style>
+
 <style scoped>
 .age-modal {
   position: fixed;

src/apis/aboutourAPi.js

@@ -16,7 +16,7 @@ export const getourfaithAPI = function(){
 // 向外按需导入一个API函数
 export const getstudentAPI = function (userid) {
   // console.log('调用了getArticleAPI函数')
-  return request.get('/GetStudentList',{
+  return httpInstance.get('/GetStudentList',{
     params:{
       UserId:userid
     }

src/apis/indexAPI.js

@@ -16,7 +16,7 @@ export const getServiceAPI = function(){
 // 向外按需导入一个API函数
 export const getstudentAPI = function (userid) {
   // console.log('调用了getArticleAPI函数')
-  return request.get('/GetStudentList',{
+  return httpInstance.get('/GetStudentList',{
     params:{
       UserId:userid
     }

src/apis/newAPI.js

@@ -29,7 +29,7 @@ export const getRecentArticleAPI = function(ArticleId){
 // 向外按需导入一个API函数
 export const getstudentAPI = function (userid) {
   // console.log('调用了getArticleAPI函数')
-  return request.get('/GetStudentList',{
+  return httpInstance.get('/GetStudentList',{
     params:{
       UserId:userid
     }

src/apis/productAPI.js

@@ -24,7 +24,7 @@ export const getProductByIdAPI = function(TypeDetailsId){
 // 向外按需导入一个API函数
 export const getstudentAPI = function (userid) {
   // console.log('调用了getArticleAPI函数')
-  return request.get('/GetStudentList',{
+  return httpInstance.get('/GetStudentList',{
     params:{
       UserId:userid
     }

src/apis/solutionAPI.js

@@ -24,7 +24,7 @@ export const getProductByIdAPI = function(TypeDetailsId){
 // 向外按需导入一个API函数
 export const getstudentAPI = function (userid) {
   // console.log('调用了getArticleAPI函数')
-  return request.get('/GetStudentList',{
+  return httpInstance.get('/GetStudentList',{
     params:{
       UserId:userid
     }

src/components/common/footer/Footer.vue

@@ -35,7 +35,6 @@ const getExempleTablist = async () => {
 }
 // 数字翻牌器
 import { useTransition } from '@vueuse/core'
-import { ChatLineRound, Male } from '@element-plus/icons-vue'
 const source = ref(0)
 const outputValue = useTransition(source, {
 	duration: 1500,

src/components/common/footer/FooterNew.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref, watch, onBeforeUnmount } from 'vue';
-import { complaintsEmail, accessibilityEmail } from '@/config/contact.js';
+import { accessibilityEmail } from '@/config/contact.js';
 const dialogVisible = ref(false);
 const dialogType = ref(1);
 import { onLanguageChange, getCurrentLanguage } from '@/utils/language.js';

src/components/common/header/Header.vue

@@ -1,6 +1,6 @@
 <script setup>
 import AppFunctions from "@/utils/AppFunctions";
-import { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 import { onLanguageChange, getCurrentLanguage } from '@/utils/language.js';
 import { getCompanyInfoAPI } from '@/apis/aboutourAPi.js';
 import { h } from 'vue';
@@ -11,7 +11,6 @@ import LanguageSwitcher from '../../../views/components/LanguageSwitcher.vue';
 
 const router = useRouter()
 const CompanyInfo = ref({})//后台数据获取
-const CompanyInfo1 = ref(JSON.parse(window.sessionStorage.getItem('companyinfo')) ? JSON.parse(window.sessionStorage.getItem('companyinfo')) : '0')//从会话储存获取
 
 // 移动端菜单状态
 const isMobileMenuOpen = ref(false)
@@ -42,6 +41,7 @@ const toggleStickyHeader = () => {
 		AppFunctions.removeClass('.header-wrapper', 'sticky');
 	}
 }
+// eslint-disable-next-line no-unused-vars
 const callPhone = () => {
 	ElMessage({
 		message: h('p', null, [
@@ -54,6 +54,7 @@ const callPhone = () => {
 }
 
 // 切换移动端菜单
+// eslint-disable-next-line no-unused-vars
 const toggleMobileMenu = () => {
 	if (isMobile.value) {
 		isMobileMenuOpen.value = !isMobileMenuOpen.value
@@ -103,12 +104,16 @@ onMounted(() => {
 		console.log('Header detected language change:', lang);
 	});
 
+	// 获取公司信息并监听滚动以切换固定 header
+	getCompanyInfo()
+	window.addEventListener('scroll', toggleStickyHeader)
 })
 
 onBeforeUnmount(() => {
 	// window.removeEventdivstener('scroll', toggleStickyHeader);
 	// 移除监听器
 	window.removeEventListener('resize', checkMobile)
+	window.removeEventListener('scroll', toggleStickyHeader)
 
 	// 取消语言监听
 	if (offLangListener.value) {
@@ -153,7 +158,7 @@ onBeforeUnmount(() => {
 		</div>
 
 		<!-- 桌面端导航 -->
-		<div class="nav desktop-nav" v-if="!isMobile">
+		<div v-if="!isMobile" class="nav desktop-nav">
 			<div class="am-navss am-navss-pills">
 				<div><router-link class="router" to="/index" @click="closeMobileMenu">{{ $t('message.t1')
 						}}</router-link></div>

src/router/index.js

@@ -12,9 +12,9 @@ import Solution from '@/views/Solution.vue'
 import MainBusiness from '@/views/MainBusiness.vue'
 import ContactInformation from '@/views/ContactInformation.vue'
 import JoinUs from '@/views/JoinUs.vue'
-import News from '@/views/News.vue'
+import News from '@/views/news.vue'
 import newsDetail from '@/views/newsDetail.vue'
-import subGroup from '@/views/subGroup.vue'
+import subGroup from '@/views/SubGroup.vue'
 
 const router = createRouter({
   history: createWebHistory(),

src/views/AboutView.vue

@@ -87,7 +87,8 @@ onMounted(() => {
 
 		</div>
 		<div class="contactContainer ">
-			<div v-for="(item, index) in contactList" :style="{ backgroundImage: 'url(' + item.img + ')' }"
+			<div
+v-for="(item, index) in contactList" :key="index" :style="{ backgroundImage: 'url(' + item.img + ')' }"
 				class="contact">
 				<div>
 					<div>{{ item.title }}</div>

src/views/ContactInformation.vue

@@ -2,7 +2,7 @@
 import Layout from '../components/common/Layout.vue';
 import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { complaintsEmail, accessibilityEmail } from '@/config/contact.js';
+import { complaintsEmail } from '@/config/contact.js';
 
 const { t } = useI18n();
 

src/views/ExampleView.vue

@@ -1,6 +1,6 @@
 <script setup>
 import Layout from '@/components/common/Layout.vue'
-import { computed, nextTick, onMounted, onUpdated, ref } from 'vue'
+import { nextTick, onMounted, onUpdated, ref } from 'vue'
 import {findExampleAPI,getExempleTablistAPI} from '@/apis/exempleAPI.js'
   const tabIndex = ref(0);
   const tabList = ref([
@@ -95,17 +95,18 @@ onUpdated(()=>{
 				<div class="example-container">
 					<div class="am-tabs">
 						<ul class="am-tabs-nav am-nav am-nav-tabs am-g">
-							<li class="am-u-md-2" style="float: left;"
-								v-for="(tab,index) in tabList"
-								:key="index"
-								@click.prevent="changeTab(index,tab.Id)"
-								:class="tabIndex === index ? 'am-active':''">
+							<li
+v-for="(tab,index) in tabList" :key="index"
+								class="am-u-md-2"
+								style="float: left;"
+								:class="tabIndex === index ? 'am-active':''"
+								@click.prevent="changeTab(index,tab.Id)">
 								<a href="#"><i :class="tab.Icon"></i>{{tab.ListName}}</a>
 							</li>
 						</ul>
 						
 						<div class="tabs">
-							<div class="tab" v-for="(image,index) in list" :key="index">
+							<div v-for="(image,index) in list" :key="index" class="tab">
 								<img :src="image"  alt="">
 							</div>
 						</div>

src/views/IndexView.vue

@@ -11,7 +11,7 @@ import zhounian from '../assets/images/newIndex/80zhounian.jpg';
 import guanaishequ from '../assets/images/newsPic/guanaishequ.png';
 import lifa from '../assets/images/newsPic/lifa.png';
 import { useI18n } from 'vue-i18n'
-const { t, locale, messages } = useI18n()
+const { locale, messages } = useI18n()
 // 当前语言（可在模板或逻辑中使用）
 const currentLanguage = ref(getCurrentLanguage());
 // 存储取消订阅函数
@@ -33,6 +33,7 @@ const onSwiper = (swiper) => {
 	homeSwiper.value = swiper;
 };
 // swiper切换时触发
+// eslint-disable-next-line no-unused-vars
 const onSlideChange = (swiper) => {
 
 };
@@ -55,11 +56,13 @@ const newImg = ref([
 		ImageUrl: lifa,
 	}
 ])
+// eslint-disable-next-line no-unused-vars
 const advantageList = ref([
 	{ id: 1, Cover: c3, title: '烟叶业务', desc: '我们的烟叶业务是从全球主要烟叶产区采购各类型烟叶类产品，并销售至全球市场。。' },
 	{ id: 2, Cover: c2, title: '卷烟业务', desc: '我们的卷烟业务是从中国烟草旗下的卷烟生产企业采购卷烟产品，并销售至全球市场（中国内地除外）以及中国内地境内关外免税店。。' },
 	{ id: 3, Cover: c1, title: '新型烟草业务', desc: '我们的新型烟草业务是从中国烟草旗下的卷烟生产企业采购新型烟草制品，并独家销售至全球市场（中国内地除外）。' },
 ])
+// eslint-disable-next-line no-unused-vars
 const serviceList = ref([
 	{ id: 1, icon: 'am-icon-diamond', title: '多页面工作', desc: '标签栏可切换，不必为了新内容而被迫跳转界面，多项工作内容并行处理' },
 	{ id: 2, icon: 'am-icon-user', title: '多页面工作', desc: '标签栏可切换，不必为了新内容而被迫跳转界面，多项工作内容并行处理' },
@@ -71,10 +74,12 @@ const serviceList = ref([
 }
 
 const timer = ref(null)
+// eslint-disable-next-line no-unused-vars
 const swiper = () => {
 	if (timer.value) {
 		return
 	}
+	// eslint-disable-next-line no-unused-vars
 	let looper = (a) => {
 		if (tabIndex.value >= slideshow.value.length - 1) {
 			tabIndex.value = -1
@@ -99,30 +104,36 @@ if (window.innerWidth < 640) {
 // 数字翻牌器
 import { useTransition } from '@vueuse/core'
 const source = ref(0)
+// eslint-disable-next-line no-unused-vars
 const outputValue = useTransition(source, {
 	duration: 1500,
 })
 source.value = 24900;
 const source1 = ref(0)
+// eslint-disable-next-line no-unused-vars
 const outputValue1 = useTransition(source1, {
 	duration: 1500,
 })
 source1.value = 87;
 const source2 = ref(0)
+// eslint-disable-next-line no-unused-vars
 const outputValue2 = useTransition(source2, {
 	duration: 1500,
 })
 source2.value = 31;
+// eslint-disable-next-line no-unused-vars
 const formatter = (value) => {
 	// 使用toFixed保留小数点后两位
 	return `${value.toFixed(2)}`;
 }
 const source3 = ref(0)
+// eslint-disable-next-line no-unused-vars
 const outputValue3 = useTransition(source3, {
 	duration: 1500,
 })
 source3.value = 0.97;
 // const videoPlayer = ref(null);
+// eslint-disable-next-line no-unused-vars
 const newsList = ref([
 	{
 		id: 2,
@@ -146,8 +157,10 @@ const newsList = ref([
 // 获取新闻列表
 const newsListIndex = computed(() => messages.value[locale.value].message.newsListIndex)
 // 引用zh-CN里面的companyList数组
+// eslint-disable-next-line no-unused-vars
 const companyList = computed(() => messages.value[locale.value].message.companyList)
 const route = useRouter();
+// eslint-disable-next-line no-unused-vars
 const handleClick = (item) => {
 	console.log('item', item);
 
@@ -209,10 +222,12 @@ onBeforeUnmount(() => {
 		<div style="width: 100%">
 			<div class="index-page">
 				<!-- 使用Swiper替换原有的轮播 -->
-				<Swiper :modules="modules" :slides-per-view="1" :space-between="0" :pagination="{ clickable: true }"
-					:mousewheel="false" :allowTouchMove="true" :autoplay="{ delay: 3000, disableOnInteraction: false }"
-					:loop="true" @swiper="onSwiper" @slideChange="onSlideChange" class="home-swiper">
-					<SwiperSlide v-for="(slide, index) in slideshow" :key="index" class="swiper-slide-item" :style="{
+				<Swiper
+:modules="modules" :slides-per-view="1" :space-between="0" :pagination="{ clickable: true }"
+					:mousewheel="false" :allow-touch-move="true" :autoplay="{ delay: 3000, disableOnInteraction: false }"
+					:loop="true" class="home-swiper" @swiper="onSwiper" @slide-change="onSlideChange">
+					<SwiperSlide
+v-for="(slide, index) in slideshow" :key="index" class="swiper-slide-item" :style="{
 						backgroundImage: `url(${slide.ImageUrl})`,
 						backgroundRepeat: 'no-repeat',
 						backgroundSize: 'cover',
@@ -225,13 +240,15 @@ onBeforeUnmount(() => {
 				</Swiper>
 			</div>
 		</div>
-		<div class="news-section" v-if="showNews">
-			<div class="newsTitle" v-if="isMobile">{{ $t('message.t3') }}</div>
+		<div v-if="showNews" class="news-section">
+			<div v-if="isMobile" class="newsTitle">{{ $t('message.t3') }}</div>
 			<div>
-				<Swiper :modules="modules" :slides-per-view="1" :space-between="0" :pagination="{ clickable: true }"
-					:mousewheel="false" :allowTouchMove="true" :autoplay="{ delay: 3000, disableOnInteraction: false }"
-					:loop="true" @swiper="onSwiper" @slideChange="onSlideChange" class="home-swiper">
-					<SwiperSlide v-for="(slide, index) in newImg" :key="index" class="swiper-slide-item" :style="{
+				<Swiper
+:modules="modules" :slides-per-view="1" :space-between="0" :pagination="{ clickable: true }"
+					:mousewheel="false" :allow-touch-move="true" :autoplay="{ delay: 3000, disableOnInteraction: false }"
+					:loop="true" class="home-swiper" @swiper="onSwiper" @slide-change="onSlideChange">
+					<SwiperSlide
+v-for="(slide, index) in newImg" :key="index" class="swiper-slide-item" :style="{
 						backgroundImage: `url(${slide.ImageUrl})`,
 						backgroundRepeat: 'no-repeat',
 						backgroundSize: '100% auto',
@@ -244,7 +261,7 @@ onBeforeUnmount(() => {
 				</Swiper>
 			</div>
 			<div class="news-content">
-				<div class="newsTitle" v-if="!isMobile">{{ $t('message.t3') }}</div>
+				<div v-if="!isMobile" class="newsTitle">{{ $t('message.t3') }}</div>
 				<div class="news-boxes">
 					<div v-for="item in newsListIndex" :key="item.title" class="news-item" @click="goDetail(item.id)">
 						<div class="news-item-title">{{ item.title }}</div>

src/views/JoinDetail.vue

@@ -1,8 +1,7 @@
 <script setup>
-import { onMounted, ref ,computed} from 'vue';
-import { useRouter } from 'vue-router';
+import { computed } from 'vue';
 import { useI18n } from 'vue-i18n'
-const { t, locale, messages } = useI18n();
+const { locale, messages } = useI18n();
 // const joinContentList = computed(()=> messages.value[locale.value].message.joinContentlist)
 const props = defineProps({
     number: {
@@ -65,7 +64,6 @@ const joinContentList = computed(() => {
 
 
 
-const router = useRouter();
 const emit = defineEmits(['goBack']);
 
 const goBack = () => {

src/views/JoinUs.vue

@@ -1,18 +1,18 @@
 <script setup>
 import Layout from '@/components/common/Layout.vue';
 import JoinDetail from './JoinDetail.vue';
-import { onMounted, ref, computed } from 'vue';
+import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n'
-const { t, locale, messages } = useI18n();
+const { locale, messages } = useI18n();
 const list = computed(() => messages.value[locale.value].message.list)
 const isShowDetail = ref(false); // 控制招聘详情的显示
 // 展示第几条招聘详情
-const index = ref(0);
+const selectedIndex = ref(0);
 const handleClick = (n) => {
     // 处理点击事件，显示招聘详情
     console.log('招聘信息被点击');
     if (n == 1 || n == 2) {
-        index.value = n;
+        selectedIndex.value = n;
         isShowDetail.value = true;
 
     } else {
@@ -36,15 +36,16 @@ const handleGoBack = (val) => {
                         <img src="../assets/images/banner.png" alt="" srcset="">
                     </div>
                 </div>
-                <div class="join-content" v-if="!isShowDetail">
+                <div v-if="!isShowDetail" class="join-content">
                     <div class="joinTitle">{{ $t("message.t7") }}</div>
-                    <div v-for="(item, index) in list" :key="item.number" class="joinContentItem"
+                    <div
+v-for="(item) in list" :key="item.number" class="joinContentItem"
                         :style="{ cursor: item.number == 1 ||item.number == 2 ? 'pointer' : 'default' }" @click="handleClick(item.number)">
                         <div>{{ item.title }}</div>
                         <div>{{ item.date }}</div>
                     </div>
                 </div>
-                <JoinDetail @goBack="handleGoBack" :number="index" v-else />
+                <JoinDetail v-else :number="selectedIndex" @go-back="handleGoBack" />
 
             </div>
         </Layout>

src/views/MainBusiness.vue

@@ -1,10 +1,8 @@
 <script setup>
-import { nextTick, onMounted, ref, onBeforeUnmount } from 'vue';
+import { ref, onBeforeUnmount } from 'vue';
 import Layout from '../components/common/Layout.vue';
-import { yangyEmail } from '@/config/contact.js';
+// yangyEmail intentionally not used here; keep contact config centralized
 import { onLanguageChange, getCurrentLanguage } from '@/utils/language.js';
-import { useI18n } from 'vue-i18n';
-const { t, locale, messages } = useI18n();
 const currentLanguage = ref(getCurrentLanguage());
 const offLanguageListener = ref(null);
 // 订阅全局语言变更事件（使用 utils 封装）
@@ -32,11 +30,11 @@ onBeforeUnmount(() => {
                 <div class="contactContainer1">
                     <div class="contactContent">
                         <div>{{ $t("message.ywjs") }}</div>
-                        <div class="fw" style="	text-indent: 2em;" v-if="currentLanguage == 'zhTW' || currentLanguage == 'zhCN'">{{
+                        <div v-if="currentLanguage == 'zhTW' || currentLanguage == 'zhCN'" class="fw" style="	text-indent: 2em;">{{
                             $t('message.ywjs1') }}</div>
-                        <div class="fw" v-if="currentLanguage == 'en'" >{{ $t('message.ywjs2') }}</div>
-                        <div class="fw" v-if="currentLanguage == 'en'">{{ $t('message.ywjs3') }}</div>
-                        <div class="fw" v-if="currentLanguage == 'en'">{{ $t('message.ywjs4') }}</div>
+                        <div v-if="currentLanguage == 'en'" class="fw" >{{ $t('message.ywjs2') }}</div>
+                        <div v-if="currentLanguage == 'en'" class="fw">{{ $t('message.ywjs3') }}</div>
+                        <div v-if="currentLanguage == 'en'" class="fw">{{ $t('message.ywjs4') }}</div>
                     </div>
                     <div class="contactContent">
                         <div>{{ $t('message.ywzx') }}</div>

src/views/NewView.vue

@@ -1,12 +1,10 @@
 <script setup>
-import { computed, onMounted, ref } from 'vue';
+import { onMounted, ref } from 'vue';
 import Layout from '../components/common/Layout.vue';
 import { getArticleAPI } from '@/apis/newAPI.js'
-import { useRouter } from 'vue-router'
 
 const first = ref(0);
 const articles = ref({})
-const pageIndex = ref(1);
 const pageSize = ref(6);
 const total = ref(13)
 //获取公司动态文章
@@ -18,38 +16,10 @@ const getArticle = async (pageIndex, pageSize) => {
 	console.log(total.value);
 
 };
-const pages = computed(() => {
-	return Math.ceil(total.value / pageSize.value)
-})
+// pagination computation removed because pagination UI isn't used in simplified view
 // 切换页码
-const changeIndex = (p) => {
-	if (p === 0) {
-		pageIndex.value = 1
-		console.log('00000000');
-		console.log('第多少页' + pageIndex.value);
-		console.log(pages.value);
-	} else if (p === pages.value + 1) {
-		pageIndex.value = pages.value
-		console.log('1111111');
-		console.log('第多少页' + pageIndex.value);
-		console.log(pages.value);
-	} else {
-		pageIndex.value = p;
-		console.log('2222222');
-		console.log('第多少页' + pageIndex.value);
-		console.log(pages.value);
-		// 根据页码获取公司动态文章
-		getArticle(p, pageSize.value)
-	}
-};
-const router = useRouter()
 
-// 点击跳转路由文章详情页
-const handleDetails = (ArticleId) => {
-	window.localStorage.setItem('ArticleId', ArticleId);
-	router.push({ path: '/news/newsId' })
-
-};
+// Pagination and detail navigation currently unused in simplified view; keep code commented for future use
 const newList = ref([
 	{
 		title: '【挥洒汗水 奋勇争先】中烟香港参加第九届中企协运动会',
@@ -98,14 +68,14 @@ onMounted(() => getArticle(1, pageSize.value))
 			<div class="container">
 				<div class="section--header">
 					<h2 class="newTitle">最近新闻</h2>
-					<p class="section--description" v-if="articles.Records">
+					<p v-if="articles.Records" class="section--description">
 						<!-- 云适配与中建材信息技术股份有限公司（以下简称“中建信息”）联合举办的“战略
 						<br>合作签约仪式暨全国跨屏行动启动大会”在北京成功举办。 -->
 						{{ articles.Records[first].Introduction }}
 					</p>
 				</div>
 				<div>
-					<div v-for="(item, index) in newList" class="newsContainer">
+					<div v-for="(item, index) in newList" :key="index" class="newsContainer">
 						<div>{{ item.title }}</div>
 						<div>{{ item.time }}</div>
 					</div>

src/views/NewsDetailsView.vue

@@ -2,11 +2,10 @@
 import { onMounted, ref } from 'vue';
 import Layout from '../components/common/Layout.vue';
 import {getArticleByArticleIdAPI,getRecentArticleAPI} from '@/apis/newAPI.js'
-import { useRouter } from 'vue-router'
 
 
-  const article = ref({});
-  const recentArticles = ref([])
+	const article = ref({});
+	const recentArticles = ref([])
 		// 获取文章数据
   const getArticleByArticleId = async(articleId)=>{
     const {data:res} = await getArticleByArticleIdAPI(articleId)
@@ -16,12 +15,12 @@ import { useRouter } from 'vue-router'
 			getRecentArticle(articleId)}
   };
 		// 获取附近其他文章
-  const getRecentArticle = async(articleId)=>{
+	const getRecentArticle = async(articleId)=>{
     const {data:res} = await getRecentArticleAPI(articleId)
 		console.log(res.Data);
 		recentArticles.value = res.Data
   };
-	const router = useRouter()
+	// router not used here; navigation is handled by handleDetails/getArticleByArticleId
 
 		// 点击跳转路由文章详情页
     const handleDetails = (ArticleId)=>{
@@ -32,7 +31,9 @@ import { useRouter } from 'vue-router'
     };
   onMounted(()=>getArticleByArticleId(window.localStorage.getItem('ArticleId')))
 </script>
+
 <template>
+<!-- eslint-disable vue/no-v-html -->
 	<Layout>
 		
 		<div class="layout-container" style="width: 100%;">
@@ -59,8 +60,8 @@ import { useRouter } from 'vue-router'
 						<div class="am-u-md-3">
 							<div class="careers--articles">
 								<!--<h3 class="careers&#45;&#45;subtitle">文章信息</h3>-->
-								<div class="careers_articles">
-									<div class="careers_article" v-for="(article,index) in recentArticles" :key="index">
+																<div class="careers_articles">
+																	<div v-for="(recent,index) in recentArticles" :key="index" class="careers_article">
 										<div class="image">
 											<img style="height: 160px;width: 240px;" :src="article.Cover" alt="">
 										</div>
@@ -68,7 +69,7 @@ import { useRouter } from 'vue-router'
 										<div class="careers_article--text">{{article.Introduction}}</div>
 										<div class="careers_article--footer">
 											<!-- 命名的路由 -->
-											<p @click="handleDetails(article.ArticleId)" class="link" style="color: #59bcdb;">查看更多</p>
+																			<p class="link" style="color: #59bcdb;" @click="handleDetails(recent.ArticleId)">查看更多</p>
 										</div>
 									</div>
 								</div>
@@ -78,10 +79,10 @@ import { useRouter } from 'vue-router'
 						<div class="am-u-md-9">
 							<!--<h3 class="careers&#45;&#45;subtitle">文章内容</h3>-->
 							<div class="careers--vacancies">
-								<div class="am-panel-group" id="accordion">
+								<div id="accordion" class="am-panel-group">
 									<div class="am-panel am-panel-default">
 										<div class="am-panel-hd">
-											<h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-1'}" v-if="article.CreateTime">
+											<h4 v-if="article.CreateTime" class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#do-not-say-1'}">
 												<!-- 作者：{{article.Author}} &nbsp;&nbsp;&nbsp;&nbsp; / -->
 												 &nbsp;&nbsp;&nbsp;&nbsp; 发布时间：{{article.CreateTime.replace(/T/," ")}}
 											</h4>
@@ -89,7 +90,9 @@ import { useRouter } from 'vue-router'
 										<div class="am-panel-collapse am-collapse am-in">
 											<div class="am-panel-bd">
 												<!-- 正文 -->
-												<div class="vacancies--item_content js-accordion--pane_content"
+												<!-- eslint-disable-next-line vue/no-v-html -->
+												<div
+class="vacancies--item_content js-accordion--pane_content"
 													v-html="article.ContentHtml">
 												</div>
 											</div>

src/views/ProductDetailsView.vue

@@ -1,5 +1,5 @@
 <script setup>
-  import { onMounted, reactive, ref,computed } from 'vue';
+	import { onMounted, ref } from 'vue';
 import Layout from '../components/common/Layout.vue';
 import {getProductByIdAPI} from '@/apis/productAPI.js'
 
@@ -106,13 +106,15 @@ import {getProductByIdAPI} from '@/apis/productAPI.js'
 				<!-- <img src="http://192.168.21.33:6088/UpLoad/BackupData/45880d5f79004f0caeb30183d223d23e.jpg"/> -->
 				<!-- <p>{{ photos.photo[0] }}</p> -->
 				<div class="active-photo" :style="'background-image: url('+photos[activePhoto]+');'" @click="showImagePreview(photos[activePhoto])">
-					<button type="button"
+					<button
+type="button"
 						aria-label="Previous Photo"
 						class="previous"
 						@click="previousPhoto()" > 
 						<!-- ◀ -->
 					</button>
-					<button type="button"
+					<button
+type="button"
 						aria-label="Next Photo"
 						class="next"
 						@click="nextPhoto()">
@@ -120,12 +122,13 @@ import {getProductByIdAPI} from '@/apis/productAPI.js'
 					</button>
 				</div>
 				<div class="thumbnails">
-					<div v-for="(photo, index) in photos"
+					<div
+v-for="(photo, index) in photos"
 						:key="index"
 						:src="photo"
-						@click="activePhoto = index"
 						:class="{'active': activePhoto === index}"
-						:style="'background-image: url('+photo+')'">
+						:style="'background-image: url('+photo+')'"
+						@click="activePhoto = index">
 					</div>
 				</div>
 			</div>
@@ -137,6 +140,7 @@ import {getProductByIdAPI} from '@/apis/productAPI.js'
           <span>产品特点</span>
         </span>
       </template>
+			<!-- eslint-disable-next-line vue/no-v-html -->
 			<div v-html="detailData.Spec"></div>
 			<!-- •  支持云服务器平台部署管理，支持局域网平台部署管理。<br/>
 
@@ -153,6 +157,7 @@ import {getProductByIdAPI} from '@/apis/productAPI.js'
           <span>产品参数</span>
         </span>
       </template>
+			<!-- eslint-disable-next-line vue/no-v-html -->
 			<div v-html="detailData.Param"></div>
 			<!-- 识读码制： 
 
@@ -259,22 +264,7 @@ import {getProductByIdAPI} from '@/apis/productAPI.js'
 .gallery-box .gallery .active-photo:hover {
 	opacity: 1;
 }
-.gallery-box .gallery .active-photo .previous {
-	/* padding: 0 1em 0 0.7em;
-	left: 0;
-	background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
-	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
-	background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); */
-}
-.gallery-box .gallery .active-photo .next {
-	/* padding: 0 0.7em 0 1em;
-	right: 0;
-	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
-	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
-	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); */
-}
+
 
 .gallery-box .gallery .thumbnails {
 	display: grid;
@@ -291,9 +281,7 @@ import {getProductByIdAPI} from '@/apis/productAPI.js'
 	background-repeat: no-repeat;
 	opacity: 1;
 }
-.thumbnails:hover {
-	/*opacity: 0.6;*/
- }
+    
 .thumbnails .active {
 	outline-color: #59bcdb;
 	opacity: 0.6;
@@ -335,9 +323,7 @@ color: #fcfafa;
 /* background: #03aadd; */
 color: #fcfafa;
 }
- :deep(.el-tabs__item){
-
-}
+    
  .el-tabs__item:hover {
   color: red;
 }

src/views/ProductView.vue

@@ -3,7 +3,6 @@ import { nextTick, onMounted, ref } from 'vue';
 import Layout from '../components/common/Layout.vue';
 import { getTabListAPI, getGoodsListAPI } from '@/apis/productAPI.js'
 import { getSlidephotoAPI } from '@/apis/indexAPI.js'
-import { useRouter } from 'vue-router';
 import p1 from "@/assets/images/person/p1.jpg";
 import p2 from "@/assets/images/person/p2.jpg";
 import p3 from "@/assets/images/person/p3.jpg";
@@ -27,10 +26,8 @@ const personLIst = ref([
 	}
 ])
 const tabList = ref([]);
-const list = ref([]);
-const tabIndex = ref(0);
 const goodsList = ref([]);
-const slideshowPhoto = ref([])
+const slideshowPhoto = ref([]);
 const defaultId = ref()
 const getSlideshow = async () => {
 	const { data: res } = await getSlidephotoAPI();
@@ -66,28 +63,15 @@ const getTabList = async () => {
 	window.sessionStorage.setItem('defaultId', res.Data[0].Id);
 };
 // 点击选项切换选项
-const changeTab = (index, typeId) => {
-	//点击选项后高亮索引
-	tabIndex.value = index
-	console.log(typeId)
-	// 得到切换选项的id 传给获取产品列表的方法getGoodsList()
-	getGoodsList(typeId)
-};
 //从for循环得到的选项id发起请求获取该选项的产品列表
 const getGoodsList = async (typeId) => {
 	const { data: res } = await getGoodsListAPI(typeId)
 	console.log(res.Data);
 	goodsList.value = res.Data
 };
-const router = useRouter()
-// 点击跳转路由产品详情页
-const handleDetails = (productId) => {
-	window.localStorage.setItem('productId', productId);
-	router.push({ path: '/product/productId' })
-
-};
+// router and detail navigation removed because the detail template is currently disabled
 onMounted(() => {
-	// getSlideshow();
+	getSlideshow();
 	getTabList().then(() => {
 		console.log(defaultId.value, '这里88888');
 		getGoodsList(defaultId.value)
@@ -142,8 +126,8 @@ onMounted(() => {
 				<img :src="one.img" alt="" class="imgs">
 			</div>
 		</div>
-		<div class="personContainer animate__animated animate__backInLeft">
-			<div v-for="(item, index) in personLIst" class="personContent personContent1 ">
+			<div class="personContainer animate__animated animate__backInLeft">
+			<div v-for="(item, index) in personLIst" :key="index" class="personContent personContent1 ">
 				<div class="per">
 					<h1>{{ item.name }}</h1>
 					<div>{{ item.position }}</div>

src/views/Solution.vue

@@ -1,6 +1,6 @@
 <script setup>
 import Layout from '@/components/common/Layout.vue';
-import { onMounted, onUpdated, ref,onBeforeUnmount } from 'vue';
+import { ref, onBeforeUnmount } from 'vue';
 import { onLanguageChange, getCurrentLanguage } from '@/utils/language.js';
 const currentLanguage = ref(getCurrentLanguage());
 const offLanguageListener = ref(null);
@@ -16,16 +16,7 @@ const offLanguageListener = ref(null);
 	}
 })
 
-const projectTitleref = ref()
-const projectBox = ref()
-const lineRef = ref()
-const paneList = ref([])//获取的解决方案列表
-const paneData = ref([])//获取的解决方案内容
-const activeName = ref(0)//选中的tab
-onMounted(() => {
-})
-onUpdated(() => {
-})
+// removed unused refs to satisfy linter; keep the component minimal
 
 </script>
 <template>

src/views/SubGroup.vue

@@ -118,7 +118,7 @@ onBeforeUnmount(() => {
                             <div class="title">{{ title }}</div>
                             <div class="content">{{ content }}</div>
                             <div class="phone">{{$t('message.t6') }} : {{ phone }}</div>
-                            <div class="website" v-if="companyId == 1">{{$t("message.t8")}}：{{ website }}</div>
+                            <div v-if="companyId == 1" class="website">{{$t("message.t8")}}：{{ website }}</div>
                         </div>
                     </div>
                 </div>

src/views/components/LanguageSwitcher.vue

@@ -2,22 +2,23 @@
   <div>
     <div class="changeLL">
       <div class="changeItem" :class="{ active: currentLang === 'zhCN' }" @click="changeLanguage('zhCN')">
-        <span class="triangle" v-if="currentLang === 'zhCN'">▶</span>
+        <span v-if="currentLang === 'zhCN'" class="triangle">▶</span>
         <span class="text">简体版</span>
       </div>
       <div class="changeItem" :class="{ active: currentLang === 'zhTW' }" @click="changeLanguage('zhTW')">
-        <span class="triangle" v-if="currentLang === 'zhTW'">▶</span>
+        <span v-if="currentLang === 'zhTW'" class="triangle">▶</span>
         <span class="text">繁體版</span>
       </div>
       <div class="changeItem" :class="{ active: currentLang === 'en' }" @click="changeLanguage('en')">
-        <span class="triangle" v-if="currentLang === 'en'">▶</span>
+        <span v-if="currentLang === 'en'" class="triangle">▶</span>
         <span class="text">English</span>
       </div>
       <myNavigation></myNavigation>
     </div>
-    <div class="changeL" ref="changeL">
-      <el-dropdown @command="handleCommand" trigger="click" placement="bottom-end" :hide-on-click="true"
-        :max-height="200" popper-class="lang-dropdown-popper">
+    <div ref="changeL" class="changeL">
+      <el-dropdown
+trigger="click" placement="bottom-end" :hide-on-click="true" :max-height="200"
+        popper-class="lang-dropdown-popper" @command="handleCommand">
         <img src="../../assets/images/net.png" alt="" style="width: 100%;height: 100%; cursor: pointer;">
         <template #dropdown>
           <el-dropdown-menu>
@@ -36,8 +37,7 @@ import { useI18n } from 'vue-i18n';
 import { ref, onMounted, onBeforeUnmount } from 'vue';
 import myNavigation from "./myNavigation.vue";
 const { locale } = useI18n();
-import { useRoute, useRouter } from 'vue-router';
-const route = useRoute();
+import { useRouter } from 'vue-router';
 const router = useRouter();
 
 // 当前选中的语言 

src/views/components/myNavigation.vue

@@ -26,11 +26,7 @@ const toggleNav = () => {
   }
 };
 
-const handleNav = (path) => {
-  router.push(path);
-  showNav.value = false;
-  document.removeEventListener('click', handleClickOutside);
-};
+// removed unused wrapper handleNav; use navigateTo directly from template
 // 导航到指定页面
 const navigateTo = (path) => {
   router.push(path);
@@ -63,7 +59,7 @@ onBeforeUnmount(() => {
 </script>
 
 <template>
-  <div class="quick-nav-btn" ref="navBtnRef">
+  <div ref="navBtnRef" class="quick-nav-btn">
     <div class="quickBtn" size="" @click="toggleNav">
       <div class="guide-btn" @click="showGuide">
           {{ $t("message.shiyongzhinan") }}
@@ -71,7 +67,7 @@ onBeforeUnmount(() => {
     </div>
     <transition name="fade">
         <teleport to="body">
-          <div v-if="showNav" class="quick-nav-popup" ref="navPopupRef" style="position:fixed;left:80vw;top:6rem;transform:translateX(-50%);z-index:20000;min-width:25rem;background:#fff;box-shadow:0 0.3rem 1rem rgba(0,0,0,0.12);border-radius:0.6rem;display:flex;flex-direction:column;">
+          <div v-if="showNav" ref="navPopupRef" class="quick-nav-popup" style="position:fixed;left:80vw;top:6rem;transform:translateX(-50%);z-index:20000;min-width:25rem;background:#fff;box-shadow:0 0.3rem 1rem rgba(0,0,0,0.12);border-radius:0.6rem;display:flex;flex-direction:column;">
             <div class="guide-body">
               <div class="guide-section">
                 <div class="guide-links">

src/views/news.vue

@@ -1,11 +1,11 @@
 <script setup>
-import { ref, onMounted,computed } from 'vue'
+import { onMounted, computed } from 'vue'
 import Layout from '@/components/common/Layout.vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 
 // 模拟新闻数据（后期可替换为接口调用）
-const { t, locale, messages } = useI18n()
+const { locale, messages } = useI18n()
 
 // 从 i18n messages 中按当前 locale 读取 newsList（可能不存在时返回空数组）
 const list = computed(() => (messages.value[locale.value] && messages.value[locale.value].message && messages.value[locale.value].message.newsList) ? messages.value[locale.value].message.newsList : [])

src/views/newsDetail.vue

@@ -65,11 +65,14 @@ function openLowRes(src, maxWidth = 1200) {
                     <div class="font-size-control">
                         <span class="font-size-label">字体大小：</span>
                         <div class="font-size-switch">
-                            <button class="font-a-btn" :class="{ active: fontSizeLevel === 0 }"
+                            <button
+class="font-a-btn" :class="{ active: fontSizeLevel === 0 }"
                                 @click="setFontSize(0)">A</button>
-                            <button class="font-a-btn font-a-middle" :class="{ active: fontSizeLevel === 1 }"
+                            <button
+class="font-a-btn font-a-middle" :class="{ active: fontSizeLevel === 1 }"
                                 @click="setFontSize(1)">A</button>
-                            <button class="font-a-btn font-a-large" :class="{ active: fontSizeLevel === 2 }"
+                            <button
+class="font-a-btn font-a-large" :class="{ active: fontSizeLevel === 2 }"
                                 @click="setFontSize(2)">A</button>
                         </div>
                     </div>
@@ -136,10 +139,12 @@ function openLowRes(src, maxWidth = 1200) {
                     </div>
                     <div v-if="id == 1">
                         <div class="newspic">
-                            <img src="../assets/images/newsPic/jnt.png" alt=""
-                                @dblclick="openLowRes($event.target.src, 900)" oncontextmenu="return false">
+                            <img
+src="../assets/images/newsPic/jnt.png" alt=""
+                                oncontextmenu="return false" @dblclick="openLowRes($event.target.src, 900)">
                         </div>
-                        <div class="detailContent"
+                        <div
+class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
                                 {{ $t('message.newsContent') }}
@@ -149,10 +154,12 @@ function openLowRes(src, maxWidth = 1200) {
                     </div>
                     <div v-if="id == 2">
                         <div class="newspic">
-                            <img src="../assets/images/newIndex/80zhounian.jpg" oncontextmenu="return false" alt=""
+                            <img
+src="../assets/images/newIndex/80zhounian.jpg" oncontextmenu="return false" alt=""
                                 style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                         </div>
-                        <div class="detailContent"
+                        <div
+class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
                                 {{ $t('message.newsContent1') }}
@@ -174,12 +181,15 @@ function openLowRes(src, maxWidth = 1200) {
                     </div>
                     <div v-if="id == 3">
                         <div class="newspic">
-                            <img src="../assets/images/newsPic/ball1.png" alt="" oncontextmenu="return false"
+                            <img
+src="../assets/images/newsPic/ball1.png" alt="" oncontextmenu="return false"
                                 style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
-                            <img src="../assets/images/newsPic/ball2.png" alt="" oncontextmenu="return false"
+                            <img
+src="../assets/images/newsPic/ball2.png" alt="" oncontextmenu="return false"
                                 style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                         </div>
-                        <div class="detailContent"
+                        <div
+class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
                                 {{ $t('message.newsContent5') }}
@@ -209,10 +219,12 @@ function openLowRes(src, maxWidth = 1200) {
                     </div> -->
                     <div v-if="id == 5">
                         <div class="newspic">
-                            <img src="../assets/images/newsPic/kaigong.png" alt="" oncontextmenu="return false"
+                            <img
+src="../assets/images/newsPic/kaigong.png" alt="" oncontextmenu="return false"
                                 style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                         </div>
-                        <div class="detailContent"
+                        <div
+class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
                                 {{ $t('message.newsContent6') }}
@@ -230,10 +242,12 @@ function openLowRes(src, maxWidth = 1200) {
                     </div>
                     <div v-if="id == 6">
                         <div class="newspic">
-                            <img src="../assets/images/newsPic/yigong.png" alt="" oncontextmenu="return false"
+                            <img
+src="../assets/images/newsPic/yigong.png" alt="" oncontextmenu="return false"
                                 style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                         </div>
-                        <div class="detailContent"
+                        <div
+class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
                                 {{ $t('message.newsContent9') }}
@@ -241,10 +255,12 @@ function openLowRes(src, maxWidth = 1200) {
                             </div>
                         </div>
                         <div class="newspic1">
-                            <img src="../assets/images/newsPic/yigong1.png" alt="" oncontextmenu="return false"
+                            <img
+src="../assets/images/newsPic/yigong1.png" alt="" oncontextmenu="return false"
                                 style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                         </div>
-                        <div class="detailContent"
+                        <div
+class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
                                 {{ $t('message.newsContent10') }}
@@ -254,10 +270,12 @@ function openLowRes(src, maxWidth = 1200) {
                     </div>
                     <div v-if="id == 7">
                         <div class="newspic">
-                            <img src="../assets/images/newsPic/jingshen.png" alt="" oncontextmenu="return false"
+                            <img
+src="../assets/images/newsPic/jingshen.png" alt="" oncontextmenu="return false"
                                 style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                         </div>
-                        <div class="detailContent"
+                        <div
+class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
                                 {{ $t('message.newsContent11') }}
@@ -290,17 +308,20 @@ function openLowRes(src, maxWidth = 1200) {
                         </div>
                     </div>
                     <div v-if="id == 9">
-                        <div class="detailContent"
+                        <div
+class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
                                 {{ $t('message.newsContent18') }}
 
                             </div>
                             <div class="newspic">
-                                <img src="../assets/images/newsPic/guanaishequ.png" alt="" oncontextmenu="return false"
+                                <img
+src="../assets/images/newsPic/guanaishequ.png" alt="" oncontextmenu="return false"
                                     style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                             </div>
-                            <div class="detailContent"
+                            <div
+class="detailContent"
                                 :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                                 <div>
                                     {{ $t('message.newsContent19') }}
@@ -308,10 +329,12 @@ function openLowRes(src, maxWidth = 1200) {
                                 </div>
                             </div>
                             <div class="newspic1">
-                                <img src="../assets/images/newsPic/guanaishequ1.png" alt="" oncontextmenu="return false"
+                                <img
+src="../assets/images/newsPic/guanaishequ1.png" alt="" oncontextmenu="return false"
                                     style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                             </div>
-                            <div class="detailContent"
+                            <div
+class="detailContent"
                                 :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                                 <div>
                                     {{ $t('message.newsContent20') }}
@@ -322,10 +345,12 @@ function openLowRes(src, maxWidth = 1200) {
                     </div>
                     <div v-if="id == 10">
                         <div class="newspic">
-                            <img src="../assets/images/newsPic/lifa.png" alt="" oncontextmenu="return false"
+                            <img
+src="../assets/images/newsPic/lifa.png" alt="" oncontextmenu="return false"
                                 style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                         </div>
-                        <div class="detailContent"
+                        <div
+class="detailContent"
                             :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                             <div>
                                 {{ $t('message.newsContent21') }}
@@ -339,7 +364,8 @@ function openLowRes(src, maxWidth = 1200) {
                     </div>
                      <div v-if="id == 11">
                     <div class="newspic" style="margin-bottom: 0.5rem;">
-                        <img src="../assets/images/newsPic/jiang.png" alt="" oncontextmenu="return false"
+                        <img
+src="../assets/images/newsPic/jiang.png" alt="" oncontextmenu="return false"
                             style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                     </div>
                     <div style="font-size: 0.9rem; text-align: center; ">
@@ -347,10 +373,12 @@ function openLowRes(src, maxWidth = 1200) {
 
                     </div>
                     <div class="newspic">
-                        <img src="../assets/images/newsPic/jiang1.png" alt="" oncontextmenu="return false"
+                        <img
+src="../assets/images/newsPic/jiang1.png" alt="" oncontextmenu="return false"
                             style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                     </div>
-                    <div class="detailContent"
+                    <div
+class="detailContent"
                         :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                         <div>
                             {{ $t('message.newsContent24') }}
@@ -364,10 +392,12 @@ function openLowRes(src, maxWidth = 1200) {
                 </div>
                 <div v-if="id == 12">
                     <div class="newspic">
-                        <img src="../assets/images/newsPic/fadian.png" alt="" oncontextmenu="return false"
+                        <img
+src="../assets/images/newsPic/fadian.png" alt="" oncontextmenu="return false"
                             style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                     </div>
-                    <div class="detailContent"
+                    <div
+class="detailContent"
                         :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                         <div>
                             {{ $t('message.newsContent26') }}
@@ -385,7 +415,8 @@ function openLowRes(src, maxWidth = 1200) {
                 </div>
                 <div v-if="id == 13">
 
-                    <div class="detailContent"
+                    <div
+class="detailContent"
                         :style="{ fontSize: fontSizeMap[fontSizeLevel], lineHeight: lineHeightMap[fontSizeLevel] }">
                         <div>
                             {{ $t('message.newsContent29') }}
@@ -397,7 +428,8 @@ function openLowRes(src, maxWidth = 1200) {
                         </div>
                     </div>
                     <div class="newspic">
-                        <img src="../assets/images/newsPic/yundonghui.png" alt="" oncontextmenu="return false"
+                        <img
+src="../assets/images/newsPic/yundonghui.png" alt="" oncontextmenu="return false"
                             style="cursor:pointer;" @dblclick="openLowRes($event.target.src, 900)">
                     </div>
                 </div>