公共收益金增删查改

liubp

2025-12-26 c08d1c10fbafd7f57eb51c51269a95c281383ae3

 public/pages/property/costDetail/more/more.html

@@ -3,14 +3,14 @@
    <div class="search-bar">
        <div>
            <label>统计时间：</label>
            <input type="date" class="form-control startDate" placeholder="请选择开始日期" v-model="moreInfo.conditions.startDate" />
            <p style="position: relative; top: 6px;">{{moreInfo.conditions.startDate || '--'}}</p>
            <span style="margin: 0 5px;">至</span>
            <input type="date" class="form-control endDate" placeholder="请选择结束日期" v-model="moreInfo.conditions.endDate" />
            <p style="position: relative; top: 6px;">{{moreInfo.conditions.endDate || '--'}}</p>
        </div>
        <div class="action-buttons">
            <button type="button" class="edit-btn" v-on:click="_editPublicIncome()" style="line-height: 0px;">编辑</button>
            <button type="button" class="add-btn" v-on:click="_add()" style="line-height: 0px;">添加</button>
            <button type="button" class="import-btn" v-on:click="_export()" style="line-height: 0px; background-color: white; color: #333; border: 1px solid #e8e8e8;">导出</button>
            <button type="button" class="import-btn" v-on:click="_export()"
                style="line-height: 0px; background-color: white; color: #333; border: 1px solid #e8e8e8;">导出</button>
        </div>
    </div>

@@ -19,47 +19,56 @@
    <div class="margin-top-sm">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'publicIncome'}" v-on:click="changeTab('publicIncome')">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'publicIncome'}"
                    v-on:click="changeTab('publicIncome')">
                    公共收益金
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'convention'}" v-on:click="changeTab('convention')">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'convention'}"
                    v-on:click="changeTab('convention')">
                    业委会公约
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'withdrawalIssues'}" v-on:click="changeTab('withdrawalIssues')">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'withdrawalIssues'}"
                    v-on:click="changeTab('withdrawalIssues')">
                    支取存在问题
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'warranty'}" v-on:click="changeTab('warranty')">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'warranty'}"
                    v-on:click="changeTab('warranty')">
                    质保金/验收审核
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'printDetail'}" v-on:click="changeTab('printDetail')">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'printDetail'}"
                    v-on:click="changeTab('printDetail')">
                    打印明细
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'printSummary'}" v-on:click="changeTab('printSummary')">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'printSummary'}"
                    v-on:click="changeTab('printSummary')">
                    打印汇总
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'payablePaid'}" v-on:click="changeTab('payablePaid')">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'payablePaid'}"
                    v-on:click="changeTab('payablePaid')">
                    应付/实付
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'payablePaidSummary'}" v-on:click="changeTab('payablePaidSummary')">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'payablePaidSummary'}"
                    v-on:click="changeTab('payablePaidSummary')">
                    应付实付汇总
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'remarks'}" v-on:click="changeTab('remarks')">
                <a class="nav-link" v-bind:class="{active:moreInfo.currentTab == 'remarks'}"
                    v-on:click="changeTab('remarks')">
                    备注
                </a>
            </li>
@@ -252,13 +261,20 @@
                <th style="background-color: rgb(233, 243, 255);">序号</th>
                <th style="background-color: rgb(233, 243, 255);">打印合计</th>
                <th style="background-color: rgb(233, 243, 255);">到账合计</th>
                <th style="background-color: rgb(233, 243, 255);">到账率 <span title="维修基金或公共收益金到账率" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">尚缺金额 <span title="维修基金或公共收益金尚缺金额" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">管理费占比 <span title="按照施工单位承诺函,人工输入值" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">管理费 <span title="按照施工单位承诺函,人工输入值" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">应付金额A <span title="签报业委会金额—管理费" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">应付金额B <span title="签报业委会金额—质保金金额—管理" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">应付金额C <span title="按到账应付—同比管理费,到账金额不包含质保金" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">到账率 <span title="维修基金或公共收益金到账率"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">尚缺金额 <span title="维修基金或公共收益金尚缺金额"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">管理费占比 <span title="按照施工单位承诺函,人工输入值"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">管理费 <span title="按照施工单位承诺函,人工输入值"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">应付金额A <span title="签报业委会金额—管理费"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">应付金额B <span title="签报业委会金额—质保金金额—管理"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">应付金额C <span title="按到账应付—同比管理费,到账金额不包含质保金"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">支付公司或个人名称</th>
                <th style="background-color: rgb(233, 243, 255);">身份证号</th>
                <th style="background-color: rgb(233, 243, 255);">开户银行</th>
