diff --git a/back/src/views/modules/ability/IntegratedServices.vue b/back/src/views/modules/ability/IntegratedServices.vue
new file mode 100644
index 00000000..dcff9365
--- /dev/null
+++ b/back/src/views/modules/ability/IntegratedServices.vue
@@ -0,0 +1,450 @@
+<template>
+  <el-card shadow="never" class="aui-card--fill">
+    <div class="mod-ability__bsabilityai">
+      <el-form :inline="true" :model="dataForm">
+        <el-form-item>
+          <el-input
+            v-model="dataForm.name"
+            placeholder="名称"
+            clearable
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="getDataList2(dataForm.name)">{{
+            $t("query")
+          }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="info" @click="exportHandle()">{{
+            $t("export")
+          }}</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            v-if="$hasPermission('ability:bsabilityai:save')"
+            type="primary"
+            @click="addOrUpdateHandleServe()"
+            >挂接</el-button
+          >
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            v-if="$hasPermission('ability:bsabilityai:delete')"
+            type="danger"
+            @click="deleteHandle2()"
+            >{{ $t("deleteBatch") }}</el-button
+          >
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="reset">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="dataListLoading"
+        :data="dataList"
+        border
+        @selection-change="dataListSelectionChangeHandle"
+        style="width: 100%"
+        :height="qp ? '810px' : '650px'"
+      >
+        <el-table-column
+          type="selection"
+          header-align="center"
+          align="center"
+          width="50"
+        ></el-table-column>
+        <el-table-column
+          prop="name"
+          label="应用名称"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+
+        <el-table-column
+          v-for="(item, index) in dataList[0].infoList"
+          :key="index"
+          :label="item.attrType"
+          header-align="center"
+          align="center"
+          :show-overflow-tooltip="true"
+        >
+          <template slot-scope="scope">
+            {{ findValue(scope.row.infoList, item.attrType) }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          :label="$t('handle')"
+          fixed="right"
+          header-align="center"
+          align="center"
+          width="94"
+          right="0"
+        >
+          <template slot-scope="scope">
+            <el-button
+              v-if="$hasPermission('ability:bsabilityai:update')"
+              type="text"
+              size="small"
+              @click="UpdateHandle(scope.row)"
+              >{{ $t("update") }}</el-button
+            >
+            <el-button
+              v-if="$hasPermission('ability:bsabilityai:delete')"
+              type="text"
+              size="small"
+              @click="deleteHandle2(scope.row.id)"
+              >{{ $t("delete") }}</el-button
+            >
+            <el-button type="text" size="small" @click="showDetail(scope.row)"
+              >展示</el-button
+            >
+            <el-button type="text" size="small" @click="showDocument(scope.row)"
+              >开发文档</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click="applyAndAssembly(scope.row)"
+              >应用与组件</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click="applyAndDataResource(scope.row)"
+              >应用与数据资源</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click="applyAndProject(scope.row)"
+              >应用与项目</el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click="applyAndInfrastructure(scope.row)"
+              >应用与基础设施</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        :current-page="page"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="limit"
+        :total="Number(total)"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="pageSizeChangeHandle"
+        @current-change="pageCurrentChangeHandle"
+      >
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update
+        :disabled="disabled"
+        v-if="addOrUpdateVisible"
+        ref="addOrUpdate"
+        @refreshDataList="getDataList"
+      ></add-or-update>
+      <relate-application
+        v-if="relateApplicationResourceVisible"
+        ref="relateApplication"
+        :relateInfo="relationData"
+        :nameArray="topNameArray"
+        @isShowRelatePopup="handleIsShowRelatePopupApply"
+      ></relate-application>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import mixinViewModule from "@/mixins/view-module";
+import AddOrUpdate from "./bsabilityservice-add-or-update";
+import dictionaries from "@/utils/dictionaries";
+import RelateApplication from "./bsabilityai-relate-application.vue";
+import qs from "qs";
+import { type } from "os";
+export default {
+  mixins: [mixinViewModule],
+  data() {
+    return {
+      mixinViewModuleOptions: {
+        getDataListURL: "/resource/page",
+        getDataListIsPage: true,
+        exportURL: "/ability/bsabilityai/export",
+        deleteURL: "/resource/delete",
+        deleteIsBatch: true,
+      },
+      disabled: false,
+      sceneArr: dictionaries.sceneArr,
+      fieldArr: dictionaries.fieldArr,
+      shareFormArr: dictionaries.shareFormArr,
+      dataForm: {
+        name: "",
+        creator: "",
+        selectType: 0,
+        delFlag: 0,
+        type: "应用资源",
+      },
+      qp: false,
+      relateApplicationResourceVisible: false,
+      relationData: {}, //打开穿梭框时传递的参数
+      topNameArray: [], //
+    };
+  },
+  watch: {},
+  components: {
+    AddOrUpdate,
+    RelateApplication,
+  },
+  created() {
+    this.dataForm.name = "";
+    this.dataForm.type = "应用资源";
+  },
+  mounted() {
+    window.addEventListener("resize", this.a);
+    this.fullScreen();
+  },
+  methods: {
+    reset() {
+      this.$http
+        .get(
+          this.mixinViewModuleOptions.getDataListURL +
+            "?" +
+            qs.stringify({
+              // order: this.order,
+              // orderField: this.orderField,
+              // type: '组件服务',
+              page: 1,
+              selectType: 0,
+              limit: 10,
+              delFlag: 0,
+              creator: "",
+              type: "应用资源",
+              name: "",
+            })
+        )
+        .then(({ data: res }) => {
+          this.dataForm.name = "";
+          if (res.code !== 0) {
+            this.dataList = [];
+            this.total = 0;
+            return this.$message.error(res.msg);
+          }
+          this.dataList = this.mixinViewModuleOptions.getDataListIsPage
+            ? res.data.list
+            : res.data;
+          this.total = this.mixinViewModuleOptions.getDataListIsPage
+            ? res.data.total
+            : 0;
+          if (this.mixinViewModuleOptions.requestCallback) {
+            this.mixinViewModuleOptions.requestCallback(res.data);
+          }
+          this.dataListLoading = false;
+        })
+        .catch(() => {
+          this.dataListLoading = false;
+        });
+    },
+    showDetail(val) {
+      this.addOrUpdateVisible = true;
+      this.disabled = false;
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.UpdateState = false;
+        this.$refs.addOrUpdate.dataFormShowDetails = val;
+        this.$refs.addOrUpdate.init();
+      });
+      this.disabled = true;
+    },
+    showDocument(val) {
+      console.log(val);
+      window.open(
+        window.SITE_CONFIG.frontUrl + "?id=" + val.id + "&&type=" + val.type,
+        "_blank"
+      );
+    },
+    findValue(list, type) {
+      const found = list.find((item) => item.attrType === type);
+      if (found) {
+        return found.attrValue;
+      } else {
+        return "暂无数据";
+      }
+    },
+    getDataList2(names) {
+      if (names != null) {
+        this.$http
+          .get(
+            this.mixinViewModuleOptions.getDataListURL +
+              "?" +
+              qs.stringify({
+                // order: this.order,
+                // orderField: this.orderField,
+                // type: '组件服务',
+                pageNum: 1,
+                pageSize: this.limit,
+                type: "应用资源",
+                creator: "",
+                selectType: 0,
+                delFlag: 0,
+                name: names,
+              })
+          )
+          .then(({ data: res }) => {
+            if (res.code !== 0) {
+              this.dataList = [];
+              this.total = 0;
+              return this.$message.error(res.msg);
+            }
+            if (res.data.list.length !== 0) {
+              this.dataList = res.data.list;
+              this.total = this.mixinViewModuleOptions.getDataListIsPage
+                ? res.data.total
+                : 0;
+              if (this.mixinViewModuleOptions.requestCallback) {
+                this.mixinViewModuleOptions.requestCallback(res.data);
+              }
+              this.dataListLoading = false;
+            } else {
+              this.$message.error("未查询到相关信息");
+              this.reset();
+            }
+          })
+          .catch(() => {
+            this.dataListLoading = false;
+          });
+      } else {
+        this.$message.error("查询不能输入为空");
+      }
+    },
+    fullScreen() {
+      if (window.outerHeight === screen.availHeight) {
+        if (window.outerWidth === screen.availWidth) {
+          console.log(
+            "全屏1",
+            window.outerHeight,
+            screen.availHeight,
+            window.outerWidth,
+            screen.availWidth
+          );
+          this.qp = false;
+        } else {
+          console.log(
+            "不是全屏2",
+            window.outerHeight,
+            screen.availHeight,
+            window.outerWidth,
+            screen.availWidth
+          );
+          this.qp = true;
+        }
+      } else {
+        console.log(
+          "不是全屏3",
+          window.outerHeight,
+          screen.availHeight,
+          window.outerWidth,
+          screen.availWidth
+        );
+        this.qp = true;
+      }
+    },
+    //应用与组件
+    applyAndAssembly(val) {
+      console.log("vvvv", val);
+      //根据id和类型查询已关联的组件，将id,type和查出来的数据传递给组件
+      let type = "组件服务";
+      let id = val.id;
+      this.$http
+        .get(`/dataResourceRel/queryResourceRelByKeyId`, {
+          params: {
+            keyId: id,
+            type: type,
+            referenceName: "",
+          },
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          console.log("rrrrressssz", res.data);
+          this.relateApplicationResourceVisible = true;
+          this.relationData = {
+            id: id,
+            linkType: "1",
+            responseData: res.data,
+          };
+          this.topNameArray = ["未关联组件名称", "已关联组件名称"];
+          console.log(" this.relationData", this.relationData);
+          //将数据传递给引入的组件
+        });
+    },
+    //应用与数据资源
+    applyAndDataResource(val) {
+      console.log("数据资源");
+    },
+    //应用与项目
+    applyAndProject(val) {
+      let type = "项目";
+      let id = val.id;
+      this.$http
+        .get(`/dataResourceRel/queryResourceRelByKeyId`, {
+          params: {
+            keyId: id,
+            type: type,
+            referenceName: "",
+          },
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          console.log("rrrrressssx", res.data);
+          this.relateApplicationResourceVisible = true;
+          this.relationData = {
+            id: id,
+            linkType: "1",
+            responseData: res.data,
+          };
+          this.topNameArray = ["未关联项目名称", "已关联项目名称"];
+          //将数据传递给引入的组件
+        });
+    },
+    //应用与基础设施
+    applyAndInfrastructure(val) {
+      let type = "基础设施";
+      let id = val.id;
+      this.$http
+        .get(`/dataResourceRel/queryResourceRelByKeyId`, {
+          params: {
+            keyId: id,
+            type: type,
+            referenceName: "",
+          },
+        })
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg);
+          }
+          console.log("rrrrressssj", res.data);
+          this.relateApplicationResourceVisible = true;
+          this.relationData = {
+            id: id,
+            linkType: "1",
+            responseData: res.data,
+          };
+          this.topNameArray = ["未关联基础设施名称", "已关联基础设施名称"];
+          //将数据传递给引入的组件
+        });
+    },
+    // 是否展示关联应用弹窗
+    handleIsShowRelatePopupApply(type) {
+      this.relateApplicationResourceVisible = type;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.el-tooltip__popper {
+  max-width: 50%;
+}
+</style>
diff --git a/back/src/views/modules/workBench/api.js b/back/src/views/modules/workBench/api.js
index da7c16a2..38aad1e9 100644
--- a/back/src/views/modules/workBench/api.js
+++ b/back/src/views/modules/workBench/api.js
@@ -116,7 +116,8 @@ export const getFrequence = (data, success, fail) => {
 export const getResourceByDept = (data, success, fail) => {
     Request({
         methods: 'get',
-        url: '/resource/getByDept',
+        // url: '/resource/getByDept',
+        url: '/workdynamics/getDeptWork',
         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 cf6da540..98acdc7a 100644
--- a/back/src/views/modules/workBench/components/bottom-view.vue
+++ b/back/src/views/modules/workBench/components/bottom-view.vue
@@ -1,53 +1,132 @@
 <template>
   <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 class="dynamic-box" v-loading="loadingDynamic">
+        <div class="dynamicView" v-for="(item, index) in list" :key="index" :number="index + 1" :item="item">
+          <div class="wrapper">
+            <div class="content">
+              <div class="left">{{ item.createDate }}</div>
+              <el-tooltip effect="dark" :content="item.title" placement="top">
+                <div class="right ellipsis">{{ item.title || '--' }}</div>
+              </el-tooltip>
+            </div>
+          </div>
+        </div>
+      </div>
+
     </div>
+    <!-- 部门推荐能力 -->
     <div class="right container">
       <content-title :title="title.recommend"></content-title>
-      <recommendView></recommendView>
+      <div class="recommendView">
+        <a-table :dataSource="tableData" :columns="columns" bordered :pagination="false" :scroll="maxSize"
+          :loading="loadingTable" size="small" />
+      </div>
     </div>
   </div>
 </template>
 <script>
-import dynamicView from "./dynamic-view";
-import recommendView from "./recommend-view";
 import contentTitle from "./content-title";
 import * as Apis from '../api';
 export default {
   components: {
-    dynamicView,
-    recommendView,
     contentTitle
   },
   data() {
     return {
       title: { dynamic: "部门发布动态", recommend: "部门推荐能力" },
-      list: [
-       
-      ]
+      list: [],
+      columns: [
+        {
+          title: "名称",
+          key: "name",
+          dataIndex: "name",
+          width: 250
+        },
+        {
+          title: "类型",
+          key: "type",
+          dataIndex: "type",
+          width: 76
+        },
+        {
+          title: "单位",
+          key: "deptContacts",
+          dataIndex: "deptContacts",
+          width: 144
+        },
+        {
+          title: "时间",
+          key: "createDate",
+          dataIndex: "createDate",
+          width: 153
+        },
+        {
+          title: "当前申请数",
+          key: "applyCount",
+          dataIndex: "applyCount",
+          width: 145
+        },
+      ],
+      tableData: [],
+      maxSize: { y: 195 },
+      loadingDynamic: false,
+      loadingTable: false,
     };
   },
   mounted() {
     this.getResourceByDept();
+    this.getApplyByDept()
   },
   methods: {
-    //发布动态
+    // 发布动态 
     getResourceByDept() {
       let data = {
         limit: 5,
         page: 1
       };
+      this.loadingDynamic = true;
       Apis.getResourceByDept(
         data,
         res => {
+          this.loadingDynamic = false;
           if (res.data.code !== 0) {
-            return;
+            return this.$message.error(res.data.msg)
           }
-          this.list = res.data.data.records || []
+          console.log('res.data----发布动态-------->', res.data);
+          this.list = res.data.data.list || []
+          this.list.push(this.list[0])
+          this.list.push(this.list[0])
         },
         err => {
+          this.loadingDynamic = false;
+          this.$message.error(err)
+          console.log('err-----发布动态------->', err);
+        }
+      );
+    },
+    // 部门推荐能力
+    getApplyByDept() {
+      let data = {
+        limit: 5,
+        page: 1
+      };
+      this.loadingTable = true;
+      Apis.getApplyByDept(
+        data,
+        res => {
+          this.loadingTable = false;
+          if (res.data.code !== 0) {
+            return this.$message.error(res.data.msg)
+          }
+          console.log('res.data------部门推荐能力------>', res.data);
+          this.tableData = res.data.data.list || [];
+        },
+        err => {
+          this.loadingTable = false;
+          this.$message.error(err)
           console.log("err", err);
         }
       );
@@ -56,14 +135,21 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.ellipsis {
+  //超出一行省略号
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+
 .bottom-view {
   width: 100%;
   height: 335px;
-  // background: green;
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
-  //   color: #fff;
+
   .container {
     background: #fff;
     width: 800px;
@@ -71,4 +157,67 @@ export default {
     padding: 0px 0 20px 10px;
   }
 }
+
+.dynamic-box {
+  width: 770px;
+  height: 335px;
+}
+
+.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;
+        width: 600px;
+      }
+    }
+  }
+}
+
+.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/components/dept-todo-view.vue b/back/src/views/modules/workBench/components/dept-todo-view.vue
index 2ee0baca..3864a583 100644
--- a/back/src/views/modules/workBench/components/dept-todo-view.vue
+++ b/back/src/views/modules/workBench/components/dept-todo-view.vue
@@ -22,7 +22,7 @@
                 </el-tooltip>
             </div>
 
-            <div class="more">
+            <div class="more" @click="goPage(dataInfo.url)">
                 查看更多 >
             </div>
         </div>
@@ -51,7 +51,12 @@ export default {
     methods: {
         formatNum(num) {
             return num || num === 0 ? num : '--'
-        }
+        },
+        goPage(url) {
+            this.$router.push({
+                path: url
+            });
+        },
     }
 }
 </script>
diff --git a/back/src/views/modules/workBench/components/dynamic-view.vue b/back/src/views/modules/workBench/components/dynamic-view.vue
deleted file mode 100644
index fea8cda8..00000000
--- a/back/src/views/modules/workBench/components/dynamic-view.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<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/frequency-top5-view.vue b/back/src/views/modules/workBench/components/frequency-top5-view.vue
index 9764f74e..49938ded 100644
--- a/back/src/views/modules/workBench/components/frequency-top5-view.vue
+++ b/back/src/views/modules/workBench/components/frequency-top5-view.vue
@@ -4,15 +4,22 @@
         <div v-if="!noData" v-loading="loading">
             <div class="no-box">
                 <div class="no no2">
-                    <div class="name" :style="{ color: colorObj[2] }">{{ no2Obj.name || '--' }}</div>
+                    <el-tooltip effect="dark" :content="no2Obj.name" placement="top">
+                        <div class="name ellipsis" :style="{ color: colorObj[2] }">{{ no2Obj.name || '--' }}</div>
+                    </el-tooltip>
                     <div class="count">{{ formatCount(no2Obj.count) }}</div>
                 </div>
                 <div class="no no1">
-                    <div class="name" :style="{ color: colorObj[1] }">{{ no1Obj.name || '--' }}</div>
+                    <el-tooltip effect="dark" :content="no1Obj.name" placement="top">
+                        <div class="name ellipsis" :style="{ color: colorObj[1] }">{{ no1Obj.name || '--' }}</div>
+                    </el-tooltip>
                     <div class="count">{{ formatCount(no1Obj.count) }}</div>
                 </div>
                 <div class="no no3">
-                    <div class="name" :style="{ color: colorObj[3] }">{{ no3Obj.name || '--' }}</div>
+                    <el-tooltip effect="dark" :content="no3Obj.name" placement="top">
+                        <div class="name ellipsis" :style="{ color: colorObj[3] }">{{ no3Obj.name || '--' }}</div>
+                    </el-tooltip>
+
                     <div class="count">{{ formatCount(no3Obj.count) }}</div>
                 </div>
             </div>
@@ -174,6 +181,7 @@ export default {
     margin-bottom: 10px;
     margin-top: 70px;
     width: 150px;
+    text-align: center;
 }
 
 .count {
diff --git a/back/src/views/modules/workBench/components/recommend-view.vue b/back/src/views/modules/workBench/components/recommend-view.vue
deleted file mode 100644
index c07032b0..00000000
--- a/back/src/views/modules/workBench/components/recommend-view.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<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: 250
-        },
-        {
-          title: "类型",
-          key: "type",
-          dataIndex: "type",
-          width: 76
-        },
-        {
-          title: "单位",
-          key: "deptContacts",
-          dataIndex: "deptContacts",
-          width: 144
-        },
-        {
-          title: "时间",
-          key: "createDate",
-          dataIndex: "createDate",
-          width: 153
-        },
-        {
-          title: "当前申请数",
-          key: "applyCount",
-          dataIndex: "applyCount",
-          width: 145
-        },
-      ],
-      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.list || [];
-        },
-        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/workBench.vue b/back/src/views/modules/workBench/workBench.vue
index 95b6f0f8..95f5bca3 100644
--- a/back/src/views/modules/workBench/workBench.vue
+++ b/back/src/views/modules/workBench/workBench.vue
@@ -54,7 +54,8 @@ export default {
                 textColor: '#f86f01',
                 num: 0,
                 list: [],
-                nameStr: 'taskName'
+                nameStr: 'taskName',
+                url: 'activiti-my-todo-task'
             },
             // 部门已办
             hasToDodoData: {
@@ -66,7 +67,8 @@ export default {
                 textColor: '#21b107',
                 num: 0,
                 list: [],
-                nameStr: 'processDefinitionName'
+                nameStr: 'processDefinitionName',
+                url: 'activiti-my-join-task'
             },
             // 部门申请
             resourceData: [],
@@ -212,6 +214,7 @@ export default {
 }
 
 .work-brnch-box {
+
     .top {
         height: 284px;
         margin-bottom: 16px;
diff --git a/front/src/views/capabilityCloud/components/ComponentServices.vue b/front/src/views/capabilityCloud/components/ComponentServices.vue
index 4003bd3b..f2dd031d 100644
--- a/front/src/views/capabilityCloud/components/ComponentServices.vue
+++ b/front/src/views/capabilityCloud/components/ComponentServices.vue
@@ -180,7 +180,11 @@
       callTheTrendPort(start, end, 86400).then((res) => {
         if (res.data.data.result) {
           // res.data.data.result.splice(0, 1)
+          callTheTrendData.value.snum = []
           res.data.data.result[0].values.map((item) => {
+            callTheTrendData.value.snum.push(
+              moment(item[0] * 1000).format('MM-DD')
+            )
             callTheTrendData.value.snum.push(parseInt(item[1]))
           })
           callTheTrend(callTheTrendData.value)
diff --git a/front/src/views/capabilityCloud/components/DataResources.vue b/front/src/views/capabilityCloud/components/DataResources.vue
index 77d4e9eb..b4dba74f 100644
--- a/front/src/views/capabilityCloud/components/DataResources.vue
+++ b/front/src/views/capabilityCloud/components/DataResources.vue
@@ -144,7 +144,11 @@
       const object = res.data.data.filter((item) => item.type === val.name)[0]
       console.log('object', object)
       if (object) {
-        val.num = object.amount
+        if (object.type == '满足率') {
+          val.num = object.amount * 100 + '%'
+        } else {
+          val.num = object.amount
+        }
       }
     })
     const arr = res.data.data.filter((item) => item.resourceTop5)[0]
diff --git a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
index 6efd0f0c..57c911cb 100644
--- a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
+++ b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
@@ -109,6 +109,12 @@
               v-model:value="item.note1"
               :options="item.options"
             />
+            <p v-else-if="item.type == 'text'">
+              {{ abilityToType }}
+            </p>
+            <p v-else-if="item.type == 'text2'">
+              {{ componentTypeValue }}
+            </p>
             <a-textarea
               v-else-if="item.type == 'textArea'"
               v-model:value="item.note1"
@@ -153,6 +159,9 @@
               :list="props.videoList"
               tip="支持视频类型，大小不超过100M"
             ></upload>
+            <a-button v-else-if="item.type == 'dialog'" @click="sourceClick">
+              请选择来源应用
+            </a-button>
             <a-select
               v-else-if="item.type == 'select'"
               style="width: 240px"
@@ -194,11 +203,15 @@
   </div>
 </template>
 <script setup>
-  import { ref, defineProps, watch } from 'vue'
+  import { ref, defineProps, watch, onMounted } from 'vue'
   import mybus from '@/myplugins/mybus'
   import upload from '@/views/components/upload'
   import { message } from 'ant-design-vue'
   import { getCategoryTreePage } from '@/api/personalCenter'
+  import { useRouter } from 'vue-router'
+  const router = useRouter()
+  const abilityToType = router.currentRoute.value.query.abilityToType
+  const componentTypeValue = router.currentRoute.value.query.componentTypeValue
   const props = defineProps({
     // 展示数据
     refData: { type: Object, default: null },
@@ -387,6 +400,7 @@
       delFlag: 0,
     })
   }
+  const sourceClick = () => {}
   watch(data.value.list, (newProps, oldProps) => {
     console.log(newProps, oldProps)
     newProps.forEach((val) => {
@@ -512,12 +526,12 @@
             width: 570px;
           }
           .ant-btn {
-            width: 100px;
+            width: 160px;
             height: 32px;
             text-align: center;
-            background: #d9ebff;
+            background: #edf4fc;
             color: #0087ff;
-            border: 1px solid #0087ff;
+            border: 1px solid #bbd3ef;
             border-radius: 6px;
           }
         }
diff --git a/front/src/views/detailsAll/BusinessDetails.vue b/front/src/views/detailsAll/BusinessDetails.vue
index bd36f021..00a0434f 100644
--- a/front/src/views/detailsAll/BusinessDetails.vue
+++ b/front/src/views/detailsAll/BusinessDetails.vue
@@ -12,21 +12,22 @@
     <!-- 导航 -->
     <business-navigation
       :dataList="dataList.data"
+      :associatedComponents="associatedComponents"
       :class="{ fixed: scrollTop >= 600 }"
       :selectNow="selectNow"
     ></business-navigation>
-    <!-- 组件展示 -->
-    <business-presentation
-      :dataList="dataList.data"
-      id="business-presentation"
-      class="scrollBox"
-    ></business-presentation>
     <!-- 关联能力 -->
     <business-associated-ability
       :associatedComponents="associatedComponents"
       id="business-associated-ability"
       class="scrollBox"
     ></business-associated-ability>
+    <!-- 组件展示 -->
+    <business-presentation
+      :dataList="dataList.data"
+      id="business-presentation"
+      class="scrollBox"
+    ></business-presentation>
     <!-- 功能介绍-->
     <business-function-intorduction
       :dataList="dataList.data"
diff --git a/front/src/views/detailsAll/DeveloperComponents.vue b/front/src/views/detailsAll/DeveloperComponents.vue
index d4cf3941..2047bcbd 100644
--- a/front/src/views/detailsAll/DeveloperComponents.vue
+++ b/front/src/views/detailsAll/DeveloperComponents.vue
@@ -12,6 +12,7 @@
     <!-- 导航 -->
     <developer-navigation
       :dataList="dataList.data"
+      :associatedComponents="associatedComponents"
       :class="{ fixed: scrollTop >= 600 }"
       :selectNow="selectNow"
     ></developer-navigation>
diff --git a/front/src/views/detailsAll/LayerService.vue b/front/src/views/detailsAll/LayerService.vue
index bc5ab295..2411a090 100644
--- a/front/src/views/detailsAll/LayerService.vue
+++ b/front/src/views/detailsAll/LayerService.vue
@@ -14,9 +14,16 @@
     <!-- 导航 -->
     <layer-service-navigation
       :dataList="dataList.data"
+      :associatedComponents="associatedComponents"
       :class="{ fixed: scrollTop >= 600 }"
       :selectNow="selectNow"
     ></layer-service-navigation>
+    <!-- 关联能力 -->
+    <layer-service-associated-ability
+      :associatedComponents="associatedComponents"
+      id="layer-service-associated-ability"
+      class="scrollBox"
+    ></layer-service-associated-ability>
     <!-- 图层展示  视频 -->
     <layer-service-presentation
       :dataList="dataList.data"
@@ -29,12 +36,6 @@
       id="service-information"
       class="scrollBox"
     ></layer-service-information>
-    <!-- 关联能力 -->
-    <layer-service-associated-ability
-      :associatedComponents="associatedComponents"
-      id="layer-service-associated-ability"
-      class="scrollBox"
-    ></layer-service-associated-ability>
     <!-- 应用场景 -->
     <layer-service-application-scenarios
       :dataList="dataList.data"
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmChargingStandard.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmChargingStandard.vue
index 455161db..2768387e 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmChargingStandard.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmChargingStandard.vue
@@ -46,7 +46,7 @@
               title: item.type,
               content: item.desc,
               value: item.price,
-              time: '',
+              time: '元',
               unit: '￥',
             }
             break
@@ -103,7 +103,7 @@
                   title: item.type,
                   content: item.desc,
                   value: item.price,
-                  time: '',
+                  time: '元',
                   unit: '￥',
                 }
                 break
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue
index e920f5eb..32840092 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmNavigation.vue
@@ -26,8 +26,8 @@
   import mybus from '@/myplugins/mybus'
   import { queryPartAppByKeyId2 } from '@/api/home'
   // 获取当前路由地址
-  const router = useRouter();
-  const keyId = router.currentRoute.value.query.id;
+  const router = useRouter()
+  const keyId = router.currentRoute.value.query.id
   console.log('123', keyId)
   const navList = ref([
     {
@@ -64,16 +64,15 @@
     },
   ])
   const list = ref([])
-    // 根据能力id查询是否存在关联应用
-  queryPartAppByKeyId2({keyId: keyId}).then(
-    res=>{
+  // 根据能力id查询是否存在关联应用
+  queryPartAppByKeyId2({ keyId: keyId }).then((res) => {
     console.log('ressssssss', res)
     if (res.data.data.length > 0) {
       // 存在关联应用时在导航栏加入关联应用
       navList.value.unshift({
         name: '关联应用',
         key: 'algorithm-associated-ability',
-        show: true
+        show: true,
       })
       // list.value.push('关联应用')
       console.log('navList', navList)
@@ -82,8 +81,7 @@
   const props = defineProps({
     selectNow: { type: String, default: '' },
     dataList: { type: Object, default: null },
-  }
-  )
+  })
 
   const select = ref('algorithm-display')
 
@@ -121,9 +119,12 @@
       'props.dataList.infoList==============>',
       navList.value.filter((item) => item.name === list.value[0])
     )
-    select.value = navList.value.filter(
-      (item) => item.name === list.value[0]
-    )[0].key
+    if (navList.value.filter((item) => item.name === list.value[0])[0]) {
+      debugger
+      select.value = navList.value.filter(
+        (item) => item.name === list.value[0]
+      )[0].key
+    }
     console.log('11111111111111111111111111', list.value, navList.value)
   }
   watch(
@@ -163,9 +164,11 @@
           }
         })
         if (list.value.length > 0) {
-          select.value = navList.value.filter(
-            (item) => item.name === list.value[0]
-          )[0].key
+          if (navList.value.filter((item) => item.name === list.value[0])[0]) {
+            select.value = navList.value.filter(
+              (item) => item.name === list.value[0]
+            )[0].key
+          }
         }
         console.log('11111111111111111111111111', list.value, navList.value)
       }
diff --git a/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue b/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue
index 4740f254..f907d4bb 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationAssociatedAbility.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="application-associated-ability" v-if="flag">
-    <detals-title title="关联能力" type="RELEVANCE"></detals-title>
+    <detals-title title="关联组件" type="RELEVANCE"></detals-title>
     <div class="application-associated-ability-main">
       <div
         class="associated-ability-card"
diff --git a/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue b/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue
index 3fc42394..9a224818 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationNavigation.vue
@@ -37,7 +37,7 @@
       key: 'application-associated-components',
     },
     {
-      name: '关联能力',
+      name: '关联组件',
       key: 'application-associated-ability',
     },
     {
@@ -81,7 +81,7 @@
         list.value.push('应用展示')
       }
     })
-    list.value.push('关联能力')
+    list.value.push('关联组件')
     navList.value.forEach((item) => {
       console.log(item)
       if (list.value.indexOf(item.name) > -1) {
@@ -116,7 +116,7 @@
             list.value.push('应用展示')
           }
         })
-        list.value.push('关联能力')
+        list.value.push('关联组件')
         list.value.push('部署与安全')
         list.value.push('归属部门与服务商')
         navList.value.forEach((item) => {
diff --git a/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue b/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
index 95e54415..0173725e 100644
--- a/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessAssociatedAbility.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="application-associated-ability" v-if="flag">
-    <detals-title title="关联能力" type="RELEVANCE"></detals-title>
+    <detals-title title="关联应用" type="RELEVANCE"></detals-title>
     <div class="application-associated-ability-main">
       <div
         class="associated-ability-card"
@@ -41,9 +41,10 @@
       },
     })
   }
