From c08d1c10fbafd7f57eb51c51269a95c281383ae3 Mon Sep 17 00:00:00 2001
From: liubp <1535785116@qq.com>
Date: 星期五, 26 十二月 2025 18:33:55 +0800
Subject: [PATCH] 公共收益金增删查改
---
public/pages/property/costDetail/add/add.html | 53 ++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 46 insertions(+), 7 deletions(-)
diff --git a/public/pages/property/costDetail/add/add.html b/public/pages/property/costDetail/add/add.html
index 53c2294..fe36287 100644
--- a/public/pages/property/costDetail/add/add.html
+++ b/public/pages/property/costDetail/add/add.html
@@ -53,7 +53,16 @@
<label for="committeeSealNo" style="margin-top: 8px;">鍚�</label>
</div>
<label class="form-label" for="approveDept">绛炬姤閮ㄩ棬</label>
- <input type="text" id="approveDept" class="form-input" placeholder="璇疯緭鍏�" v-model="costDetailInfo.approvalDepartment" style="width: 120px;">
+ <select id="approveDept" class="form-input" v-model="costDetailInfo.approvalDepartment" style="width: 120px;">
+ <option value="">璇烽�夋嫨</option>
+ <option value="鐢垫閮�">鐢垫閮�</option>
+ <option value="宸ョ▼閮�">宸ョ▼閮�</option>
+ <option value="绠＄悊澶�">绠＄悊澶�</option>
+ <option value="涓氬浼�">涓氬浼�</option>
+ <option value="鏅鸿兘鍖�">鏅鸿兘鍖�</option>
+ <option value="鍝佽川閮�">鍝佽川閮�</option>
+ <option value="灏忓尯缁忕悊">灏忓尯缁忕悊</option>
+ </select>
</div>
<!-- 鍒嗘憡鑼冨洿 + 缁翠慨绫诲瀷 -->
@@ -78,13 +87,43 @@
</div>
<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>
- </select>
+ <div class="multi-select-wrapper">
+ <div class="multi-select-input" @click="toggleOwnerScopeDropdown" :class="{ 'active': ownerScopeDropdownOpen }">
+ <div class="multi-select-tags">
+ <span v-for="(item, index) in (costDetailInfo.ownerScope || [])" :key="'tag-' + index" class="multi-select-tag">
+ {{ item }}
+ <span class="multi-select-tag-close" @click.stop="removeOwnerScopeItem(index)">脳</span>
+ </span>
+ <span v-if="!costDetailInfo.ownerScope || costDetailInfo.ownerScope.length === 0" class="multi-select-placeholder">璇烽�夋嫨</span>
+ </div>
+ <span class="multi-select-arrow">鈻�</span>
+ </div>
+ <div class="multi-select-dropdown" v-show="ownerScopeDropdownOpen">
+ <div class="multi-select-option" v-for="(option, index) in ownerScopeOptions" :key="'option-' + index" @click.stop="toggleOwnerScopeOption(option)">
+ <input type="checkbox" :checked="costDetailInfo.ownerScope && costDetailInfo.ownerScope.indexOf(option) !== -1" @click.stop="toggleOwnerScopeOption(option)">
+ <label>{{ option }}</label>
+ </div>
+ </div>
+ </div>
<label class="form-label" for="buildingScope">闂ㄧ墝骞㈣寖鍥�</label>
- <select id="buildingScope" class="form-select">
- <option value="multi">澶氶��</option>
- </select>
+ <div class="multi-select-wrapper">
+ <div class="multi-select-input" @click="toggleBuildingScopeDropdown" :class="{ 'active': buildingScopeDropdownOpen }">
+ <div class="multi-select-tags">
+ <span v-for="(item, index) in (costDetailInfo.buildingScope || [])" :key="'building-tag-' + index" class="multi-select-tag">
+ {{ item }}
+ <span class="multi-select-tag-close" @click.stop="removeBuildingScopeItem(index)">脳</span>
+ </span>
+ <span v-if="!costDetailInfo.buildingScope || costDetailInfo.buildingScope.length === 0" class="multi-select-placeholder">璇烽�夋嫨</span>
+ </div>
+ <span class="multi-select-arrow">鈻�</span>
+ </div>
+ <div class="multi-select-dropdown" v-show="buildingScopeDropdownOpen">
+ <div class="multi-select-option" v-for="(option, index) in buildingScopeOptions" :key="'building-option-' + index" @click.stop="toggleBuildingScopeOption(option)">
+ <input type="checkbox" :checked="costDetailInfo.buildingScope && costDetailInfo.buildingScope.indexOf(option) !== -1" @click.stop="toggleBuildingScopeOption(option)">
+ <label>{{ option }}</label>
+ </div>
+ </div>
+ </div>
</div>
</div>
--
Gitblit v1.8.0