diff --git a/back/src/assets/img/sj-jx.png b/back/src/assets/img/sj-jx.png
new file mode 100644
index 00000000..a5106273
Binary files /dev/null and b/back/src/assets/img/sj-jx.png differ
diff --git a/back/src/views/modules/myAgent/demo/Application-resources.vue b/back/src/views/modules/myAgent/demo/Application-resources.vue
index c060a4f5..bf310a87 100644
--- a/back/src/views/modules/myAgent/demo/Application-resources.vue
+++ b/back/src/views/modules/myAgent/demo/Application-resources.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="wrapper">22222222222222</div>
+  <div class="wrapper"></div>
 </template>
 
 <script>
diff --git a/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue b/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue
index 224c6d96..ce605fa9 100644
--- a/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue
+++ b/back/src/views/modules/myAgent/demo/ResourcesAndServices.vue
@@ -3,13 +3,18 @@
     <el-form :model="dataView">
       <div v-for="(item, index) in dataView.children" :key="item">
         <div class="dataTitle">{{ item.name }}</div>
-        <el-form-item
-          v-for="itemson in item.children[0].children"
-          :key="itemson.name"
-          :label="itemson.name"
-        >
-          <el-input v-model="itemson.note1"></el-input>
-        </el-form-item>
+        <div v-for="itemson in item.children" :key="itemson.name">
+          <div class="dataTitleSon">{{ itemson.name }}</div>
+          <div class="dataContent">
+            <el-form-item
+              v-for="itemsonson in itemson.children"
+              :key="itemsonson.name"
+              :label="itemsonson.name"
+            >
+              <el-input v-model="itemsonson.note1"></el-input>
+            </el-form-item>
+          </div>
+        </div>
       </div>
     </el-form>
   </div>
@@ -44,6 +49,54 @@ export default {
           this.dataView = val.filter(
             (item) => item.name === this.dataForm.type + '一'
           )[0]
+          console.log(this.dataView)
+          console.log(this.dataForm)
+          // 应用描述
+          this.dataView.children[0].children[0].children[4].note1 =
+            this.dataForm.description
+          // 应用名称
+          this.dataView.children[0].children[0].children[0].note1 =
+            this.dataForm.name
+          this.dataForm.infoList.map((item, index) => {
+            this.dataView.children.map((itemView, indexView) => {
+              // console.log('itemView', itemView)
+              itemView.children.map((itemViewSon, indexViewSon) => {
+                // console.log('itemViewSon', itemViewSon)
+                itemViewSon.children.map((itemSon, indexSon) => {
+                  // console.log('itemSon', itemSon)
+                  if (itemSon.name.indexOf('描述') != -1) {
+                    this.dataView.children[indexView].children[0].children[
+                      indexSon
+                    ].note1 = this.dataForm.description
+                  } else if (itemSon.name.indexOf('名称') != -1) {
+                    this.dataView.children[indexView].children[0].children[
+                      indexSon
+                    ].note1 = this.dataForm.name
+                  } else if (itemSon.name.indexOf('共享条件') != -1) {
+                    this.dataView.children[indexView].children[0].children[
+                      indexSon
+                    ].note1 = this.dataForm.shareCondition
+                  } else if (itemSon.name.indexOf('共享方式') != -1) {
+                    this.dataView.children[indexView].children[0].children[
+                      indexSon
+                    ].note1 = this.dataForm.shareMode
+                  } else if (itemSon.name.indexOf('共享类型') != -1) {
+                    this.dataView.children[indexView].children[0].children[
+                      indexSon
+                    ].note1 = this.dataForm.shareType
+                  } else if (itemSon.name.indexOf('能力类型') != -1) {
+                    this.dataView.children[indexView].children[0].children[
+                      indexSon
+                    ].note1 = this.dataForm.type
+                  } else if (itemSon.name === item.attrType) {
+                    this.dataView.children[indexView].children[
+                      indexViewSon
+                    ].children[indexSon].note1 = item.attrValue
+                  }
+                })
+              })
+            })
+          })
         } else {
           const componentType = this.dataForm.infoList.filter(
             (item) => item.attrType === '组件类型'
@@ -93,6 +146,10 @@ export default {
                     this.dataView.children[indexView].children[0].children[
                       indexSon
                     ].note1 = this.dataForm.deptPhone
+                  } else if (itemSon.name.indexOf('接口请求方式') != -1) {
+                    this.dataView.children[indexView].children[0].children[
+                      indexSon
+                    ].note1 = this.dataForm.apiMethodType
                   } else if (itemSon.name === item.attrType) {
                     this.dataView.children[indexView].children[
                       indexViewSon
@@ -161,5 +218,31 @@ export default {
 </script>
 <style lang="scss" scoped>
 .wrapper {
+  .dataTitle {
+    text-align: center;
+    color: #333333;
+    font-size: 22px;
+    margin-bottom: 25px;
+  }
+  .dataTitleSon {
+    padding-left: 30px;
+    color: #333333;
+    font-size: 22px;
+    margin-bottom: 20px;
+    background: url('~@/assets/img/sj-jx.png') no-repeat;
+    background-position-x: 15px;
+  }
+  .dataContent {
+    display: grid;
+    grid-template-columns: repeat(3, 33%);
+  }
+  ::v-deep .el-form {
+  }
+  ::v-deep .el-form-item__content {
+    display: inline-block;
+    input {
+      width: 400px;
+    }
+  }
 }
 </style>