From 7dc5ee160f015bbca104e21672c4695460000c7c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Sat, 2 Aug 2025 17:21:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=89=A9=E4=B8=9A=E5=85=AC?=
 =?UTF-8?q?=E7=A7=AF=E9=87=91=E6=95=B0=E6=8D=AE=E5=BC=82=E5=B8=B8=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/community/providentFund/index.vue | 383 +++++++++++----------
 1 file changed, 208 insertions(+), 175 deletions(-)

diff --git a/packages/community/providentFund/index.vue b/packages/community/providentFund/index.vue
index 760161a4..02c6d07a 100644
--- a/packages/community/providentFund/index.vue
+++ b/packages/community/providentFund/index.vue
@@ -1,193 +1,226 @@
 <template>
-	<view class="container">
-		<u-navbar title=" " leftIconSize="20px" leftIconColor="#FFFFFF" bgColor="transparent" :autoBack="true" />
-		<view class="container_body" :style="{ paddingTop: top + 'px' }">
-			<view class="title">物业公积金</view>
-			<view class="title_bottom">
-				<view>￥{{ moeny }}</view>
-				<u-icon name="info-circle" size="30rpx" color="linear-gradient( 180deg, #FFFFFF 0%, #FFD7D7 100%);" />
-			</view>
-			<view class="name" @click="headerSwitchClick">
-				<text>{{defaultName.name}}</text>
-				<u-icon name="arrow-right" color="#FFFFFF" size="30rpx" />
-			</view>
-		</view>
-		<view class="main">
-			<view class="person_info" v-for="(item,index) in list.owners" :key="index">
-				<view class="item">
-					<view class="label">姓名</view>
-					<view class="desc">{{ item.name }}</view>
-				</view>
-				<view class="item">
-					<view class="label">身份</view>
-					<view class="desc" v-if="item.type == 1">业主</view>
-					<view class="desc" v-if="item.type == 2">家属</view>
-					<view class="desc" v-if="item.type == 3">租户</view>
-					<view class="desc" v-if="item.type == 4">访客</view>
-				</view>
-				<!-- <view class="item">
+  <view class="container">
+    <u-navbar
+      title=" "
+      leftIconSize="20px"
+      leftIconColor="#FFFFFF"
+      bgColor="transparent"
+      :autoBack="true"
+    />
+    <view class="container_body" :style="{ paddingTop: top + 'px' }">
+      <view class="title">物业公积金</view>
+      <view class="title_bottom">
+        <view>￥{{ moeny }}</view>
+        <u-icon
+          name="info-circle"
+          size="30rpx"
+          color="linear-gradient( 180deg, #FFFFFF 0%, #FFD7D7 100%);"
+        />
+      </view>
+      <view class="name" @click="headerSwitchClick">
+        <text>{{ defaultName.name }}</text>
+        <u-icon name="arrow-right" color="#FFFFFF" size="30rpx" />
+      </view>
+    </view>
+    <view class="main">
+      <view
+        class="person_info"
+        v-for="(item, index) in list.owners"
+        :key="index"
+      >
+        <view class="item">
+          <view class="label">姓名</view>
+          <view class="desc">{{ item.name }}</view>
+        </view>
+        <view class="item">
+          <view class="label">身份</view>
+          <view class="desc" v-if="item.type == 1">业主</view>
+          <view class="desc" v-if="item.type == 2">家属</view>
+          <view class="desc" v-if="item.type == 3">租户</view>
+          <view class="desc" v-if="item.type == 4">访客</view>
+        </view>
+        <!-- <view class="item">
 					<view class="label">手机号</view>
 					<view class="desc">{{item.mobile}}</view>
 				</view> -->
