首页样式调整，综治网格、公安网格数据渲染，楼盘列表演示调整

Lou

2023-12-14 cc8fa259ce39e3daebb8a5f7a8cddfc52323662c

 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 {