参股企业修改完毕

src/views/everydayPage/shareAdd.vue

@@ -262,49 +262,6 @@
                       </el-form-item>
                     </el-col>
                   </el-row>
-                  <div class="tab-handle">
-                    <el-button type="primary" @click="addTzfhs">新增</el-button>
-                  </div>
-                  <el-table
-                    :data="tzfhs"
-                    style="width: 100%"
-                    empty-text="暂无数据"
-                    show-summary
-                    :summary-method="sumTzfhsColumns"
-                    border
-                  >
-                    <el-table-column type="index" width="60" label="序号" />
-                    <el-table-column prop="fhsj" label="分红时间">
-                      <template #default="scope">
-                        <el-date-picker
-                          v-model="scope.row.fhsj"
-                          type="datetime"
-                          format="YYYY-MM-DD HH:mm:ss"
-                          value-format="YYYY-MM-DD HH:mm:ss"
-                          placeholder="请选择"
-                        />
-                      </template>
-                    </el-table-column>
-                    <el-table-column prop="fhje" label="分红金额（万元）">
-                      <template #default="scope">
-                        <el-input
-                          v-model.number="scope.row.fhje"
-                          placeholder="请输入分红金额"
-                        />
-                      </template>
-                    </el-table-column>
-                    <el-table-column label="操作" width="60">
-                      <template #default="scope">
-                        <el-button
-                          link
-                          type="danger"
-                          size="small"
-                          @click="deleteTzfhs(scope.$index)"
-                          >删除</el-button
-                        >
-                      </template>
-                    </el-table-column>
-                  </el-table>
                 </el-collapse-item>
                 <el-collapse-item title="资金流出" name="资金流出">
                   <el-row :gutter="20">
@@ -407,9 +364,53 @@
                       </template>
                     </el-table-column>
                   </el-table>
+
+                  <div class="tab-handle">
+                    <el-button type="primary" @click="addTzfhs">新增</el-button>
+                  </div>
+                  <el-table
+                    :data="tzfhs"
+                    style="width: 100%"
+                    empty-text="暂无数据"
+                    show-summary
+                    :summary-method="sumTzfhsColumns"
+                    border
+                  >
+                    <el-table-column type="index" width="60" label="序号" />
+                    <el-table-column prop="fhsj" label="分红时间">
+                      <template #default="scope">
+                        <el-date-picker
+                          v-model="scope.row.fhsj"
+                          type="datetime"
+                          format="YYYY-MM-DD HH:mm:ss"
+                          value-format="YYYY-MM-DD HH:mm:ss"
+                          placeholder="请选择"
+                        />
+                      </template>
+                    </el-table-column>
+                    <el-table-column prop="fhje" label="分红金额（万元）">
+                      <template #default="scope">
+                        <el-input
+                          v-model.number="scope.row.fhje"
+                          placeholder="请输入分红金额"
+                        />
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="操作" width="60">
+                      <template #default="scope">
+                        <el-button
+                          link
+                          type="danger"
+                          size="small"
+                          @click="deleteTzfhs(scope.$index)"
+                          >删除</el-button
+                        >
+                      </template>
+                    </el-table-column>
+                  </el-table>
                   <div class="subtotal">
-                    <div class="label">小记</div>
-                    <div class="value">{{ subtotalNum }}</div>
+                    <div class="label">流入小计</div>
+                    <div class="value">{{ subtotalNum }}（万元）</div>
                   </div>
                 </el-collapse-item>
 
@@ -490,14 +491,16 @@ const token = ref(
 
 // 小记金额
 const subtotalNum = computed(() => {
-  let totalHtje = wtyys.value.reduce((sum, item) => {
-    const num = Number(item.htje) || 0; // 兼容空值/非数字
+  let totalHtje = tzfhs.value.reduce((sum, item) => {
+    const num = Number(item.fhje) || 0; // 兼容空值/非数字
     return sum + num;
   }, 0);
   let totalYwlr = wtyys.value.reduce((sum, item) => {
     const num = Number(item.ywlr) || 0; // 兼容空值/非数字
     return sum + num;
   }, 0);
+  console.log(totalYwlr, "totalYwlr");
+  console.log(totalHtje, "totalHtje");
 
   return (totalHtje + totalYwlr).toFixed(2);
 });
@@ -572,14 +575,14 @@ function sumWtyysColumns(param) {
     if (prop === "htje") {
       const values = data.map((item) => Number(item.htje) || 0);
       const total = values.reduce((prev, curr) => prev + curr, 0);
-      sums[index] = total.toFixed(2);
+      sums[index] = total.toFixed(2) + "（万元）";
       return;
     }
 
     if (prop === "ywlr") {
       const values = data.map((item) => Number(item.ywlr) || 0);
       const total = values.reduce((prev, curr) => prev + curr, 0);
-      sums[index] = total.toFixed(2);
+      sums[index] = total.toFixed(2) + "（万元）";
       return;
     }
 
@@ -610,7 +613,7 @@ function sumTzfhsColumns(param) {
     if (prop === "fhje") {
       const values = data.map((item) => Number(item.fhje) || 0);
       const total = values.reduce((prev, curr) => prev + curr, 0);
-      sums[index] = total.toFixed(2);
+      sums[index] = total.toFixed(2) + "（万元）";
       return;
     }
 
@@ -775,15 +778,15 @@ onMounted(() => {
   height: 40px;
   display: flex;
   .label {
-    width: 60px;
+    width: 100px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     border-right: 1px solid #ebeef5;
   }
   .value {
+    padding-left: 16px;
     width: 100%;
-    text-align: center;
     line-height: 40px;
   }
 }