<div class="cost-detail-container">
|
<!-- 顶部：日期范围 + 操作按钮 -->
|
<div class="search-bar">
|
<div>
|
<label>统计时间：</label>
|
<p style="position: relative; top: 6px;">{{moreInfo.conditions.startDate || '--'}}</p>
|
<span style="margin: 0 5px;">至</span>
|
<p style="position: relative; top: 6px;">{{moreInfo.conditions.endDate || '--'}}</p>
|
</div>
|
<div class="action-buttons">
|
<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>
|
</div>
|
</div>
|
|
<!-- 导航标签页 -->
|
<div class="vc-line-primary margin-top"></div>
|
<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>
|
</li>
|
<li class="nav-item">
|
<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>
|
</li>
|
<li class="nav-item">
|
<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>
|
</li>
|
<li class="nav-item">
|
<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>
|
</li>
|
<li class="nav-item">
|
<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>
|
</li>
|
</ul>
|
</div>
|
|
<!-- 数据表格 - 公共收益金 -->
|
<table v-if="moreInfo.currentTab == 'publicIncome'">
|
<thead>
|
<tr>
|
<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);">已公布-止(年月)</th>
|
<th style="background-color: rgb(233, 243, 255);">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in moreInfo.dataList">
|
<td>{{item.proposedStartDate || '-'}}</td>
|
<td>{{item.proposedEndDate || '-'}}</td>
|
<td>{{item.publishedStartDate || '-'}}</td>
|
<td>{{item.publishedEndDate || '-'}}</td>
|
<td>
|
<a href="javascript:void(0)" v-on:click="_viewDetailPublicIncome(item)">详情</a>
|
<a href="javascript:void(0)" v-on:click="_editPublicIncome(item)">编辑</a>
|
<a href="javascript:void(0)" v-on:click="_delete(item)">删除</a>
|
</td>
|
</tr>
|
<tr v-if="moreInfo.dataList.length == 0">
|
<td colspan="5" style="text-align: center; color: #999;">暂无数据</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<!-- 数据表格 - 业委会公约 -->
|
<table v-if="moreInfo.currentTab == 'convention'">
|
<thead>
|
<tr>
|
<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);">业委会征询表 (是否)</th>
|
<th style="background-color: rgb(233, 243, 255);">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in moreInfo.dataList">
|
<td>{{(moreInfo.paginationInfo.currentPage - 1) * moreInfo.paginationInfo.rows + index + 1}}</td>
|
<td>{{item.amount || '-'}}</td>
|
<td>{{item.meetingResolution == '1' ? '是' : '否'}}</td>
|
<td>{{item.consultationForm == '1' ? '是' : '否'}}</td>
|
<td>
|
<a href="javascript:void(0)" v-on:click="_viewDetail(item)">详情</a>
|
<a href="javascript:void(0)" v-on:click="_edit(item)">编辑</a>
|
<a href="javascript:void(0)" v-on:click="_delete(item)">删除</a>
|
</td>
|
</tr>
|
<tr v-if="moreInfo.dataList.length == 0">
|
<td colspan="5" style="text-align: center; color: #999;">暂无数据</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<!-- 数据表格 - 支取存在问题 -->
|
<table v-if="moreInfo.currentTab == 'withdrawalIssues'">
|
<thead>
|
<tr>
|
<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);">弄</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>
|
<th style="background-color: rgb(233, 243, 255);">业主地址</th>
|
<th style="background-color: rgb(233, 243, 255);">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in moreInfo.dataList">
|
<td>{{item.issue || '-'}}</td>
|
<td>{{item.shortageAmount || '-'}}</td>
|
<td>{{item.roadName || '-'}}</td>
|
<td>{{item.lane || '-'}}</td>
|
<td>{{item.door || '-'}}</td>
|
<td>{{item.room || '-'}}</td>
|
<td>{{item.doorRoomNumber || '-'}}</td>
|
<td>{{item.ownerAddress || '-'}}</td>
|
<td>
|
<a href="javascript:void(0)" v-on:click="_viewDetail(item)">详情</a>
|
<a href="javascript:void(0)" v-on:click="_edit(item)">编辑</a>
|
<a href="javascript:void(0)" v-on:click="_delete(item)">删除</a>
|
</td>
|
</tr>
|
<tr v-if="moreInfo.dataList.length == 0">
|
<td colspan="9" style="text-align: center; color: #999;">暂无数据</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<!-- 数据表格 - 质保金/验收审核 -->
|
<table v-if="moreInfo.currentTab == 'warranty'">
|
<thead>
|
<tr>
|
<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);">质保金占比</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>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in moreInfo.dataList">
|
<td>{{item.withdrawalDate || '-'}}</td>
|
<td>{{item.warrantyStartDate || '-'}}</td>
|
<td>{{item.warrantyEndDate || '-'}}</td>
|
<td>{{item.warrantyRatio || '-'}}</td>
|
<td>{{item.warrantyAmount || '-'}}</td>
|
<td></td>
|
<td>
|
<a href="javascript:void(0)" v-on:click="_viewDetail(item)">详情</a>
|
<a href="javascript:void(0)" v-on:click="_edit(item)">编辑</a>
|
<a href="javascript:void(0)" v-on:click="_delete(item)">删除</a>
|
</td>
|
</tr>
|
<tr v-if="moreInfo.dataList.length == 0">
|
<td colspan="7" style="text-align: center; color: #999;">暂无数据</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<!-- 数据表格 - 打印明细 -->
|
<table v-if="moreInfo.currentTab == 'printDetail'">
|
<thead>
|
<tr>
|
<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);">决议编号</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>
|
<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);">弄</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>
|
<th style="background-color: rgb(233, 243, 255);">到账凭证</th>
|
<th style="background-color: rgb(233, 243, 255);">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in moreInfo.dataList">
|
<td>{{(moreInfo.paginationInfo.currentPage - 1) * moreInfo.paginationInfo.rows + index + 1}}</td>
|
<td>{{item.printTimes || '-'}}</td>
|
<td>{{item.printDate || '-'}}</td>
|
<td>{{item.resolutionNumber || '-'}}</td>
|
<td>{{item.printAmount || '-'}}</td>
|
<td>{{item.arrivalDate || '-'}}</td>
|
<td>{{item.arrivalAmount || '-'}}</td>
|
<td>{{item.payer || '-'}}</td>
|
<td>{{item.shortageAmount || '-'}}</td>
|
<td>{{item.roadName || '-'}}</td>
|
<td>{{item.lane || '-'}}</td>
|
<td>{{item.door || '-'}}</td>
|
<td>{{item.room || '-'}}</td>
|
<td>{{item.ownerAddress || '-'}}</td>
|
<td>{{item.arrivalVoucher || '-'}}</td>
|
<td>
|
<a href="javascript:void(0)" v-on:click="_viewDetail(item)">详情</a>
|
<a href="javascript:void(0)" v-on:click="_edit(item)">编辑</a>
|
<a href="javascript:void(0)" v-on:click="_delete(item)">删除</a>
|
</td>
|
</tr>
|
<tr v-if="moreInfo.dataList.length == 0">
|
<td colspan="16" style="text-align: center; color: #999;">暂无数据</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<!-- 数据表格 - 打印汇总 -->
|
<table v-if="moreInfo.currentTab == 'printSummary'">
|
<thead>
|
<tr>
|
<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);">支付公司或个人名称</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>
|
<th style="background-color: rgb(233, 243, 255);">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in moreInfo.dataList">
|
<td>{{(moreInfo.paginationInfo.currentPage - 1) * moreInfo.paginationInfo.rows + index + 1}}</td>
|
<td>{{item.printTotal || '-'}}</td>
|
<td>{{item.arrivalTotal || '-'}}</td>
|
<td>{{item.arrivalRate || '-'}}</td>
|
<td>{{item.shortageAmount || '-'}}</td>
|
<td>{{item.managementFeeRatio || '-'}}</td>
|
<td>{{item.managementFee || '-'}}</td>
|
<td>{{item.payableAmountA || '-'}}</td>
|
<td>{{item.payableAmountB || '-'}}</td>
|
<td>{{item.payableAmountC || '-'}}</td>
|
<td>{{item.payeeName || '-'}}</td>
|
<td>{{item.idNumber || '-'}}</td>
|
<td>{{item.bankName || '-'}}</td>
|
<td>{{item.accountNumber || '-'}}</td>
|
<td>
|
<a href="javascript:void(0)" v-on:click="_viewDetail(item)">详情</a>
|
<a href="javascript:void(0)" v-on:click="_edit(item)">编辑</a>
|
<a href="javascript:void(0)" v-on:click="_delete(item)">删除</a>
|
</td>
|
</tr>
|
<tr v-if="moreInfo.dataList.length == 0">
|
<td colspan="15" style="text-align: center; color: #999;">暂无数据</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<!-- 数据表格 - 应付/实付 -->
|
<table v-if="moreInfo.currentTab == 'payablePaid'">
|
<thead>
|
<tr>
|
<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);">拟付日期</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>
|
<th style="background-color: rgb(233, 243, 255);">实付日期</th>
|
<th style="background-color: rgb(233, 243, 255);">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in moreInfo.dataList">
|
<td>{{(moreInfo.paginationInfo.currentPage - 1) * moreInfo.paginationInfo.rows + index + 1}}</td>
|
<td>{{item.proposedAmount || '-'}}</td>
|
<td>{{item.times || '-'}}</td>
|
<td>{{item.proposedDate || '-'}}</td>
|
<td>{{item.category || '-'}}</td>
|
<td>{{item.reimburser || '-'}}</td>
|
<td>{{item.actualAmount || '-'}}</td>
|
<td>{{item.actualDate || '-'}}</td>
|
<td>
|
<a href="javascript:void(0)" v-on:click="_viewDetail(item)">详情</a>
|
<a href="javascript:void(0)" v-on:click="_edit(item)">编辑</a>
|
<a href="javascript:void(0)" v-on:click="_delete(item)">删除</a>
|
</td>
|
</tr>
|
<tr v-if="moreInfo.dataList.length == 0">
|
<td colspan="9" style="text-align: center; color: #999;">暂无数据</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<!-- 数据表格 - 应付实付汇总 -->
|
<table v-if="moreInfo.currentTab == 'payablePaidSummary'">
|
<thead>
|
<tr>
|
<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);">垫付金额</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);">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in moreInfo.dataList">
|
<td>{{item.proposedTotal || '-'}}</td>
|
<td>{{item.actualTotal || '-'}}</td>
|
<td>{{item.unpaidTotal || '-'}}</td>
|
<td>{{item.advanceAmount || '-'}}</td>
|
<td>{{item.unpaidTotalAccounted || '-'}}</td>
|
<td>{{item.pendingAmountA || '-'}}</td>
|
<td>{{item.pendingAmountB || '-'}}</td>
|
<td>{{item.pendingAmountC || '-'}}</td>
|
<td>
|
<a href="javascript:void(0)" v-on:click="_viewDetail(item)">详情</a>
|
<a href="javascript:void(0)" v-on:click="_edit(item)">编辑</a>
|
<a href="javascript:void(0)" v-on:click="_delete(item)">删除</a>
|
</td>
|
</tr>
|
<tr v-if="moreInfo.dataList.length == 0">
|
<td colspan="9" style="text-align: center; color: #999;">暂无数据</td>
|
</tr>
|
</tbody>
|
</table>
|
|
|
<!-- 数据表格 - 备注 -->
|
<table v-if="moreInfo.currentTab == 'remarks'">
|
<thead>
|
<tr>
|
<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);">备注内容</th>
|
<th style="background-color: rgb(233, 243, 255);">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(item, index) in moreInfo.dataList">
|
<td>{{(moreInfo.paginationInfo.currentPage - 1) * moreInfo.paginationInfo.rows + index + 1}}</td>
|
<td>{{item.time || '-'}}</td>
|
<td>{{item.remarker || '-'}}</td>
|
<td>{{item.remarkContent || '-'}}</td>
|
<td>
|
<a href="javascript:void(0)" v-on:click="_viewDetail(item)">详情</a>
|
<a href="javascript:void(0)" v-on:click="_edit(item)">编辑</a>
|
<a href="javascript:void(0)" v-on:click="_delete(item)">删除</a>
|
</td>
|
</tr>
|
<tr v-if="moreInfo.dataList.length == 0">
|
<td colspan="5" style="text-align: center; color: #999;">暂无数据</td>
|
</tr>
|
</tbody>
|
</table>
|
|
<!-- 分页栏 -->
|
<div class="pagination">
|
<span class="pagination-info">共{{moreInfo.paginationInfo.dataCount || 0}}条记录</span>
|
<div class="pagination-controls">
|
<select class="page-size-select" v-model="moreInfo.paginationInfo.rows" v-on:change="_changePageSize()">
|
<option value="15">15</option>
|
<option value="30">30</option>
|
<option value="50">50</option>
|
<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 != '...'">
|
{{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 class="jump-label">跳转至</span>
|
<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="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="_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="请输入名称">
|
<span class="edit-input-unit">元</span>
|
</div>
|
</div>
|
<div class="form-group edit-form-group">
|
<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"> 是
|
</label>
|
<label class="edit-radio-label">
|
<input type="radio" name="meetingResolution" value="0"
|
v-model="moreInfo.editForm.meetingResolution"> 否
|
</label>
|
</div>
|
</div>
|
<div class="form-group edit-form-group">
|
<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"> 是
|
</label>
|
<label class="edit-radio-label">
|
<input type="radio" name="consultationForm" value="0"
|
v-model="moreInfo.editForm.consultationForm"> 否
|
</label>
|
</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="_hideEditPublicModal()">取消</button>
|
<button type="button" class="btn btn-primary" v-on:click="_saveEditPublicIncome()">确认</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