-				<view class="item">
-					<view class="label">房产总数</view>
-					<view class="desc">{{ item.count_of_rooms }}</view>
-				</view>
-				<view class="item">
-					<view class="label fix">
-						<text>物业费公积金总余额</text>
-						<u-icon name="info-circle-fill" size="30rpx" color="red" @click="headerIconClick(index)" />
-						<view class="popup" v-if="item.popupShow" @click="headerIconClick(index)">
-							{{ item.identity == '业主' ? ownerDesc : desc }}
-							<view class="angle"></view>
-						</view>
-					</view>
-					<view class="desc">￥{{item.property_fund_balance}}</view>
-				</view>
-			</view>
-		</view>
-		<view class="btn" @click="goPay">去抵扣物业账单</view>
+        <view class="item">
+          <view class="label">房产总数</view>
+          <view class="desc">{{ item.count_of_rooms }}</view>
+        </view>
+        <view class="item">
+          <view class="label fix">
+            <text>物业费公积金总余额</text>
+            <u-icon
+              name="info-circle-fill"
+              size="30rpx"
+              color="red"
+              @click="headerIconClick(index)"
+            />
+            <view
+              class="popup"
+              v-if="item.popupShow"
+              @click="headerIconClick(index)"
+            >
+              {{ item.identity == "业主" ? ownerDesc : desc }}
+              <view class="angle"></view>
+            </view>
+          </view>
+          <view class="desc">￥{{ item.property_fund_balance }}</view>
+        </view>
+      </view>
+    </view>
+    <view class="btn" @click="goPay">去抵扣物业账单</view>
 
-		<u-popup :show="show" :round="50"  @close="close">
-			<view class="select_Popup">
-				<view class="header">
-					<view></view>
-					<view class="title">选择房源</view>
-					<view class="close" @click="close">取消</view>
-				</view>
-				<view class="line"></view>
-				<view class="main">
-					<view class="item" v-for="(item,index) in houseList" :key="index" @click="headerConfirmClick(item)">
-						<text>{{ item.name }}</text>
-						<image
-							v-if="item.checked"
-							class="pic"
-							src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Group_1444.png"
-							mode="scaleToFill"
-						/>
-						<image
-							v-else
-							class="pic"
-							src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Ellipse_160.png"
-							mode="scaleToFill"
-						/>
-					</view>
-				</view>
-			</view>
-		</u-popup>
-	</view>
+    <u-popup :show="show" :round="50" @close="close">
+      <view class="select_Popup">
+        <view class="header">
+          <view></view>
+          <view class="title">选择房源</view>
+          <view class="close" @click="close">取消</view>
+        </view>
+        <view class="line"></view>
+        <view class="main">
+          <view
+            class="item"
+            v-for="(item, index) in houseList"
+            :key="index"
+            @click="headerConfirmClick(item)"
+          >
+            <text>{{ item.name }}</text>
+            <image
+              v-if="item.checked"
+              class="pic"
+              src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Group_1444.png"
+              mode="scaleToFill"
+            />
+            <image
+              v-else
+              class="pic"
+              src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/community_providentFund_Ellipse_160.png"
+              mode="scaleToFill"
+            />
+          </view>
+        </view>
+      </view>
+    </u-popup>
+  </view>
 </template>
 
 <script>
 import {
-	request,
-	picUrl,
-	uniqueByField,
-	menuButtonInfo,
-	NavgateTo
-} from '../../../utils';
-
-import { apiArr } from '../../../api/v2Community';
+  request,
+  picUrl,
+  uniqueByField,
+  menuButtonInfo,
+  NavgateTo,
+} from "../../../utils";
 
