sqys/sqys_xcx.git

parent: f07b7055 | 补丁 | 提交 | ignore whitespace

Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx

wjt

2024-06-22 03c1ffc86409d939875af372795b5d37cbe07d1f

Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx

7个文件已添加

3个文件已修改

	pages.json	38 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/index/index.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	pages/message/list.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	qiye/complaint/complaint.vue	189 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	qiye/complaint/details.vue	295 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	qiye/record/details.vue	481 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	qiye/record/evaluate.vue	174 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	qiye/record/record.vue	176 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	static/qiye/xing1.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	static/qiye/xing2.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史

 pages.json

@@ -181,6 +181,44 @@
                    "navigationStyle": "custom"
                    
                }
            },
            {
                "path" : "record/record",
                "style" : 
                {
                    "navigationBarTitleText" : "执法记录"
                }
            },
            {
                "path" : "record/details",
                "style" : 
                {
                    "navigationBarTitleText" : "执法信息",
                    "navigationStyle": "custom"
					
                }
            },
            {
                "path" : "record/evaluate",
                "style" : 
                {
                    "navigationBarTitleText" : "评价"
                }
            },
            {
                "path" : "complaint/complaint",
                "style" : 
                {
                    "navigationBarTitleText" : "投诉记录"
                }
            },
            {
                "path" : "complaint/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/complaint/complaint.vue

New file
@@ -0,0 +1,189 @@
<template>
    <view>
        <u-sticky bgColor="white">
            <view class="set-search">
                <u-search placeholder="请输入" @search="search" @blur="search" shape="square" :showAction="false"></u-search>
            </view>
            <view class="border"></view>
            <u-tabs :list="list1" @click="click" :current="current" :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: 50rpx;"></view>
		
    </view>
</template>

<script>
    export default {
        data() {
            return {
                current: 0,
                list1: [{
                    name: '全部',
                    value: ''
                }, {
                    name: '待响应',
                    value: 1
                }, {
                    name: '处理中',
                    value: 2
                }, {
                    name: '已办结',
                    value: 3
                }],
            }
        },
        methods: {
            search(e){
                // this.queryParams.pageNum =1
                // this.queryParams.companyName = e
                // this.orderList()
            }
        }
    }
</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{
                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>

 qiye/complaint/details.vue

New file
@@ -0,0 +1,295 @@
<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>

<script>
    export default {
        data() {
            return {
				
            }
        },
        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>

 qiye/record/details.vue

New file
@@ -0,0 +1,481 @@
<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 class="one" v-if="type==1">

                <view class="b1" @click="open()">

                    投诉

                </view>

            </view>

            <view class="two" v-if="type==2">

                <view class="b2" @click="open()">

                    投诉

                </view>

                <view class="b3">

                    我要评价

                </view>

            </view>

        </view>

        <u-popup :show="show" @close="close" mode="bottom" round="10" closeable>

            <view class="page-box">

                <view class="title1">

                    企业投诉

                </view>

                <view class="border"></view>

                <view class="padding">

                    <view class="font">

                        投诉主题

                    </view>

                    <view>

                        <u-radio-group  placement="row">
                            <u-radio active-color="#3EB47A" label="aaa" name="3"></u-radio>
                            <u-radio active-color="#3EB47A" label="bbb" name="3"></u-radio>
                        </u-radio-group>

                    </view>

                    <view class="font">

                        投诉内容

                    </view>

                    <view class="margin-top">

                        <u-textarea placeholder="请输入..."></u-textarea>

                    </view>

                </view>

                <view class="down">

                    <view class="enter" @entery="entery">提交</view>

                </view>

            </view>

        </u-popup>

    </view>

</template>



<script>

    export default {

        data() {

            return {

                xing: 5,

                value: 'orange',

                type: 2,

                show: false,

                list: [{
                    //todo 请求接口

                        value: '1',

                        label: '江'

                    },

                    {

                        value: '2',

                        label: '湖'

                    }

                ],

            }

        },

        methods: {

            daxing(a) {

                this.xing = a

            },

            imgclick(url) {

                uni.previewImage({

                    urls: [url]

                })

            },

            open() {

                this.show = true

            },

            close() {

                this.show = false

                this.$emit('cancel')

            },

            entery() {

                this.$emit('entery')

            },



        }

    }

</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;

    }



    .bottom {

        position: fixed;

        bottom: 0;

        width: 100%;

        left: 0;

        height: 132rpx;

        background: #fff;



        .one {

            display: flex;

            justify-content: center;

            align-items: center;

            height: 100%;



            .b1 {

                width: 686rpx;

                height: 88rpx;

                border-radius: 10px;

                background: #F7F7F7;

                line-height: 88rpx;

                text-align: center;

            }

        }



        .two {

            display: flex;

            justify-content: center;

            align-items: center;

            height: 100%;



            .b2 {

                width: 146rpx;

                height: 88rpx;

                border-radius: 10px;

                background: #F7F7F7;

                line-height: 88rpx;

                text-align: center;

                margin-right: 18rpx;

            }



            .b3 {

                width: 524rpx;

                height: 88rpx;

                border-radius: 10px;

                background: #1171E0;

                line-height: 88rpx;

                text-align: center;

                color: #fff;

            }

        }

    }



    .page-box {

        padding: 24rpx 0;

        .font{
            color: #4a4e60;
            font-size: 32rpx;
            margin-top: 20rpx;
        }

        .title1 {

            font-size: 36rpx;

            font-weight: 700;

            padding: 0 32rpx;

            border-bottom: 2rpx solid #F4F4F4;

            padding-bottom: 24rpx;

        }



        .padding {

            padding: 0 24rpx;

        }



        .margin-top {

            margin-top: 20rpx;

        }



        .down {

            padding: 34rpx 30rpx 30rpx;

            display: flex;

            justify-content: space-between;



            >view {

                display: inline-block;

            }



            .button {

                padding: 20rpx 40rpx;

                background: #F7F7F7;

                border-radius: 20rpx;

            }



            .enter {

                width: 100%;

                background: #1171E0;

                color: white;

                border-radius: 20rpx;

                padding: 20rpx 40rpx;

                text-align: center;

            }

        }

    }



    /deep/ .u-textarea {

        background-color: #F4F4F4;

    }

</style>

 qiye/record/evaluate.vue

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

    <view style="margin-top: 20rpx;">

        <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" style="margin-bottom: 30rpx;">

                    对我们的评价

                </view>

                <u-textarea placeholder="请输入..."></u-textarea>

            </view>
        </view>
        <view style="height: 200rpx;"></view>
        <view class="bottom">
            <view class="b1">
                提交
            </view>
        </view>

    </view>

</template>



<script>

    export default {

        data() {

            return {

                xing: 5,

                value: 'orange',

            }

        },

        methods: {

            daxing(a) {

                this.xing = a

            },



        }

    }

</script>



<style>

    page {

        background: #F4F4F4;

    }

</style>

<style lang="scss" scoped>

    .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;

                }

            }

        }

    }



    /deep/ .u-radio-group {

        margin-top: 20rpx;



        .u-radio {

            margin-right: 20rpx;

        }

    }



    .hei {

        color: #202D44;

    }

