信息公示页面

346149741

2024-06-21 f678b314121fe63ecdf78fe6f5b873b718a64222

信息公示页面

 pages.json

@@ -7,7 +7,9 @@
            "style": {
                "enablePullDownRefresh": false,
                "backgroundTextStyle": "dark",
                "navigationBarTitleText": "扫码入企"
                "navigationBarTitleText": "扫码入企",
                "navigationStyle": "custom"
				
            }
        },
        {
@@ -62,7 +64,8 @@
            "path" : "pages/message/details",
            "style" : 
            {
                "navigationBarTitleText" : "信息公示详情"
                "navigationBarTitleText" : "信息公示详情",
                "navigationStyle": "custom"
            }
        }
    ],

 pages/index/index.vue

@@ -5,7 +5,7 @@
            <img src="/static/hqzc.png" class="img" alt="" />
            <view class="line"></view>
            <view class="font">
                <p>海关总署贸易持续发展2024年立法局...</p>
                <p>海关总署贸易持续发展2024年立法...</p>
                <p>国家医疗保障局办公室关于发布管理... </p>
            </view>
            <img src="/static/i06.png" class="more" alt="" />

 pages/message/details.vue

@@ -1,6 +1,86 @@
<template>
    <view>
		
        <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
            <template slot="center">
                <view style="color: white;">信息公示详情</view>
            </template>
        </u-navbar>
        <view class="donw-box"></view>
        <view class="page-main">
            <view class="wbox">
                <view class="item">
                    <view class="k">
                        执法类型
                    </view>
                    <view class="v">
                        司法检查
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        执法人
                    </view>
                    <view class="v">
                        刘欢欢
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        执法部门
                    </view> 
                    <view class="v">
                        农业局
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        企业
                    </view>
                    <view class="v">
                        汉庭酒店
                    </view>
                </view>
            </view>
            <view style="height: 20rpx;"></view>
            <view class="wbox">
                <view class="item">
                    <view class="k">
                        执法主题
                    </view>
                    <view class="v">
                        汉庭酒店司法检查233号文件
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        执法过程
                    </view>
                </view>
                <view class="imgbox">
                    <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
                    <img src="/static/i02.png" class="more" alt="" />
                    <img src="/static/i03.png" class="more" alt="" />
                    <img src="/static/i04.png" class="more" alt="" />
                </view>
                <view class="item">
                    <view class="k">
                        执法结果
                    </view>
                    <view class="v" style="color: #EB4746;">
                        停业整顿
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        执法时间
                    </view>
                    <view class="v">
                        2024-10-10 16:24
                    </view>
                </view>
            </view>
        </view>
	
    </view>
</template>

@@ -12,11 +92,67 @@
            }
        },
        methods: {
			
            imgclick(url){
                uni.previewImage({
                    urls: [url]
                })
            }
        }
    }
</script>

<style>

    page{
        background: #F4F4F4;
    }
	
</style>
<style lang="scss" scoped>
    .page-main{
        position: relative;
        top: -380rpx;
    }
    .donw-box{
        width: 100%;
        height: 380rpx;
        flex-shrink: 0;
        background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%);
    }
    .wbox{
        background: #fff;
        border-radius: 5px;
        padding: 24rpx;
        box-sizing: border-box;
        margin: 0 32rpx;
        .item{
            display: flex;
            margin-bottom: 20rpx;
            font-size: 30rpx;
            .k{
                color: #7E8596;
                width: 30%;
				
            }
            .v{
                color: #202D44;
                width: 70%;
				
            }
        }
        .item:last-child{
            margin-bottom: 0;
        }
        .imgbox{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            border-radius: 10rpx;
            img{
                width: 198rpx;
                height: 198rpx;
                margin-bottom: 20rpx;
				
            }
        }
    }
</style>

 pages/message/list.vue

@@ -1,6 +1,28 @@
<template>
    <view>
		
        <u-sticky bgColor="white">
            <view class="set-search">
                <u-search placeholder="请输入要查询的企业" shape="square" :showAction="false"></u-search>
            </view>
            <view class="border"></view>
        </u-sticky>
        <view class="item">
            <img src="/static/i05.png" class="img" alt="" />
            <view class="right">
                <view class="name">
                    北京尚策互动科技有限公司
                </view>
                <view class="box">
                    <view class="l">
                        <p>执法单位：农业农村局</p>
                        <p>执法时间：2024-06-03 12:30:67</p>
                    </view>
                    <view class="r">
                        去查看
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

@@ -18,5 +40,59 @@
</script>

<style>

    page{
        background-color: #F4F4F4;
    }
	
</style>
<style lang="scss" scoped>
    .set-search{
        margin: 0 32rpx 0;
        padding-top: 26rpx;
		
    }
    .border{
        border-bottom: 2rpx solid #F6F6F6;
        margin: 20rpx 0 0;
    }
    .item{
        background: #fff;
        border-radius: 5px;
        padding: 24rpx;
        box-sizing: border-box;
        margin: 20rpx 32rpx;
        display: flex;
        .img{
            width: 56rpx;
            height: 56rpx;
        }
        .right{
            width: 90%;
            .name{
                color: #202d44;
                font-size: 32rpx;
                line-height: 44rpx;
                margin-bottom: 24rpx;
            }
            .box{
                display: flex;
                justify-content: space-between;
                .l{
                    font-size: 26rpx;
                     color: #7e8593;
                }
                .r{
                    width: 132rpx;
                    height: 64rpx;
                    line-height: 64rpx;
                    border-radius: 5px;
                    border: 1px solid #ABD2FF;
                    background: #F0F8FF;
                    color: #1171e0;
                    text-align: center;
                    font-size: 30rpx;
                }
            }
        }
    }
</style>

 static/i07.jpg