From c1fd6952f42461bc7e83c97f594a52fc1af934eb Mon Sep 17 00:00:00 2001
From: liubp <1535785116@qq.com>
Date: 星期四, 25 十二月 2025 18:15:43 +0800
Subject: [PATCH] 费用明细表，查询，编辑，删除，添加接口对接，公益金表接口对接，页面样式优化
---
public/pages/property/costDetail/add/add.html | 54 ++++++++++++++++++++++++------------------------------
1 files changed, 24 insertions(+), 30 deletions(-)
diff --git a/public/pages/property/costDetail/add/add.html b/public/pages/property/costDetail/add/add.html
index 94a2b75..53c2294 100644
--- a/public/pages/property/costDetail/add/add.html
+++ b/public/pages/property/costDetail/add/add.html
@@ -4,35 +4,35 @@
<!-- 娴佽浆缂栫爜 + 鏃ユ湡 -->
<div class="form-row">
<label class="form-label" for="flowCode">娴佽浆缂栫爜</label>
- <input type="text" id="flowCode" class="form-input" placeholder="璇疯緭鍏�">
+ <input type="text" id="flowCode" class="form-input" placeholder="璇疯緭鍏�" v-model="costDetailInfo.flowCode">
<label class="form-label" for="date">鏃ユ湡</label>
- <input type="date" id="date" class="form-input" placeholder="yyyy/mm/鏃�">
+ <input type="date" id="date" class="form-input" placeholder="yyyy/mm/鏃�" v-model="costDetailInfo.date">
</div>
<!-- 灏忓尯鍚嶇О + 灏忓尯缂栫爜锛堝甫澶囨敞锛� -->
<div class="form-row">
<label class="form-label" for="communityName">灏忓尯鍚嶇О</label>
- <input type="text" id="communityName" class="form-input" placeholder="璇疯緭鍏�">
+ <input type="text" id="communityName" class="form-input" placeholder="璇疯緭鍏�" v-model="costDetailInfo.communityName">
<label class="form-label">灏忓尯缂栫爜</label>
- <input type="text" id="communityCode" class="form-input" placeholder="璇疯緭鍏�">
+ <input type="text" id="communityCode" class="form-input" placeholder="璇疯緭鍏�" v-model="costDetailInfo.communityCode">
</div>
<!-- 宸ョ▼鍐呭 -->
<div class="form-row">
<label class="form-label" for="projectContent">宸ョ▼鍐呭</label>
- <input type="text" id="projectContent" class="form-input" placeholder="璇疯緭鍏�" style="width: 555px;">
+ <input type="text" id="projectContent" class="form-input" placeholder="璇疯緭鍏�" style="width: 555px;" v-model="costDetailInfo.projectContent">
</div>
<!-- 绠＄悊澶勯噾棰� + 鏄惁鐩栫珷 -->
<div class="form-row">
<label class="form-label" for="mgmtAmount">绠＄悊澶勯噾棰�</label>
- <input type="text" id="mgmtAmount" class="form-input" placeholder="璇疯緭鍏�">
+ <input type="text" id="mgmtAmount" class="form-input" placeholder="璇疯緭鍏�" v-model="costDetailInfo.managementAmount">
<span>鍏�</span>
<label class="form-label">鏄惁鐩栫珷</label>
<div class="radio-group">
- <input type="radio" id="mgmtSealYes" name="mgmtSeal" checked>
+ <input type="radio" id="mgmtSealYes" name="mgmtSeal" value="1" v-model="costDetailInfo.managementStamped">
<label for="mgmtSealYes" style="margin-top: 8px;">鏄�</label>
- <input type="radio" id="mgmtSealNo" name="mgmtSeal">
+ <input type="radio" id="mgmtSealNo" name="mgmtSeal" value="0" v-model="costDetailInfo.managementStamped">
<label for="mgmtSealNo" style="margin-top: 8px;">鍚�</label>
</div>
</div>
@@ -40,49 +40,43 @@
<!-- 涓氬浼氶噾棰� + 瀹′环閲戦 + 鏄惁鐩栫珷 + 绛炬姤閮ㄩ棬 -->
<div class="form-row">
<label class="form-label" for="committeeAmount">涓氬浼氶噾棰�</label>
- <input type="text" id="committeeAmount" class="form-input" placeholder="璇疯緭鍏�">
+ <input type="text" id="committeeAmount" class="form-input" placeholder="璇疯緭鍏�" v-model="costDetailInfo.committeeAmount">
<span>鍏�</span>
<label class="form-label" for="auditAmount">瀹′环閲戦</label>
- <input type="text" id="auditAmount" class="form-input" placeholder="璇疯緭鍏�">
+ <input type="text" id="auditAmount" class="form-input" placeholder="璇疯緭鍏�" v-model="costDetailInfo.appraisalAmount">
<span>鍏�</span>
<label class="form-label">鏄惁鐩栫珷</label>
<div class="radio-group">
- <input type="radio" id="committeeSealYes" name="committeeSeal" checked>
+ <input type="radio" id="committeeSealYes" name="committeeSeal" value="1" v-model="costDetailInfo.committeeStamped">
<label for="committeeSealYes" style="margin-top: 8px;">鏄�</label>
- <input type="radio" id="committeeSealNo" name="committeeSeal">
+ <input type="radio" id="committeeSealNo" name="committeeSeal" value="0" v-model="costDetailInfo.committeeStamped">
<label for="committeeSealNo" style="margin-top: 8px;">鍚�</label>
</div>
<label class="form-label" for="approveDept">绛炬姤閮ㄩ棬</label>
- <select id="approveDept" class="form-select">
- <option value="1">1</option>
- </select>
+ <input type="text" id="approveDept" class="form-input" placeholder="璇疯緭鍏�" v-model="costDetailInfo.approvalDepartment" style="width: 120px;">
</div>
<!-- 鍒嗘憡鑼冨洿 + 缁翠慨绫诲瀷 -->
<div class="form-row">
<label class="form-label">鍒嗘憡鑼冨洿</label>
<div class="radio-group">
- <input type="radio" id="shareBuilding" name="shareScope" checked>
+ <input type="radio" id="shareBuilding" name="shareScope" value="1" v-model="costDetailInfo.buildingType">
<label for="shareBuilding" style="margin-top: 8px;">骞�</label>
- <input type="radio" id="shareAll" name="shareScope">
+ <input type="radio" id="shareAll" name="shareScope" value="鍏ㄤ綋" v-model="costDetailInfo.buildingType">
<label for="shareAll" style="margin-top: 8px;">鍏ㄤ綋</label>
</div>
<label class="form-label" for="repairType">缁翠慨绫诲瀷</label>
- <select id="repairType" class="form-select">
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- </select>
+ <input type="text" id="repairType" class="form-input" placeholder="璇疯緭鍏�" v-model="costDetailInfo.maintenanceType" style="width: 120px;">
</div>
<!-- 鍩洪噾涓庤鏂� + 涓氫富澶т細鑼冨洿 + 闂ㄧ墝骞㈣寖鍥� -->
<div class="form-row">
<label class="form-label">鍩洪噾涓庤鏂�</label>
<div class="radio-group">
- <input type="radio" id="fundRepair" name="fundType" value="repair" v-model="fundType">
+ <input type="radio" id="fundRepair" name="fundType" value="repair" v-model="costDetailInfo.fundType">
<label for="fundRepair" style="margin-top: 8px;">缁翠慨璧勯噾</label>
</div>
- <div class="radio-group" style="margin-left: 100px;" v-if="fundType === 'repair'">
+ <div class="radio-group" style="margin-left: 100px;" v-if="costDetailInfo.fundType === 'repair'">
<label class="form-label" for="ownerScope">涓氫富澶т細鑼冨洿</label>
<select id="ownerScope" class="form-select">
<option value="multi">澶氶��</option>
@@ -96,21 +90,21 @@
<div class="form-row">
<div class="radio-group" style="margin-left: 100px;">
- <input type="radio" id="fundPublic" name="fundType" value="public" v-model="fundType">
+ <input type="radio" id="fundPublic" name="fundType" value="public" v-model="costDetailInfo.fundType">
<label for="fundPublic" style="margin-top: 8px;">鍏叡鏀剁泭</label>
</div>
- <div class="radio-group" style="margin-left: 100px;" v-if="fundType === 'public'">
- <input type="radio" id="fundSystemOut" name="fundSystemType" value="out" v-model="fundSystemType">
+ <div class="radio-group" style="margin-left: 100px;" v-if="costDetailInfo.fundType === 'public'">
+ <input type="radio" id="fundSystemOut" name="fundSystemType" value="out" v-model="costDetailInfo.fundSystemType">
<label for="fundSystemOut" style="margin-top: 8px;">绯荤粺澶�</label>
- <input type="radio" id="fundSystemIn" name="fundSystemType" value="in" v-model="fundSystemType">
+ <input type="radio" id="fundSystemIn" name="fundSystemType" value="in" v-model="costDetailInfo.fundSystemType">
<label for="fundSystemIn" style="margin-top: 8px;">绯荤粺鍐�</label>
</div>
</div>
<!-- 鎸夐挳缁� -->
<div class="btn-group">
- <button type="button" class="btn-cancel">鍙栨秷</button>
- <button type="button" class="btn-save">淇濆瓨</button>
+ <button type="button" class="btn-cancel" v-on:click="_cancel()">鍙栨秷</button>
+ <button type="button" class="btn-save" v-on:click="_saveCostDetail()">淇濆瓨</button>
</div>
</form>
</div>
\ No newline at end of file
--
Gitblit v1.8.0