数据驾驶舱页面编写，修复部分问题

Lou

2023-12-05 a50857b21ee10ccf41e1d461a843c20a2a9d5cee

数据驾驶舱页面编写，修复部分问题

 components/btn/footerBtn.vue

@@ -31,7 +31,7 @@
        left:0;
        background-color: #fff;
        z-index: 10;
        padding-bottom: env(safe-area-inset-bottom); 
        padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx); 
        
        .footer-btn{
            width:100%;

 pages/home/index.vue

@@ -118,8 +118,7 @@
                            <text class="grid-text f-24 fw mt-10">场所维护</text>

                        </view>

                    </u-grid-item>

                    <u-grid-item  @click="navigatorPage('')"

                        :customStyle="{paddingTop:20+'rpx'}">

                    <u-grid-item @click="navigatorPage('')" :customStyle="{paddingTop:20+'rpx'}">

                        <view class="grid-item flex f-d-c a-i-c"

                            style="background:linear-gradient(133deg, #F9FAFE 0%, rgba(249,250,254,0) 100%)">

                            <u-icon name="/static/icon/menu-02.png" width="60rpx" height="60rpx"></u-icon>

@@ -642,6 +641,11 @@
                            icon: "error"

                        })



                    } else if (path == "/subPackage/statistics/index") {

                        uni.showToast({

                            title: "功能开发中~",

                            icon: "none"

                        })

                    } else {

                        this.$u.func.globalNavigator(`${path}?houseCode=${this.curHouseCode}`, "navTo")

                    }


 subPackage/article/detail.vue

@@ -46,7 +46,7 @@
                    </view>
                    <button v-if="computeEndTime > 0 && !applyInfo.userId" class="apply-btn bgc-main c-ff "
                        @click="handleApply()">报名</button>
                    <button v-if="applyInfo.userId" class="apply-btn bgc-lightblue c-main  border-current">已报名</button>
                    <button v-if="applyInfo.userId && computeEndTime > 0" class="apply-btn bgc-lightblue c-main  border-current">已报名</button>
                    <button v-if="computeEndTime <= 0"
                        class="apply-btn bgc-lightblue c-main border-current">已结束</button>
                </view>
@@ -109,7 +109,7 @@
                    </view>
                    <button class="apply-btn bgc-main c-ff" v-if="!isEnd  && !isComplete"
                        @click="submitVote()">提交</button>
                    <button class="apply-btn bgc-gray c-d1" v-if="isComplete">已提交</button>
                    <button class="apply-btn bgc-gray c-d1" v-if="isComplete && !isEnd">已提交</button>
                    <button class="apply-btn bgc-gray c-d1" v-if="isEnd">已结束</button>
                </view>
            </view>

 subPackage/statistics/index.vue

@@ -23,8 +23,42 @@
            </view>
        </view>
        
        <view class="">
    <!--     <view class="">
            <caption-row title="人员画像"></caption-row>
        </view> -->
        <view class="">
            <caption-row title="社区事件"></caption-row>
            <view class="block">
                <view class="block-caption f-28 fw">
                    总体统计
                </view>
				
				
                <u-grid :border="true">
                    <u-grid-item v-for="i in 3" bgColor="#fff">
                        <view class="grid-item flex f-d-c a-i-c">
                            <text class="f-30 fw c-main mb-20">20</text>
                            <text class="f-28">事件总数</text>
                        </view>
                    </u-grid-item>
                </u-grid>
				
            </view>
            <view class="block">
                <view class="block-caption f-28 fw">
                    事件分类
                </view>
                <view class="flex j-c-s-b a-i-c">
                    <view class="report-item"  v-for="(item,index) in reportData"  :key="index">
                        <image class="report-item-bg"  :src="item.bg"  mode="right"></image>
                        <view class="report-item-inner  flex f-d-c j-c-c a-i-c">
                            <text class="f-30">{{item.num}}</text>
                            <text class="f-28">{{item.title}}</text>
                        </view>
                    </view>
                </view>
            </view>
			
        </view>
        
    </view>
@@ -35,6 +69,32 @@
    export default {
        components: {
            captionRow
        },
        data(){
            return{
                reportData:[
                    {
                        title:"矛盾纠纷",
                        num:1,
                        bg:"/static/icon/nav-bg-08.png"
                    },
                    {
                        title:"公共维护",
                        num:1,
                        bg:"/static/icon/nav-bg-06.png"
                    },
                    {
                        title:"居家维修",
                        num:1,
                        bg:"/static/icon/nav-bg-07.png"
                    },
                    {
                        title:"投诉举报",
                        num:1,
                        bg:"/static/icon/nav-bg-09.png"
                    }
                ]
            }
        }
    }
</script>
@@ -58,10 +118,34 @@
            margin-bottom: 20rpx;
        }
    }

    .menu{
        padding: 20rpx 0;

        .menu-item{
            padding:20rpx 0;
        }
    }
    .block{
        padding:20rpx 0;
        .block-caption{
            padding:20rpx 0;
        }
        .grid-item{
            padding:30px 0;
        }
    }
    .report-item{
        position: relative;
    }
    .report-item,.report-item-bg,.report-item-inner{
        width:168rpx;
        height:190rpx;
        border-radius: 10rpx;
    }
    .report-item-inner{
        position: absolute;
        top:0;
        left:0;
    }
</style>