ESlint语法

src/views/knowledge/knowledge/components/KnowledgeContent.vue

@@ -9,6 +9,7 @@ const props = defineProps({
         type: Boolean,
         default: false
     },
+    // eslint-disable-next-line vue/require-default-prop
     contentSource: {
         type: Object
     },
@@ -54,17 +55,16 @@ watch(() => props.isShow, () => {
 <template>
     <el-dialog v-model="boxShow" class="dialogStyle" :show-close="true">
         <template #header="{ close, titleId, titleClass }">
-            <div class="my-header">
+            <div class="my-header" @dblclick="close">
                 <h4 :id="titleId" :class="titleClass" style="margin-top: 5px;">{{ props.contentSource?.gTitle }}</h4>
                 <!-- <h4 :id="titleId" :class="titleClass" style="margin-top: 5px;">{{ props.contentSource?.gContent }}</h4> -->
             </div>
         </template>
         <div style="padding-bottom: 20px;"><span>{{ formatDate(props.contentSource?.gAddTime) }}</span></div>
-        <iframe v-if="pdfIframeShow" :src="props.contentSource?.gTestUrl" frameborder="0"
-            style=" z-index: 1000;height: 680px;width: 850px"></iframe>
-        <div v-html="props.contentSource?.gContent" style="height: auto;width: auto;"></div>
+        <iframe v-if="pdfIframeShow" :src="props.contentSource?.gTestUrl" frameborder="0" style=" z-index: 1000;height: 680px;width: 850px"></iframe>
+        <div style="height: auto;width: auto;" v-html="props.contentSource?.gContent"></div>
 
-        <h5>评论区</h5>
+        <h5 >评论区</h5>
     </el-dialog>
 </template>
     

src/views/knowledge/knowledge/components/Navili.vue

@@ -2,6 +2,7 @@
 
 const showli = ref(true);
 const props = defineProps({
+    // eslint-disable-next-line vue/require-default-prop
     oneli: {
         type: Object,
 
@@ -15,9 +16,11 @@ const props = defineProps({
         type: Number,
         default: 0
     },
+    // eslint-disable-next-line vue/require-default-prop
     knowledgeStore: {
         type: Object,
     },
+    // eslint-disable-next-line vue/require-default-prop
     fatherisReady1: {
         type: Number,
     }
@@ -25,7 +28,7 @@ const props = defineProps({
 
 </script>
 <template>
-    <li :class="{ active: active === index }" v-if="showli">
+    <li v-if="showli" :class="{ active: active === index }">
         {{ oneli?.atTitle }}
     </li>
 </template>

src/views/knowledge/knowledge/components/archivestype.vue

@@ -11,10 +11,12 @@ import { useKnowledgeStore } from "@/store/modules/knowledge"
 const showArea = ref(true);
 
 const props = defineProps({
+  // eslint-disable-next-line vue/require-default-prop
   liContent: {
     type: Object,
 
   },
+  // eslint-disable-next-line vue/require-default-prop
   routerUrl: {
     type: String,
   },
@@ -158,18 +160,17 @@ function showContentDialog(item: any) {
 </script>
 <template>
   <div class="models ">
-    <KnowledgeContent v-model:isShow="showContentBox" :contentSource="cardContentSource"></KnowledgeContent>
+    <KnowledgeContent v-model:isShow="showContentBox" :content-source="cardContentSource"></KnowledgeContent>
     <div class="model-title">
       <h3>{{ props.liContent?.atTitle }}</h3>
 
     </div>
     <div v-show="!showCards" style="text-align: center;padding-top: 5%;">暂无数据</div>
-    <div class="grid-tuijian" v-show="showCards">
+    <div v-show="showCards" class="grid-tuijian">
 
 
-      <div v-for="(item, index) in tuijianPage" :key="index" class="tuijian-card" @click="showContentDialog(item)">
-        <img style="width: 170px; height: 126px;border-radius:8px;margin-top: 4px; margin-left: 4px;"
-          referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
+      <div v-for="(item, index1) in tuijianPage" :key="index1" class="tuijian-card" @click="showContentDialog(item)">
+        <img style="width: 170px; height: 126px;border-radius:8px;margin-top: 4px; margin-left: 4px;" referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
 
         <div class="card-right">
           <span class="card-title" :title=item.gTitle>{{ item.gTitle }}</span>
@@ -187,9 +188,7 @@ function showContentDialog(item: any) {
       </div>
 
     </div>
-    <el-pagination class="pagi" v-model:current-page="pageParamTuijian.page" v-if="pageParamTuijian.total > 0"
-      v-model:page-size="pageParamTuijian.pagesize" layout="prev, pager, next, jumper" :total="pageParamTuijian.total"
-      @current-change="handleCurrentChange" />
+    <el-pagination v-if="pageParamTuijian.total > 0" v-model:current-page="pageParamTuijian.page" v-model:page-size="pageParamTuijian.pagesize"  class="pagi" layout="prev, pager, next, jumper" :total="pageParamTuijian.total" @current-change="handleCurrentChange" />
   </div>
 </template>
 <style>

src/views/knowledge/knowledge/index.vue

@@ -184,9 +184,8 @@ function scrollTo(index: any) {
           推荐
         </li>
 
-        <template v-for="(item, index) in naviList">
-          <Navili :class="{ active: active === index+1 }" :oneli=item :index=(index+1) v-if="item.hasCard" :active=active
-          @click="scrollTo(index + 1)"></Navili>
+        <template v-for="(item, index) in naviList" :key="index">
+          <Navili v-if="item.hasCard" :class="{ active: active === index+1 }" :oneli=item :index=(index+1)  :active=active @click="scrollTo(index + 1)"></Navili>
         </template>
 
       </ul>
@@ -206,14 +205,12 @@ function scrollTo(index: any) {
           <el-carousel indicator-position="outside" class="mycarousel" arrow="always">
             <el-carousel-item v-for="(item, index) in carousel" :key="index" @click="showContentDialog(item)">
 
-              <img style="width: 495px; height: 300px;border-radius:16px;margin-top: 4px; margin-left: 4px;"
-                referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
+              <img style="width: 495px; height: 300px;border-radius:16px;margin-top: 4px; margin-left: 4px;" referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
             </el-carousel-item>
           </el-carousel>
 
           <div v-for="(item, index) in tuijianPage" :key="index" class="tuijian-card" @click="showContentDialog(item)">
-            <img style="width: 170px; height: 126px;border-radius:8px;margin-top: 4px; margin-left: 4px;"
-              referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
+            <img style="width: 170px; height: 126px;border-radius:8px;margin-top: 4px; margin-left: 4px;" referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
 
             <div class="card-right">
               <span class="card-title" :title=item.gTitle>{{ item.gTitle }}</span>
@@ -231,20 +228,18 @@ function scrollTo(index: any) {
           </div>
 
         </div>
-        <el-pagination class="pagi" v-model:current-page="pageParamTuijian.page" v-if="pageParamTuijian.total > 0"
-          v-model:page-size="pageParamTuijian.pagesize" layout="prev, pager, next, jumper" :total="pageParamTuijian.total"
-          @current-change="handleCurrentChange" />
+        <el-pagination v-if="pageParamTuijian.total > 0" v-model:current-page="pageParamTuijian.page" v-model:page-size="pageParamTuijian.pagesize" class="pagi" layout="prev, pager, next, jumper" :total="pageParamTuijian.total" @current-change="handleCurrentChange" />
       </div>
       <!-- 各知识/新闻分区 -->
 
-      <template v-for="(item, index) in naviList">
-        <Archivestype :liContent=item :index=(index) :fatherisReady="fatherisReady" :routerUrl="routerUrl"></Archivestype>
+      <template v-for="(item, index) in naviList"  :key="index">
+        <Archivestype :li-content=item :index=(index) :fatheris-ready="fatherisReady" :router-url="routerUrl"></Archivestype>
       </template>
 
 
     </div>
     <!-- 内容详情组件 -->
-    <KnowledgeContent v-model:isShow="showContentBox" :contentSource="cardContentSource"></KnowledgeContent>
+    <KnowledgeContent v-model:isShow="showContentBox" :content-source="cardContentSource"></KnowledgeContent>
 
 
   </div>

src/views/knowledge/news/index.vue

@@ -171,7 +171,6 @@ function scrollTo(index: any) {
 }
 //跳转至相关内容 end
 
-
 </script>
 <template>
   <div class="app-container">
@@ -184,9 +183,8 @@ function scrollTo(index: any) {
           推荐
         </li>
 
-        <template v-for="(item, index) in naviList">
-          <Navili :class="{ active: active === index+1 }" :oneli=item :index=(index+1) v-if="item.hasCard" :active=active
-          @click="scrollTo(index + 1)"></Navili>
+        <template v-for="(item, index) in naviList" :key="index">
+          <Navili v-if="item.hasCard" :class="{ active: active === index+1 }" :oneli=item :index=(index+1)  :active=active @click="scrollTo(index + 1)"></Navili>
         </template>
 
       </ul>
@@ -206,14 +204,12 @@ function scrollTo(index: any) {
           <el-carousel indicator-position="outside" class="mycarousel" arrow="always">
             <el-carousel-item v-for="(item, index) in carousel" :key="index" @click="showContentDialog(item)">
 
-              <img style="width: 495px; height: 300px;border-radius:16px;margin-top: 4px; margin-left: 4px;"
-                referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
+              <img style="width: 495px; height: 300px;border-radius:16px;margin-top: 4px; margin-left: 4px;" referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
             </el-carousel-item>
           </el-carousel>
 
           <div v-for="(item, index) in tuijianPage" :key="index" class="tuijian-card" @click="showContentDialog(item)">
-            <img style="width: 170px; height: 126px;border-radius:8px;margin-top: 4px; margin-left: 4px;"
-              referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
+            <img style="width: 170px; height: 126px;border-radius:8px;margin-top: 4px; margin-left: 4px;" referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
 
             <div class="card-right">
               <span class="card-title" :title=item.gTitle>{{ item.gTitle }}</span>
@@ -231,20 +227,18 @@ function scrollTo(index: any) {
           </div>
 
         </div>
-        <el-pagination class="pagi" v-model:current-page="pageParamTuijian.page" v-if="pageParamTuijian.total > 0"
-          v-model:page-size="pageParamTuijian.pagesize" layout="prev, pager, next, jumper" :total="pageParamTuijian.total"
-          @current-change="handleCurrentChange" />
+        <el-pagination v-if="pageParamTuijian.total > 0" v-model:current-page="pageParamTuijian.page" v-model:page-size="pageParamTuijian.pagesize"  class="pagi" layout="prev, pager, next, jumper" :total="pageParamTuijian.total" @current-change="handleCurrentChange" />
       </div>
       <!-- 各知识/新闻分区 -->
 
-      <template v-for="(item, index) in naviList">
-        <Archivestype :liContent=item :index=(index) :fatherisReady="fatherisReady" :routerUrl="routerUrl"></Archivestype>
+      <template v-for="(item, index) in naviList" :key="index">
+        <Archivestype :li-content=item :index=(index) :fatheris-ready="fatherisReady" :router-url="routerUrl"></Archivestype>
       </template>
 
 
     </div>
     <!-- 内容详情组件 -->
-    <KnowledgeContent v-model:isShow="showContentBox" :contentSource="cardContentSource"></KnowledgeContent>
+    <KnowledgeContent v-model:isShow="showContentBox" :content-source="cardContentSource"></KnowledgeContent>
 
 
   </div>