-  if (props.associatedComponents) {
+  if (props.associatedComponents[0].dataList.length != 0) {
     flag.value = true
     dataFrom.value = props.associatedComponents
+    debugger
     console.log('dataFrom.value', dataFrom.value)
   } else {
     flag.value = false
diff --git a/front/src/views/detailsAll/components/Business/BusinessNavigation.vue b/front/src/views/detailsAll/components/Business/BusinessNavigation.vue
index 5b39f705..69eba071 100644
--- a/front/src/views/detailsAll/components/Business/BusinessNavigation.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessNavigation.vue
@@ -29,7 +29,7 @@
       key: 'business-presentation',
     },
     {
-      name: '关联能力',
+      name: '关联应用',
       key: 'business-associated-ability',
     },
     {
@@ -55,6 +55,7 @@
     },
   ])
   const props = defineProps({
+    associatedComponents: { type: Array, default: null },
     selectNow: { type: String, default: '' },
     dataList: { type: Object, default: null },
   })
@@ -69,7 +70,7 @@
     list.value = []
     let arr = [
       '组件视频介绍',
-      '关联能力',
+      '关联应用',
       '功能介绍',
       '应用场景',
       '应用案例',
@@ -93,12 +94,18 @@
         list.value.push('组件展示')
       }
     })
-    list.value.push('关联能力')
+    list.value.push('关联应用')
     list.value.push('使用方式')
     navList.value.forEach((item) => {
       console.log(item)
       if (list.value.indexOf(item.name) > -1) {
-        item.show = true
+        if (item.name == '关联应用') {
+          if (props.associatedComponents[0].dataList.length != 0) {
+            item.show = true
+          }
+        } else {
+          item.show = true
+        }
       }
     })
     select.value = navList.value.filter(
@@ -119,7 +126,7 @@
         list.value = []
         let arr = [
           '组件视频介绍',
-          '关联能力',
+          '关联应用',
           '功能介绍',
           '应用场景',
           '应用案例',
@@ -144,12 +151,18 @@
             list.value.push('组件展示')
           }
         })
-        list.value.push('关联能力')
+        list.value.push('关联应用')
         list.value.push('使用方式')
         navList.value.forEach((item) => {
           console.log(item)
           if (list.value.indexOf(item.name) > -1) {
-            item.show = true
+            if (item.name == '关联应用') {
+              if (props.associatedComponents[0].dataList.length != 0) {
+                item.show = true
+              }
+            } else {
+              item.show = true
+            }
           }
         })
         if (list.value.length > 0) {
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue b/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
index a584b464..e03abb90 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperAssociatedAbility.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="application-associated-ability" v-if="flag">
-    <detals-title title="关联能力" type="RELEVANCE"></detals-title>
+    <detals-title title="关联应用" type="RELEVANCE"></detals-title>
     <div class="application-associated-ability-main">
       <div
         class="associated-ability-card"
@@ -41,9 +41,10 @@
       },
     })
   }
