From e9d0ee391c341f0664f0348fe74f03bd887c040f Mon Sep 17 00:00:00 2001
From: liwenxuan <1298531568@qq.com>
Date: Thu, 19 Oct 2023 14:22:12 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9F=A5=E8=AF=86=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/knowledge/index.ts                    |  45 +++
 src/api/knowledge/scroll.js                   | 101 +++++
 src/api/knowledge/types.ts                    | 167 ++++++++
 src/assets/404_images/imgNotFound.png         | Bin 0 -> 7509 bytes
 src/store/modules/knowledge.ts                |  21 ++
 .../knowledge/components/KnowledgeContent.vue |  96 +++++
 .../knowledge/knowledge/components/Navili.vue |  32 ++
 .../knowledge/components/archivestype.vue     | 287 ++++++++++++++
 src/views/knowledge/knowledge/index.vue       | 357 ++++++++++++++++++
 tsconfig.json                                 |   3 +-
 10 files changed, 1108 insertions(+), 1 deletion(-)
 create mode 100644 src/api/knowledge/index.ts
 create mode 100644 src/api/knowledge/scroll.js
 create mode 100644 src/api/knowledge/types.ts
 create mode 100644 src/assets/404_images/imgNotFound.png
 create mode 100644 src/store/modules/knowledge.ts
 create mode 100644 src/views/knowledge/knowledge/components/KnowledgeContent.vue
 create mode 100644 src/views/knowledge/knowledge/components/Navili.vue
 create mode 100644 src/views/knowledge/knowledge/components/archivestype.vue
 create mode 100644 src/views/knowledge/knowledge/index.vue

