From 5bdaf416d66b675131004de1aba5d161772a52b0 Mon Sep 17 00:00:00 2001
From: liubp <1535785116@qq.com>
Date: 星期五, 19 十二月 2025 18:27:52 +0800
Subject: [PATCH] 添加所属小区字段
---
public/pages/property/costDetail/costDetail.html | 167 +++++++++++++++++++++++++------------------------------
1 files changed, 75 insertions(+), 92 deletions(-)
diff --git a/public/pages/property/costDetail/costDetail.html b/public/pages/property/costDetail/costDetail.html
index 94a61ef..ae94c64 100644
--- a/public/pages/property/costDetail/costDetail.html
+++ b/public/pages/property/costDetail/costDetail.html
@@ -1,132 +1,115 @@
-<div class="container">
+<div class="cost-detail-container">
<h2>璐圭敤鏄庣粏琛�</h2>
-
+
<!-- 鎼滅储鏍� -->
<div class="search-bar">
<div>
- <label>鏃ユ湡</label>
- <input type="datetime-local" value="2023-08-08T12:12:12">
+ <label>鏃ユ湡锛�</label>
+ <input type="text" class="form-control queryDate" placeholder="璇烽�夋嫨鏃ユ湡" v-model="costDetailInfo.conditions.date" />
</div>
<div>
- <label>灏忓尯</label>
- <select>
- <option>楸煎鑺卞洯A鍖�</option>
+ <label>灏忓尯锛�</label>
+ <select class="form-control" v-model="costDetailInfo.conditions.communityName" style="text-align: center;line-height: 0px;">
+ <option value="">璇烽�夋嫨</option>
+ <option value="楸煎鑺卞洯A鍖�">楸煎鑺卞洯A鍖�</option>
</select>
</div>
<div>
- <label>灏忓尯缂栫爜</label>
- <input type="text" placeholder="璇疯緭鍏�">
+ <label>灏忓尯缂栫爜锛�</label>
+ <input type="text" class="form-control" placeholder="璇疯緭鍏�" v-model="costDetailInfo.conditions.communityCode" />
</div>
- <button>鏌ヨ</button>
- <button>閲嶇疆</button>
- <div style="margin-left: auto;">
- <button class="add-btn">娣诲姞</button>
- <button class="import-btn">璐圭敤瀵煎叆</button>
+ <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="import-btn" v-on:click="_importCostDetail()" style="line-height: 0px;">璐圭敤瀵煎叆</button>
</div>
</div>
<!-- 璐圭敤琛ㄦ牸 -->
<table>
<thead>
- <tr>
+ <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>鍩洪噾绫诲瀷-涓�绾у垎绫�</th>
+ <th>鍩洪噾绫诲瀷-浜岀骇鍒嗙被</th>
<th>骞�/鍏ㄤ綋</th>
<th>缁翠慨绫诲瀷</th>
<th>鎿嶄綔</th>
</tr>
</thead>
<tbody>
- <tr>
- <td>1</td>
- <td>118652</td>
- <td>A-15-1-6</td>
- <td>楸煎鑺卞洯</td>
- <td>2025-10-10</td>
- <td>璺潰閬撶墮銆佸闈㈠ぇ鐞嗙煶</td>
- <td>50000.00</td>
- <td>鏄�</td>
- <td>50000.00</td>
- <td>50000.00</td>
- <td>鏄�</td>
- <td>宸ョ▼閮�</td>
- <td>缁翠慨鍩洪噾</td>
- <td>闃叉按</td>
- <td>鍏ㄤ綋</td>
- <td>閬撹矾</td>
- <td><a href="#">鏇村</a> <a href="#">缂栬緫</a> <a href="#">鍒犻櫎</a></td>
+ <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.managementStamped == '1' ? '鏄�' : '鍚�'}}</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>
+ <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>
+ </td>
</tr>
- <tr>
- <td>2</td>
- <td>118407</td>
- <td>A-15-1-5</td>
- <td>楸煎鑺卞洯</td>
- <td>2025-10-10</td>
- <td>璺潰閬撶墮銆佸闈㈠ぇ鐞嗙煶</td>
- <td>50000.00</td>
- <td>鏄�</td>
- <td>50000.00</td>
- <td>50000.00</td>
- <td>鏄�</td>
- <td>宸ョ▼閮�</td>
- <td>缁翠慨鍩洪噾</td>
- <td>鎴垮眿缁翠慨</td>
- <td>鍏ㄤ綋</td>
- <td>閬撹矾</td>
- <td><a href="#">鏇村</a> <a href="#">缂栬緫</a> <a href="#">鍒犻櫎</a></td>
+ <tr v-if="costDetailInfo.costDetails.length == 0">
+ <td colspan="17" style="text-align: center; color: #999;">鏆傛棤鏁版嵁</td>
</tr>
- <tr>
- <td>3</td>
- <td>118652</td>
- <td>A-15-1-4</td>
- <td>楸煎鑺卞洯</td>
- <td>2025-10-10</td>
- <td>璺潰閬撶墮銆佸闈㈠ぇ鐞嗙煶</td>
- <td>50000.00</td>
- <td>鍚�</td>
- <td>50000.00</td>
- <td>50000.00</td>
- <td>鍚�</td>
- <td>宸ョ▼閮�</td>
- <td>鍏叡鏀剁泭閲�</td>
- <td>绯荤粺澶�</td>
- <td>鍏ㄤ綋</td>
- <td>閬撹矾</td>
- <td><a href="#">鏇村</a> <a href="#">缂栬緫</a> <a href="#">鍒犻櫎</a></td>
- </tr>
- <!-- 鍙户缁坊鍔犲叾浠栬锛堢ず渚嬩粎灞曠ず鍓�3琛岋級 -->
</tbody>
</table>
<!-- 鍒嗛〉鏍� -->
<div class="pagination">
- <span>鍏�100鏉¤褰�</span>
- <div style="margin-left: auto;">
- <span>45/椤�</span>
- <button><</button>
- <button>1</button>
- <button class="active">2</button>
- <button>3</button>
- <button>4</button>
- <button>5</button>
- <span>...</span>
- <button>99</button>
- <button>></button>
- <span>璺宠浆鑷�</span>
- <input type="text" value="2">
- <span>椤�</span>
+ <span class="pagination-info">鍏眥{costDetailInfo.paginationInfo.dataCount || 0}}鏉¤褰�</span>
+ <div class="pagination-controls">
+ <select class="page-size-select" v-model="costDetailInfo.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(costDetailInfo.paginationInfo.currentPage - 1)"
+ :disabled="costDetailInfo.paginationInfo.currentPage == 1">鈥�</button>
+ <button class="page-btn" v-for="page in costDetailInfo.paginationInfo.pageList"
+ :class="{active: page.currentPage}"
+ v-on:click="_goToPage(page.page)"
+ v-if="page.pageView != '...'">
+ {{page.pageView}}
+ </button>
+ <span v-for="page in costDetailInfo.paginationInfo.pageList"
+ v-if="page.pageView == '...'"
+ class="page-ellipsis">...</span>
+ <button class="page-btn" v-on:click="_goToPage(costDetailInfo.paginationInfo.currentPage + 1)"
+ :disabled="costDetailInfo.paginationInfo.currentPage == costDetailInfo.paginationInfo.total">鈥�</button>
+ <span class="jump-label">璺宠浆鑷�</span>
+ <input type="number" class="jump-input" v-model="costDetailInfo.jumpPage" min="1" :max="costDetailInfo.paginationInfo.total" />
+ <span class="page-label">椤�</span>
+ <button class="page-btn" v-on:click="_jumpToPage()">纭畾</button>
</div>
</div>
-</div>
\ No newline at end of file
+</div>
+
--
Gitblit v1.8.0