@@ -293,18 +309,6 @@
            </tr>
        </tbody>
    </table>
    <!-- 打印汇总备注说明 -->
    <!-- <div v-if="moreInfo.currentTab == 'printSummary'" style="margin-top: 20px; padding: 10px; background-color: #f5f5f5; border-radius: 4px;">
        <div style="font-weight: bold; margin-bottom: 10px;">备注:光标浮在①上时,有解释提示,内容如下:</div>
        <div style="margin-left: 20px;">
            <div><strong>到账率:</strong> 维修基金或公共收益金到账率</div>
            <div><strong>尚缺金额:</strong> 维修基金或公共收益金尚缺金额</div>
            <div><strong>管理费占比:</strong> 按照施工单位承诺函,人工输入值</div>
            <div><strong>应付金额A:</strong> 签报业委会金额—管理费</div>
            <div><strong>应付金额B:</strong> 签报业委会金额—质保金金额—管理</div>
            <div><strong>应付金额C:</strong> 按到账应付—同比管理费,到账金额不包含质保金</div>
        </div>
    </div> -->

    <!-- 数据表格 - 应付/实付 -->
    <table v-if="moreInfo.currentTab == 'payablePaid'">
@@ -352,9 +356,12 @@
                <th style="background-color: rgb(233, 243, 255);">未付合计</th>
                <th style="background-color: rgb(233, 243, 255);">垫付金额</th>
                <th style="background-color: rgb(233, 243, 255);">未付合计-到帐口径</th>
                <th style="background-color: rgb(233, 243, 255);">待付金额A <span title="签报业委会金额—管理费" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">待付金额B <span title="签报业委会金额—质保金金额—管理" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">待付金额C <span title="按到账应付—同比管理费,到账金额不包含质保金" style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">待付金额A <span title="签报业委会金额—管理费"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">待付金额B <span title="签报业委会金额—质保金金额—管理"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">待付金额C <span title="按到账应付—同比管理费,到账金额不包含质保金"
                        style="cursor: pointer;">①</span></th>
                <th style="background-color: rgb(233, 243, 255);">操作</th>
            </tr>
        </thead>
@@ -379,15 +386,7 @@
            </tr>
        </tbody>
    </table>
    <!-- 应付实付汇总备注说明 -->
    <!-- <div v-if="moreInfo.currentTab == 'payablePaidSummary'" style="margin-top: 20px; padding: 10px; background-color: #f5f5f5; border-radius: 4px;">
        <div style="font-weight: bold; margin-bottom: 10px;">备注:光标浮在①上时,有解释提示,内容如下:</div>
        <div style="margin-left: 20px;">
            <div><strong>待付金额A:</strong> 签报业委会金额—管理费</div>
            <div><strong>待付金额B:</strong> 签报业委会金额—质保金金额—管理</div>
            <div><strong>待付金额C:</strong> 按到账应付—同比管理费,到账金额不包含质保金</div>
        </div>
    </div> -->


    <!-- 数据表格 - 备注 -->
    <table v-if="moreInfo.currentTab == 'remarks'">
@@ -429,40 +428,137 @@
                <option value="100">100</option>
            </select>
            <span class="page-size-label">/页</span>
            <button class="page-btn" v-on:click="_goToPage(moreInfo.paginationInfo.currentPage - 1)" 
                    :disabled="moreInfo.paginationInfo.currentPage == 1">‹</button>
            <button class="page-btn" v-for="page in moreInfo.paginationInfo.pageList" 
                    :class="{active: page.currentPage}" 
                    v-on:click="_goToPage(page.page)"
                    v-if="page.pageView != '...'">
            <button class="page-btn" v-on:click="_goToPage(moreInfo.paginationInfo.currentPage - 1)"
                :disabled="moreInfo.paginationInfo.currentPage == 1">‹</button>
            <button class="page-btn" v-for="page in moreInfo.paginationInfo.pageList"
                :class="{active: page.currentPage}" v-on:click="_goToPage(page.page)" v-if="page.pageView != '...'">
                {{page.pageView}}
            </button>
            <span v-for="page in moreInfo.paginationInfo.pageList" 
                  v-if="page.pageView == '...'"
                  class="page-ellipsis">...</span>
            <button class="page-btn" v-on:click="_goToPage(moreInfo.paginationInfo.currentPage + 1)" 
                    :disabled="moreInfo.paginationInfo.currentPage == moreInfo.paginationInfo.total">›</button>
            <span v-for="page in moreInfo.paginationInfo.pageList" v-if="page.pageView == '...'"
                class="page-ellipsis">...</span>
            <button class="page-btn" v-on:click="_goToPage(moreInfo.paginationInfo.currentPage + 1)"
                :disabled="moreInfo.paginationInfo.currentPage == moreInfo.paginationInfo.total">›</button>
            <span class="jump-label">跳转至</span>
            <input type="number" class="jump-input" v-model="moreInfo.jumpPage" min="1" :max="moreInfo.paginationInfo.total" />
            <input type="number" class="jump-input" v-model="moreInfo.jumpPage" min="1"
                :max="moreInfo.paginationInfo.total" />
            <span class="page-label">页</span>
            <button class="page-btn" v-on:click="_jumpToPage()">确定</button>
        </div>
    </div>
