From 601ade430921d5a2c329dde83ca01a5bd1890a93 Mon Sep 17 00:00:00 2001
From: xiangcongshuai <xiangcongshuai@supervision.ltd>
Date: Tue, 2 Jul 2024 10:43:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=9F=A5=E8=AF=86=E6=8A=A5=E9=80=81?=
 =?UTF-8?q?=E5=AE=A1=E6=89=B9=EF=BC=8C=E7=BB=9F=E8=AE=A1=E5=88=86=E6=9E=90?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/knowledgeCentre.ts                    |  31 ++
 src/assets/knowledge/down.png                 | Bin 0 -> 515 bytes
 src/assets/knowledge/question.png             | Bin 0 -> 1827 bytes
 src/assets/knowledge/statistic.png            | Bin 0 -> 1371 bytes
 src/assets/knowledge/up.png                   | Bin 0 -> 512 bytes
 src/router/modules/businessManagement.ts      |  13 +
 src/store/modules/user.ts                     |   3 +
 .../compontents/ColumnarChat.vue              |  64 ++++
 .../compontents/LineChat.vue                  |  57 ++++
 .../compontents/PieChart.vue                  |  85 ++++++
 .../compontents/VueChart.vue                  |  36 +++
 .../statisticAnalysis/index.vue               | 252 ++++++++++++++++
 .../approval/compontents/Approved.vue         |  54 ++--
 .../approval/compontents/RejectApproval.vue   | 104 +++++++
 src/views/knowledgeCentre/approval/index.vue  | 277 +++++++++++++++---
 .../knowledgeCentre/compontents/Details.vue   |  96 ++++--
 .../compontents/TransferRecords.vue           |  68 ++---
 .../knowledgeCentre/compontents/withdraw.vue  |  14 +-
 .../knowledgeCentre/submission/index.vue      |  61 +++-
 19 files changed, 1068 insertions(+), 147 deletions(-)
 create mode 100644 src/assets/knowledge/down.png
 create mode 100644 src/assets/knowledge/question.png
 create mode 100644 src/assets/knowledge/statistic.png
 create mode 100644 src/assets/knowledge/up.png
 create mode 100644 src/views/businessManagement/statisticAnalysis/compontents/ColumnarChat.vue
 create mode 100644 src/views/businessManagement/statisticAnalysis/compontents/LineChat.vue
 create mode 100644 src/views/businessManagement/statisticAnalysis/compontents/PieChart.vue
 create mode 100644 src/views/businessManagement/statisticAnalysis/compontents/VueChart.vue
 create mode 100644 src/views/businessManagement/statisticAnalysis/index.vue
 create mode 100644 src/views/knowledgeCentre/approval/compontents/RejectApproval.vue

diff --git a/src/api/knowledgeCentre.ts b/src/api/knowledgeCentre.ts
index 3171c9e..c80666f 100644
--- a/src/api/knowledgeCentre.ts
+++ b/src/api/knowledgeCentre.ts
@@ -48,3 +48,34 @@ export const queryKnowledgeDetail = (data?: object) => {
     params: data
   });
 };