diff --git a/src/api/knowledge/index.ts b/src/api/knowledge/index.ts
new file mode 100644
index 000000000..18b7868bf
--- /dev/null
+++ b/src/api/knowledge/index.ts
@@ -0,0 +1,45 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { UserDetail, UserQuery, NaviQuery, Navi ,PageParam,graphicformList} from './types';
+
+
+//获取当前用户详细信息
+export function getUserDetail(data: UserQuery): AxiosPromise<UserDetail> {
+  return request({
+    url: '/javasys/user/detail',
+    method: 'post',
+    data: data,
+
+  });
+}
+
+//获取左侧导航栏信息
+export function getZxxyNavis(data: NaviQuery): AxiosPromise<Navi[]> {
+  return request({
+    url: '/javasys/archive/zxxy',
+    method: 'post',
+    data: data,
+
+  });
+}
+
+//获取推荐分页
+export function getTuijian(data: PageParam): AxiosPromise<graphicformList> {
+  return request({
+    url: '/javasys/graphicform/cardlist',
+    method: 'post',
+    data: data,
+
+  });
+
+}
+  //获取轮播图数据
+  export function getCarousel(data: PageParam): AxiosPromise<graphicformList> {
+    return request({
+      url: '/javasys/graphicform/carousel',
+      method: 'post',
+      data: data,
+  
+    });
+
+  }
diff --git a/src/api/knowledge/scroll.js b/src/api/knowledge/scroll.js
new file mode 100644
index 000000000..47801599c
--- /dev/null
+++ b/src/api/knowledge/scroll.js
@@ -0,0 +1,101 @@
+
+
+// 滚动监听器
+export function onScroll() {
+
+
+    // 获取所有锚点元素
+    const navContents = document.querySelectorAll('.models')
+  
+    // 所有锚点元素的 offsetTop
+    const offsetTopArr = []
+    navContents.forEach(item => {
+      offsetTopArr.push(item.offsetTop)
+    })
+    // 获取当前文档流的 scrollTop
+    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop
+    // 定义当前点亮的导航下标
+    let navIndex = 0
+    for (let n = 0; n < offsetTopArr.length; n++) {
+      // 如果 scrollTop 大于等于第n个元素的 offsetTop 则说明 n-1 的内容已经完全不可见
+      // 那么此时导航索引就应该是n了
+      if (scrollTop+210 >= offsetTopArr[n]) {
+        navIndex = n
+      }
+      //若滚动条已经到底则直接激活最后一个导航
+      if (scrollTop + document.documentElement.clientHeight === document.documentElement.scrollHeight) {
+        navIndex = offsetTopArr.length - 1;
+      }
+    }
+    //active.value = navIndex
+    return navIndex;
+  }
+  
+  // 跳转到指定索引的元素
+  export function scrollTo(index) {
+  
+  
+    // 获取目标的 offsetTop
+    // css选择器是从 1 开始计数，我们是从 0 开始，所以要 +1
+    const targetOffsetTop = document.querySelector(`.content .models:nth-child(${index + 1})`).offsetTop
+    // 获取当前 offsetTop
+    let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
+    // 定义一次跳 150 个像素
+    const STEP = 50
+    // 判断是往下滑还是往上滑
+    if (scrollTop > targetOffsetTop) {
+      // 往上滑
+      smoothUp()
+    } else {
+      // 往下滑
+      smoothDown()
+    }
+    // 定义往下滑函数
+    function smoothDown() {
+      // 如果当前 scrollTop 小于 targetOffsetTop 说明视口还没滑到指定位置
+      if (scrollTop < targetOffsetTop) {
+        // 如果和目标相差距离大于等于 STEP 就跳 STEP
+        // 否则直接跳到目标点，目标是为了防止跳过了。
+        if (targetOffsetTop - scrollTop >= STEP) {
+          scrollTop += STEP
+        } else {
+          scrollTop = targetOffsetTop
+        }
+        document.body.scrollTop = scrollTop
+        document.documentElement.scrollTop = scrollTop
+        // 关于 requestAnimationFrame 可以自己查一下，在这种场景下，相比 setInterval 性价比更高
+        requestAnimationFrame(smoothDown)
+      }
+    }
+    // 定义往上滑函数
+    function smoothUp() {
+      if (scrollTop > targetOffsetTop) {
+        if (scrollTop - targetOffsetTop >= STEP) {
+          scrollTop -= STEP
+        } else {
+          scrollTop = targetOffsetTop
+        }
+        document.body.scrollTop = scrollTop
+        document.documentElement.scrollTop = scrollTop
+        requestAnimationFrame(smoothUp)
+      }
+    }
+  }
+  export function formatDate(timestamp) {
+    var  date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
+  
+    var Y = date.getFullYear() + '-';
+  
+    var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
+  
+    var D = date.getDate() + ' ';
+  
+    var h = date.getHours() + ':';
+  
+    var m = date.getMinutes() + ':';
+  
+    var s = date.getSeconds();
+  
+    return Y+M+D+h+m+s;
+  }
+
diff --git a/src/api/knowledge/types.ts b/src/api/knowledge/types.ts
new file mode 100644
index 000000000..18b0a3a1f
--- /dev/null
+++ b/src/api/knowledge/types.ts
@@ -0,0 +1,167 @@
+//用户查询
+export interface UserQuery {
+  userkey: string;
+  usertoken: string;
+}
+
+//用户信息
+export interface UserDetail {
+  //证件号码
+  idcardno?: string[];
+  //姓名
+  name: string;
+  //头像url
+  icon?: string;
+  //工号
+  wmNumber: string;
+  //唯一识别码
+  wmKey: string;
+  //adminorg
+  adminorg:string;
+
+}
+
+//导航栏查询
+export interface NaviQuery {
+  atParentId: string;
+  userkey: String,
+  usertoken: String,
+}
+//导航栏信息
+export interface Navi{
+
+  atId:string;
+  //档案分类名称
+  atTitle:string;
+  //档案分类状态
+  atStater:string;
+  //档案分类父级
+  atParentId:string;
+  //写入时间
+  atTime:string;
+  //添加人员
+  atUid:string;
+  //排序
+  atSort:string;
+   //该导航栏中有无card
+  hasCard:Boolean; 
+}
+export type cardList = PageResult<Graphicform[]>
+//卡片
+export interface Graphicform {
+      gId?:number|string;
+    //标题
+      gTitle?:string;
+    //关键字
+      gKey?:string;
+    //描述
+      gDescribe?:string;
+    //父级
+      gParent?:number|string;
+    //分类
+      gParentSun?:number|string;
+    //文档来源（1:原创；2：转载）
+      gSource?:number|string;
+    //转载地址
+      gSourceUrl?:string;
+    //缩略图
+      gThumbnail?:string;
+    //排序
+      gSort?:number|string;
+    //评论设置（1：允许评论；2：禁止评论）
+      gComment?:number|string;
+    //访问权限（1：公开；2：分厂；3：工段；4：自定义）
+      gVisitStrat?:number|string;
+    //状态（1：草稿；2：发表；3：下架；4：删除）
+      gState?:number|string;
+    //写入时间
+      gAddTime?:number|string;
+    //修改时间
+      gEiteTime?:number|string;
+    //编辑人员
+      gUserKey?:number|string;
+    //分厂
+      gBfId?:number|string;
+    //工段
+      gWsId?:number|string;
+    //班组
+      gTeam?:number|string;
+    //是否允许下载（1：允许；2：禁止）
+      gDownloadState?:number|string;
+    //阅读量
+      gRead?:number|string;
+    //评论数
+      gComSum?:number|string;
+    //收藏数
+      gCollectionSum?:number|string;
+    //点赞数
+      gLikes?:number|string;
+    //推荐(1：推荐，2：不推荐)
+      gRecommend?:number|string;
+    //图文详情
+      gContent?:string;
+    //踩数量
+      gStepOn?:number|string;
+    //自定义可见范围
+      gRange?:string;
+    //写入分厂
+      gWriteBfid?:number|string;
+    //正文文档名称
+      gTextName?:string;
+    //正文文档URL
+      gTestUrl?:string;
+    //物理地址
+      gPhysicsPath?:string;
+    //写入人员组织
+      gWriteGroup?:number|string;
+    //外部链接
+      gOuterLink?:string;
+
+}
+export interface PageParam extends PageQuery{
+  total:number;
+	archivesTypeAtParentId?:string;		//知识库or新闻资讯
+	gParentSun?:string;		//标题分类
+  adminorg:string;
+  key:string;
+  userkey: string,
+  usertoken: string,
+
+}
+
+/**
+ * 卡片list
+ */
+export type graphicformList = PageResultJava<Graphicform[]>
+
+/**
+   * 分页响应对象
+   */
+interface PageResultJava<T> {
+  /**
+   * 数据列表
+   */
+  list: T;
+  /**
+   * 数据总数
+   */
+  total: number;
+  //每页条数
+  pageSize:number;
+  //总页数
+  pages:number;
+  //前一页
+  prePage:number;
+  //
+  size:number;
+  startRow:number;
+  //当前页
+  pageNum:number;
+
+}
+
+//标题下有无内容
+export interface ShowTitle {
+  atIdAndGParentSun: string;//导航栏id
+  hasCard:Boolean;//是否展示
+}
diff --git a/src/assets/404_images/imgNotFound.png b/src/assets/404_images/imgNotFound.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfd587ac9f788df9ca1732276b40f8ba73a8acb0
GIT binary patch
literal 7509
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
Y!CR6U`R$Hh`Ku9?kMGyq>b#izFSvw}C;$Ke

