diff --git a/back/src/views/modules/workBench/api.js b/back/src/views/modules/workBench/api.js
index 283b2e2a..a7e698ec 100644
--- a/back/src/views/modules/workBench/api.js
+++ b/back/src/views/modules/workBench/api.js
@@ -85,12 +85,37 @@ export const getRequire = (data, success, fail) => {
     })
 }
 
-
 // 频率top5
 export const getFrequence = (data, success, fail) => {
     Request({
         methods: 'get',
-        url: '/resource/selectDeptResourceByApplyNum',
+        url: '/resource/selectDeptResourceByApplyNum', 
+        data
+    }).then(res => {
+        success && success(res)
+    }).catch(err => {
+        fail && fail(err)
+    })
+}
+
+// 部门发布动态
+export const getResourceByDept = (data, success, fail) => {
+    Request({
+        methods: 'get',
+        url: '/resource/getByDept',
+        data
+    }).then(res => {
+        success && success(res)
+    }).catch(err => {
+        fail && fail(err)
+    })
+}
+
+// 部门能力推荐
+export const getApplyByDept = (data, success, fail) => {
+    Request({
+        methods: 'get',
+        url: '/resource/getApplyByDept',
         data
     }).then(res => {
         success && success(res)
diff --git a/back/src/views/modules/workBench/components/bottom-view.vue b/back/src/views/modules/workBench/components/bottom-view.vue
index b73cc86e..cf6da540 100644
--- a/back/src/views/modules/workBench/components/bottom-view.vue
+++ b/back/src/views/modules/workBench/components/bottom-view.vue
@@ -1,19 +1,74 @@
 <template>
-    <div class="bottom-view">
-       
+  <div class="bottom-view">
+    <div class="left container">
+      <content-title :title="title.dynamic"></content-title>
+      <dynamicView v-for="(item, index) in list" :key="index" :number="index + 1" :item="item"></dynamicView>
     </div>
+    <div class="right container">
+      <content-title :title="title.recommend"></content-title>
+      <recommendView></recommendView>
+    </div>
+  </div>
 </template>
 <script>
-import FrequencyTop5View from './frequency-top5-view.vue';
+import dynamicView from "./dynamic-view";
+import recommendView from "./recommend-view";
+import contentTitle from "./content-title";
+import * as Apis from '../api';
 export default {
-    components: { FrequencyTop5View }
+  components: {
+    dynamicView,
+    recommendView,
+    contentTitle
+  },
+  data() {
+    return {
+      title: { dynamic: "部门发布动态", recommend: "部门推荐能力" },
+      list: [
+       
+      ]
+    };
+  },
+  mounted() {
+    this.getResourceByDept();
+  },
+  methods: {
+    //发布动态
+    getResourceByDept() {
+      let data = {
+        limit: 5,
+        page: 1
+      };
+      Apis.getResourceByDept(
+        data,
+        res => {
+          if (res.data.code !== 0) {
+            return;
+          }
+          this.list = res.data.data.records || []
+        },
+        err => {
+          console.log("err", err);
+        }
+      );
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>
 .bottom-view {
-    width: 100%;
+  width: 100%;
+  height: 335px;
+  // background: green;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  //   color: #fff;
+  .container {
+    background: #fff;
+    width: 800px;
     height: 335px;
-    background: green;
-    box-sizing: border-box;
+    padding: 0px 0 20px 10px;
+  }
 }
 </style>
\ No newline at end of file
diff --git a/back/src/views/modules/workBench/components/content-title.vue b/back/src/views/modules/workBench/components/content-title.vue
new file mode 100644
index 00000000..063ee4aa
--- /dev/null
+++ b/back/src/views/modules/workBench/components/content-title.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="content-title">
+    <div>
+      {{ title }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "contentTitle",
+  props: {
+    title: String,
+  },
+  data() {
+
+  },
+  computed: {
+
+  },
+  methods: {
+   
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+
+.content-title {
+  height:48px;
+  line-height:48px;
+  font-size: 18px;
+  // color: #fff;
+
+}
+
+</style>
\ No newline at end of file
diff --git a/back/src/views/modules/workBench/components/dynamic-view.vue b/back/src/views/modules/workBench/components/dynamic-view.vue
new file mode 100644
index 00000000..fea8cda8
--- /dev/null
+++ b/back/src/views/modules/workBench/components/dynamic-view.vue
@@ -0,0 +1,69 @@
+<template>
+  <div class="dynamicView">
+    <div class="wrapper">
+      <div class="content">
+        <div class="left">{{ item.createDate }}</div>
+        <div class="right">{{ item.name }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "dynamicView",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  methods: {}
+};
+</script>
+
+<style lang="scss" scoped>
+.dynamicView {
+  cursor: pointer;
+  width: 770px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 7px;
+  
+  .wrapper {
+    height: 50px;
+    width: 770px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    background-image: url("../images/bgIndex.png");
+    background-repeat: no-repeat;
+    background-color:#f4f5f8;
+    border-radius:1px;
+
+    .content {
+      width: 760px;
+      padding-right: 20px;
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
+      align-items: center;
+      margin-left: 12px;
+      font-size: 16px;
+      .left{
+        width:159px;
+        color:#2b2b2b;
+        font-size:14px;
+      }
+      .right {
+        font-size: 18px;
+        color:#464645
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/back/src/views/modules/workBench/components/recommend-view.vue b/back/src/views/modules/workBench/components/recommend-view.vue
new file mode 100644
index 00000000..64702109
--- /dev/null
+++ b/back/src/views/modules/workBench/components/recommend-view.vue
@@ -0,0 +1,104 @@
+<template>
+  <div class="recommendView">
+    <a-table :dataSource="data" :columns="columns" bordered :pagination="false" :scroll="maxSize" size="small" />
+  </div>
+</template>
+
+<script>
+import * as Apis from "../api";
+export default {
+  name: "recommendView",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      columns: [
+        {
+          title: "名称",
+          key: "name",
+          dataIndex: "name",
+          width: 220
+        },
+        {
+          title: "类型",
+          key: "type",
+          dataIndex: "type",
+          width: 76
+        },
+        {
+          title: "单位",
+          key: "deptContacts",
+          dataIndex: "deptContacts",
+          width: 114
+        },
+        {
+          title: "时间",
+          key: "createDate",
+          dataIndex: "createDate",
+          width: 153
+        },
+        {
+          title: "当前申请数",
+          key: "activityName",
+          dataIndex: "activityName",
+          width: 115
+        },
+        {
+          title: "调用数量",
+          key: "activityName",
+          dataIndex: "activityName",
+          width: 90
+        }
+      ],
+      data: [
+       
+      ],
+      maxSize: { y: 195 }
+    };
+  },
+  mounted() {
+    this.getApplyByDept();
+  },
+  methods: {
+    //发布动态
+    getApplyByDept() {
+      let data = {
+        limit: 5,
+        page: 1
+      };
+      Apis.getApplyByDept(
+        data,
+        res => {
+          if (res.data.code !== 0) {
+            return;
+          }
+          this.data = res.data.data.records || [];
+        },
+        err => {
+          console.log("err", err);
+        }
+      );
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.recommendView {
+  cursor: pointer;
+  width: 770px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 7px;
+}
+::v-deep .ant-table-thead{
+ background-color:#f4f5f8;
+}
+</style>
\ No newline at end of file
diff --git a/back/src/views/modules/workBench/images/bgIndex.png b/back/src/views/modules/workBench/images/bgIndex.png
new file mode 100644
index 00000000..70320c8c
Binary files /dev/null and b/back/src/views/modules/workBench/images/bgIndex.png differ
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
index d52206ab..f7ed512b 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
@@ -9,7 +9,13 @@
   <div class="algorithm-top-details">
     <div class="left">
       <div class="top">
-        <span class="name">{{ props.dataList.name }}</span>
+        <a-tooltip placement="top">
+          <template #title>{{ props.dataList.name }}</template>
+          <span class="name">
+            {{ props.dataList.name }}
+          </span>
+        </a-tooltip>
+        <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
             <span class="label">
@@ -137,12 +143,19 @@
         }
         .name {
           display: inline-block;
-          width: 10.2rem;
+          // width: 10.2rem;
           // overflow: hidden;
           // text-overflow: ellipsis;
           // white-space: nowrap;
           font-size: 40px;
           margin-right: 20px;
+          max-width: 7rem;
+          text-overflow: -o-ellipsis-lastline;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
         }
         .label-content {
           position: relative;
diff --git a/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue b/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
index 5026f8d8..1e3c06f0 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
@@ -9,7 +9,13 @@
   <div class="algorithm-top-details">
     <div class="left">
       <div class="top">
-        <span class="name">{{ props.dataList.name }}</span>
+        <a-tooltip placement="top">
+          <template #title>{{ props.dataList.name }}</template>
+          <span class="name">
+            {{ props.dataList.name }}
+          </span>
+        </a-tooltip>
+        <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
             <span class="label">{{ props.dataList.type }}</span>
@@ -124,9 +130,18 @@
           // max-width: 3.3rem;
           // overflow: hidden;
           // text-overflow: ellipsis;
-          white-space: nowrap;
+          // white-space: nowrap;
           font-size: 0.4rem;
           margin-right: 0.2rem;
+          font-size: 0.4rem;
+          margin-right: 0.2rem;
+          max-width: 7rem;
+          text-overflow: -o-ellipsis-lastline;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
         }
         .label-content {
           position: relative;
diff --git a/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue b/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
index fa6b83e2..42bea3df 100644
--- a/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessTopDetails.vue
@@ -9,7 +9,13 @@
   <div class="algorithm-top-details">
     <div class="left">
       <div class="top">
-        <span class="name">{{ props.dataList.name }}</span>
+        <a-tooltip placement="top">
+          <template #title>{{ props.dataList.name }}</template>
+          <span class="name">
+            {{ props.dataList.name }}
+          </span>
+        </a-tooltip>
+        <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
             <span class="label">
@@ -140,9 +146,16 @@
           // max-width: 3.3rem;
           // overflow: hidden;
           // text-overflow: ellipsis;
-          white-space: nowrap;
+          // white-space: nowrap;
           font-size: 0.4rem;
           margin-right: 0.2rem;
+          max-width: 7rem;
+          text-overflow: -o-ellipsis-lastline;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
         }
         .label-content {
           position: relative;
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue b/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
index f0734a64..2fc2e974 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperTopDetails.vue
@@ -9,7 +9,13 @@
   <div class="algorithm-top-details">
     <div class="left">
       <div class="top">
-        <span class="name">{{ props.dataList.name }}</span>
+        <a-tooltip placement="top">
+          <template #title>{{ props.dataList.name }}</template>
+          <span class="name">
+            {{ props.dataList.name }}
+          </span>
+        </a-tooltip>
+        <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
             <span class="label">
@@ -139,9 +145,16 @@
           // max-width: 3.3rem;
           // overflow: hidden;
           // text-overflow: ellipsis;
-          white-space: nowrap;
+          // white-space: nowrap;
           font-size: 0.4rem;
           margin-right: 0.2rem;
+          max-width: 7rem;
+          text-overflow: -o-ellipsis-lastline;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
         }
         .label-content {
           position: relative;
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
index 3fb2b33a..f307a4fe 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceTopDetails.vue
@@ -9,7 +9,13 @@
   <div class="algorithm-top-details">
     <div class="left">
       <div class="top">
-        <span class="name">{{ props.dataList.name }}</span>
+        <a-tooltip placement="top">
+          <template #title>{{ props.dataList.name }}</template>
+          <span class="name">
+            {{ props.dataList.name }}
+          </span>
+        </a-tooltip>
+        <!-- <span class="name">{{ props.dataList.name }}</span> -->
         <div class="label-content">
           <p class="lable-father">
             <span class="label">
@@ -140,9 +146,16 @@
           // max-width: 3.3rem;
           // overflow: hidden;
           // text-overflow: ellipsis;
-          white-space: nowrap;
+          // white-space: nowrap;
           font-size: 0.4rem;
           margin-right: 0.2rem;
+          max-width: 7rem;
+          text-overflow: -o-ellipsis-lastline;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
         }
         .label-content {
           position: relative;