From cc8fa259ce39e3daebb8a5f7a8cddfc52323662c Mon Sep 17 00:00:00 2001
From: Lou <luzhiping@qqyjz.com>
Date: Thu, 14 Dec 2023 18:09:00 +0800
Subject: [PATCH] 首页样式调整，综治网格、公安网格数据渲染，楼盘列表演示调整
---
subPackage/grid/comprehensive.vue | 58 +++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 41 insertions(+), 17 deletions(-)
diff --git a/subPackage/grid/comprehensive.vue b/subPackage/grid/comprehensive.vue
index 5cc82fa..4a1caa2 100644
--- a/subPackage/grid/comprehensive.vue
+++ b/subPackage/grid/comprehensive.vue
@@ -1,28 +1,29 @@
<template>
<view class="">
- <view class="tab">
+ <!-- <view class="tab">
<u-tabs :list="tabList" :current="tabIndex" @click="changeTab" :inactiveStyle="{color:'#999999'}"
:activeStyle="{color:'#017BFC'}"></u-tabs>
- </view>
+ </view> -->
- <view class="grid flex flex-wrap">
- <view class="grid-item flex f-d-c a-i-c j-c-c">
- <text class="mb-20 f-28"></text>
- <u-image width="150" height="100"></u-image>
- <text class="mt-20"></text>
- <text class="c-99 f-26"></text>
+ <view class="grid flex flex-wrap bgc-ff">
+ <view class="grid-item flex f-d-c a-i-c j-c-c" v-for="i in gridList">
+ <!-- <text class="mb-20 f-28"></text> -->
+ <u-image v-if="i.picUrl" :src="i.picUrl" width="100" height="100"></u-image>
+ <u-image v-else src="/static/icon/user-01.png" width="100" height="100"></u-image>
+ <text class="mt-20">{{i.gridmanName}}</text>
+ <text class="c-99 f-26">{{i.mobile}}</text>
</view>
</view>
<view class="detail bgc-ff">
- <caption-row text="网格基本情况" />
- <view class="detail-content">
-
+ <caption-row title="网格基本情况" />
+ <view class="detail-content f-28">
+ <text v-for="i in houseList">{{i.aoiName}}{{i.buildingName}}</text>
</view>
</view>
- <view class="comment">
- <caption-row text="留言" />
+ <view class="comment" v-if="false">
+ <caption-row title="留言" />
<view class="comment-list ">
<view class="comment-item flex " v-for="(item,index) in commentList" :key="index">
<u-avatar size="45" src="/static/icon/user-01.png"></u-avatar>
@@ -38,25 +39,44 @@
</view>
</view>
</view>
- <view class="footer">
+ <!-- <view class="footer">
<u-search searchIcon='edit-pen' :animation="true" placeholder="写评论" disabled
@click="navToComment"></u-search>
- </view>
+ </view> -->
</view>
</template>
<script>
import captionRow from "@/components/caption/caption.vue"
+ import { getGridDetail } from "@/api/grid/grid.js"
export default {
components:{
captionRow
},
data(){
return {
+ gridList:[],
+ houseList:[],
commentList:[]
}
},
+
+ onLoad(option) {
+ this.getDetailInfo()
+ },
+
methods:{
+
+ getDetailInfo() {
+ getGridDetail({
+ houseCode:uni.getStorageSync("siteInfo").houseCode
+ }).then(res => {
+ console.log(res)
+ this.houseList = res.data.doorplateAddress;
+ this.gridList = res.data.grid;
+ })
+ },
+
navToComment() {
uni.navigateTo({
url: `comment?id=${this.params.id}`
@@ -93,17 +113,21 @@
}
.grid{
width:100%;
+ padding:20rpx;
+ box-sizing: border-box;
.grid-item{
- width:150rpx;
+ width:32.8%;
padding:20rpx 0;
+ // border:1px solid #333;
}
}
.detail{
padding: 0 30rpx;
- margin:20rpx 0;
+ margin:40rpx 0 20rpx;
.detail-content{
padding:20rpx 0;
+ text-indent: 2em;
}
}
.comment {
--
Gitblit v1.9.3