literal 0
HcmV?d00001

diff --git a/src/store/modules/knowledge.ts b/src/store/modules/knowledge.ts
new file mode 100644
index 000000000..9d1f2ffc0
--- /dev/null
+++ b/src/store/modules/knowledge.ts
@@ -0,0 +1,21 @@
+import { defineStore } from 'pinia'
+import { ShowTitle } from '@/api/knowledge/types';
+// 第一个参数是应用程序中 store 的唯一 id
+export const useKnowledgeStore = defineStore('knowledge', {
+
+    state: () => {
+        //const knowledgeTitlesShow = ref<Array<ShowTitle>>([]);
+        const knowledgeTitlesShow = ref<ShowTitle[]>([]);
+
+        return {knowledgeTitlesShow};
+
+    },
+    getters: {
+        // 自动将返回类型推断为数字
+        getArray(state) {
+          return state
+        },
+        
+      },
+   
+})
\ No newline at end of file
diff --git a/src/views/knowledge/knowledge/components/KnowledgeContent.vue b/src/views/knowledge/knowledge/components/KnowledgeContent.vue
new file mode 100644
index 000000000..802b696f1
--- /dev/null
+++ b/src/views/knowledge/knowledge/components/KnowledgeContent.vue
@@ -0,0 +1,96 @@
+<script setup lang='ts'>
+import { onScroll, scrollTo, formatDate } from '@/api/knowledge/scroll'
+
+
+
+
+const props = defineProps({
+    isShow: {
+        type: Boolean,
+        default: false
+    },
+    contentSource: {
+        type: Object
+    },
+});
+const emits = defineEmits(["update:isShow"]);		//操作父级数据
+
+/**
+ * 弹窗显示控制
+ */
+const boxShow = computed({
+    get: () => props.isShow,
+    set: (val) => {
+
+        emits("update:isShow", val);
+    },
+});
+
+
+const pdfIframeShow = ref<boolean>(false)
+
+/**
+ * 监听数据
+ */
+watch(() => props.isShow, () => {
+
+    if (props.isShow) {
+
+        if (props.contentSource?.gTestUrl === "" || props.contentSource?.gTestUrl == null) {
+            //文件是pdf    
+            pdfIframeShow.value = false
+
+        } else {
+            pdfIframeShow.value = true
+        }
+        //console.log(pdfIframeShow.value)
+    }
+})
+onMounted(() => {
+    /*   const gTestUrl = props.contentSource?.gTestUrl;
+      const gContent = props.contentSource?.gContent; */
+
+});
+
+
+</script>
+
+<template>
+    <el-dialog v-model="boxShow" class="dialogStyle" :show-close="true">
+        <template #header="{ close, titleId, titleClass }">
+            <div class="my-header">
+                <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>
+
+        <h5>评论区</h5>
+    </el-dialog>
+</template>
+    
+
+    
+<style>
+.dialogStyle {
+    top:-9.9%;
+    height: auto;
+    width: auto;
+    max-width: 1000px;
+    
+}
+
+.my-header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.el-dialog__body {
+    margin-top: 0% !important;
+    padding-top: 0% !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/knowledge/knowledge/components/Navili.vue b/src/views/knowledge/knowledge/components/Navili.vue
new file mode 100644
index 000000000..42bf7e660
--- /dev/null
+++ b/src/views/knowledge/knowledge/components/Navili.vue
@@ -0,0 +1,32 @@
+<script lang='ts' setup>
+import { scrollTo } from '@/api/knowledge/scroll'
+const showli = ref(true);
+const props = defineProps({
+    oneli: {
+        type: Object,
+
+    },
+
+    index: {
+        type: Number,
+        default: 0
+    },
+    active: {
+        type: Number,
+        default: 0
+    },
+    knowledgeStore: {
+        type: Object,
+    },
+    fatherisReady1: {
+        type: Number,
+    }
+})
+
+</script>
+<template>
+    <li :class="{ active: active === index }" @click="scrollTo(index)" v-if="showli">
+        {{ oneli?.atTitle }}
+    </li>
+</template>
+<style></style>
\ No newline at end of file
diff --git a/src/views/knowledge/knowledge/components/archivestype.vue b/src/views/knowledge/knowledge/components/archivestype.vue
new file mode 100644
index 000000000..cc52cc0ab
--- /dev/null
+++ b/src/views/knowledge/knowledge/components/archivestype.vue
@@ -0,0 +1,287 @@
+<script lang='ts' setup>
+import { useUserStore } from "@/store/modules/user"
+import { ref, watch } from 'vue'
+import { getTuijian } from '@/api/knowledge/index'
+import KnowledgeContent from '@/views/knowledge/knowledge/components/KnowledgeContent.vue'
+import { UserDetail, NaviQuery, Navi, Graphicform, PageParam, ShowTitle } from '@/api/knowledge/types'
+import { formatDate } from '@/api/knowledge/scroll'
+import errimg from '@/assets/404_images/imgNotFound.png'
+import { useKnowledgeStore } from "@/store/modules/knowledge"
+
+const showArea = ref(true);
+
+const props = defineProps({
+  liContent: {
+    type: Object,
+
+  },
+  routerUrl: {
+    type: String,
+  },
+
+  index: {
+    type: Number,
+    default: 0
+  },
+  active: {
+    type: Number,
+    default: 0
+  },
+  fatherisReady: {
+    type: Number,
+    default: 0
+  },
+
+})
+
+const userStore = useUserStore();
+const { userKey, userToken } = userStore;
+const userDetail = ref<UserDetail>({
+  //证件号码
+  idcardno: ["1", "2"],
+  //姓名
+  name: 'a',
+  //头像url
+  icon: 'b',
+  //工号
+  wmNumber: '2',
+  //唯一识别码
+  wmKey: "1",
+  //adminorg
+  adminorg: "9999",
+});
+const tuijianPage = ref<Graphicform[]>();
+
+
+//navi查询参数
+const naviQueryParam = reactive<NaviQuery>({
+  atParentId: "",//知识库
+  userkey: userKey,
+  usertoken: userToken,
+});
+const pageParamTuijian = reactive<PageParam>({
+  total: 0,
+  page: 1,
+  pagesize: 9,
+  archivesTypeAtParentId: "",	//知识库or新闻资讯
+  gParentSun: "",
+  //唯一识别码
+  key: String(userDetail.value.wmKey),
+  //adminorg
+  adminorg: String(userDetail.value.adminorg),
+  userkey: userKey,
+  usertoken: userToken,
+
+})
+
+function errorImg(e: any) {
+  e.srcElement.src = errimg;
+  //这一句没用，如果默认图片的路径错了还是会一直闪屏，在方法的前面加个.once只让它执行一次也没用
+  e.srcElement.onerror = null; //防止闪图
+}
+
+watch(() => [props.fatherisReady, props.liContent, props.routerUrl], (newVal, oldVal) => {
+  //console.log(newVal, oldVal); // [11, 22], [1, 2]
+  const routerUrl = oldVal[2] as String;
+  const liContent = newVal[1] as any;
+  //console.log(newVal[1])
+  //console.log(oldVal[2])
+
+  //console.log(routerUrl)
+  if (routerUrl?.endsWith("index")) {//此时页面为知识库
+    naviQueryParam.atParentId = '16213848089876281'
+    pageParamTuijian.archivesTypeAtParentId = '16213848089876281'
+  } else if (routerUrl?.endsWith("news")) {//此时页面为新闻资讯
+    naviQueryParam.atParentId = '16213847972425134'
+    pageParamTuijian.archivesTypeAtParentId = '16213847972425134'
+  }
+
+  pageParamTuijian.gParentSun = liContent.atId;
+  //推荐 
+  if (props.liContent?.hasCard == true) {
+    //console.log(props.liContent?.hasCard)
+    getTuijian(pageParamTuijian)
+      .then(({ data }) => {
+        tuijianPage.value = data.list
+        //console.log(tuijianPage.value)
+        pageParamTuijian.page = data.pageNum
+        pageParamTuijian.total = data.total
+        if (pageParamTuijian.total > 0) {
+          showCards.value = 1;
+        }
+        const KnowledgeStore = useKnowledgeStore();
+
+
+        if (tuijianPage.value.length > 0) {
+          //本标题下有数据
+          KnowledgeStore.$patch((state) => {
+            state.knowledgeTitlesShow.push({ atIdAndGParentSun: liContent.atId, hasCard: true })
+          })
+          showArea.value = true;
+        } else {
+          KnowledgeStore.$patch((state) => {
+            state.knowledgeTitlesShow.push({ atIdAndGParentSun: liContent.atId, hasCard: false })
+
+          })
+          //showArea.value = false;
+        }
+      });
+  }
+})
+
+function handleCurrentChange() {
+
+  getTuijian(pageParamTuijian)
+    .then(({ data }) => {
+      tuijianPage.value = data.list
+      pageParamTuijian.page = data.pageNum
+      pageParamTuijian.total = data.total
+    });
+}
+
+
+const showCards = ref(0)
+
+
+//dialog
+const cardContentSource = ref<Graphicform>({});
+const showContentBox = ref(false);	//详情弹窗
+function showContentDialog(item: any) {
+
+  showContentBox.value = true;
+  cardContentSource.value = item;
+
+}
+
+
+
+</script>
+<template>
+  <div class="models ">
+    <KnowledgeContent v-model:isShow="showContentBox" :contentSource="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-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 class="card-right">
+          <span class="card-title" :title=item.gTitle>{{ item.gTitle }}</span>
+          <span class="card-text" :title="item.gDescribe">{{ item.gDescribe }}</span>
+
+          <span class="time-span"><span class="fa fa-clock-o"></span>{{ formatDate(item.gAddTime) }}</span>
+
+          <span class="myicons">
+            <span class="fa fa-star-o"></span>收藏(<span>{{ item.gCollectionSum }}</span>) <span
+              class="fa fa-thumbs-o-up"></span>赞(<span>{{
+                item.gLikes }}</span>) <span class="fa fa-thumbs-o-down"></span>踩(<span>{{ item.gStepOn }}</span>)
+            <span class="fa fa-eye">阅读</span>(<span>{{ item.gRead }}</span>)
+          </span>
+        </div>
+      </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" />
+  </div>
+</template>
+<style>
+.models {
+  width: 100%;
+  min-height: 200px;
+
+
+}
+
+.model-title {
+  height: 30px;
+}
+
+
+
+.grid-tuijian {
+  /* border-top: solid 1px; */
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 484px);
+  gap: 10px;
+  grid-auto-flow: row dense;
+
+}
+
+.tuijian-card {
+  display: flex;
+  width: 481px;
+  height: 140px;
+  padding: 3px;
+  border-radius: 8px;
+  flex-direction: row;
+  flex-wrap: wrap;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+
+.mycarousel {
+  grid-row-start: 1;
+  grid-row-end: 3;
+  border-radius: 15px;
+}
+
+.card-right {
+  display: flex;
+  width: 260px;
+  flex-direction: column;
+  flex-wrap: wrap;
+  padding-left: 8px;
+}
+
+.card-title {
+  height: 1.5em !important;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  -webkit-line-clamp: 1;
+}
+
+.card-text {
+  margin-top: 2px;
+  margin-bottom: 2px;
+  height: 3.1em;
+  font-size: 14px;
+  color: #909399;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+}
+
+.time-span {
+  height: 1.5em;
+  align-self: end;
+  margin-top: auto;
+  font-size: 13px;
+  margin-right: 5px;
+  color: #909399;
+
+
+}
+
+.myicons {
+  align-self: end;
+  margin-right: 5px;
+  font-size: 13px;
+  color: #909399;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  margin-bottom: 10px;
+  justify-content: center;
+
+}
+</style>
\ No newline at end of file
diff --git a/src/views/knowledge/knowledge/index.vue b/src/views/knowledge/knowledge/index.vue
new file mode 100644
index 000000000..8c2371308
--- /dev/null
+++ b/src/views/knowledge/knowledge/index.vue
@@ -0,0 +1,357 @@
+<script lang='ts' setup>
+import { useUserStore } from "@/store/modules/user"
+
+import { ref } from 'vue'
+import { getUserDetail, getZxxyNavis, getTuijian, getCarousel } from '@/api/knowledge/index'
+import Archivestype from '@/views/knowledge/knowledge/components/archivestype.vue'
+import Navili from './components/Navili.vue'
+import KnowledgeContent from './components/KnowledgeContent.vue'
+import { UserQuery, UserDetail, NaviQuery, Navi, Graphicform, PageParam } from '@/api/knowledge/types'
+import { onScroll, scrollTo, formatDate } from '@/api/knowledge/scroll'
+import { useRouter } from 'vue-router'
+import errimg from '@/assets/404_images/imgNotFound.png'
+
+const active = ref(0); // 当前激活的导航索引
+
+
+const userStore = useUserStore();
+const { userKey, userToken } = userStore;
+
+
+const userDetail = ref<UserDetail>({
+  //证件号码
+  idcardno: ["1", "2"],
+  //姓名
+  name: 'a',
+  //头像url
+  icon: 'b',
+  //工号
+  wmNumber: '2',
+  //唯一识别码
+  wmKey: "1",
+  //adminorg
+  adminorg: "9999",
+});
+const tuijianPage = ref<Graphicform[]>();
+
+const naviList = ref<Navi[]>();
+const naviList1 = ref<Navi[]>();
+//用户信息查询参数
+const userQueryParam = reactive<UserQuery>({
+  userkey: userKey,
+  usertoken: userToken,
+});
+//navi查询参数
+const naviQueryParam = reactive<NaviQuery>({
+  atParentId: "",//知识库
+  userkey: userKey,
+  usertoken: userToken,
+});
+const pageParamTuijian = reactive<PageParam>({
+  total: 0,
+  page: 1,
+  pagesize: 7,
+  archivesTypeAtParentId: "",	//知识库or新闻资讯
+  gParentSun: "",
+  //唯一识别码
+  key: String(userDetail.value.wmKey),
+  //adminorg
+  adminorg: String(userDetail.value.adminorg),
+  userkey: userKey,
+  usertoken: userToken,
+
+})
+const carousel = ref<Graphicform[]>();
+function errorImg(e: any) {
+  e.srcElement.src = errimg;
+  //这一句没用，如果默认图片的路径错了还是会一直闪屏，在方法的前面加个.once只让它执行一次也没用
+  e.srcElement.onerror = null; //防止闪图
+}
+const fatherisReady = ref(0);
+
+const router = useRouter()
+const routerUrl = toRaw(router).currentRoute.value.fullPath
+onBeforeMount(() => {
+  //当前登录用户详细信息
+  getUserDetail(userQueryParam)
+    .then(({ data }) => {
+      userDetail.value = data
+    });
+
+})
+
+
+onMounted(() => {
+  // 监听滚动事件
+  window.addEventListener('scroll', jsScroll, false)
+
+  if (routerUrl.endsWith("index")) {//此时页面为知识库
+    naviQueryParam.atParentId = '16213848089876281'
+    pageParamTuijian.archivesTypeAtParentId = '16213848089876281'
+  } else if (routerUrl.endsWith("news")) {//此时页面为新闻资讯
+    naviQueryParam.atParentId = '16213847972425134'
+    pageParamTuijian.archivesTypeAtParentId = '16213847972425134'
+  }
+  getZxxyNavis(naviQueryParam)
+    .then(({ data }) => {
+      naviList.value = data
+      }).finally(() => {
+        fatherisReady.value = 100;
+      })
+  //推荐 
+  getTuijian(pageParamTuijian)
+    .then(({ data }) => {
+      tuijianPage.value = data.list
+      pageParamTuijian.page = data.pageNum
+      pageParamTuijian.total = data.total
+    });
+  getCarousel(pageParamTuijian)
+    .then(({ data }) => {
+      carousel.value = data.list
+    });
+});
+
+
+function jsScroll() {
+  active.value = onScroll();
+}
+
+onUnmounted(() => {
+  // 必须移除监听器，不然当该vue组件被销毁了，监听器还在就会出错
+  window.removeEventListener('scroll', onScroll)
+});
+function handleCurrentChange() {
+
+  getTuijian(pageParamTuijian)
+    .then(({ data }) => {
+      tuijianPage.value = data.list
+      pageParamTuijian.page = data.pageNum
+      pageParamTuijian.total = data.total
+    });
+
+}
+
+//dialog
+const cardContentSource = ref<Graphicform>({});
+const showContentBox = ref(false);	//详情弹窗
+
+function showContentDialog(item: any) {
+  showContentBox.value = true;
+  cardContentSource.value = item;
+}
+
+
+</script>
+<template>
+  <div class="app-container">
+    <KnowledgeContent v-model:isShow="showContentBox" :contentSource="cardContentSource"></KnowledgeContent>
+    <!-- 内容区域 -->
+    <div class="content">
+
+      <div class="models ">
+
+        <div class="model-title">
+          <h3>推荐</h3>
+
+        </div>
+        <div class="grid-tuijian">
+          <el-carousel indicator-position="outside" class="mycarousel" arrow="always">
+            <el-carousel-item v-for="(item, index) in carousel" :key="index">
+
+              <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)" />
+
+            <div class="card-right">
+              <span class="card-title" :title=item.gTitle>{{ item.gTitle }}</span>
+              <span class="card-text" :title=item.gDescribe>{{ item.gDescribe }}</span>
+
+              <span class="time-span"><span class="fa fa-clock-o"></span>{{ formatDate(item.gAddTime) }}</span>
+
+              <span class="myicons">
+                <span class="fa fa-star-o"></span>收藏(<span>{{ item.gCollectionSum }}</span>) <span
+                  class="fa fa-thumbs-o-up"></span>赞(<span>{{
+                    item.gLikes }}</span>) <span class="fa fa-thumbs-o-down"></span>踩(<span>{{ item.gStepOn }}</span>)
+                <span class="fa fa-eye">阅读</span>(<span>{{ item.gRead }}</span>)
+              </span>
+            </div>
+          </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" />
+      </div>
+      <!-- 各知识/新闻分区 -->
+
+      <template v-for="(item, index) in naviList">
+        <Archivestype :liContent=item :index=(index) :fatherisReady="fatherisReady" :routerUrl="routerUrl"></Archivestype>
+      </template>
+
+
+
+
+    </div>
+
+    <!-- 导航区域 -->
+
+    <ul class="navs">
+      <li :class="{ active: active === 0 }" @click="scrollTo(0)">
+        推荐
+      </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>
+
+    </ul>
+  </div>
+</template>
+
+
+
+<style scoped>
+.content {
+  background-color: white;
+  width: 89.1%;
+  margin-left: 190px;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+  border-radius: 5px;
+}
+
+
+
+
+/* 导航栏的样式 */
+.navs {
+
+
+
+  width: 192px;
+  position: fixed;
+  height: auto;
+  top: 95px;
+
+}
+
+.navs li {
+
+  text-align: center;
+  line-height: 3;
+  font-size: 15.5px;
+  color: #909399;
+  background-color: white;
+  margin-right: 15px;
+}
+
+.navs li:hover {
+  cursor: pointer;
+}
+
+/* 当导航被点亮后改变颜色 */
+.navs .active {
+  color: #409EFF;
+
+}
+
+.model-title {
+  margin-top: -9px;
+  height: 30px;
+}
+
+.grid-tuijian {
+
+
+  display: grid;
+  grid-template-columns: repeat(auto-fill, 484px);
+  gap: 10px;
+  grid-auto-flow: row dense;
+
+}
+
+.tuijian-card {
+  display: flex;
+  width: 481px;
+  height: 140px;
+  padding: 3px;
+  border-radius: 8px;
+  flex-direction: row;
+  flex-wrap: wrap;
+  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+}
+
+.mycarousel {
+
+  grid-row-start: 1;
+  grid-row-end: 3;
+  border-radius: 15px;
+  width: 480px;
+  height: 290px;
+}
+
+.card-right {
+  display: flex;
+  width: 300px;
+  flex-direction: column;
+  flex-wrap: wrap;
+  padding-left: 8px;
+}
+
+.card-title {
+
+
+  height: 1.5em !important;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  -webkit-line-clamp: 1;
+
+
+
+}
+
+.card-text {
+  margin-top: 2px;
+  margin-bottom: 2px;
+  height: 3.1em;
+  font-size: 14px;
+  color: #909399;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+}
+
+.time-span {
+  height: 1.5em;
+  align-self: end;
+  margin-top: auto;
+  font-size: 13px;
+  margin-right: 5px;
+  color: #909399;
+
+
+}
+
+.myicons {
+
+  align-self: end;
+  margin-right: 5px;
+  font-size: 13px;
+  color: #909399;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  margin-bottom: 10px;
+  justify-content: center;
+
+}
+</style>
+
diff --git a/tsconfig.json b/tsconfig.json
index b2fbbcf90..97fc5802b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "outDir": "build",
     "target": "esnext",
     "useDefineForClassFields": true,
     "module": "esnext",
@@ -20,7 +21,7 @@
     "allowSyntheticDefaultImports": true /* 允许默认导入 */,
     "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */
   },
-  "include": ["src/**/*.ts", "src/**/*.vue", "src/types/**/*.d.ts"],
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.vue", "src/types/**/*.d.ts"],
   "exclude": ["node_modules", "dist", "**/*.js"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }