diff --git a/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue b/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue
index 426d31e5..ef660a4e 100644
--- a/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue
+++ b/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue
@@ -176,29 +176,30 @@ export default {
                 itemViewSon.children.map((itemSon, indexSon) => {
                   // console.log('itemSon', itemSon)
                   if (itemSon.name.indexOf('描述') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.description
                   } else if (itemSon.name.indexOf('名称') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.name
                   } else if (itemSon.name.indexOf('能力类型') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.type
+                  } else if (itemSon.name === '部门联系人') {
+                    console.log('itemSon.name', itemSon.name)
+                    this.dataView.children[indexView].children[indexViewSon].children[
+                      indexSon
+                    ].note1 = this.dataForm.deptContacts
                   } else if (itemSon.name.indexOf('属部门') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.unit
-                  } else if (itemSon.name.indexOf('共享条件') != -1) {
-                    this.dataView.children[indexView].children[
-                      indexViewSon
-                    ].children[indexSon].note1 = this.dataForm.shareCondition
-                  } else if (itemSon.name.indexOf('共享类型') != -1) {
-                    this.dataView.children[indexView].children[
-                      indexViewSon
-                    ].children[indexSon].note1 = this.dataForm.shareType
+                  } else if (itemSon.name === '部门联系人电话') {
+                    this.dataView.children[indexView].children[indexViewSon].children[
+                      indexSon
+                    ].note1 = this.dataForm.deptPhone
                   } else if (
                     itemSon.name === '关联组件信息' &&
                     item.attrType === '关联组件信息'
@@ -247,39 +248,40 @@ export default {
                 itemViewSon.children.map((itemSon, indexSon) => {
                   console.log('itemSon', itemSon)
                   if (itemSon.name.indexOf('描述') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.description
                   } else if (itemSon.name.indexOf('名称') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.name
                   } else if (itemSon.name.indexOf('共享条件') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.shareCondition
                   } else if (itemSon.name.indexOf('共享方式') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.shareMode
                   } else if (itemSon.name.indexOf('共享类型') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.shareType
-                  } else if (itemSon.name.indexOf('部门联系人') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                  } else if (itemSon.name === '部门联系人') {
+                    console.log('itemSon.name', itemSon.name)
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.deptContacts
                   } else if (itemSon.name.indexOf('属部门') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.unit
-                  } else if (itemSon.name.indexOf('部门联系人电话') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                  } else if (itemSon.name === '部门联系人电话') {
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.deptPhone
                   } else if (itemSon.name.indexOf('接口请求方式') != -1) {
-                    this.dataView.children[indexView].children[0].children[
+                    this.dataView.children[indexView].children[indexViewSon].children[
                       indexSon
                     ].note1 = this.dataForm.apiMethodType
                   } else if (
@@ -403,7 +405,7 @@ export default {
     color: #333333;
     font-size: 22px;
     margin-bottom: 20px;
-    background: url('~@/assets/img/sj-jx.png') no-repeat;
+    background: url("~@/assets/img/sj-jx.png") no-repeat;
     background-position-x: 15px;
   }
   .multipleAdditionsClass {
@@ -445,6 +447,14 @@ export default {
       align-items: center;
       padding: 10px;
       position: relative;
+      & > div {
+        -webkit-line-clamp: 5;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        word-break: break-all;
+      }
       & > div:first-child {
         margin-bottom: 10px;
         font-weight: bold;
diff --git a/front/src/views/personalCenter/components/TheShelvesAbility.vue b/front/src/views/personalCenter/components/TheShelvesAbility.vue
index ce2a5e67..2c4ea8e6 100644
--- a/front/src/views/personalCenter/components/TheShelvesAbility.vue
+++ b/front/src/views/personalCenter/components/TheShelvesAbility.vue
@@ -45,7 +45,7 @@
               </div>
               <div
                 class="data-list-right-table-list-content"
-                v-if="dataList.tota > 0"
+                v-if="dataList.total > 0"
               >
                 <div
                   v-for="(item, index) in dataList.list"
@@ -326,150 +326,150 @@
 </script>
 
 <style scoped lang="less">
-  .TheShelvesAbility {
-    .title-h1 {
+.TheShelvesAbility {
+  .title-h1 {
+    font-size: 0.22rem;
+    line-height: 0.22rem;
+    margin-bottom: 0.25rem;
+    color: #212121;
+  }
+  .title-h2 {
+    display: flex;
+    justify-content: space-between;
+    font-size: 0.16rem;
+    color: #212121;
+    line-height: 0.16rem;
+    border-bottom: 0.01rem #dddee1 solid;
+    margin: 0 0.6rem 0.2rem 0.6rem;
+    padding-bottom: 0.1rem;
+  }
+  .TheShelvesAbility-top {
+    margin: 0 0.6rem 0 0.6rem;
+    .deptName {
+      color: #0558e1;
       font-size: 0.22rem;
-      line-height: 0.22rem;
-      margin-bottom: 0.25rem;
-      color: #212121;
-    }
-    .title-h2 {
       display: flex;
-      justify-content: space-between;
-      font-size: 0.16rem;
-      color: #212121;
-      line-height: 0.16rem;
-      border-bottom: 0.01rem #dddee1 solid;
-      margin: 0 0.6rem 0.2rem 0.6rem;
-      padding-bottom: 0.1rem;
-    }
-    .TheShelvesAbility-top {
-      margin: 0 0.6rem 0 0.6rem;
-      .deptName {
-        color: #0558e1;
-        font-size: 0.22rem;
-        display: flex;
-        align-items: center;
-        line-height: 0.22rem;
-        margin-bottom: 0.2rem;
-        span {
-          display: inline-block;
-          width: 0.05rem;
-          height: 0.05rem;
-          background: #0558e1;
-          border-radius: 0.05rem;
-          margin-right: 0.05rem;
-        }
+      align-items: center;
+      line-height: 0.22rem;
+      margin-bottom: 0.2rem;
+      span {
+        display: inline-block;
+        width: 0.05rem;
+        height: 0.05rem;
+        background: #0558e1;
+        border-radius: 0.05rem;
+        margin-right: 0.05rem;
       }
-      .data-list {
-        display: flex;
-        border-bottom: 1px solid #dddee1;
-        margin-bottom: 0.1rem;
-        .data-list-left {
-          width: 0.8rem;
-          height: 1.1rem;
-          background: url('~@/assets/personalCenter/Capabilitydiagram.png')
-            no-repeat;
-          background-size: 0.8rem 0.8rem;
-          background-position: center;
-          margin-left: 0.1rem;
-          padding-bottom: 0.3rem;
-        }
-        .data-list-right {
-          width: calc(100% - 0.83rem);
-          margin-left: 0.1rem;
-          padding-bottom: 0.2rem;
-          border-left: 1px solid #dddee1;
-          font-size: 0.18rem;
-          color: #000000;
-          .data-list-right-titleAndDescription {
-            padding-left: 0.1rem;
-            padding-right: 0.2rem;
-            border-bottom: 1px solid #dddee1;
-            padding-bottom: 0.1rem;
-            .data-list-right-title {
-              display: flex;
-              justify-content: space-between;
-              margin-bottom: 0.2rem;
-              .title-left {
-                span:first-child {
-                  font-weight: 600;
-                }
-                span:last-child {
-                  font-size: 0.14rem;
-                  display: inline-block;
-                  margin-left: 0.08rem;
-                  padding: 0 0.05rem;
-                  border-radius: 0.3rem;
-                  background: #00b8e6;
-                  color: #fff;
-                }
+    }
+    .data-list {
+      display: flex;
+      border-bottom: 1px solid #dddee1;
+      margin-bottom: 0.1rem;
+      .data-list-left {
+        width: 0.8rem;
+        height: 1.1rem;
+        background: url('~@/assets/personalCenter/Capabilitydiagram.png')
+          no-repeat;
+        background-size: 0.8rem 0.8rem;
+        background-position: center;
+        margin-left: 0.1rem;
+        padding-bottom: 0.3rem;
+      }
+      .data-list-right {
+        width: calc(100% - 0.83rem);
+        margin-left: 0.1rem;
+        padding-bottom: 0.2rem;
+        border-left: 1px solid #dddee1;
+        font-size: 0.18rem;
+        color: #000000;
+        .data-list-right-titleAndDescription {
+          padding-left: 0.1rem;
+          padding-right: 0.2rem;
+          border-bottom: 1px solid #dddee1;
+          padding-bottom: 0.1rem;
+          .data-list-right-title {
+            display: flex;
+            justify-content: space-between;
+            margin-bottom: 0.2rem;
+            .title-left {
+              span:first-child {
+                font-weight: 600;
+              }
+              span:last-child {
+                font-size: 0.14rem;
+                display: inline-block;
+                margin-left: 0.08rem;
+                padding: 0 0.05rem;
+                border-radius: 0.3rem;
+                background: #00b8e6;
+                color: #fff;
               }
             }
           }
-          .data-list-right-table {
-            .data-list-right-table-title {
-              margin-left: 0.1rem;
-              margin-top: 0.2rem;
-              margin-bottom: 0.2rem;
-              font-size: 0.14rem;
-              display: inline-block;
-              margin-left: 0.08rem;
-              padding: 0 0.05rem;
-              border-radius: 0.3rem;
-              background: #00b8e6;
-              color: #fff;
+        }
+        .data-list-right-table {
+          .data-list-right-table-title {
+            margin-left: 0.1rem;
+            margin-top: 0.2rem;
+            margin-bottom: 0.2rem;
+            font-size: 0.14rem;
+            display: inline-block;
+            margin-left: 0.08rem;
+            padding: 0 0.05rem;
+            border-radius: 0.3rem;
+            background: #00b8e6;
+            color: #fff;
+          }
+          .data-list-right-table-list {
+            padding: 0 0.05rem;
+            .data-list-right-table-list-tab {
+              display: grid;
+              grid-template-columns: repeat(4, 25%);
+              background: rgba(191, 191, 191, 0.1);
+              span {
+                display: inline-block;
+                text-align: center;
+                padding: 0.05rem 0;
+              }
             }
-            .data-list-right-table-list {
-              padding: 0 0.05rem;
-              .data-list-right-table-list-tab {
+            .data-list-right-table-list-content {
+              & > div {
                 display: grid;
                 grid-template-columns: repeat(4, 25%);
-                background: rgba(191, 191, 191, 0.1);
                 span {
                   display: inline-block;
                   text-align: center;
                   padding: 0.05rem 0;
                 }
               }
-              .data-list-right-table-list-content {
-                & > div {
-                  display: grid;
-                  grid-template-columns: repeat(4, 25%);
-                  span {
-                    display: inline-block;
-                    text-align: center;
-                    padding: 0.05rem 0;
-                  }
-                }
-                div:nth-child(even) {
-                  background: rgba(191, 191, 191, 0.1);
-                }
-                div:nth-child(odd) {
-                  span {
-                    padding: 0.2rem 0;
-                  }
+              div:nth-child(even) {
+                background: rgba(191, 191, 191, 0.1);
+              }
+              div:nth-child(odd) {
+                span {
+                  padding: 0.2rem 0;
                 }
               }
-              .zanwu {
-                margin-top: 0.2rem;
-                text-align: center;
-              }
+            }
+            .zanwu {
+              margin-top: 0.2rem;
+              text-align: center;
             }
           }
         }
       }
     }
-    .TheShelvesAbility-bottom {
-      margin: 0.5rem 0.6rem 0 0.6rem;
-      .base-info {
-        display: flex;
-        justify-content: space-between;
-      }
-      .button-bottom {
-        display: flex;
-        justify-content: center;
-      }
+  }
+  .TheShelvesAbility-bottom {
+    margin: 0.5rem 0.6rem 0 0.6rem;
+    .base-info {
+      display: flex;
+      justify-content: space-between;
+    }
+    .button-bottom {
+      display: flex;
+      justify-content: center;
     }
   }
+}
 </style>