✨ feat:

pyt

2025-02-24 32d685dd5754772989bfe2a7e739c50253ab05c9

✨ feat:

 H5/pages.json

@@ -12,6 +12,27 @@
                "navigationBarTitleText": "添加办理进度",
                "navigationBarBackgroundColor": "#ffffff"
            }
        },

        {

            "path": "pages/list/list",

            "style": {

                "navigationBarTitleText": "诉求列表",

                "navigationBarBackgroundColor": "#fff"

            }

        },

        {

            "path": "pages/delay/delay",

            "style": {

                "navigationBarTitleText": "延期情况说明",

                "navigationBarBackgroundColor": "#fff"

            }

        },

        {

            "path": "pages/progress/progress",

            "style": {

                "navigationBarTitleText": "办理进度",

                "navigationBarBackgroundColor": "#fff"

            }

        }
    ],
    "globalStyle": {

 H5/pages/delay/delay.vue

New file
@@ -0,0 +1,53 @@
<template>
    <view class="pt-38">
        <view class="br-16 shadow1 pl-31 pt-31 pr-31 pb-21 ml-31 mr-31">

            <view class="fs-27 font-bold">

                说明内容

            </view>

            <view class="mt-27 bgColor1 pt-25 pl-31 pr-31 pb-29 lh-38 fs-27">

                1、处理措施：记录为解决该问题所采取的具体措施，包括政策宣传、处理沟通、现场处理等方式。

                2、处理时间：记录处理该问题的时间节点，包括开始处理时间、处理完成时间等。

                3、参与人员：记录参与处理该问题的人员名单，包括走访人员、相关部门工作人员等。

                4、结果概述：简要描述问题的处理结果，是否得到有效解决，是否达到走访对象的期望等。

                5、后续跟进：如需进一步跟进或处理，记录后续跟进的计划、时间节点及责任人员。

            </view>

            <view class="fs-27 font-bold mt-38">

                图片

            </view>

            <view class="flex a-center j-between mt-27 wrap">

                <image src="../../static/logo.png" mode="aspectFill" class="w-140 h-140 mr-15 shrink0 mb-10" v-for="item in 4" :key="item"></image>

            </view>

            <view class="fs-27 font-bold mt-28">

                视频

            </view>

            <view class="flex a-center j-between mt-27 wrap">

                <image src="../../static/logo.png" mode="aspectFill" class="w-140 h-140 mr-15 shrink0 mb-10" v-for="item in 4" :key="item"></image>

            </view>

        </view>

        <view class="h-10 safe-b">

			
        </view>
    </view>
</template>

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

<style scoped>
    .shadow1 { 
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0,0,0,0.1);

    }

    .bgColor1 {

        background-color: #FBFBFB;

    }