-  if (props.associatedComponents) {
+  if (props.associatedComponents[0].dataList.length != 0) {
     flag.value = true
     dataFrom.value = props.associatedComponents
+    debugger
     console.log('dataFrom.value', dataFrom.value)
   } else {
     flag.value = false
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue b/front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue
index dc751b18..dcc3f48c 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperNavigation.vue
@@ -29,7 +29,7 @@
       key: 'eveloper-presentation',
     },
     {
-      name: '关联能力',
+      name: '关联应用',
       key: 'developer-associated-ability',
     },
     {
@@ -60,6 +60,7 @@
   const props = defineProps({
     selectNow: { type: String, default: '' },
     dataList: { type: Object, default: null },
+    associatedComponents: { type: Array, default: null },
   })
   const select = ref('algorithm-display')
   const list = ref([])
@@ -80,11 +81,17 @@
         list.value.push('组件展示')
       }
     })
-    list.value.push('关联能力')
+    list.value.push('关联应用')
     navList.value.forEach((item) => {
       console.log(item)
       if (list.value.indexOf(item.name) > -1) {
-        item.show = true
+        if (item.name == '关联应用') {
+          if (props.associatedComponents[0].dataList.length != 0) {
+            item.show = true
+          }
+        } else {
+          item.show = true
+        }
       }
     })
     select.value = navList.value.filter(
@@ -115,13 +122,19 @@
             list.value.push('组件展示')
           }
         })