+import { apiArr } from "../../../api/v2Community";
 
 export default {
-	data() {
-		return {
-			top: '',
-			moeny: '0.00',
-			show: false,
-			ownerDesc: '本房产的物业公积金为该房产的所有成员物业公积金总和。无需经过成员同意便可用于本房产的物业费抵扣，一旦成功抵扣，成员所拥有的物业公积金将自动进行扣除。',
-			desc: '物业公积金可通用至您加入的所有房产，任一房产的物业相关费用均可用该物业公积金抵扣。',
-			defaultName: '',
-			list: [
-			
-			],
-			houseList: [
-			
-			],
-			roomList:[]
-		}
-	},
-	async onLoad(options) {
-		const itemObj = JSON.parse(decodeURIComponent(options.item));
-		console.log("🚀 ~ onLoad ~ options.item:", itemObj)
-		// 首次加载时从itemObj获取defaultName数据
-		this.defaultName = {
-			...itemObj,
-			checked: true
-		};
-		const meun = menuButtonInfo();
-		this.top = meun.height + meun.top;
-		await this.getRoomList()
-		await this.getInfo()
-	},
+  data() {
+    return {
+      top: "",
+      moeny: "0.00",
+      show: false,
+      ownerDesc:
+        "本房产的物业公积金为该房产的所有成员物业公积金总和。无需经过成员同意便可用于本房产的物业费抵扣，一旦成功抵扣，成员所拥有的物业公积金将自动进行扣除。",
+      desc: "物业公积金可通用至您加入的所有房产，任一房产的物业相关费用均可用该物业公积金抵扣。",
+      defaultName: "",
+      list: [],
+      houseList: [],
+      roomList: [],
 
-	methods: {
-		headerConfirmClick(item) {
-			this.defaultName = {
-				...item,
-				checked: true
-			};
-			this.show = false;
-			this.getInfo()
-		},
-		//选择房产
-		headerSwitchClick() {
-			this.show = true;
-			const newRes = this.roomList.map(item => {
-				if (item.name === this.defaultName.name) {
-					return {
-						...item,
-						checked: true
-					}
-				}
-				return {
-					...item,
-					checked: false
-				}
-			});
-			console.log('newResnewRes', newRes);
-			this.houseList = newRes;
-		},
-		// 业主点击弹出层
-		headerIconClick(ind) {
-			this.list.owners[ind].popupShow = !this.list.owners[ind].popupShow
-		},
-		close() {
-			this.show = false;
-		},
+      itemObj: '',
+    };
+  },
+  async onLoad(options) {
+    if (options.item) {
+      this.itemObj = JSON.parse(decodeURIComponent(options.item));
+      this.defaultName = {
+        ...this.itemObj,
+        checked: true,
+      };
+    } else {
+      this.defaultName = {
+        ...this.houseList[0],
+        checked: true,
+      };
+    }
+	console.log(this.itemObj)
+    const meun = menuButtonInfo();
+    this.top = meun.height + meun.top;
+    await this.getRoomList();
+    await this.getInfo();
+  },
 
-		async getRoomList(){
-			await request(apiArr.getCommunityList,"POST",{
-				page_num:1,
-				page_size:50,
-				community_id:uni.getStorageSync("changeCommData").id
-			}).then(res=>{
-				res.rows.forEach(item=>{
-					item.checked = false
-				})
-				this.roomList = res.rows
-				// this.defaultName = res.rows[0]
-			})
-		},
-		async getInfo(){
-			await request(apiArr.getGovernmentByRoom,"POST",{
-				room_id:this.defaultName.room_id
-			}).then(res=>{
-				res.owners.forEach(item => {
-					item.popupShow = false
-				});
-				this.list = res
-			})
-		},
-		goPay(){
-			NavgateTo("../propertyPayment/index")
-		}
-	},
-}
+  methods: {
+    headerConfirmClick(item) {
+      this.defaultName = {
+        ...item,
+        checked: true,
+      };
+      this.show = false;
+      this.getInfo();
+    },
+    //选择房产
+    headerSwitchClick() {
+      this.show = true;
+      const newRes = this.roomList.map((item) => {
+        if (item.name === this.defaultName.name) {
+          return {
+            ...item,
+            checked: true,
+          };
+        }
+        return {
+          ...item,
+          checked: false,
+        };
+      });
+      console.log("newResnewRes", newRes);
+      this.houseList = newRes;
+    },
+    // 业主点击弹出层
+    headerIconClick(ind) {
+      this.list.owners[ind].popupShow = !this.list.owners[ind].popupShow;
+    },
+    close() {
+      this.show = false;
+    },
+
+    async getRoomList() {
+      await request(apiArr.getCommunityList, "POST", {
+        page_num: 1,
+        page_size: 50,
+        community_id: uni.getStorageSync("changeCommData").id,
+      }).then((res) => {
+        res.rows.forEach((item) => {
+          item.checked = false;
+        });
+        this.roomList = res.rows;
+        if (!this.itemObj) {
+          this.defaultName = res.rows[0];
+        }
+      });
+    },
+    async getInfo() {
+      await request(apiArr.getGovernmentByRoom, "POST", {
+        room_id: this.defaultName.room_id,
+      }).then((res) => {
+        res.owners.forEach((item) => {
+          item.popupShow = false;
+        });
+        this.list = res;
+      });
+    },
+    goPay() {
+      NavgateTo("../propertyPayment/index");
+    },
+  },
+};
 </script>
 
 <style lang="scss">
-@import './index.scss';
-
+@import "./index.scss";
 </style>
\ No newline at end of file