费用明细表，查询，编辑，删除，添加接口对接，公益金表接口对接，页面样式优化

liubp

2025-12-25 c1fd6952f42461bc7e83c97f594a52fc1af934eb

 public/pages/property/costDetail/costDetail.html

@@ -4,14 +4,14 @@
    <!-- 搜索栏 -->
    <div class="search-bar">
        <div>
            <label>日期：</label>
            <input type="text" class="form-control queryDate" placeholder="请选择日期" v-model="costDetailInfo.conditions.date" />
            <label>年份：</label>
            <input type="date" class="form-control queryDate" placeholder="请输入年份" v-model="costDetailInfo.conditions.year" min="2000" max="2099" />
        </div>
        <div>
            <label>小区：</label>
            <select class="form-control" v-model="costDetailInfo.conditions.communityName">
                <option value="">请选择</option>
                <option value="鱼塘花园A区">鱼塘花园A区</option>
                <option v-for="community in costDetailInfo.communityList" :value="community.name">{{community.name}}</option>
            </select>
        </div>
        <div>
@@ -21,10 +21,9 @@
        <button type="button" class="query-btn" v-on:click="_queryCostDetails()" style="line-height: 0px;">查询</button>
        <button type="button" class="reset-btn" v-on:click="_resetQuery()" style="line-height: 0px;">重置</button>
        <div class="action-buttons">
            <button type="button" class="add-btn" v-on:click="_addCostDetail()" style="line-height: 0px;">
                添加
            </button>
            <button type="button" class="download-btn" v-on:click="_downloadTemplate()" style="line-height: 0px; ">模板下载</button>
            <button type="button" class="import-btn" v-on:click="_importCostDetail()" style="line-height: 0px;">费用导入</button>
            <button type="button" class="add-btn" v-on:click="_addCostDetail()" style="line-height: 0px;">添加</button>
        </div>
    </div>

@@ -32,44 +31,45 @@
    <table>
        <thead>
            <tr id="costDetailTableHead">
                <th>序号</th>
                <th>流转编码</th>
                <th>小区编码</th>
                <th>小区名称</th>
                <th>日期</th>
                <th>工程内容</th>
                <th>管理处金额 (元)</th>
                <th>是否盖章</th>
                <th>业委会金额 (元)</th>
                <th>审价金额 (元)</th>
                <th>是否盖章</th>
                <th>签报部门</th>
                <th>基金类型-一级分类</th>
                <th>基金类型-二级分类</th>
                <th>幢/全体</th>
                <th>维修类型</th>
                <th>操作</th>
                <th style="width: 8px;">序号</th>
                <th style="width: 15px;">流转编码</th>
                <th style="width: 6px;">小区编码</th>
                <th style="width: 8px;">小区名称</th>
                <th style="width: 35px;">日期</th>
                <th style="width: 200px;">工程内容</th>
                <th style="width: 6px;">管理处金额 (元)</th>
                <th style="width: 6px;">是否盖章</th>
                <th style="width: 12px;">业委会金额 (元)</th>
                <th style="width: 20px;">审价金额 (元)</th>
                <th style="width: 6px;">是否盖章</th>
                <th style="width: 8px;">签报部门</th>
                <th style="width: 12px;">基金类型-一级分类</th>
                <th style="width: 12px;">基金类型-二级分类</th>
                <th style="width: 6px;">幢/全体</th>
                <th style="width: 8px;">维修类型</th>
                <th style="width: 220px;">操作</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="(item, index) in costDetailInfo.costDetails">
                <td>{{(costDetailInfo.paginationInfo.currentPage - 1) * costDetailInfo.paginationInfo.rows + index + 1}}</td>
                <td>{{item.flowCode || '-'}}</td>
                <td>{{item.communityCode || '-'}}</td>
                <td>{{item.communityName || '-'}}</td>
                <td>{{item.date || '-'}}</td>
                <td>{{item.projectContent || '-'}}</td>
                <td>{{item.managementAmount || '-'}}</td>
                <td>{{item.flowCode || '--'}}</td>
                <td>{{item.communityCode || '--'}}</td>
                <td>{{item.communityName || '--'}}</td>
                <td>{{item.date || '--'}}</td>
                <td>{{item.projectContent || '--'}}</td>
                <td>{{item.managementAmount || '--'}}</td>
                <td>{{item.managementStamped == '1' ? '是' : '否'}}</td>
                <td>{{item.committeeAmount || '-'}}</td>
                <td>{{item.appraisalAmount || '-'}}</td>
                <td>{{item.committeeAmount || '--'}}</td>
                <td>{{item.appraisalAmount || '--'}}</td>
                <td>{{item.committeeStamped == '1' ? '是' : '否'}}</td>
                <td>{{item.approvalDepartment || '-'}}</td>
                <td>{{item.fundTypeLevel1 || '-'}}</td>
                <td>{{item.fundTypeLevel2 || '-'}}</td>
                <td>{{item.buildingType || '-'}}</td>
                <td>{{item.maintenanceType || '-'}}</td>
                <td>{{item.approvalDepartment || '--'}}</td>
                <td>{{item.fundTypeLevel1 || '--'}}</td>
                <td>{{item.fundTypeLevel2 || '--'}}</td>
                <td>{{item.buildingType || '--'}}</td>
                <td>{{item.maintenanceType || '--'}}</td>
                <td>
                    <a href="javascript:void(0)" v-on:click="_viewCostDetail(item)">详情</a>
                    <a href="javascript:void(0)" v-on:click="_viewMore(item)">更多</a>
                    <a href="javascript:void(0)" v-on:click="_editCostDetail(item)">编辑</a>
                    <a href="javascript:void(0)" v-on:click="_deleteCostDetail(item)">删除</a>