明树Git Lab

Skip to content

J
jt_front
Commit 4d92a658 authored by zhanghan's avatar zhanghan
Browse files
Options

参股企业修改完毕

parent 65fe1aeb
Show whitespace changes
Inline Side-by-side
Showing with 55 additions and 52 deletions
src/views/everydayPage/shareAdd.vue
View file @ 4d92a658
...@@ -262,49 +262,6 @@ ...@@ -262,49 +262,6 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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>
<el-collapse-item title="资金流出" name="资金流出"> <el-collapse-item title="资金流出" name="资金流出">
<el-row :gutter="20"> <el-row :gutter="20">
...@@ -407,9 +364,53 @@ ...@@ -407,9 +364,53 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </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="subtotal">
<div class="label">小记</div> <div class="label">流入小计</div>
<div class="value">{{ subtotalNum }}</div> <div class="value">{{ subtotalNum }}（万元）</div>
</div> </div>
</el-collapse-item> </el-collapse-item>
...@@ -490,14 +491,16 @@ const token = ref( ...@@ -490,14 +491,16 @@ const token = ref(
// 小记金额 // 小记金额
const subtotalNum = computed(() => { const subtotalNum = computed(() => {
let totalHtje = wtyys.value.reduce((sum, item) => { let totalHtje = tzfhs.value.reduce((sum, item) => {
const num = Number(item.htje) || 0; // 兼容空值/非数字 const num = Number(item.fhje) || 0; // 兼容空值/非数字
return sum + num; return sum + num;
}, 0); }, 0);
let totalYwlr = wtyys.value.reduce((sum, item) => { let totalYwlr = wtyys.value.reduce((sum, item) => {
const num = Number(item.ywlr) || 0; // 兼容空值/非数字 const num = Number(item.ywlr) || 0; // 兼容空值/非数字
return sum + num; return sum + num;
}, 0); }, 0);
console.log(totalYwlr, "totalYwlr");
console.log(totalHtje, "totalHtje");
return (totalHtje + totalYwlr).toFixed(2); return (totalHtje + totalYwlr).toFixed(2);
}); });
...@@ -572,14 +575,14 @@ function sumWtyysColumns(param) { ...@@ -572,14 +575,14 @@ function sumWtyysColumns(param) {
if (prop === "htje") { if (prop === "htje") {
const values = data.map((item) => Number(item.htje) || 0); const values = data.map((item) => Number(item.htje) || 0);
const total = values.reduce((prev, curr) => prev + curr, 0); const total = values.reduce((prev, curr) => prev + curr, 0);
sums[index] = total.toFixed(2); sums[index] = total.toFixed(2) + "（万元）";
return; return;
} }
if (prop === "ywlr") { if (prop === "ywlr") {
const values = data.map((item) => Number(item.ywlr) || 0); const values = data.map((item) => Number(item.ywlr) || 0);
const total = values.reduce((prev, curr) => prev + curr, 0); const total = values.reduce((prev, curr) => prev + curr, 0);
sums[index] = total.toFixed(2); sums[index] = total.toFixed(2) + "（万元）";
return; return;
} }
...@@ -610,7 +613,7 @@ function sumTzfhsColumns(param) { ...@@ -610,7 +613,7 @@ function sumTzfhsColumns(param) {
if (prop === "fhje") { if (prop === "fhje") {
const values = data.map((item) => Number(item.fhje) || 0); const values = data.map((item) => Number(item.fhje) || 0);
const total = values.reduce((prev, curr) => prev + curr, 0); const total = values.reduce((prev, curr) => prev + curr, 0);
sums[index] = total.toFixed(2); sums[index] = total.toFixed(2) + "（万元）";
return; return;
} }
...@@ -775,15 +778,15 @@ onMounted(() => { ...@@ -775,15 +778,15 @@ onMounted(() => {
height: 40px; height: 40px;
display: flex; display: flex;
.label { .label {
width: 60px; width: 100px;
height: 40px; height: 40px;
text-align: center; text-align: center;
line-height: 40px; line-height: 40px;
border-right: 1px solid #ebeef5; border-right: 1px solid #ebeef5;
} }
.value { .value {
padding-left: 16px;
width: 100%; width: 100%;
text-align: center;
line-height: 40px; line-height: 40px;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment