投诉记录

346149741

2024-06-22 c1d01150e8fb394ff4de3e6f159c307eb95f4ae4

投诉记录

 qiye/complaint/details.vue

@@ -1,5 +1,146 @@
<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="title">
                已评价
            </view>
            <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 style="height: 20rpx;"></view>
            <view class="wbox2">
                <view class="t">
                    投诉记录
                </view>
                <view class="jilu">
                    <img src="/static/policy/icon.png" class="img" alt="" />
                    <view class="font">
                        <view class="h">
                            <view class="s">
                                已驳回
                            </view>
                            <view class="time">
                                2024-06-07 12:14
                            </view>
                        </view>
                        <view class="b">
                            <view class="name">
                                林小零
                            </view>
                            <view class="p">
                                <span>申诉主题：</span>
                                汉庭酒店司法检查233号文件
                            </view>
                            <view class="p">
                                <span>申诉内容：</span>
                                我是一个内容；我是一个内容；我是一个内容；我是一个内容
                            </view>
                        </view>
                    </view>
                </view>
                <view class="jilu">
                    <img src="/static/policy/refject.png" class="img" alt="" />
                    <view class="font">
                        <view class="h">
                            <view class="s">
                                已驳回
                            </view>
                            <view class="time">
                                2024-06-07 12:14
                            </view>
                        </view>
                        <view class="b">
                            <view class="name">
                                林小零
                            </view>
                            <view class="p">
                                <span>申诉主题：</span>
                                汉庭酒店司法检查233号文件
                            </view>
                            <view class="p">
                                <span>申诉内容：</span>
                                我是一个内容；我是一个内容；我是一个内容；我是一个内容
                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
        
    </view>
</template>
@@ -12,11 +153,143 @@
            }
        },
        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;
	
            }
        }
    }
    .title {
        color: #ffffff;
        font-size: 44rpx;
        font-weight: bold;
        padding-left: 32rpx;
        margin-top: 24rpx;
        margin-bottom: 24rpx;
	
    }
	
    .wbox2 {
        background: #fff;
        border-radius: 5px;
        box-sizing: border-box;
        margin: 0 32rpx;
	
        .t {
            padding: 24rpx;
            border-bottom: 1px solid #EEEEEE;
            color: #202d44;
            font-size: 36rpx;
            font-weight: bold;
        }
	
    }
    .jilu{
        display: flex;
        justify-content: space-between;
        padding: 24rpx;
        .img{
            width: 70rpx;
            height: 50rpx;
            margin-right: 24rpx;
        }
        .font{
            .h{
                display: flex;
                justify-content: space-between;
                margin-bottom: 20rpx;
                .s{
                     color: #202d44;
                     font-size: 32rpx;
                }
                .time{
                    color: #7e8596;
                    font-size: 24rpx;
                }
            }
            .b{
                // width: 289px;
                // height: 111px;
                // flex-shrink: 0;
                border-radius: 4px;
                background: #F6F6F6;
                padding: 24rpx;
                .name{
                     color: #202d44;
                     font-size: 32rpx;
                }
                .p{
                    color: #202d44;
                    font-size: 26rpx;
                    span{
                        color: #666666;
						
                    }
                }
            }
        }
    }

</style>