modify style

src/components/common/commonTable.vue

 <template>
   <div class="common-table">
-    <div class="table-header" v-if="showHeader">
-      <div class="header-left">
-        <slot name="header-left">
-          <h3 v-if="title">{{ title }}</h3>
-        </slot>
-      </div>
-      <div class="header-right">
-        <slot name="header-actions"></slot>
-      </div>
-    </div>
-
     <div class="table-container">
       <el-table
         style="width: 100%"

src/styles/manage.less

 .manage-container{
     display: flex;
     flex-direction: column;
+    background: rgba(157, 188, 218, 0.1);
 }
 .manage-header{
     background: rgba(255, 255, 255, 0.9);
@@ -22,7 +23,7 @@
 .manage-content{
     flex: 1;
     height: 0;
-    .common-table{
+    &>.common-table{
         height: 100%;
         display: flex;
         flex-direction: column;
@@ -38,3 +39,51 @@
         }
     }
 }
+.project-manage{
+    &-container{
+        width: 100%;
+        height: 100%;
+        padding: 20px;
+        box-sizing: border-box;
+        display: flex;
+        flex-direction: column;
+        background: rgba(157, 188, 218, 0.1);
+        .manage-container{
+            width: 100%;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            background: rgba(255, 255, 255, 0.9);
+            border-radius: 8px;
+            padding: 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+        }
+    }
+
+    &-header{
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 10px;
+    }
+    &-content{
+        flex: 1;
+        height: 0;
+        display: flex;
+        flex-direction: column;
+        &>.common-table{
+            height: 100%;
+            display: flex;
+            flex-direction: column;
+            .table-container{
+                flex: 1;
+                height: 0;
+                display: flex;
+                flex-direction: column;
+                .el-table{
+                    flex: 1;
+                    height: 0;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file

src/views/managePage/addProject.vue

@@ -1859,7 +1859,7 @@
                                                     <el-table-column type="index" width="50" />
                                                     <el-table-column prop="fxlb" label="风险类别">
                                                         <template #default="scope">
-                                                            <el-input v-model="scope.row.fxfxlbms" />
+                                                            <el-input v-model="scope.row.fxlb" />
                                                         </template>
                                                     </el-table-column>
                                                     <el-table-column prop="fxms" label="风险描述">
@@ -2666,11 +2666,11 @@
     // 财务评价指标
     let cwpjzbData = reactive([
         {
-            name: "项目投资内部收益率",
+            name: "项目投资内部收益率（税后）",
             unit: "%"
         },
         {
-            name: "项目资本金内部收益率",
+            name: "项目资本金内部收益率（税后）",
             unit: "%"
         },
         {

src/views/managePage/projectAllPage.vue

 <template>
     <div class="project-manage-container">
+        <div class="manage-container">
             <div class="project-manage-header">
                 <div class="header-left"></div>
                 <div class="header-right">
@@ -52,16 +53,12 @@
                 modal-class="fields-modal"
                 title="筛选查询" width="50%" top="10vh"
             >
-            <common-table
-                :data="tableFields"
-                :columns="fieldsTableColumns"
-                :selection="true"
-                :border="true"
-                :pagination="false"
-                :autoHeight="true"
-                :rowHeight="40"
+                <el-table :data="tableFields" style="width: 100%; height: 500px;" empty-text="暂无数据" border
                     @selection-change="handleFieldsSelectChange"
-            ></common-table>
+                >
+                    <el-table-column type="selection" width="55" />
+                    <el-table-column prop="comment" label="名称" />
+                </el-table>
                 <template #footer>
                     <div class="dialog-footer">
                         <el-button @click="cancelFieldsModal">取消</el-button>
@@ -70,6 +67,7 @@
                 </template>
             </el-dialog>
         </div>
+    </div>
 </template>
 
 <script setup>
@@ -199,24 +197,5 @@
 </script>
 
 <style scoped lang="less">
-    .project-manage{
-        &-container{
-            width: 100%;
-            height: 100%;
-            padding: 20px;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-        }
-        &-header{
-            display: flex;
-            justify-content: space-between;
-        }
-        &-content{
-            flex: 1;
-            height: 0;
-            display: flex;
-            flex-direction: column;
-        }
-    }
+    @import "@/styles/manage.less";
 </style>

src/views/managePage/projectArgument.vue

 <template>
     <div class="project-manage-container">
+        <div class="manage-container">
             <div class="project-manage-header">
                 <div class="header-left"></div>
                 <div class="header-right"></div>
@@ -29,6 +30,7 @@
                 </common-table>
             </div>
         </div>
+    </div>
 </template>
 
 <script setup>
@@ -134,24 +136,5 @@
 </script>
 
 <style scoped lang="less">
-    .project-manage{
-        &-container{
-            width: 100%;
-            height: 100%;
-            padding: 20px;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-        }
-        &-header{
-            display: flex;
-            justify-content: space-between;
-        }
-        &-content{
-            flex: 1;
-            height: 0;
-            display: flex;
-            flex-direction: column;
-        }
-    }
+    @import "@/styles/manage.less";
 </style>

src/views/managePage/projectDecision.vue

 <template>
     <div class="project-manage-container">
+        <div class="manage-container">
             <div class="project-manage-header">
                 <div class="header-left"></div>
                 <div class="header-right"></div>
@@ -28,6 +29,7 @@
                 </common-table>
             </div>
         </div>
+    </div>
 </template>
 
 <script setup>
@@ -123,24 +125,5 @@
 </script>
 
 <style scoped lang="less">
-    .project-manage{
-        &-container{
-            width: 100%;
-            height: 100%;
-            padding: 20px;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-        }
-        &-header{
-            display: flex;
-            justify-content: space-between;
-        }
-        &-content{
-            flex: 1;
-            height: 0;
-            display: flex;
-            flex-direction: column;
-        }
-    }
+    @import "@/styles/manage.less";
 </style>

src/views/managePage/projectDraft.vue

 <template>
     <div class="project-manage-container">
+        <div class="manage-container">
             <div class="project-manage-header">
                 <div class="header-left"></div>
                 <div class="header-right">
@@ -30,6 +31,7 @@
                 </common-table>
             </div>
         </div>
+    </div>
 </template>
 
 <script setup>
@@ -157,24 +159,5 @@
 </script>
 
 <style scoped lang="less">
-    .project-manage{
-        &-container{
-            width: 100%;
-            height: 100%;
-            padding: 20px;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-        }
-        &-header{
-            display: flex;
-            justify-content: space-between;
-        }
-        &-content{
-            flex: 1;
-            height: 0;
-            display: flex;
-            flex-direction: column;
-        }
-    }
+    @import "@/styles/manage.less";
 </style>

src/views/managePage/projectSetUp.vue

 <template>
     <div class="project-manage-container">
+        <div class="manage-container">
             <div class="project-manage-header">
                 <div class="header-left"></div>
                 <div class="header-right"></div>
@@ -35,6 +36,7 @@
                 </common-table>
             </div>
         </div>
+    </div>
 </template>
 
 <script setup>
@@ -149,24 +151,5 @@
 </script>
 
 <style scoped lang="less">
-    .project-manage{
-        &-container{
-            width: 100%;
-            height: 100%;
-            padding: 20px;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-        }
-        &-header{
-            display: flex;
-            justify-content: space-between;
-        }
-        &-content{
-            flex: 1;
-            height: 0;
-            display: flex;
-            flex-direction: column;
-        }
-    }
+    @import "@/styles/manage.less";
 </style>

src/views/managePage/templateManage.vue

 <template>
-    <div class="template-manage-container">
-        <div class="template-manage-header">
+    <div class="project-manage-container">
+        <div class="manage-container">
+            <div class="project-manage-header">
                 <div class="header-left"></div>
                 <div class="header-right">
                     <el-button type="primary" @click="addItem">新增</el-button>
@@ -25,6 +26,7 @@
                 </el-table>
             </div>
         </div>
+    </div>
 </template>
 
 <script setup>
@@ -185,21 +187,5 @@
 </script>
 
 <style lang="less">
-    .template-manage{
-        &-container{
-            width: 100%;
-            height: 100%;
-            padding: 20px;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-            .tab-content{
-                padding: 10px 15px;
-            }
-        }
-        &-header{
-            display: flex;
-            justify-content: space-between;
-        }
-    }
+    @import "@/styles/manage.less";
 </style>
\ No newline at end of file

src/views/systemManage/departManage.vue

 <template>
   <div class="depart-manage" v-loading="loading">
-    <div class="search-origin">
+    <div class="manage-left">
       <div class="origin-title">
         <h4>部门</h4>
       </div>
@@ -421,12 +421,14 @@ onMounted(() => {
   display: flex;
   // flex-direction: row;
   // box-sizing: border-box;
-  .search-origin {
+  .manage-left {
     background: rgba(255, 255, 255, 0.9);
     border-radius: 8px;
     padding: 20px;
     margin-right: 20px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    width: 240px;
+    overflow: auto;
   }
   .origin-title {
     display: flex;
@@ -487,6 +489,7 @@ onMounted(() => {
 
   .table-container {
     flex: 1;
+    width: 0;
     background: rgba(255, 255, 255, 0.9);
     border-radius: 8px;
     padding: 20px;

src/views/systemManage/menuManage.vue

 <template>
-  <div class="menu-manage" v-loading="loading">
+  <div class="manage-container menu-manage" v-loading="loading">
     <div class="manage-content table-container">
       <common-table
         :data="tableData"

src/views/systemManage/roleManage.vue

 <template>
-  <div class="user-manage" v-loading="loading">
+  <div class="manage-container role-manage" v-loading="loading">
     <div class="manage-header">
       <div class="header-left">
         <el-form :inline="true" :model="searchForm">
@@ -407,7 +407,7 @@ onMounted(() => {
 
 <style scoped lang="less">
   @import "@/styles/manage.less";
-.user-manage {
+.role-manage {
   padding: 20px;
   background: rgba(157, 188, 218, 0.1);
   height: 100%;