-        list.value.push('关联能力')
+        list.value.push('关联应用')
         list.value.push('组件试用')
         list.value.push('使用方式')
         navList.value.forEach((item) => {
           console.log(item)
           if (list.value.indexOf(item.name) > -1) {
-            item.show = true
+            if (item.name == '关联应用') {
+              if (props.associatedComponents[0].dataList.length != 0) {
+                item.show = true
+              }
+            } else {
+              item.show = true
+            }
           }
         })
         if (list.value.length > 0) {
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
index 95e54415..0173725e 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceAssociatedAbility.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="application-associated-ability" v-if="flag">
-    <detals-title title="关联能力" type="RELEVANCE"></detals-title>
+    <detals-title title="关联应用" type="RELEVANCE"></detals-title>
     <div class="application-associated-ability-main">
       <div
         class="associated-ability-card"
@@ -41,9 +41,10 @@
       },
     })
   }
-  if (props.associatedComponents) {
+  if (props.associatedComponents[0].dataList.length != 0) {
     flag.value = true
     dataFrom.value = props.associatedComponents
+    debugger
     console.log('dataFrom.value', dataFrom.value)
   } else {
     flag.value = false
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceNavigation.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceNavigation.vue
index 6f552327..c5ebd542 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceNavigation.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceNavigation.vue
@@ -24,6 +24,10 @@
   import { ref, defineProps, watch } from 'vue'
   import mybus from '@/myplugins/mybus'
   const navList = ref([
+    {
+      name: '关联应用',
+      key: 'layer-service-associated-ability',
+    },
     {
       name: '图层展示',
       key: 'service-presentation',
@@ -32,10 +36,6 @@
       name: '图层信息',
       key: 'service-information',
     },
-    {
-      name: '关联能力',
-      key: 'layer-service-associated-ability',
-    },
     {
       name: '应用场景',
       key: 'service-application-scenarios',
@@ -60,6 +60,7 @@
   const props = defineProps({
     selectNow: { type: String, default: '' },
     dataList: { type: Object, default: null },
+    associatedComponents: { type: Array, default: null },
   })
   const select = ref('service-presentation')
   const list = ref([])
@@ -121,11 +122,17 @@
         list.value.push('使用方式')
       }
     })
-    list.value.push('关联能力')
+    list.value.push('关联应用')
     navList.value.forEach((item) => {
       console.log(item)
       if (list.value.indexOf(item.name) > -1) {
-        item.show = true
+        if (item.name == '关联应用') {
+          if (props.associatedComponents[0].dataList.length != 0) {
+            item.show = true
+          }
+        } else {
+          item.show = true
+        }
       }
     })
     select.value = navList.value.filter(
@@ -196,11 +203,17 @@
             list.value.push('使用方式')
           }
         })