</div>

<!-- 编辑公共收益金 Modal -->
<div class="modal fade" id="editPublicIncomeModal" inert aria-hidden="true" tabindex="-1" style="position: relative; top: 50%; left: 50%; transform: translate(-50%, -30%);">
<!-- 添加公告时间范围 Modal -->
<div class="modal fade" id="addAnnouncementTimeRangeModal" inert aria-hidden="true" tabindex="-1"
    style="position: relative; top: 50%; left: 50%; transform: translate(-50%, -30%);">
    <div class="modal-dialog">
        <div class="modal-content" style="border-radius: 10px;">
            <div class="modal-header">
                <h4 class="modal-title">添加</h4>
                <button type="button" class="close" v-on:click="_hideAddAnnouncementModal()" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body edit-public-income-modal">
                <div class="form-group edit-form-group">
                    <label class="edit-form-label">拟公布-起始(年月)</label>
                    <div class="edit-input-wrapper">
                        <input type="month" class="form-control edit-input"
                            v-model.trim="moreInfo.addForm.plannedAnnouncementStart" placeholder="请选择年月">
                    </div>
                </div>
                <div class="form-group edit-form-group">
                    <label class="edit-form-label">拟公布-止(年月)</label>
                    <div class="edit-input-wrapper">
                        <input type="month" class="form-control edit-input"
                            v-model.trim="moreInfo.addForm.plannedAnnouncementEnd" placeholder="请选择年月">
                    </div>
                </div>
                <div class="form-group edit-form-group">
                    <label class="edit-form-label">已公布-起始(年月)</label>
                    <div class="edit-input-wrapper">
                        <input type="month" class="form-control edit-input"
                            v-model.trim="moreInfo.addForm.publishedAnnouncementStart" placeholder="请选择年月">
                    </div>
                </div>
                <div class="form-group edit-form-group">
                    <label class="edit-form-label">已公布-止(年月)</label>
                    <div class="edit-input-wrapper">
                        <input type="month" class="form-control edit-input"
                            v-model.trim="moreInfo.addForm.publishedAnnouncementEnd" placeholder="请选择年月">
                    </div>
                </div>
            </div>
            <div style="display: flex; justify-content: center; padding-bottom: 20px; gap: 20px;">
                <button type="button" class="btn btn-white" v-on:click="_hideAddAnnouncementModal()">取消</button>
                <button type="button" class="btn btn-primary" v-on:click="_saveAddAnnouncementTimeRange()">确认</button>
            </div>
        </div>
    </div>
</div>