+/** 撤回知识库( */
+
+export const recallKnowledge = (data?: object) => {
+  return http.request("get", "/know-sub/knowledge/recallKnowledge", {
+    params: data
+  });
+};
+/** 撤回知识库( */
+
+export const queryKnowledgeFlowRecord = (data?: object) => {
+  return http.request(
+    "get",
+    "/know-sub/knowledgeFlow/queryKnowledgeFlowRecord",
+    {
+      params: data
+    }
+  );
+};
+/** 分页查询知识审批流程( */
+
+export const queryKnowledgeFlowPage = (data?: object) => {
+  return http.request("get", "/know-sub/knowledgeFlow/queryKnowledgeFlowPage", {
+    params: data
+  });
+};
+/** 审批知识流程(*/
+export const processKnowledgeFlow = (data?: object) => {
+  return http.request("post", "/know-sub/knowledgeFlow/processKnowledgeFlow", {
+    data
+  });
+};
diff --git a/src/assets/knowledge/down.png b/src/assets/knowledge/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..bbeb4c38c52425144b31179eb0d88dc6a90f39f0
GIT binary patch
literal 515
zcmV+e0{s1nP)<h;3K|Lk000e1NJLTq001Ze000;W1^@s6h=jku00001b5ch_0Itp)
z=>Px$y-7qtR9HvN*3D6aP!I?3{}Ky`9pEkD#EdxOP1AuTkP1u(i4~|77(0j+L~l;M
zCbuy0ARWlf87E;KJ^}>7<0CP`l?VLTeY^Vz6~D;wvD%Pv0v$F?ni>5nnLXfn^AiNw
zgK>{0#$8pA9#B)h0Ir9q>L5Mfg`$EnJT#J3xlVJ_+9w+>@Gp?8DP4d&pjC^;AM>)v
z0C-5GkL&p;3%qXAbU7%4+yWi~8N-DpiFFzo&qa|5;6BJy+(uObxf56hnZOZD*wPEg
zzTJviL1Zeh2y!Q`#w~g`OxBbhz}>P)Autb8gbO;v9>`3f2nk5;<O!nVq}7jHyck$(
zb^zR`MbaI&65Y^j@eo~;3z&|Kyh?xzdu>Ap(^DLYAH1PPLlEjTS)7&v3XwT*LL`#~
z+KgIm(ZqP&tj`_6@B^{2SO6zP1~>6Y(}lAg+^aBfE0V-k+Mdg5$UFC>_mCA$b17he
ztl5^+O0qDCf^iDM+jIUAFR>y>b7^2vRFJ_;oYNS>G#?*$*^sfuHJEe&S1CVgVfB6H
z9Mz5vjDlE*^{V+_fkG^CpT<VJGQb4ZwpAJ}2bBayvA?<oDJT$Jj+Foa002ovPDHLk
FV1j<7*wFw0

literal 0
HcmV?d00001

diff --git a/src/assets/knowledge/question.png b/src/assets/knowledge/question.png
new file mode 100644
index 0000000000000000000000000000000000000000..1402ab49232a5c8b30da73e5df0859963947c9b8
GIT binary patch
literal 1827
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
R7*GHJ002ovPDHLkV1h7^VUGX+

literal 0
HcmV?d00001

diff --git a/src/assets/knowledge/statistic.png b/src/assets/knowledge/statistic.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd05deafff316e166688090f202c34835a28f24f
GIT binary patch
literal 1371
zcmV-h1*H0kP)<h;3K|Lk000e1NJLTq002+`002-31^@s6juG;$00001b5ch_0Itp)
z=>Px)6-h)vRCr$PosCfyF%ZYI9Y_UA1xf{K1!@IK1xf`%1wsX41wsW%1=4|7fpoCG
zKa*qb9ruxBKaz)+8OCAA<u<?D-Ry31CxwO@Gd~F-;OANV=}UJLf4L^2+g8M;nu0`N
zZ$k(#LkO=%piPN)9YO%m%guE^iKv6?KAkE6nHjJ?hY(&wjgwCNB82dbi14p#a|PG~
z2Y?n0ns`D)=N5yHjp+g~n(EgO0?gH;0U$t{o3=T?sCD0!Of?6-i#D19WM=re<D6L=
z^gSk`6N7Q@hBO1n%wIwXpE3mhgB3NduF#&&{5~p}{wWb1Wyq4;)dV0j!{2>KkOJ}C
z*(Q8BpYvDD{8zyR;2wtwGG%p92bgHK9XM#lVo=P?KVqDiHMx<_>YAtuFcIDrv@>;u
zWM*U~zZ5jE<9S3xr_v|UU9Sc(PW1PJU}qbRoAiruj4mU28plHDgY-_b9S{++8F5nq
z7~?!>3AAOZAubzTk(n9(^1YIora-|01&E98V`(rgfJ-axD7+XWV!@dMzch!^zfV5U
zoB_oE6HNDth#sVF%nVZo_*xCx2Q3t3D;fZiHo^SH8iad26f$wK@c=6hZA1VQwC}-+
z*ATq!0qseAp%mb(_7Ty3UyTxgduZM89wJ{T1&FX^Y5{l<vM}>p{~GXc&zs?c&Jm;-
zATy&FiqK`MZN*wKRKbedV%slWOe6s3R?!DfRWTj2cmT!Oi3A|Z=WixvbGeE1?~A7~
z&_+R^)mFS3O8~-rVa8)^%Q44*83ln>8+Q5*N`#XDoGUSHnMC9M58Q5vXwMrU&)o2^
zzp=9e0K=wgU8GD!7bV1VLk&a`0p<OcThU5v1@JzFt6VV1d0<Te>;wnM8kLqDa9!V`
zl&(kvamP(gJLdySCQ$VnS05MwLc6-Ean;Ey+`LK{GZ#oJ%*l0#t-wF$&Jq)@T@cNg
z=ThG)sT``zEoT=?(E5KbT7fY@u?9vzsI_04Gg<AvqgxKCH<1E-3}(EQHKl^<`bhy|
zzZOMO?S0$ad6f1S6;s6~9L;za(zGeSqH?|#Kxp66rh2J{SYD^Hxh^u{Zgx9R?;Cp%
zBHyRt1N%}nUa}to6#G64fZC_1EX}t#?i&iFV!}OB#y$wnL$}<DvyQPzsRE3vGS1%N
zSZ<4L_IO>1!0G@a#JLTp5;--l!FfQO(-9wO>kDHAu(i-;^pKOrQ!xP;wGfL6a^>0;
zX)|~#f%M!{Y$QH}+2ZvHlV+xYy_LCUs#kpCAeFWUz?uaIwRmp|s5!vs4{K;)ahX0<
z`^<e{&x~tSuT^s0C73Q67`4!Q7q4iacL~_=@16kXjsxe)z0_Y+re7M|Jdhp}V6zYJ
z=?BeM-)@ec8i==%ypH&aE6u4|xB^TiHPP>}0(|H71rJYv2&lczNt*}I?mjSvG9I-;
zw*|y4knRQ4&_YybrVghIJyI~K`OOLCX2N|TVn~A*6tzlS_+SMz&;1J_RRH!hQUze?
zTSiiKcQ;`Tfm<7+ss^?OqePw+U<tL}H7mef0~lY@vDj=f-8`D&?5=^vRT;M;LX}J;
zW+RqmtreiqC9MEgfC~gxA1G82<1ZHd7bcAS7q5vu7e0&O<yoKA)4I2N7&EBKsJ!u6
z`lh7@#1){B;tFub0cxCNEq>Qm$nNg)+8QW5GlS#0I0NJU4gG4V-0-Q#;zH?vN^qfl
d<~dg@{{e1z^<YiD<Kh4S002ovPDHLkV1nsgW?ldQ

literal 0
HcmV?d00001

diff --git a/src/assets/knowledge/up.png b/src/assets/knowledge/up.png
new file mode 100644
index 0000000000000000000000000000000000000000..3c0d34eed127072fc0d295e9dc47783e02d0fcfb
GIT binary patch
literal 512
zcmV+b0{{JqP)<h;3K|Lk000e1NJLTq001Ze000;W1^@s6h=jku00001b5ch_0Itp)
z=>Px$x=BPqR9HvN)<IIjFcb#hKdD=0@CJATjvyxxw!&ap7RHeqpeJyp$jS;XTyg`r
zf!;ulz(yC2lQ<!*4YW;@Qn6hDLtnq-e@RME@{5$x_t>oBv(m(1=9dR3P#+Z+4$c5_
z3J@ROQ}2I)F_e-gXD#%f=Z6RCP@#`wjsEmld_6pH?A8Fb08mTse;Mz7z`OH0C|kpO
zSy?Z%EaW$B;L=~_2MQcHT7X~;d^PeRJ0pNzCk$={Z+a5`ZXa=ks|H0@*2qcw0?hG~
zXFiJ8eg@;X@EPXFWSnRd*^^4VcEEI;IWiH)dw{bH77o;S&4Ecch8xh0ZKOn%K9l$D
zA&7Ik9V_p_o5`r<!g1kExB4=>2h(tapwPH03hI%Q&IoLGK`1!QHlPP);ljc?<Q_PE
z#HKhMlJGe=8K%Z+uz@Depe-&PxkE6ERlO+=%!|uJ+T-F8?~6-9ii4lf7Cd=$*<R5M
z7KKxh99Q79fr0;K3k&}*fkoqfk!}s1Z~ro(j79>--S@56AF&CC`&{0k7j&NlK6GEf
zQQv$n5iVLJ;+SE~1*OZp&0Nrg#mZzKb$|6_!@56kFxnYr;8EZJ0000<MNUMnLSTYq
C)8h94

literal 0
HcmV?d00001

diff --git a/src/router/modules/businessManagement.ts b/src/router/modules/businessManagement.ts
index 7a65cca..447cbef 100644
--- a/src/router/modules/businessManagement.ts
+++ b/src/router/modules/businessManagement.ts
@@ -15,6 +15,19 @@ export default {
       meta: {
         title: "流程配置",
 
+        showLink: true,
+        showParent: true,
+        roles: ["admin", "common"]
+      }
+    },
+    {
+      path: "/businessManagement/statisticAnalysis",
+      name: "statisticAnalysis",
+      component: () =>
+        import("@/views/businessManagement/statisticAnalysis/index.vue"),
+      meta: {
+        title: "统计分析",
+
         showLink: true,
         showParent: true,
         roles: ["admin", "common"]
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 7f15cf7..b00d54c 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -14,6 +14,7 @@ import {
   sessionKey,
   setUserInfo
 } from "@/utils/auth";
+import { useTabsStore } from "./tabs";
 
 export const useUserStore = defineStore({
   id: "pure-user",
@@ -62,6 +63,8 @@ export const useUserStore = defineStore({
       removeToken();
       useMultiTagsStoreHook().handleTags("equal", [...routerArrays]);
       resetRouter();
+      const tabs = useTabsStore();
+      tabs.clearTabs();
       router.push("/login");
     },
     /** 刷新`token` */
diff --git a/src/views/businessManagement/statisticAnalysis/compontents/ColumnarChat.vue b/src/views/businessManagement/statisticAnalysis/compontents/ColumnarChat.vue
new file mode 100644
index 0000000..4ee6623
--- /dev/null
+++ b/src/views/businessManagement/statisticAnalysis/compontents/ColumnarChat.vue
@@ -0,0 +1,64 @@
+<template>
+  <div style="width: 100%; height: 100%">
+    <div class="chart-style" style="width: 100%; height: 100%">
+      <vue-chart :option="chartOption" style="width: 100%; height: 100%" />
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import VueChart from "./VueChart.vue";
+// import * as echarts from "echarts";
+
+import { computed } from "vue";
+
+const props = defineProps({
+  month_data: {
+    type: Array,
+    default: () => []
+  },
+  day_data: {
+    type: Array,
+    default: () => []
+  },
+  data: {
+    type: Array,
+    default: () => []
+  }
+});
+
+const total_data = computed(() => {
+  if (!props.data || props.data.length === 0) {
+    return 0;
+  } else {
+    return props.data.reduce(function (sum, item: any) {
+      return sum + item.value;
+    }, 0);
+  }
+});
+// function customLabelFormatter(params) {
+//   const text = params.value.toString();
+//   const coloredText = text.replace(
+//     /\d+/g,
+//     '<span style="color: blue;">$&</span>'
+//   ); // 正则表达式匹配数字并设置为蓝色
+//   return coloredText;
+// }
+
+const chartOption = computed(() => {
+  return {
+    xAxis: {
+      type: "category",
+      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
+    },
+    yAxis: {
+      type: "value"
+    },
+    series: [
+      {
+        data: [120, 200, 150, 80, 70, 110, 130],
+        type: "bar"
+      }
+    ]
+  };
+});
+</script>
diff --git a/src/views/businessManagement/statisticAnalysis/compontents/LineChat.vue b/src/views/businessManagement/statisticAnalysis/compontents/LineChat.vue
new file mode 100644
index 0000000..e37c2ff
--- /dev/null
+++ b/src/views/businessManagement/statisticAnalysis/compontents/LineChat.vue
@@ -0,0 +1,57 @@
+<template>
+  <div style="width: 100%; height: 100%">
+    <div class="chart-style" style="width: 100%; height: 100%">
+      <vue-chart :option="chartOption" style="width: 100%; height: 100%" />
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import VueChart from "./VueChart.vue";
+import { computed } from "vue";
+
+const props = defineProps({
+  month_data: {
+    type: Array,
+    default: () => []
+  },
+  day_data: {
+    type: Array,
+    default: () => []
+  },
+  data: {
+    type: Array,
+    default: () => []
+  }
+});
+
+const name_list = computed(() => {
+  return props.data.map((item: any) => {
+    return item.name;
+  });
+});
+
+const value_list = computed(() => {
+  return props.data.map((item: any) => {
+    return item.value;
+  });
+});
+
+const chartOption = computed(() => {
+  return {
+    xAxis: {
+      type: "category",
+      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
+    },
+    yAxis: {
+      type: "value"
+    },
+    series: [
+      {
+        data: [820, 932, 901, 934, 1290, 1330, 1320],
+        type: "line",
+        smooth: true
+      }
+    ]
+  };
+});
+</script>
diff --git a/src/views/businessManagement/statisticAnalysis/compontents/PieChart.vue b/src/views/businessManagement/statisticAnalysis/compontents/PieChart.vue
new file mode 100644
index 0000000..e247890
--- /dev/null
+++ b/src/views/businessManagement/statisticAnalysis/compontents/PieChart.vue
@@ -0,0 +1,85 @@
+<template>
+  <div style="width: 100%; height: 100%">
+    <div class="chart-style" style="width: 100%; height: 100%">
+      <vue-chart :option="chartOption" style="width: 100%; height: 100%" />
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import VueChart from "./VueChart.vue";
+// import * as echarts from "echarts";
+
+import { computed } from "vue";
+
+const props = defineProps({
+  month_data: {
+    type: Array,
+    default: () => []
+  },
+  day_data: {
+    type: Array,
+    default: () => []
+  },
+  data: {
+    type: Array,
+    default: () => []
+  }
+});
+
+const total_data = computed(() => {
+  if (!props.data || props.data.length === 0) {
+    return 0;
+  } else {
+    return props.data.reduce(function (sum, item: any) {
+      return sum + item.value;
+    }, 0);
+  }
+});
+// function customLabelFormatter(params) {
+//   const text = params.value.toString();
+//   const coloredText = text.replace(
+//     /\d+/g,
+//     '<span style="color: blue;">$&</span>'
+//   ); // 正则表达式匹配数字并设置为蓝色
+//   return coloredText;
+// }
+
+const chartOption = computed(() => {
+  return {
+    tooltip: {
+      trigger: "item"
+    },
+    legend: {
+      top: "5%",
+      left: "center"
+    },
+    series: [
+      {
+        name: "Access From",
+        type: "pie",
+        radius: ["40%", "70%"],
+        avoidLabelOverlap: false,
+        label: {
+          show: false,
+          position: "center"
+        },
+        color: ["#15D5FF", "#3BF0FF"],
+        emphasis: {
+          label: {
+            show: true,
+            fontSize: 28,
+            fontWeight: "600"
+          }
+        },
+        labelLine: {
+          show: false
+        },
+        data: [
+          { value: 1048, name: "待审批" },
+          { value: 735, name: "已审批" }
+        ]
+      }
+    ]
+  };
+});
+</script>
diff --git a/src/views/businessManagement/statisticAnalysis/compontents/VueChart.vue b/src/views/businessManagement/statisticAnalysis/compontents/VueChart.vue
new file mode 100644
index 0000000..65b074a
--- /dev/null
+++ b/src/views/businessManagement/statisticAnalysis/compontents/VueChart.vue
@@ -0,0 +1,36 @@
+<template>
+  <div ref="elChart" style="width: 100%; height: 100%" />
+</template>
+<script lang="ts" setup>
+import { ref, onMounted, onUpdated, onUnmounted } from "vue";
+import * as echarts from "echarts";
+
+const props = defineProps({
+  option: {
+    type: Object
+  },
+  data: {
+    type: Object
+  }
+});
+const elChart = ref();
+let chart: any = null;
+
+function clear() {
+  chart && chart.dispose();
+}
+
+function draw() {
+  if (chart) {
+    chart.setOption(props.option);
+  } else {
+    clear();
+    chart = echarts.init(elChart.value);
+    chart.setOption(props.option);
+  }
+}
+
+onMounted(draw);
+onUpdated(draw);
+onUnmounted(clear);
+</script>
diff --git a/src/views/businessManagement/statisticAnalysis/index.vue b/src/views/businessManagement/statisticAnalysis/index.vue
new file mode 100644
index 0000000..12aff35
--- /dev/null
+++ b/src/views/businessManagement/statisticAnalysis/index.vue
@@ -0,0 +1,252 @@
+<script setup lang="ts">
+import statisticIcon from "@/assets/knowledge/statistic.png";
+import questionIcon from "@/assets/knowledge/question.png";
+import upIcon from "@/assets/knowledge/up.png";
+import PieChart from "./compontents/PieChart.vue";
+import downIcon from "@/assets/knowledge/down.png";
+import LineChat from "./compontents/LineChat.vue";
+import ColumnarChat from "./compontents/ColumnarChat.vue";
+import { ref } from "vue";
+defineOptions({
+  name: "statisticAnalysis"
+});
+
+const timeType = ref("1");
+const dataList = ref([]);
+</script>
+<template>
+  <div class="statisticAnalysis">
+    <div class="statisticAnalysis-nav">
+      <div class="nav-item actived">
+        <img :src="statisticIcon" alt="" />
+        <span>知识统计</span>
+      </div>
+      <div class="nav-item">
+        <img :src="questionIcon" alt="" />
+        <span>问题统计</span>
+      </div>
+    </div>
+    <div class="statisticAnalysis-main">
+      <div class="data-view">
+        <div class="data-view-pie">
+          <PieChart />
+        </div>
+        <div class="data-view-content">
+          <div class="header">报送知识数据概览</div>
+          <div class="content-list">
+            <div style="background: #e8f1ff" class="content-list-item">
+              <span style="color: rgba(20, 109, 255, 0.8)" class="title"
+                >全部知识</span
+              >
+              <span style="color: #146dff" class="num">75,485</span>
+              <span class="desc"
+                >环比：下降3%
+                <img :src="downIcon" alt="" />
+              </span>
+            </div>
+            <div style="background: #fff3ea" class="content-list-item">
+              <span style="color: rgba(255, 126, 44, 0.8)" class="title"
+                >全部知识</span
+              >
+              <span style="color: #ff7e2c" class="num">75,485</span>
+              <span class="desc"
+                >环比：下降3%
+                <img :src="upIcon" alt="" />
+              </span>
+            </div>
+            <div style="background: #e7f6ff" class="content-list-item">
+              <span style="color: rgba(14, 162, 255, 0.8)" class="title"
+                >全部知识</span
+              >
+              <span style="color: #0ea2ff" class="num">75,485</span>
+              <span class="desc"
+                >环比：下降3%
+                <img :src="downIcon" alt="" />
+              </span>
+            </div>
+            <div style="background: #f2f1ff" class="content-list-item">
+              <span style="color: rgba(120, 112, 247, 0.8)" class="title"
+                >全部知识</span
+              >
+              <span style="color: #7870f7" class="num">75,485</span>
+              <span class="desc"
+                >环比：下降3%
+                <img :src="downIcon" alt="" />
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="chart-card">
+        <div class="chart-card-header">
+          <span>知识报送数量（件）</span>
+          <div class="chart-card-header-time">
+            <el-radio-group v-model="timeType" size="large">
+              <el-radio-button label="本月" value="1" />
+              <el-radio-button label="近6个月" value="2" />
+              <el-radio-button label="全年" value="3" />
+            </el-radio-group>
+            <el-date-picker
+              size="large"
+              class="ml-4"
+              v-model="dataList"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始时间"
+              end-placeholder="结束时间"
+            />
+          </div>
+        </div>
+        <div class="chart-card-content">
+          <div class="left">
+            <LineChat />
+          </div>
+          <div class="right">
+            <ColumnarChat />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+.statisticAnalysis {
+  display: flex;
+  margin: 0 80px;
+  .statisticAnalysis-nav {
+    padding-top: 8px;
+    width: 136px;
+    height: calc(100vh - 200px);
+    background: #ffffff;
+    border-radius: 8px 8px 8px 8px;
+    flex-direction: column;
+    align-items: center;
+    display: flex;
+    .nav-item {
+      width: 120px;
+      height: 104px;
+      background: #ffffff;
+      border-radius: 6px 6px 6px 6px;
+      margin-bottom: 16px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      img {
+        width: 40px;
+        height: 40px;
+      }
+      span {
+        font-size: 18px;
+        color: #0052d9;
+        margin-top: 8px;
+      }
+    }
+    .actived {
+      background: #0052d9;
+      span {
+        font-size: 18px;
+        color: #ffffff;
+      }
+    }
+  }
+  .statisticAnalysis-main {
+    flex: 1;
+    margin-left: 16px;
+    .data-view {
+      display: flex;
+      flex-direction: row-reverse;
+      .data-view-pie {
+        width: 284px;
+        // height: 288px;
+        background: #ffffff;
+        border-radius: 8px 8px 8px 8px;
+      }
+      .data-view-content {
+        margin-right: 16px;
+        background: #ffffff;
+        border-radius: 8px 8px 8px 8px;
+        flex: 1;
+        padding: 24px;
+        display: flex;
+        flex-direction: column;
+        .header {
+          font-weight: bold;
+          font-size: 20px;
+          color: #333333;
+        }
+        .content-list {
+          margin-top: 24px;
+          display: flex;
+          justify-content: space-between;
+          .content-list-item {
+            display: flex;
+            width: 100%;
+            padding: 32px;
+            flex-direction: column;
+            border-radius: 6px 6px 6px 6px;
+            margin-right: 16px;
+            .title {
+              font-weight: 400;
+              font-size: 20px;
+            }
+            .num {
+              margin-top: 8px;
+              font-weight: bold;
+              font-size: 36px;
+            }
+            .desc {
+              display: flex;
+              margin-top: 34px;
+              font-size: 16px;
+              color: #666666;
+              align-items: center;
+              img {
+                width: 20px;
+                height: 12px;
+                margin-left: 6px;
+              }
+            }
+          }
+        }
+      }
+    }
+    .chart-card {
+      padding: 0 24px;
+      background: #ffffff;
+      border-radius: 8px 8px 8px 8px;
+      margin-top: 16px;
+      height: calc(100vh - 535px);
+      display: flex;
+      flex-direction: column;
+      .chart-card-header {
+        display: flex;
+        height: 70px;
+        align-items: center;
+        justify-content: space-between;
+        span {
+          font-weight: bold;
+          font-size: 20px;
+          color: #333333;
+        }
+
+        .chart-card-header-time {
+          display: flex;
+          align-items: center;
+        }
+      }
+      .chart-card-content {
+        display: flex;
+        flex: 1;
+        .left {
+          width: 50%;
+        }
+        .right {
+          flex: 1;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/knowledgeCentre/approval/compontents/Approved.vue b/src/views/knowledgeCentre/approval/compontents/Approved.vue
index 33c0709..550c792 100644
--- a/src/views/knowledgeCentre/approval/compontents/Approved.vue
+++ b/src/views/knowledgeCentre/approval/compontents/Approved.vue
@@ -33,37 +33,55 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import successIcon from "@/assets/knowledge/success.png";
+import { message } from "@/utils/message";
 const dialogVisible = ref(false);
-const reason = ref("");
+const todoId = ref("");
+const id = ref("");
 defineExpose({
-  open(row) {
+  open(val1, val2) {
     dialogVisible.value = true;
+    id.value = val1;
+    todoId.value = val2;
   }
 });
 const closeDialog = () => {
   dialogVisible.value = false;
 };
+const emit = defineEmits(["approvalOk"]);
+const submit = () => {
+  emit("approvalOk", id.value, todoId.value);
+  closeDialog();
+};
 </script>
 <style lang="scss" scoped>
-.Approved-header {
-  display: flex;
-  align-items: center;
-  padding: 0 24px;
-  height: 76px;
-  border-bottom: 1px solid rgba(91, 139, 255, 0.3);
-  position: relative;
-  width: 100%;
-  span {
-    font-weight: bold;
-    font-size: 20px;
-    color: #333333;
+.Approved {
+  background: linear-gradient(180deg, #e1ecfe 0%, #ffffff 30%);
+  .Approved-header {
+    display: flex;
+    align-items: center;
+    padding: 0 24px;
+    margin-top: 24px;
+    // border-bottom: 1px solid rgba(91, 139, 255, 0.3);
+    position: relative;
+    width: 100%;
+    span {
+      font-weight: bold;
+      font-size: 20px;
+      color: #333333;
+    }
+    img {
+      width: 28px;
+      height: 28px;
+      margin-right: 16px;
+    }
   }
-  img {
-    width: 28px;
-    height: 28px;
-    margin-right: 16px;
+  .Approved-content {
+    font-size: 16px;
+    color: #666666;
+    margin-left: 40px;
   }
 }
+
 :deep(.el-dialog__header) {
   padding: 0;
   margin: 0;
diff --git a/src/views/knowledgeCentre/approval/compontents/RejectApproval.vue b/src/views/knowledgeCentre/approval/compontents/RejectApproval.vue
new file mode 100644
index 0000000..5a909ec
--- /dev/null
+++ b/src/views/knowledgeCentre/approval/compontents/RejectApproval.vue
@@ -0,0 +1,104 @@
+<template>
+  <el-dialog
+    width="600"
+    append-to-body
+    v-model="dialogVisible"
+    :center="true"
+    custom-class="reject"
+    ><!-- 使用自定义头部组件 -->
+    <template v-slot:header>
+      <div class="reject-header">
+        <img :src="warnIcon" alt="" />
+        <span>如果您确定驳回，请填写驳回原因！</span>
+      </div>
+    </template>
+    <div class="reject-content">
+      <div class="label">撤回原因</div>
+      <el-input
+        v-model="reason"
+        maxlength="200"
+        :rows="4"
+        placeholder="请输入"
+        show-word-limit
+        type="textarea"
+      />
+      <div class="footer-btn">
+        <div class="cancel_btn" @click="dialogVisible = false">取消</div>
+        <!-- <div class="determine_btn">确定</div> -->
+        <el-button
+          size="large"
+          @click="submit"
+          style="width: 140px; margin: 0"
+          class="footer-btn"
+          type="primary"
+          >确定</el-button
+        >
+      </div>
+    </div>
+  </el-dialog>
+</template>
+<script setup lang="ts">
+import { ref } from "vue";
+import warnIcon from "@/assets/knowledge/warn.png";
+import { message } from "@/utils/message";
+const dialogVisible = ref(false);
+const reason = ref("");
+const todoId = ref("");
+const id = ref("");
+defineExpose({
+  open(val1, val2) {
+    dialogVisible.value = true;
+    id.value = val1;
+    todoId.value = val2;
+  }
+});
+const closeDialog = () => {
+  dialogVisible.value = false;
+};
+const emit = defineEmits(["RejectApprovalOk"]);
+const submit = () => {
+  if (reason.value) {
+    emit("RejectApprovalOk", id.value, todoId.value, reason.value);
+    closeDialog();
+  } else {
+    message("请填写原因", { type: "error" });
+  }
+};
+</script>
+<style lang="scss" scoped>
+.reject-header {
+  display: flex;
+  align-items: center;
+  padding: 0 24px;
+  height: 76px;
+  border-bottom: 1px solid rgba(91, 139, 255, 0.3);
+  position: relative;
+  width: 100%;
+  span {
+    font-weight: bold;
+    font-size: 20px;
+    color: #333333;
+  }
+  img {
+    width: 28px;
+    height: 28px;
+    margin-right: 16px;
+  }
+}
+:deep(.el-dialog__header) {
+  padding: 0;
+  margin: 0;
+}
+.reject-content {
+  .label {
+    font-size: 16px;
+    color: #333333;
+    margin-bottom: 16px;
+  }
+  .desc {
+    margin-top: 8px;
+    font-size: 14px;
+    color: #b4b4b4;
+  }
+}
+</style>
diff --git a/src/views/knowledgeCentre/approval/index.vue b/src/views/knowledgeCentre/approval/index.vue
index 391d4bf..cdebc8f 100644
--- a/src/views/knowledgeCentre/approval/index.vue
+++ b/src/views/knowledgeCentre/approval/index.vue
@@ -1,28 +1,61 @@
 <script setup lang="ts">
-import { reactive, ref } from "vue";
+import { onActivated, onMounted, reactive, ref } from "vue";
 import { ArrowDown } from "@element-plus/icons-vue";
 import { useRouter } from "vue-router";
 import TransferRecords from "../compontents/TransferRecords.vue";
 import Details from "../compontents/Details.vue";
+import Approved from "./compontents/Approved.vue";
+import RejectApproval from "./compontents/RejectApproval.vue";
+import {
+  processKnowledgeFlow,
+  queryApplicationSubLibrary,
+  queryDeptManageList,
+  queryKnowledgeFlowPage
+} from "@/api/knowledgeCentre";
+import { useKnowledgeCentreStoreHooks } from "@/store/modules/knowledgeCentre";
+import { clearObject } from "@/utils/auth";
+import { message } from "@/utils/message";
 defineOptions({
   name: "approval"
 });
 const loading = ref(false);
 const seachForm = reactive({
   title: "",
-  publishDeptName: "",
-  status: ""
+  submittedDeptId: "",
+  processStatus: "1",
+  baseId: "",
+  publishDateBegin: "",
+  publishDateEnd: "",
+  time: []
 });
+const flowTypeList = ref([
+  {
+    key: "1",
+    name: "知识报送"
+  },
+  {
+    key: "2",
+    name: "知识撤回"
+  },
+  {
+    key: "3",
+    name: "知识删除"
+  }
+]);
+const ApprovedRef = ref();
+const RejectApprovalRef = ref();
+const departmentList = ref([]);
+const applicationSubLibrary = ref([]);
 const TransferRecordRef = ref();
 const DetailsRef = ref();
 const tabList = ref([
   {
     title: "待审批",
-    id: ""
+    id: "1"
   },
   {
     title: "已审批",
-    id: "1"
+    id: "2"
   }
 ]);
 const pagination = reactive({
@@ -37,21 +70,44 @@ const columns: TableColumnList = [
     width: 55
   },
   {
-    label: "ID",
-    prop: "diseaseName"
+    label: "序号",
+    type: "index",
+    width: 80
   },
   {
     label: "知识标题",
     prop: "title",
     slot: "titleSlot"
   },
+  {
+    label: "审核类型",
+    prop: "flowType",
+    formatter: ({ flowType }) => {
+      return flowType === "1"
+        ? "知识报送"
+        : flowType === "2"
+        ? "知识撤回"
+        : "知识删除";
+    }
+  },
   {
     label: "发文部门",
-    prop: "diseaseName"
+    prop: "submitDeptName"
   },
   {
-    label: "状态",
-    prop: "diseaseName"
+    label: "报送人",
+    prop: "submitUserName"
+  },
+  {
+    label: "知识来源",
+    prop: "knowledgeFrom",
+    formatter: ({ knowledgeFrom }) => {
+      return knowledgeFrom === 1 ? "人工添加" : "";
+    }
+  },
+  {
+    label: "报送部门",
+    prop: "submitDeptName"
   },
   {
     label: "最新时间",
@@ -71,15 +127,21 @@ const dataList = ref([
   }
 ]);
 const getData = async () => {
-  // const params = {
-  //   pageNum: pagination.currentPage,
-  //   pageSize: pagination.pageSize,
-  //   diseaseName: seachForm.diseaseName,
-  //   diseaseType: seachForm.diseaseType
-  // };
-  // const res: any = await queryPageList(params);
-  // dataList.value = res.data.records;
-  // pagination.total = res.data.total;
+  if (seachForm.time && seachForm.time.length > 0) {
+    seachForm.publishDateBegin = seachForm.time[0];
+    seachForm.publishDateEnd = seachForm.time[1];
+  } else {
+    seachForm.publishDateBegin = "";
+    seachForm.publishDateEnd = "";
+  }
+  const params = {
+    pageNum: pagination.currentPage,
+    pageSize: pagination.pageSize,
+    ...seachForm
+  };
+  const res: any = await queryKnowledgeFlowPage(params);
+  dataList.value = res.data.records;
+  pagination.total = res.data.total;
 };
 function handleSizeChange(val: number) {
   pagination.pageSize = val;
@@ -97,43 +159,164 @@ const search = () => {
 };
 
 const reset = () => {
-  seachForm.title = "";
-  seachForm.publishDeptName = "";
+  clearObject(seachForm);
   search();
 };
 const handleCommand = command => {
   console.log("Command", command);
 };
 const changeStatus = item => {
-  seachForm.status = item.id;
+  seachForm.processStatus = item.id;
 };
 const add = () => {
   router.push("/knowledgeCentre/addSubmission");
 };
-const openRecords = () => {
-  TransferRecordRef.value.open();
+const openRecords = row => {
+  TransferRecordRef.value.open(row.id, row.title);
 };
 const openDetails = row => {
   DetailsRef.value.open(row);
 };
+const getDepartmentList = async () => {
+  const res: any = await queryDeptManageList({
+    pageNum: 1,
+    pageSize: 999999
+  });
+  if (res.code === 200) {
+    departmentList.value = res.data.records;
+    useKnowledgeCentreStoreHooks().getDepartmentList(departmentList.value);
+  }
+};
+const getApplicationSubLibrary = async () => {
+  const res: any = await queryApplicationSubLibrary({
+    pageNum: 1,
+    pageSize: 999999
+  });
+  if (res.code === 200) {
+    applicationSubLibrary.value = res.data.records;
+    useKnowledgeCentreStoreHooks().getApplicationSubLibrary(
+      applicationSubLibrary.value
+    );
+  }
+};
+const openApproval = row => {
+  ApprovedRef.value.open(row.knowledgeId, row.todoId);
+};
+const openRejectApproval = row => {
+  RejectApprovalRef.value.open(row.knowledgeId, row.todoId);
+};
+const approvalOk = async (id, todoId) => {
+  const res: any = await processKnowledgeFlow({
+    operate: 1,
+    knowledgeId: id,
+    todoId
+  });
+  if (res.code === 200) {
+    message("审批成功!", { type: "success" });
+    search();
+  }
+};
+const RejectApprovalOk = async (id, todoId) => {
+  const res: any = await processKnowledgeFlow({
+    operate: 2,
+    knowledgeId: id,
+    todoId
+  });
+  if (res.code === 200) {
+    message("驳回成功!", { type: "success" });
+    search();
+  }
+};
+onActivated(() => {
+  search();
+});
+onMounted(() => {
+  getDepartmentList();
+  getApplicationSubLibrary();
+  getData();
+});
 </script>
 
 <template>
-  <div class="submission app-main-content">
+  <div class="approval app-main-content">
     <div class="seach">
       <div class="seach-title"><span>知识审批</span></div>
-      <el-form :model="seachForm">
+      <el-form label-width="100px" :model="seachForm">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="知识标题">
+              <el-input size="large" v-model="seachForm.title" /> </el-form-item
+          ></el-col>
+          <el-col :span="8"
+            ><el-form-item label="报送人部门">
+              <el-select
+                size="large"
+                style="width: 100%"
+                filterable
+                v-model="seachForm.submittedDeptId"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in departmentList"
+                  :key="item.id"
+                  :label="item.deptName"
+                  :value="item.id"
+                />
+              </el-select> </el-form-item
+          ></el-col>
+          <el-col :span="8"
+            ><el-form-item label="应用子库">
+              <el-select
+                style="width: 100%"
+                size="large"
+                filterable
+                v-model="seachForm.baseId"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in applicationSubLibrary"
+                  :key="item.id"
+                  :label="item.baseName"
+                  :value="item.id"
+                />
+              </el-select> </el-form-item
+          ></el-col>
+        </el-row>
         <el-row>
-          <el-form-item label="知识标题">
-            <el-input v-model="seachForm.title" />
-          </el-form-item>
-          <el-form-item class="ml-4" label="发文部门">
-            <el-input v-model="seachForm.publishDeptName" />
-          </el-form-item>
-          <el-button class="ml-8" @click="search" type="primary"
+          <el-col :span="8"
+            ><el-form-item label="审核类型">
+              <el-select
+                style="width: 100%"
+                size="large"
+                filterable
+                v-model="seachForm.baseId"
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in flowTypeList"
+                  :key="item.key"
+                  :label="item.name"
+                  :value="item.key"
+                />
+              </el-select> </el-form-item
+          ></el-col>
+          <el-col :span="8">
+            <el-form-item label="发文时间">
+              <el-date-picker
+                start-placeholder="开始时间"
+                end-placeholder="结束时间"
+                format="YYYY-MM-DD HH:mm:ss"
+                v-model="seachForm.time"
+                type="datetimerange"
+                value-format="YYYY-MM-DD HH:mm:ss"
+                placeholder="请选择"
+                size="large" /></el-form-item
+          ></el-col>
+
+          <el-button size="large" class="ml-8" @click="search" type="primary"
             >搜索</el-button
           >
-          <el-button @click="reset">重置</el-button>
+          <el-button size="large" @click="reset">重置</el-button>
         </el-row>
       </el-form>
     </div>
@@ -142,7 +325,7 @@ const openDetails = row => {
         <div class="tab-list">
           <div
             class="tab-list-item"
-            :class="[seachForm.status === item.id ? 'actived' : '']"
+            :class="[seachForm.processStatus === item.id ? 'actived' : '']"
             v-for="(item, index) in tabList"
             :key="index"
             @click="changeStatus(item)"
@@ -150,10 +333,10 @@ const openDetails = row => {
             <span>{{ item.title }}</span>
           </div>
         </div>
-        <div class="header-btn">
+        <!-- <div class="header-btn">
           <el-button @click="add" type="primary">批量通过</el-button>
           <el-button @click="add" type="primary">批量驳回</el-button>
-        </div>
+        </div> -->
       </div>
       <pure-table
         showOverflowTooltip
@@ -163,8 +346,18 @@ const openDetails = row => {
           background: 'var(--el-table-row-hover-bg-color)',
           color: 'var(--el-text-color-primary)'
         }"
+        adaptive
+        :pagination="pagination"
+        @page-size-change="handleSizeChange"
+        @page-current-change="handleCurrentChange"
       >
         <template #operation="{ row }">
+          <el-button link type="primary" @click="openApproval(row)">
+            审批
+          </el-button>
+          <el-button link type="primary" @click="openRejectApproval(row)">
+            驳回
+          </el-button>
           <el-button link type="primary" @click="openRecords(row)">
             流转记录
           </el-button>
@@ -178,10 +371,18 @@ const openDetails = row => {
     </div>
     <TransferRecords ref="TransferRecordRef" />
     <Details ref="DetailsRef" />
+    <Approved @approvalOk="approvalOk" ref="ApprovedRef" />
+    <RejectApproval
+      @RejectApprovalOk="RejectApprovalOk"
+      ref="RejectApprovalRef"
+    />
   </div>
 </template>
 <style lang="scss" scoped>
-.submission {
+.approval {
+  :deep(.el-form-item) {
+    align-items: center;
+  }
   .main-table-header {
     display: flex;
     margin-bottom: 24px;
diff --git a/src/views/knowledgeCentre/compontents/Details.vue b/src/views/knowledgeCentre/compontents/Details.vue
index dcebb5e..23fc610 100644
--- a/src/views/knowledgeCentre/compontents/Details.vue
+++ b/src/views/knowledgeCentre/compontents/Details.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from "vue";
-
+import { queryKnowledgeDetail } from "@/api/knowledgeCentre";
+import { reactive } from "vue";
 defineOptions({
   name: "SubmissionDetails"
 });
@@ -11,11 +12,45 @@ const annexList = ref([
     name: "PDF附件名称显示全部点击下载附件"
   }
 ]);
+const formData = reactive({
+  knowledge: {
+    publishDeptId: "",
+    knowledgeFrom: undefined,
+    title: ""
+  },
+
+  knowledgeInfo: {
+    territory: "",
+    publishDate: "",
+    autoLoseEffect: undefined,
+    execTimeBegin: "",
+    execTimeEnd: "",
+    knowledgeTag: "",
+    policyType: "",
+    publishScope: undefined
+  },
+  knowledgeContext: {
+    context: ""
+  },
+  fileInfoList: []
+});
 defineExpose({
-  open(row) {
+  open(val) {
     dialogVisible.value = true;
+    getDeatils(val);
   }
 });
+const getDeatils = async id => {
+  const res: any = await queryKnowledgeDetail({
+    knowledgeId: id
+  });
+  for (const key in res.data) {
+    // eslint-disable-next-line no-prototype-builtins
+    if (formData.hasOwnProperty(key)) {
+      formData[key] = res.data[key];
+    }
+  }
+};
 
 const closeDialog = () => {
   dialogVisible.value = false;
@@ -43,55 +78,66 @@ const closeDialog = () => {
           <div class="basicInfo">
             <div class="basicInfo_title">基本信息</div>
             <div class="basicInfo_item">
-              <span>{{ `发文部门：部门1` }}</span>
+              <span>{{ `发文部门：${formData.knowledge.publishDeptId}` }}</span>
             </div>
             <div class="basicInfo_item">
-              <span>{{ `显示来源：暂无` }}</span>
+              <span v-if="formData.knowledge.knowledgeFrom === 1">{{
+                `显示来源：人工添加`
+              }}</span>
+              <span v-else>{{ `显示来源：暂无` }}</span>
             </div>
             <div class="basicInfo_item">
-              <span>{{ `所属地区：深圳` }}</span>
+              <span>{{ `所属地区：${formData.knowledgeInfo.territory}` }}</span>
             </div>
             <div class="basicInfo_item">
-              <span>{{ `发布日期：2023年2月23日` }}</span>
+              <span>{{
+                `发布日期：${formData.knowledgeInfo.publishDate}`
+              }}</span>
             </div>
             <div class="basicInfo_item">
-              <span>{{ `时效性：长期有效` }}</span>
+              <span v-if="formData.knowledgeInfo.autoLoseEffect === 1">{{
+                `时效性：长期有效`
+              }}</span>
+              <span v-if="formData.knowledgeInfo.autoLoseEffect === 2">{{
+                `时效性：临时有效`
+              }}</span>
             </div>
-            <div class="basicInfo_item">
-              <span>{{ `执行期限：系统带出` }}</span>
+            <div
+              v-if="formData.knowledgeInfo.autoLoseEffect === 2"
+              class="basicInfo_item"
+            >
+              <span>{{
+                `执行期限：${formData.knowledgeInfo.execTimeBegin} ~ ${formData.knowledgeInfo.execTimeEnd}`
+              }}</span>
             </div>
             <div class="basicInfo_item">
               <span>{{
-                `知识标签：系统带出系统带出系统带出系统带出系统带出系统带出`
+                `知识标签：${formData.knowledgeInfo.knowledgeTag}`
               }}</span>
             </div>
             <div class="basicInfo_item">
-              <span>{{ `政策类型：系统带出` }}</span>
+              <span>{{
+                `政策类型：${formData.knowledgeInfo.policyType}`
+              }}</span>
             </div>
             <div class="basicInfo_item">
-              <span>{{ `公开范围：公开` }}</span>
+              <span v-if="formData.knowledgeInfo.publishScope === 1">{{
+                `公开范围：公开`
+              }}</span>
+              <span v-else>{{ `公开范围：不公开` }}</span>
             </div>
           </div>
           <div class="main-content">
-            <div class="content-title">标题打造高效物流体系 畅通经济发展</div>
-            <div class="text">
-              知识详情市第十四次代表大会中指出，以数字经济蓄势赋能，推进数字产业化，加快发展大数据、云计算、网络技术等产业，打造一批工业互联网平台和数字经济园区。大力发展现代服务业，加快推进现代服务业与先进制造业深度融合，完善现代物流体系。今年以来，高唐经济开发区以市场为导向，以企业为主体，着眼于未来发展和区位优势，结合实际谋划好物流产业发展规划，全面推进现代物流与产业融合发展。
-              市第十四次代表大会中指出，以数字经济蓄势赋能，推进数字产业化，加快发展大数据、云计算、网络技术等产业，打造一批工业互联网平台和数字经济园区。大力发展现代服务业，加快推进现代服务业与先进制造业深度融合，完善现代物流体系。今年以来，高唐经济开发区以市场为导向，以企业为主体，着眼于未来发展和区位优势，结合实际谋划好物流产业发展规划，全面推进现代物流与产业融合发展。
-              市第十四次代表大会中指出，以数字经济蓄势赋能，推进数字产业化，加快发展大数据、云计算、网络技术等产业，打造一批工业互联网平台和数字经济园区。大力发展现代服务业，加快推进现代服务业与先进制造业深度融合，完善现代物流体系。今年以来，高唐经济开发区以市场为导向，以企业为主体，着眼于未来发展和区位优势，结合实际谋划好物流产业发展规划，全面推进现代物流与产业融合发展。
-              市第十四次代表大会中指出，以数字经济蓄势赋能，推进数字产业化，加快发展大数据、云计算、网络技术等产业，打造一批工业互联网平台和数字经济园区。大力发展现代服务业，加快推进现代服务业与先进制造业深度融合，完善现代物流体系。今年以来，高唐经济开发区以市场为导向。市第十四次代表大会中指出，以数字经济蓄势赋能，推进数字产业化，加快发展大数据、云计算、网络技术等产业，打造一批工业互联网平台和数字经济园区。大力发展现代服务业，加快推进现代服务业与先进制造业深度融合，完善现代物流体系。今年以来，高唐经济开发区以市场为导向，以企业为主体，着眼于未来发展和区位优势，结合实际谋划好物流产业发展规划，全面推进现代物流与产业融合发展。
-              市第十四次代表大会中指出，以数字经济蓄势赋能，推进数字产业化，加快发展大数据、云计算、网络技术等产业，打造一批工业互联网平台和数字经济园区。大力发展现代服务业，加快推进现代服务业与先进制造业深度融合，完善现代物流体系。今年以来，高唐经济开发区以市场为导向。
-              市第十四次代表大会中指出，以数字经济蓄势赋能，推进数字产业化，加快发展大数据、云计算、网络技术等产业，打造一批工业互联网平台和数字经济园区。大力发展现代服务业，加快推进现代服务业与先进制造业深度融合，完善现代物流体系。今年以来，高唐经济开发区以市场为导向。
-              今年以来，高唐经济开发区以市场为导向。
-              市第十四次代表大会中指出，以数字经济蓄势赋能，推进数字产业化，加快发展大数据、云计算、网络技术等产业，打造一批工业互联网平台和数字经济园区。大力发展现代服务业，加快推进现代服务业与先进制造业深度融合，完善现代物流体系。今年以来，高唐经济开发区以市场为导向。
-            </div>
+            <div class="content-title">{{ formData.knowledge.title }}</div>
+            <div class="text" v-html="formData.knowledgeContext.context" />
             <div class="annex">
               <div
                 class="annex_item"
-                v-for="(item, index) in annexList"
+                v-for="(item, index) in formData.fileInfoList"
                 :key="index"
               >
                 <span>{{ `附件${index + 1}: ` }}</span>
-                <span class="link">{{ item.name }}</span>
+                <span class="link">{{ item.fileName }}</span>
               </div>
             </div>
           </div>
diff --git a/src/views/knowledgeCentre/compontents/TransferRecords.vue b/src/views/knowledgeCentre/compontents/TransferRecords.vue
index bbed875..9eea9c3 100644
--- a/src/views/knowledgeCentre/compontents/TransferRecords.vue
+++ b/src/views/knowledgeCentre/compontents/TransferRecords.vue
@@ -1,56 +1,18 @@
 <script setup lang="ts">
 import { ref } from "vue";
-
+import { queryKnowledgeFlowRecord } from "@/api/knowledgeCentre";
 defineOptions({
   name: "TransferRecords"
 });
 
 const dialogVisible = ref(false);
-const recordList = ref([
-  {
-    title: "知识报送",
-    status: 0,
-    time: "2024-03-12 12:24:23",
-    name: "刘小华",
-    department: "深圳市人力资源和社会保障局",
-    desc: "说明说明说明说明说明说明说明说明说明"
-  },
-  {
-    title: "驳回",
-    status: 1,
-    time: "2024-03-12 12:24:23",
-    name: "刘小华",
-    department: "深圳市人力资源和社会保障局",
-    desc: "说明说明说明说明说明说明说明说明说明"
-  },
-  {
-    title: "知识报送",
-    status: 0,
-    time: "2024-03-12 12:24:23",
-    name: "刘小华",
-    department: "深圳市人力资源和社会保障局",
-    desc: "说明说明说明说明说明说明说明说明说明"
-  },
-  {
-    title: "通过",
-    status: 2,
-    time: "2024-03-12 12:24:23",
-    name: "刘小华",
-    department: "深圳市人力资源和社会保障局",
-    desc: "说明说明说明说明说明说明说明说明说明"
-  },
-  {
-    title: "知识撤回",
-    status: 3,
-    time: "2024-03-12 12:24:23",
-    name: "刘小华",
-    department: "深圳市人力资源和社会保障局",
-    desc: "说明说明说明说明说明说明说明说明说明"
-  }
-]);
+const recordList = ref([]);
+const title = ref("");
 defineExpose({
-  open() {
+  open(id, name) {
     dialogVisible.value = true;
+    title.value = name;
+    getDetails(id);
   }
 });
 
@@ -63,6 +25,12 @@ const getStatusColor = index => {
     borderColor: colorList[index]
   };
 };
+const getDetails = async id => {
+  const res: any = await queryKnowledgeFlowRecord({
+    knowledgeId: id
+  });
+  recordList.value = res.data;
+};
 </script>
 
 <template>
@@ -83,7 +51,7 @@ const getStatusColor = index => {
         </div>
         <div class="line" />
         <div class="content">
-          <div class="content-title">知识标题知识标题</div>
+          <div class="content-title">{{ title }}</div>
           <div class="record_list">
             <div
               class="record_list_item"
@@ -102,20 +70,20 @@ const getStatusColor = index => {
               </div>
               <div class="step_content">
                 <div class="step_content_head">
-                  <span>{{ item.title }}</span>
-                  <span class="time">{{ item.time }}</span>
+                  <span>{{ item.processName }}</span>
+                  <span class="time">{{ item.processTime }}</span>
                 </div>
                 <div class="step_content_item">
                   <span class="label">姓名</span>
-                  <div class="value">{{ item.name }}</div>
+                  <div class="value">{{ item.processUserName }}</div>
                 </div>
                 <div class="step_content_item">
                   <span class="label">部门</span>
-                  <div class="value">{{ item.department }}</div>
+                  <div class="value">{{ item.processDeptName }}</div>
                 </div>
                 <div class="step_content_item">
                   <span class="label">说明</span>
-                  <div class="value">{{ item.desc }}</div>
+                  <div class="value">{{ item.remark }}</div>
                 </div>
               </div>
             </div>
diff --git a/src/views/knowledgeCentre/compontents/withdraw.vue b/src/views/knowledgeCentre/compontents/withdraw.vue
index 2baab97..e6a3c2c 100644
--- a/src/views/knowledgeCentre/compontents/withdraw.vue
+++ b/src/views/knowledgeCentre/compontents/withdraw.vue
@@ -43,16 +43,28 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import warnIcon from "@/assets/knowledge/warn.png";
+import { message } from "@/utils/message";
 const dialogVisible = ref(false);
 const reason = ref("");
+const id = ref("");
 defineExpose({
-  open(row) {
+  open(val) {
+    id.value = val;
     dialogVisible.value = true;
   }
 });
 const closeDialog = () => {
   dialogVisible.value = false;
 };
+const emit = defineEmits(["withdrawOk"]);
+const submit = () => {
+  if (reason.value) {
+    emit("withdrawOk", id.value, reason.value);
+    closeDialog();
+  } else {
+    message("请填写原因", { type: "error" });
+  }
+};
 </script>
 <style lang="scss" scoped>
 .withdraw-header {
diff --git a/src/views/knowledgeCentre/submission/index.vue b/src/views/knowledgeCentre/submission/index.vue
index 224b14d..4e37ede 100644
--- a/src/views/knowledgeCentre/submission/index.vue
+++ b/src/views/knowledgeCentre/submission/index.vue
@@ -11,7 +11,8 @@ import {
   queryKnowledgePage,
   queryDeptManageList,
   queryApplicationSubLibrary,
-  deleteKnowledge
+  deleteKnowledge,
+  recallKnowledge
 } from "@/api/knowledgeCentre";
 import { clearObject } from "@/utils/auth";
 import { onMounted } from "vue";
@@ -87,7 +88,7 @@ const tabList = ref([
   },
   {
     title: "待审批",
-    id: "2"
+    id: "9"
   },
   {
     title: "驳回",
@@ -211,6 +212,7 @@ const reset = () => {
 };
 const changeStatus = item => {
   seachForm.status = item.id;
+  search();
 };
 const add = () => {
   router.push("/knowledgeCentre/addSubmission");
@@ -223,11 +225,11 @@ const handleEdit = row => {
     }
   });
 };
-const openRecords = () => {
-  TransferRecordRef.value.open();
+const openRecords = row => {
+  TransferRecordRef.value.open(row.id, row.title);
 };
 const openDetails = row => {
-  DetailsRef.value.open(row);
+  DetailsRef.value.open(row.id);
 };
 const openWithdraw = row => {
   withdrawRef.value.open(row);
@@ -267,6 +269,16 @@ const del = async (id, val) => {
     search();
   }
 };
+const withdrawOk = async (id, val) => {
+  const res: any = await recallKnowledge({
+    knowledgeId: id,
+    remark: val
+  });
+  if (res.code === 200) {
+    message("撤回成功", { type: "success" });
+    search();
+  }
+};
 onActivated(() => {
   search();
 });
@@ -286,7 +298,7 @@ onMounted(() => {
           <el-col :span="8">
             <el-form-item label="知识标题">
               <el-input
-                style="width: 390px"
+                style="width: 100%"
                 size="large"
                 v-model="seachForm.title"
               /> </el-form-item
@@ -295,7 +307,7 @@ onMounted(() => {
             ><el-form-item label="发文部门">
               <el-select
                 size="large"
-                style="width: 390px"
+                style="width: 100%"
                 filterable
                 v-model="seachForm.publishDeptId"
                 placeholder="请选择"
@@ -312,7 +324,7 @@ onMounted(() => {
             ><el-form-item label="应用子库">
               <el-select
                 size="large"
-                style="width: 390px"
+                style="width: 100%"
                 filterable
                 v-model="seachForm.baseId"
                 placeholder="请选择"
@@ -330,7 +342,7 @@ onMounted(() => {
           <el-col :span="8">
             <el-form-item label="发文时间">
               <el-date-picker
-                style="width: 390px"
+                style="width: 100%"
                 start-placeholder="开始时间"
                 end-placeholder="结束时间"
                 format="YYYY-MM-DD HH:mm:ss"
@@ -365,7 +377,7 @@ onMounted(() => {
           <el-button @click="add" size="large" type="primary"
             >新建报送</el-button
           >
-          <el-dropdown trigger="click" class="ml-6">
+          <!-- <el-dropdown trigger="click" class="ml-6">
             <div class="main-btn">
               <span class="mr-3">批量操作</span>
               <el-icon><ArrowDown style="color: #ffffff" /></el-icon>
@@ -375,7 +387,7 @@ onMounted(() => {
                 <el-dropdown-item> 删除 </el-dropdown-item>
               </el-dropdown-menu>
             </template>
-          </el-dropdown>
+          </el-dropdown> -->
         </div>
       </div>
       <pure-table
@@ -386,18 +398,37 @@ onMounted(() => {
           background: 'var(--el-table-row-hover-bg-color)',
           color: 'var(--el-text-color-primary)'
         }"
+        adaptive
+        :pagination="pagination"
+        @page-size-change="handleSizeChange"
+        @page-current-change="handleCurrentChange"
       >
         <template #operation="{ row }">
           <el-button link type="primary" @click="openRecords(row)">
             流转记录
           </el-button>
-          <el-button link type="primary" @click="handleEdit(row)">
+          <el-button
+            :disabled="row.modifyFlag === 0"
+            link
+            type="primary"
+            @click="handleEdit(row)"
+          >
             编辑
           </el-button>
-          <el-button link type="primary" @click="openWithdraw(row)">
+          <el-button
+            :disabled="row.recallFlag === 0"
+            link
+            type="primary"
+            @click="openWithdraw(row)"
+          >
             撤回
           </el-button>
-          <el-button link type="danger" @click="handleDelete(row)">
+          <el-button
+            :disabled="row.deleteFlag === 0"
+            link
+            type="danger"
+            @click="handleDelete(row)"
+          >
             删除
           </el-button>
         </template>
@@ -410,7 +441,7 @@ onMounted(() => {
     </div>
     <TransferRecords ref="TransferRecordRef" />
     <Details ref="DetailsRef" />
-    <withdraw ref="withdrawRef" />
+    <withdraw @withdrawOk="withdrawOk" ref="withdrawRef" />
     <KnowledgeDelete @delOk="del" ref="KnowledgeDeleteRef" />
   </div>
 </template>