feat(产品需求、项目需求): 开发两种需求的富文本和附件功能。

src/views/product/requirement/modules/requirement-module-tree.vue

@@ -268,10 +268,12 @@ defineExpose({
 </script>
 
 <template>
-  <div class="requirement-module-tree-wrapper">
-    <div class="module-tree-header">
-      <span class="module-tree-header__title">模块</span>
-    </div>
+  <ElCard class="requirement-module-tree-card card-wrapper">
+    <template #header>
+      <div class="module-tree-header">
+        <span class="module-tree-header__title">模块</span>
+      </div>
+    </template>
 
     <div class="module-tree-list">
       <template v-for="data in moduleTree" :key="data.id">
@@ -298,14 +300,23 @@ defineExpose({
         />
       </template>
     </div>
-  </div>
+  </ElCard>
 </template>
 
 <style scoped>
-.requirement-module-tree-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
+.requirement-module-tree-card {
+  height: 100%;
+}
+
+.requirement-module-tree-card :deep(.el-card__header) {
+  padding: 12px 16px;
+  border-bottom: none;
+}
+
+.requirement-module-tree-card :deep(.el-card__body) {
+  padding: 0 16px 16px;
+  height: calc(100% - 48px);
+  overflow: hidden;
 }
 
 .module-tree-header {
@@ -316,7 +327,7 @@ defineExpose({
 
 .module-tree-header__title {
   color: rgb(15 23 42 / 94%);
-  font-size: 15px;
+  font-size: 16px;
   font-weight: 700;
 }
 
@@ -325,6 +336,8 @@ defineExpose({
   flex-direction: column;
   gap: 10px;
   min-height: 0;
+  height: 100%;
+  overflow-y: auto;
 }
 
 .module-tree-item {