执法信息

346149741

2024-06-21 abe3c7e7695f61f362685abf639f0c441c62741b

执法信息

 pages.json

@@ -181,6 +181,22 @@
                    "navigationStyle": "custom"
                    
                }
            },
            {
                "path" : "record/record",
                "style" : 
                {
                    "navigationBarTitleText" : "执法记录"
                }
            },
            {
                "path" : "record/details",
                "style" : 
                {
                    "navigationBarTitleText" : "执法信息",
                    "navigationStyle": "custom"
					
                }
            }
                
            ]

 pages/index/index.vue

@@ -223,6 +223,8 @@
                    .l{
                        font-size: 26rpx;
                         color: #7e8593;
                         max-width: 80%;
						 
                    }
                    .r{
                        width: 132rpx;

 pages/message/list.vue

@@ -80,6 +80,8 @@
                .l{
                    font-size: 26rpx;
                     color: #7e8593;
                     max-width: 80%;
					 
                }
                .r{
                    width: 132rpx;

 qiye/record/details.vue

New file
@@ -0,0 +1,310 @@
<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="sbox">

                    <view class="t2">

                        本次执法还满意程度

                    </view>

                    <view class="xbox">

                        <view @click="daxing(1)">

                            <img src="/static/qiye/xing1.png" alt="" />

                            <view>

                                很糟糕

                            </view>

                        </view>

                        <view @click="daxing(2)">

                            <img v-if="xing>=2" src="/static/qiye/xing1.png" alt="" />

                            <img v-else src="/static/qiye/xing2.png" alt="" />

                            <view :class="xing==2?'hei':''">

                                不满意

                            </view>

                        </view>

                        <view @click="daxing(3)">

                            <img v-if="xing>=3" src="/static/qiye/xing1.png" alt="" />

                            <img v-else src="/static/qiye/xing2.png" alt="" />

                            <view :class="xing==3?'hei':''">

                                一般般

                            </view>

                        </view>

                        <view @click="daxing(4)">

                            <img v-if="xing>=4" src="/static/qiye/xing1.png" alt="" />

                            <img v-else src="/static/qiye/xing2.png" alt="" />

                            <view :class="xing==4?'hei':''">

                                满意

                            </view>

                        </view>

                        <view @click="daxing(5)">

                            <img v-if="xing>=5" src="/static/qiye/xing1.png" alt="" />

                            <img v-else src="/static/qiye/xing2.png" alt="" />

                            <view :class="xing==5?'hei':''">

                                非常满意

                            </view>

                        </view>

                    </view>

                    <view class="line"></view>

                </view>

                <view class="sbox">

                    <view class="t2">

                        这是一个单选题的题干？

                    </view>

                    <u-radio-group v-model="value" >
                        <u-radio name="orange">选中</u-radio>
                        <u-radio name="1" :disabled="true">未选中</u-radio>
                    </u-radio-group>

                    <view class="line"></view>

                </view>

                <view class="sbox">

                    <view class="t2">

                        对我们的评价

                    </view>
                    <view class="pjbox">
                        这次执法非常好，非常好，这次执法非常好，非常好这次执法非常好，非常好
                    </view>

                </view>

            </view>

        </view>
        <view class="bottom">
			
        </view>

    </view>

</template>



<script>

    export default {

        data() {

            return {

                xing: 5,
                value: 'orange',
                type:1

            }

        },

        methods: {

            daxing(a) {

                this.xing = a

            },

            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;

        }



        .sbox {

            padding: 24rpx;



            .line {

                border-bottom: 1px dashed #f1f1f1;

                margin-top: 32rpx;

            }



            .xbox {

                display: flex;

                margin-top: 36rpx;

                justify-content: space-between;



                img {

                    width: 74rpx;

                    height: 74rpx;

                }



                >view {

                    text-align: center;

                    font-size: 28rpx;

                    color: #C3C6CD;

                }

            }

        }

    }
    .pjbox{
        background: #F4F4F4;
        border-radius: 5px;
        margin: 10rpx 0;
        padding: 24rpx;
        color: #202d44;
        font-size: 32rpx;
		
    }

    /deep/ .u-radio-group{
        margin-top: 20rpx;
        .u-radio{
            margin-right: 20rpx;
        }
    }

    .hei {

        color: #202D44;

    }

</style>

 qiye/record/record.vue

New file
@@ -0,0 +1,176 @@
<template>

    <view>

        <u-sticky bgColor="white">

            <u-tabs :list="list1" @click="click" :scrollable="false" bgColor="white"></u-tabs>

        </u-sticky>
        <view class="item">
            <img src="/static/i05.png" class="img" alt="" />
            <view class="right">
                <view class="name">
                    <view class="l">
                        北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司
                    </view>
                    <view class="r color1">
                        待评价
                    </view>
                </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 class="item">
            <img src="/static/i05.png" class="img" alt="" />
            <view class="right">
                <view class="name">
                    <view class="l">
                        北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司
                    </view>
                    <view class="r color2">
                        待评价
                    </view>
                </view>
                <view class="box">
                    <view class="l">
                        <p>执法单位：农业农村局农业农村局农业农村局农业农村局农业农村局农业农村局s</p>
                        <p>执法时间：2024-06-03 12:30:67</p>
                    </view>
                    <view class="r">
                        去查看
                    </view>
                </view>
            </view>
        </view>
        <view class="item">
            <img src="/static/i05.png" class="img" alt="" />
            <view class="right">
                <view class="name">
                    <view class="l">
                        北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司
                    </view>
                    <view class="r color3">
                        待评价
                    </view>
                </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 style="height: 150rpx;"></view>
        <tabsCom :activeNumber.sync="activeNumber"></tabsCom>



    </view>

</template>



<script>

    import tabsCom from '@/qiye/components/bottom.vue'



    export default {

        components: {

            tabsCom

        },

        data() {

            return {

                activeNumber: 1,

                list1: [{

                    name: '全部',

                }, {

                    name: '待评价',

                }, {

                    name: '未执法',

                }, {

                    name: '已评价',

                }]

            }

        },

        methods: {

            click() {



            }

        }

    }

</script>



<style>

    page {

        background: #f4f4f4;

    }

</style>
<style lang="scss" scoped>

    .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{
                display: flex;
                justify-content: space-between;
                .l{
                    color: #202d44;
                    font-size: 32rpx;
                    line-height: 44rpx;
                    margin-bottom: 24rpx;
                    width: 80%;
                }
                .r{
                    font-size: 28rpx;	
                    width: 20%;
                    text-align: right;
                }
            }
            .box{
                display: flex;
                justify-content: space-between;
                .l{
                    font-size: 26rpx;
                     color: #7e8593;
                     max-width: 80%;
                }
                .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;
                }
            }
        }
    }
    .color1{
        color: #FE7B32;
    }
    .color2{
        color: #EB4746;
		
    }
    .color3{
        color: #3EB47A;
		
    }
</style>

 static/qiye/xing1.png

 static/qiye/xing2.png