</style>

 H5/pages/list/list.vue

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

    <view class="content">

        <view class="bgColor2 h-96 flex a-center fs-27  j-between txt-center shadow1 font-w400 color1"

            style="position: sticky;top: 0;">

            <view class="flex1 relative" :class="true && 'color2 font-bold'">

                <view class="relative zIndex1000">

                    全部

                </view>

                <view class="bgColor1">



                </view>

            </view>

            <view class="flex1">

                上报待审核

            </view>

            <view class="flex1">

                正在办理

            </view>

            <view class="flex1">

                办结

            </view>

        </view>

        <view class="pl-31 pr-31">

            <view class="mt-31 br-19 bgColor3 shadow2 oh pb-31" v-for="(item,index) in 10" :key="index">

                <view class="pt-21 pl-27 pr-27 flex a-center j-between fs-27 font-bold">

                    <view class="">

                        诉求号：7843523454

                    </view>

                    <view class="color3">

                        上级驳回

                    </view>

                </view>

                <view class="mt-40 fs-23 pl-40 pr-40">

                    <view class="flex j-between a-center">

                        <view class="color4">

                            上报人：<text class="color5">李雷</text>

                        </view>

                        <view class="color4">

                            所属部门：<text class="color5">部门AA</text>

                        </view>

                    </view>

                    <view class="mt-15">

                        <view class="color4">

                            提交时间：<text class="color5">2025-2-11 11:09:09</text>

                        </view>

                    </view>

                </view>

                <view class="mt-27 ml-40 mr-40 br-19 bgColor4 pt-34 pb-34 fs-27 pl-27 pr-27 flex a-center j-between">

                    <text>江苏省常州市溧阳市牛顿大道172号</text>

                    <image src="../../static/location.png" mode="aspectFill" class="w-31 h-31 ml-10 shrink0"></image>

                </view>

                <view class="ml-40 mr-40 mt-31 flex j-between a-center fs-27 txt-center">

                    <view class="">

                        <view class="">

                            问题类型

                        </view>

                        <view class="tip">

                            教育

                        </view>

                    </view>

                    <view class="">

                        <view class="">

                            群众

                        </view>

                        <view class="mt-10">

                            沙振

                        </view>

                    </view>

                    <view class="">

                        <view class="">

                            联系电话

                        </view>

                        <view class="mt-10">

                            14225874426

                        </view>

                    </view>

                </view>

                <view class="fs-27 mt-31 ml-40 mr-40">

                    <view class="">

                        问题描述

                    </view>

                    <view class="mt-10 lh-38">

                        说出来的是你想的，做出来的是你说的，交出来的是你做的

                    </view>

                </view>

                <view class="fs-27 mt-31 ml-40">

                    <view class="">

                        描述图片

                    </view>

                    <view class="mt-19 flex wrap a-center">

                        <image v-for="(item,index) in 4" :key="index" src="../../static/logo.png" class="br-19 w-142 h-154 mr-13 mb-10 shrink0" mode=""></image>

                    </view>

                </view>

                <view class="mt-31 border1">

                    <view class="left"></view>

                    <view class="right"></view>

                    <view class="txt-center fs-23 mt-27 color6">

                        创建时间：2025-9-11 11:01:09

                    </view>

                    <view class="flex a-center j-center fs-23 mt-29 txt-center">

                        <view class="h-58 lh-58 bgColor5 w-192 br-29 color7">

                            添加办理进度

                        </view>

                        <view class="ml-38 h-58 lh-58 bgColor6 w-192 br-29 color8">

                            办理结果录入

                        </view>

                    </view>

                </view>

				
            </view>

        </view>

        <view class="safe-b pt-20"></view>

    </view>

</template>



<script>

    export default {

        data() {

            return {

                active: 1

            }

        },

        methods: {



        }

    }

</script>



