执法记录列表

346149741

2024-06-22 07702ce20f46449e7560c43b2f7b7b65e5e742ea

执法记录列表

 pages.json

@@ -204,6 +204,21 @@
                {
                    "navigationBarTitleText" : "评价"
                }
            },
            {
                "path" : "complaint/complaint",
                "style" : 
                {
                    "navigationBarTitleText" : "投诉记录"
                }
            },
            {
                "path" : "complaint/details",
                "style" : 
                {
                    "navigationBarTitleText" : "",
                    "navigationStyle": "custom"
                }
            }
                
            ]

 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,22 @@
<template>
    <view>
		
    </view>
</template>

<script>
    export default {
        data() {
            return {
				
            }
        },
        methods: {
			
        }
    }
</script>

<style>

</style>