diff --git a/CHANGELOG.md b/CHANGELOG.md
index fd6b0d7..38b457d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -99,6 +99,7 @@
  - | 修改角色栏组件 | [a54c601](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/a54c601)
  - | 切换到默认项目角色没有激活状态的bug | [438d448](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/438d448)
  - | 切换日历时查询小红点 | [7091789](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/7091789)
+ - | 初始展示角色修改 | [2ac4053](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/2ac4053)
  - | 定期任务key值修改 | [c6688db](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/c6688db)
  - | 定期任务接口 | [aa4981c](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/aa4981c)
  - | 定期任务插件 | [92b3254](https://dd.tall.wiki/gitea/ccsens_fe/TALL-MUI-3/commits/92b3254)
diff --git a/src/apis/plugin.js b/src/apis/plugin.js
index e8ea541..0899cca 100644
--- a/src/apis/plugin.js
+++ b/src/apis/plugin.js
@@ -5,6 +5,10 @@ const install = (Vue, vm) => {
   vm.$u.api = { ...vm.$u.api } || {};
   // 获取插件信息
   vm.$u.api.getOtherPlugin = param => vm.$u.post(`${url}/pluginshop/plugin/query`, param);
+  // 查询子任务
+  vm.$u.api.findSonTask = param => vm.$u.post(`${uni.$t.domain}/task/findSonTask`, param);
+  // 查询子项目
+  vm.$u.api.findSonProject = param => vm.$u.post(`${uni.$t.domain}/project/findSonProject`, param);
 };
 
 export default { install };
diff --git a/src/plugins/p-subproject/p-subproject.vue b/src/plugins/p-subproject/p-subproject.vue
index 67c08b0..602ccd8 100644
--- a/src/plugins/p-subproject/p-subproject.vue
+++ b/src/plugins/p-subproject/p-subproject.vue
@@ -1,18 +1,58 @@
 <template>
   <!-- 子项目插件 -->
-  <view>子项目插件：显示子项目</view>
+  <view>
+    <view v-for="item in sonProject" :key="item.detailId">
+      <span class="text-xs text-blue-500" @click="openProject(item)">{{ item.name }}</span>
+    </view>
+  </view>
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
+
 export default {
   name: 'p-subproject',
-  props: { item: { type: Object, default: null } },
+  props: {
+    task: {
+      type: Object,
+      default: () => {},
+    },
+  },
   data() {
-    return {};
+    return { sonProject: [] };
   },
 
-  computed: {},
-  methods: {},
+  computed: mapGetters('project', ['projectId']),
+
+  mounted() {
+    this.getSonProject();
+  },
+
+  methods: {
+    async getSonProject() {
+      try {
+        const data = await this.$u.api.findSonProject({ projectId: this.task.detailId });
+        this.sonProject = data;
+      } catch (error) {
+        console.error('p-subproject.vue getSonProject error: ', error);
+      }
+    },
+
+    /**
+     * 打开项目
+     * @param {object} project 所点击的项目的信息
+     */
+    openProject(project) {
+      const { name, id, url } = project;
+      url && (uni.$t.domain = url);
+      this.$u.route('pages/project/project', {
+        u: this.userId,
+        p: id,
+        pname: name,
+        url: encodeURIComponent(url),
+      });
+    },
+  },
   watch: {},
 };
 </script>
diff --git a/src/plugins/p-subtasks/p-subtasks.vue b/src/plugins/p-subtasks/p-subtasks.vue
index 0f652cb..8e55858 100644
--- a/src/plugins/p-subtasks/p-subtasks.vue
+++ b/src/plugins/p-subtasks/p-subtasks.vue
@@ -1,18 +1,38 @@
 <template>
-  <view>子任务插件：显示子任务</view>
+  <view>
+    <view v-for="item in sonTask" :key="item.detailId">
+      <span class="text-xs text-gray-500">{{ item.name }}</span>
+    </view>
+  </view>
 </template>
 
 <script>
 export default {
   name: 'p-subtasks',
-  props: { item: { type: Object, default: null } },
+  props: {
+    task: {
+      type: Object,
+      default: () => {},
+    },
+  },
   data() {
-    return {};
+    return { sonTask: [] };
+  },
+
+  created() {
+    this.getSonTask();
   },
 
-  computed: {},
-  methods: {},
-  watch: {},
+  methods: {
+    async getSonTask() {
+      try {
+        const data = await this.$u.api.findSonTask({ detailId: this.task.detailId });
+        this.sonTask = data;
+      } catch (error) {
+        console.error('p-subtasks.vue getSonTask error: ', error);
+      }
+    },
+  },
 };
 </script>