-        list.value.push('关联能力')
+        list.value.push('关联应用')
         navList.value.forEach((item) => {
           console.log(item)
           if (list.value.indexOf(item.name) > -1) {
-            item.show = true
+            if (item.name == '关联应用') {
+              if (props.associatedComponents[0].dataList.length != 0) {
+                item.show = true
+              }
+            } else {
+              item.show = true
+            }
           }
         })
         if (list.value.length > 0) {
diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index e0a079c4..342cc39d 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -5,7 +5,7 @@
     <div class="infrastructrue-tab">
       <div v-for="(item, index) in tabList" :key="index" class="tabBox">
         <b class="leftType">{{ item.title }}</b>
-        <button @click="nullClick" v-if="item.title == '视频细分'">清空</button>
+        <button @click="nullClick" v-if="item.title == '视频标签'">清空</button>
         <span
           v-for="itemContent in item.content"
           :key="itemContent"
@@ -118,6 +118,7 @@
   import { getCategoryTreePage } from '@/api/personalCenter'
   import { dataType } from 'element-plus/es/components/table-v2/src/common'
   import { useRouter } from 'vue-router'
+  import { message } from 'ant-design-vue'
   import { ref, reactive, onMounted } from 'vue'
   import {
     getCameraByParentId,
@@ -125,7 +126,6 @@
     getCameraAllLabel,
   } from '@/api/videoSurveillance'
   import { sgcInsert } from '@/api/home'
-  import { message } from 'ant-design-vue'
   import mybus from '@/myplugins/mybus'
   const router = useRouter()
   const options = reactive({
@@ -209,7 +209,7 @@
       content: ['视频资源', '云资源', '感知资源'],
     },
     {
-      title: '视频细分',
+      title: '视频标签',
       content: [],
     },
   ])