<!-- 编辑公告时间范围 Modal -->
<div class="modal fade" id="editAnnouncementTimeRangeModal" inert aria-hidden="true" tabindex="-1"
    style="position: relative; top: 50%; left: 50%; transform: translate(-50%, -30%);">
    <div class="modal-dialog">
        <div class="modal-content" style="border-radius: 10px;">
            <div class="modal-header">
                <h4 class="modal-title">编辑</h4>
                <button type="button" class="close" v-on:click="_hideEditPublicModal()" aria-label="Close"><span aria-hidden="true">×</span></button>
                <button type="button" class="close" v-on:click="_hideEditAnnouncementModal()" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body edit-public-income-modal">
                <div class="form-group edit-form-group">
                    <label class="edit-form-label">拟公布-起始(年月)</label>
                    <div class="edit-input-wrapper">
                        <input type="month" class="form-control edit-input"
                            v-model.trim="moreInfo.editAnnouncementForm.plannedAnnouncementStart" placeholder="请选择年月">
                    </div>
                </div>
                <div class="form-group edit-form-group">
                    <label class="edit-form-label">拟公布-止(年月)</label>
                    <div class="edit-input-wrapper">
                        <input type="month" class="form-control edit-input"
                            v-model.trim="moreInfo.editAnnouncementForm.plannedAnnouncementEnd" placeholder="请选择年月">
                    </div>
                </div>
                <div class="form-group edit-form-group">
                    <label class="edit-form-label">已公布-起始(年月)</label>
                    <div class="edit-input-wrapper">
                        <input type="month" class="form-control edit-input"
                            v-model.trim="moreInfo.editAnnouncementForm.publishedAnnouncementStart" placeholder="请选择年月">
                    </div>
                </div>
                <div class="form-group edit-form-group">
                    <label class="edit-form-label">已公布-止(年月)</label>
                    <div class="edit-input-wrapper">
                        <input type="month" class="form-control edit-input"
                            v-model.trim="moreInfo.editAnnouncementForm.publishedAnnouncementEnd" placeholder="请选择年月">
                    </div>
                </div>
            </div>
            <div style="display: flex; justify-content: center; padding-bottom: 20px; gap: 20px;">
                <button type="button" class="btn btn-white" v-on:click="_hideEditAnnouncementModal()">取消</button>
                <button type="button" class="btn btn-primary" v-on:click="_saveEditAnnouncementTimeRange()">确认</button>
            </div>
        </div>
    </div>
</div>

<!-- 编辑公共收益金 Modal -->
<div class="modal fade" id="editPublicIncomeModal" inert aria-hidden="true" tabindex="-1"
    style="position: relative; top: 50%; left: 50%; transform: translate(-50%, -30%);">
    <div class="modal-dialog">
        <div class="modal-content" style="border-radius: 10px;">
            <div class="modal-header">
                <h4 class="modal-title">编辑</h4>
                <button type="button" class="close" v-on:click="_hideEditPublicModal()" aria-label="Close"><span
                        aria-hidden="true">×</span></button>
            </div>
            <div class="modal-body edit-public-income-modal">
                <div class="form-group edit-form-group">
                    <label class="edit-form-label">额度</label>
                    <div class="edit-input-wrapper">
                        <input type="text" class="form-control edit-input" v-model.trim="moreInfo.editForm.amount" placeholder="请输入名称">
                        <input type="text" class="form-control edit-input" v-model.trim="moreInfo.editForm.amount"
                            placeholder="请输入名称">
                        <span class="edit-input-unit">元</span>
                    </div>
                </div>
@@ -470,10 +566,12 @@
                    <label class="edit-form-label">业委会大会决议</label>
                    <div class="edit-radio-group">
                        <label class="edit-radio-label">
                            <input type="radio" name="meetingResolution" value="1" v-model="moreInfo.editForm.meetingResolution"> 是
                            <input type="radio" name="meetingResolution" value="1"
                                v-model="moreInfo.editForm.meetingResolution"> 是
                        </label>
                        <label class="edit-radio-label">
                            <input type="radio" name="meetingResolution" value="0" v-model="moreInfo.editForm.meetingResolution"> 否
                            <input type="radio" name="meetingResolution" value="0"
                                v-model="moreInfo.editForm.meetingResolution"> 否
                        </label>
                    </div>
                </div>
@@ -481,10 +579,12 @@
                    <label class="edit-form-label">业委会征询表</label>
                    <div class="edit-radio-group">
                        <label class="edit-radio-label">
                            <input type="radio" name="consultationForm" value="1" v-model="moreInfo.editForm.consultationForm"> 是
                            <input type="radio" name="consultationForm" value="1"
                                v-model="moreInfo.editForm.consultationForm"> 是
                        </label>
                        <label class="edit-radio-label">
                            <input type="radio" name="consultationForm" value="0" v-model="moreInfo.editForm.consultationForm"> 否
                            <input type="radio" name="consultationForm" value="0"
                                v-model="moreInfo.editForm.consultationForm"> 否
                        </label>
                    </div>
                </div>
@@ -495,5 +595,4 @@
            </div>
        </div>
    </div>
</div>

</div>