.bottom {

        position: fixed;

        bottom: 0;

        width: 100%;

        left: 0;

        height: 132rpx;

        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;

        .b1 {

                width: 686rpx;

                height: 88rpx;

                border-radius: 10px;

                background: #1171E0;

                line-height: 88rpx;

                text-align: center;

                color: #fff;

            }

		


		
    }



</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

			@@ -181,6 +181,44 @@
			"navigationStyle": "custom"

			}
			},
			{
			"path" : "record/record",
			"style" :
			{
			"navigationBarTitleText" : "执法记录"
			}
			},
			{
			"path" : "record/details",
			"style" :
			{
			"navigationBarTitleText" : "执法信息",
			"navigationStyle": "custom"

			}
			},
			{
			"path" : "record/evaluate",
			"style" :
			{
			"navigationBarTitleText" : "评价"
			}
			},
			{
			"path" : "complaint/complaint",
			"style" :
			{
			"navigationBarTitleText" : "投诉记录"
			}
			},
			{
			"path" : "complaint/details",
			"style" :
			{
			"navigationBarTitleText" : "",
			"navigationStyle": "custom"
			}
			}

			]

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

			}
			.r{
			width: 132rpx;

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

			}
			.r{
			width: 132rpx;

New file
			@@ -0,0 +1,189 @@
			<template>
			<view>
			<u-sticky bgColor="white">
			<view class="set-search">
			<u-search placeholder="请输入" @search="search" @blur="search" shape="square" :showAction="false"></u-search>
			</view>
			<view class="border"></view>
			<u-tabs :list="list1" @click="click" :current="current" :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: 50rpx;"></view>

			</view>
			</template>

			<script>
			export default {
			data() {
			return {
			current: 0,
			list1: [{
			name: '全部',
			value: ''
			}, {
			name: '待响应',
			value: 1
			}, {
			name: '处理中',
			value: 2
			}, {
			name: '已办结',
			value: 3
			}],
			}
			},
			methods: {
			search(e){
			// this.queryParams.pageNum =1
			// this.queryParams.companyName = e
			// this.orderList()
			}
			}
			}
			</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{
			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>

New file
			@@ -0,0 +1,295 @@
			<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>

			<script>
			export default {
			data() {
			return {

			}
			},
			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>

New file
			@@ -0,0 +1,481 @@
			<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 class="one" v-if="type==1">
			<view class="b1" @click="open()">
			投诉
			</view>
			</view>
			<view class="two" v-if="type==2">
			<view class="b2" @click="open()">
			投诉
			</view>
			<view class="b3">
			我要评价
			</view>
			</view>
			</view>
			<u-popup :show="show" @close="close" mode="bottom" round="10" closeable>
			<view class="page-box">
			<view class="title1">
			企业投诉
			</view>
			<view class="border"></view>
			<view class="padding">
			<view class="font">
			投诉主题
			</view>
			<view>
			<u-radio-group placement="row">
			<u-radio active-color="#3EB47A" label="aaa" name="3"></u-radio>
			<u-radio active-color="#3EB47A" label="bbb" name="3"></u-radio>
			</u-radio-group>
			</view>
			<view class="font">
			投诉内容
			</view>
			<view class="margin-top">
			<u-textarea placeholder="请输入..."></u-textarea>
			</view>
			</view>
			<view class="down">
			<view class="enter" @entery="entery">提交</view>
			</view>
			</view>
			</u-popup>
			</view>
			</template>

			<script>
			export default {
			data() {
			return {
			xing: 5,
			value: 'orange',
			type: 2,
			show: false,
			list: [{
			//todo 请求接口
			value: '1',
			label: '江'
			},
			{
			value: '2',
			label: '湖'
			}
			],
			}
			},
			methods: {
			daxing(a) {
			this.xing = a
			},
			imgclick(url) {
			uni.previewImage({
			urls: [url]
			})
			},
			open() {
			this.show = true
			},
			close() {
			this.show = false
			this.$emit('cancel')
			},
			entery() {
			this.$emit('entery')
			},

			}
			}
			</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;
			}

			.bottom {
			position: fixed;
			bottom: 0;
			width: 100%;
			left: 0;
			height: 132rpx;
			background: #fff;

			.one {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;

			.b1 {
			width: 686rpx;
			height: 88rpx;
			border-radius: 10px;
			background: #F7F7F7;
			line-height: 88rpx;
			text-align: center;
			}
			}

			.two {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100%;

			.b2 {
			width: 146rpx;
			height: 88rpx;
			border-radius: 10px;
			background: #F7F7F7;
			line-height: 88rpx;
			text-align: center;
			margin-right: 18rpx;
			}

			.b3 {
			width: 524rpx;
			height: 88rpx;
			border-radius: 10px;
			background: #1171E0;
			line-height: 88rpx;
			text-align: center;
			color: #fff;
			}
			}
			}

			.page-box {
			padding: 24rpx 0;
			.font{
			color: #4a4e60;
			font-size: 32rpx;
			margin-top: 20rpx;
			}
			.title1 {
			font-size: 36rpx;
			font-weight: 700;
			padding: 0 32rpx;
			border-bottom: 2rpx solid #F4F4F4;
			padding-bottom: 24rpx;
			}

			.padding {
			padding: 0 24rpx;
			}

			.margin-top {
			margin-top: 20rpx;
			}

			.down {
			padding: 34rpx 30rpx 30rpx;
			display: flex;
			justify-content: space-between;

			>view {
			display: inline-block;
			}

			.button {
			padding: 20rpx 40rpx;
			background: #F7F7F7;
			border-radius: 20rpx;
			}

			.enter {
			width: 100%;
			background: #1171E0;
			color: white;
			border-radius: 20rpx;
			padding: 20rpx 40rpx;
			text-align: center;
			}
			}
			}

			/deep/ .u-textarea {
			background-color: #F4F4F4;
			}
			</style>

New file
			@@ -0,0 +1,174 @@
			<template>
			<view style="margin-top: 20rpx;">
			<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" style="margin-bottom: 30rpx;">
			对我们的评价
			</view>
			<u-textarea placeholder="请输入..."></u-textarea>
			</view>
			</view>
			<view style="height: 200rpx;"></view>
			<view class="bottom">
			<view class="b1">
			提交
			</view>
			</view>
			</view>
			</template>

			<script>
			export default {
			data() {
			return {
			xing: 5,
			value: 'orange',
			}
			},
			methods: {
			daxing(a) {
			this.xing = a
			},

			}
			}
			</script>

			<style>
			page {
			background: #F4F4F4;
			}
			</style>
			<style lang="scss" scoped>
			.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;
			}
			}
			}
			}

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

			.u-radio {
			margin-right: 20rpx;
			}
			}

			.hei {
			color: #202D44;
			}
			.bottom {
			position: fixed;
			bottom: 0;
			width: 100%;
			left: 0;
			height: 132rpx;
			background: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
			.b1 {
			width: 686rpx;
			height: 88rpx;
			border-radius: 10px;
			background: #1171E0;
			line-height: 88rpx;
			text-align: center;
			color: #fff;
			}



			}

			</style>

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>