@@ -257,12 +257,18 @@
       if (name == '视频资源') {
         tableHeight.value = 330
         showMap.value = true
+        tabList.value[1].title = '视频标签'
       } else if (name == '云资源') {
         tableHeight.value = 600
         showMap.value = false
+        dataSource.value = []
+        pagination.value.total = 0
+        tabList.value[1].title = '云资源分类'
       } else if (name == '感知资源') {
         tableHeight.value = 330
         showMap.value = true
+        dataSource.value = []
+        pagination.value.total = 0
       }
       clickList.value[indexFather].content.splice(
         clickList.value[indexFather].content.indexOf(name),
@@ -274,6 +280,7 @@
         showMap.value = true
         tabList.value[1].content = []
         clickList.value[1].content = []
+        tabList.value[1].title = '视频标签'
         clickList.value[indexFather].content[0] = name
         getCameraAllLabel().then((res) => {
           res.data.data.forEach((val) => {
@@ -283,10 +290,21 @@
             })
           })
         })
+        // 改变查询摄像头接口的labelCode数组
+        mapSearchParam.value.labelCodes = []
+        clickList.value[1].content.map((item) => {
+          mapSearchParam.value.labelCodes.push(item.labelCode)
+        })
+        console.log('选中的标签code', mapSearchParam.value)
+        mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
+        getCamera()
       } else if (name == '云资源') {
         tableHeight.value = 600
         showMap.value = false
+        dataSource.value = []
+        pagination.value.total = 0
         clickList.value[1].content = []
+        tabList.value[1].title = '云资源分类'
         clickList.value[indexFather].content[0] = name
         tabList.value[1].content = [
           '云主机',
@@ -302,8 +320,11 @@
         tableHeight.value = 330
         showMap.value = true
         clickList.value[1].content = []
+        pagination.value.total = 0
+        tabList.value[1].title = '感知资源分类'
         clickList.value[indexFather].content[0] = name
         tabList.value[1].content = []
+        dataSource.value = []
       } else {
         clickList.value[indexFather].content.push(name)
       }
@@ -344,26 +365,30 @@
     dept.deptName = infrastructure.deptName
   }
   const apply = () => {
-    console.log('一键申请', selectedList.value)
-    let arr = [
-      {
-        arr: [
-          {
-            description: '',
-            note1: JSON.stringify(selectedList.value),
-            resourceId: '1522550195055828996',
-            resourceName: '摄像头列表',
-            type: '基础设施',
-          },
-        ],
-        deptId: dept.deptId,
-        deptName: dept.deptName,
-      },
-    ]
-    localStorage.setItem('applyList', JSON.stringify(arr))
-    router.push({
-      path: '/apply',
-    })
+    if (selectedRowKeys.value.length != 0) {
+      console.log('一键申请', selectedList.value)
+      let arr = [
+        {
+          arr: [
+            {
+              description: '',
+              note1: JSON.stringify(selectedList.value),
+              resourceId: '1522550195055828996',
+              resourceName: '摄像头列表',
+              type: '基础设施',
+            },
+          ],
+          deptId: dept.deptId,
+          deptName: dept.deptName,
+        },
+      ]
+      localStorage.setItem('applyList', JSON.stringify(arr))
+      router.push({
+        path: '/apply',
+      })
+    } else {
+      message.error('请选择需要申请的数据')
+    }
   }
   // 添加至购物车
   const addShopCar = () => {
diff --git a/front/src/views/newHome/components/PopularAbility.vue b/front/src/views/newHome/components/PopularAbility.vue
index 82206d55..5f86d6c7 100644
--- a/front/src/views/newHome/components/PopularAbility.vue
+++ b/front/src/views/newHome/components/PopularAbility.vue
@@ -293,6 +293,11 @@
                 color: #212121;
                 text-align: center;
                 margin-top: 0.05rem;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                display: -webkit-box;
+                -webkit-line-clamp: 1;
+                -webkit-box-orient: vertical;
               }
               .text {
                 width: 100%;