<style scoped lang="scss">

    .content {

        min-height: 100vh;

        background-color: #f7f7f7;

    }

	
    .tip {

        height: 40rpx;

        background-color: #FFFBE6;

        border-radius: 8rpx;

        color: #FAAD14;

        text-align: center;

        line-height: 40rpx;

        margin-top: 8rpx;

        font-size: 23rpx;

        padding: 0 10rpx;

        min-width: 88rpx;

    }



    .shadow1 {

        box-shadow: 0rpx 12rpx 15rpx 0rpx rgba(0, 0, 0, 0.1);

    }

	
    .shadow2 {

        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);

    }



    .color1 {

        color: #4C4C4C;

    }



    .color2 {

        color: #232323;

    }

	
    .color3 {

        color: #FF4948;

    }

	
    .color4 {

        color: #929191;

    }

	
    .color5 {

        color: #000;

    }

	
    .color6 {

        color: #666666;

    }

	
    .color7 {

        color: #727272;

    }

	
    .color8 {

        color: #fff;

    }



    .bgColor1 {

        background: linear-gradient(270deg, #FFB318 0%, #FF330D 100%);

        width: 58rpx;

        height: 12rpx;

        border-radius: 6rpx;

        position: absolute;

        left: 0;

        right: 0;

        bottom: -5rpx;

        margin: auto;

    }

	
    .bgColor2 {

        background-color: #fff;

    }

	
    .bgColor3 {

        background: linear-gradient( 180deg, #FFDCDB 0%, rgba(255,255,255,0) 138rpx, #fff 100%);

    }

	
    .bgColor4 {

        background: linear-gradient( 270deg, rgba(255,241,0,0.5) 0%, rgba(255,249,172,0.25) 48%, rgba(255,255,255,0.2) 100%, #FFFFFF 100%);

    }

	
    .bgColor5 {

        background: #F3F3F3;

    }

	
    .bgColor6 {

        background: linear-gradient( 270deg, #FC8D55 0%, #FF4948 100%);

    }

	
    .border1 {

        border-top: 2rpx solid #EDEEEF;

        position: relative;

        .left {

            width: 40rpx;

            height: 40rpx;

            background-color: #F4F4F4;

            border-radius: 50%;

            position: absolute;

            left: -20rpx;

            top: -20rpx;

        }

        .right {

            width: 40rpx;

            height: 40rpx;

            background-color: #F4F4F4;

            border-radius: 50%;

            position: absolute;

            right: -20rpx;

            top: -20rpx;

        }

    }

</style>

 H5/pages/progress/progress.vue

New file
@@ -0,0 +1,102 @@
<template>
    <view class="pt-38">
        <view class="shadow1 ml-31 mr-31 br-16 pt-31 pl-31 pr-31 fs-27 pb-28">

            <view class="flex">

                <view class="flex flex-column j-between">

                    <view class="shrink0 point mt-14 mr-31">

                        <view class="center">

							
                        </view>

                    </view>

                    <view class="flex1 w-3 bgColor1 ml-8 mt-10">

						
                    </view>

                </view>

                <view class="flex1 pb-46">

                    <view class="flex a-center j-between lh-38">

                        <text class="color1">李雷</text>

                        <text class="color2">2024年9月29日11:09:09</text>

                    </view>

                    <view class="lh-38 mt-10 fs-27">

                        处理进度说明处理进度说明处理进度说明处理进度说明处理进度说明处理进度说明处理进度说明处理进度说明

                    </view>

                </view>

            </view>

            <view class="flex">

                <view class="flex flex-column j-between">

                    <view class="shrink0 point mt-14 mr-31">

                        <view class="center">

							
                        </view>

                    </view>

                <!--     <view class="flex1 w-3 bgColor1 ml-8 mt-10">

						
                    </view> -->

                </view>

                <view class="flex1">

                    <view class="flex a-center j-between lh-38">

                        <text class="color1">李雷</text>

                        <text class="color2">2024年9月29日11:09:09</text>

                    </view>

                    <view class="lh-38 mt-10 fs-27">

                        处理进度说明处理进度说明处理进度说明处理进度说明处理进度说明处理进度说明处理进度说明处理进度说明

                    </view>

                    <view class="flex wrap mt-19">

                        <image v-for="item in 5" :key="index" src="../../static/logo.png" class="mb-19 w-140 h-140 br-8 shrink0 mr-17" mode=""></image>

                    </view>

                </view>

            </view>

        </view>

        <view class="h-10 safe-b">

			
        </view>
    </view>
</template>

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

<style scoped lang="scss">

    .color1 {

        color: #505050;

    }

    .color2{

         color: #999999;

    }
    .shadow1 { 
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0,0,0,0.1);

    }

    .border1 {

        width: 3rpx;

        background: #000;

    }

    .bgColor1 {

        background-color: #F0F0F0;

    }

    .point {

        background: linear-gradient( 180deg, #FD8D3C 0%, #FA541C 100%);

        box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(252,141,85,0.4);

        border-radius: 50%;

        width: 19rpx;

        height: 19rpx;

        display: flex;

        align-items: center;

        justify-content: center;

        .center {

            width: 9rpx;

            height: 9rpx;

            border-radius: 50%;

            background-color: #fff;

        }

    }
</style>

 H5/static/location.png