Merge branch 'master' of http://120.76.84.145:10101/gitblit/r/H5/threeSide

董国庆

2025-02-23 a5fd65fe9961b062cf0ea26ec74cb3fcb4c9aceb

Merge branch 'master' of http://120.76.84.145:10101/gitblit/r/H5/threeSide

 H5/pages.json

@@ -3,7 +3,8 @@
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "uni-app"
                "navigationBarTitleText": "uni-app",
                "navigationStyle": "custom"
            }
        },
        {
@@ -32,6 +33,27 @@
                "navigationBarTitleText": "工单下派",
                "navigationBarBackgroundColor": "#ffffff"
            }
        },
        {
            "path": "pages/Appeal/Appeal",
            "style": {
                "navigationBarTitleText": "诉求录入",
                "navigationBarBackgroundColor": "#ffffff"
            }
        },
        {
            "path": "pages/location/location",
            "style": {
                "navigationStyle": "custom"
            }
        },
        {
            "path" : "pages/result-entry/index",
            "style" : 
            {
                "navigationBarTitleText": "办结结果录入",
                "navigationBarBackgroundColor": "#ffffff"
            }
        }
    ],
    "globalStyle": {
@@ -40,5 +62,17 @@
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
    },
    "permission": {
        "scope.userLocation": {
            "desc": "你的位置信息将用于地图显示"
        }
    },
    "requiredPrivateInfos": [
        "getLocation",
        "chooseLocation"
    ],
    "setting": {
        "urlCheck": false
    },
    "uniIdRouter": {}
}

 H5/pages/Appeal/Appeal.vue

New file
@@ -0,0 +1,182 @@
<template>
    <view class="content">
        <view class="main">
            <view class="card  flex a-center h-108 j-between">
                <text class="w-108 fs-27 font-bold mr-85">时间</text>
                <input placeholder-style="color: rgba(0,0,0,0.3);font-size:27rpx;" class="uni-input flex1"
                    maxlength="10" placeholder="请选择问题发生的时间" />
                <image src="/static/Appeal/left.png" class="w-19 h-19" mode=""></image>
            </view>
            <view class="card  flex a-center h-108 j-between">
                <text class="w-108 fs-27 font-bold mr-85">问题类型</text>
                <input placeholder-style="color: rgba(0,0,0,0.3);font-size:27rpx;" class="uni-input flex1"
                    maxlength="10" placeholder="请选择问题类型" />
                <image src="/static/Appeal/left.png" class="w-19 h-19" mode=""></image>
            </view>
            <view class="card  flex a-center h-108 j-between">
                <text class="w-108 fs-27 font-bold mr-85">群众</text>
                <input placeholder-style="color: rgba(0,0,0,0.3);font-size:27rpx;" class="uni-input flex1"
                    maxlength="10" placeholder="请输入群众姓名" />

            </view>
            <view class="card  flex a-center h-108 j-between">
                <text class="w-108 fs-27 font-bold mr-85">联系电话</text>
                <input placeholder-style="color: rgba(0,0,0,0.3);font-size:27rpx;" class="uni-input flex1"
                    maxlength="10" placeholder="请输入群众联系电话" />

            </view>
            <view class="card  flex a-center h-108 j-between" @click="goTopage">
                <text class="w-108 fs-27 font-bold mr-85">地点</text>
                <input placeholder-style="color: rgba(0,0,0,0.3);font-size:27rpx;" class="uni-input flex1"
                    maxlength="10" placeholder="请选择问题发生具体地点" />
                <image src="/static/Appeal/left.png" class="w-19 h-19" mode=""></image>

            </view>
            <view class="card  flex a-center h-108 j-between">
                <text class="w-108 fs-27 font-bold mr-85">详细地址</text>
                <input placeholder-style="color: rgba(0,0,0,0.3);font-size:27rpx;" class="uni-input flex1"
                    maxlength="10" placeholder="请输入详细地址描述" />
            </view>
            <view class="mt-35">
                <text class="w-108 fs-27 font-bold mr-85">问题描述</text>
                <view class="bg mt-27 fs-27">
                    <view class="h-94 " style="border-bottom: 2rpx solid rgba(0, 10, 26, 0.07);">
                        <input placeholder-style="color: rgba(0,0,0,0.3);font-size:27rpx;" class="h-94 pl-31 flex1"
                            placeholder="请输入问题标题" />
                    </view>
                    <textarea name="" id="" cols="30" placeholder="请输入问题描述内容"
                        placeholder-style="color: rgba(0, 0, 0, 0.30);font-size:27rpx;" rows="10"></textarea>
                </view>
            </view>
            <view class="mt-35">
                <text class="w-108 fs-27 font-bold mr-85">图片</text>
                <view class="mt-27 flex a-center">
                    <view class="img mr-15">
                        <image src="/static/logo.png" class="w-140 h-140" mode=""></image>
                        <view class="img-icon">
                            <image class="w-19 h-19" src="/static/Appeal/amplify.png" mode=""></image>
                            <image class="w-19 h-19 ml-35" src="/static/Appeal/trash.png" mode=""></image>
                        </view>
                    </view>
                    <image src="/static/Appeal/add.png" class="w-140 h-140" mode=""></image>
                </view>
            </view>
            <view class="mt-35">
                <text class="w-108 fs-27 font-bold mr-85">视频</text>
                <view class="mt-27 flex a-center">
                    <view class="img mr-15">
                        <image src="/static/logo.png" class="w-140 h-140" mode=""></image>
                        <view class="img-icon">
                            <image class="w-19 h-19" src="/static/Appeal/amplify.png" mode=""></image>
                            <image class="w-19 h-19 ml-35" src="/static/Appeal/trash.png" mode=""></image>
                        </view>
                    </view>
                    <image src="/static/Appeal/add.png" class="w-140 h-140" mode=""></image>
                </view>
            </view>
        </view>
        <view class="btn">
            保存
        </view>
        <u-datetime-picker :show="showDate" v-model="value1" mode="date"></u-datetime-picker>
        <u-picker :show="showList" :columns="columns" @confirm="confirm" @cancel="cancel"></u-picker>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                showList: false,
                showDate: false,
                value1: Number(new Date()),
                columns: [['医疗','教育','就业','住房','养老']],
            };
        },
        methods:{
            confirm(e){
                console.log(e,'eeee');
            },
            cancel(e){
                console.log(e,'eeee');
            },
            goTopage(){
                uni.navigateTo({
                    url:'/pages/location/location'
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
    .card {
        border-bottom: 2rpx solid rgba(0, 10, 26, 0.07);
    }

    .bg {
        background: #F8F8F8;
    }

    .content {
        padding: 38rpx 31rpx 62rpx 31rpx;

        .main {
            padding: 0 27rpx 48rpx 27rpx;
            background: #FFFFFF;
            box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
            border-radius: 19rpx;
        }
    }

    textarea {
        padding: 27rpx 31rpx 27rpx 31rpx;
        font-weight: 500;
    }

    .img {
        position: relative;

        .img-icon {
            height: 140rpx;
            line-height: 140rpx;
            position: absolute;
            top: 0rpx;
            left: 35rpx;
        }
    }

    .btn {
        width: 688rpx;
        height: 96rpx;
        background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
        border-radius: 48rpx;
        font-weight: 600;
        font-size: 35rpx;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 38rpx
    }

    /deep/.u-popup__content {
        border-radius: 16rpx 16rpx 0rpx 0rpx;
    }

    /deep/ .u-toolbar {
        border-bottom: 2rpx solid RGBA(243, 243, 243, 1);
    }

    /deep/ .u-toolbar__wrapper__cancel {
        font-weight: 400;
        font-size: 30rpx;
        color: #FF4948 !important;
    }

    /deep/ .u-toolbar__wrapper__confirm {
        font-weight: 400;
        font-size: 30rpx;
        color: #FF4948 !important;
    }
</style>

 H5/pages/add-progress/index.vue

@@ -7,7 +7,7 @@
            </view>
            <view class="mx-13 mt-33 pt-35 pb-33 px-27 br-19 flex a-center j-between bgcolor1">
                <view class="fs-27 lh-38 color2">江苏省常州市溧阳市牛顿大道172号</view>
                <image src="../../static/public/gps.png" class="w-31 h-31 shrink0" />
                <image src="@/static/public/gps.png" class="w-31 h-31 shrink0" />
            </view>
            <view class="flex a-center j-between mt-31 mx-13">
                <view class="flex-column a-center">
@@ -24,6 +24,40 @@
                </view>
            </view>
        </view>
        <view class="br-19 mt-38 bs-1 pt-35 pb-33 px-31">
            <view class="fs-27 lh-38 font-bold">办理进度描述</view>
            <textarea class="pt-25 pl-31 mt-27 fs-27 br-8 bgcolor4" style="height: 365rpx;" placeholder="请输入办理进度描述" />
            <view class="fs-27 mt-38 lh-38 font-bold">图片</view>
            <view class="flex wrap mt-27">
                <view class="relative mr-15" v-for="item in 4" :key="item">
                    <image src="/static/logo.png" class="w-140 h-140 shrink0 br-8" />
                    <view class="absolute w-140 h-140 bgcolor5 top0 left0 br-8">
                        <view class="absolute" style="top: 50%;left: 50%;transform: translate(-50%,-50%);">
                            <image @tap="viewImage(item)" src="@/static/Appeal/amplify.png" class="w-19 h-19 mr-35"
                                mode="" />
                            <image src="@/static/Appeal/trash.png" class="w-19 h-19" />
                        </view>
                    </view>
                </view>
                <image src="/static/Appeal/add.png" class="w-140 h-140 shrink0" />
            </view>
            <view class="fs-27 mt-37 lh-38 font-bold">视频</view>
            <view class="flex wrap mt-27">
                <view class="relative mr-15" v-for="item in 4" :key="item">
                    <image src="@/static/logo.png" class="w-140 h-140 shrink0 br-8" />
                    <view class="absolute w-140 h-140 bgcolor5 top0 left0 br-8">
                        <view class="absolute" style="top: 50%;left: 50%;transform: translate(-50%,-50%);">
                            <image @tap="viewImage(item)" src="@/static/Appeal/amplify.png" class="w-19 h-19 mr-35"
                                mode="" />
                            <image src="@/static/Appeal/trash.png" class="w-19 h-19" />
                        </view>
                    </view>
                </view>
                <image src="@/static/Appeal/add.png" class="w-140 h-140 shrink0" />
            </view>
        </view>
        <view class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4">确认添加</view>
        <view class="safe-box"></view>
    </view>
</template>

@@ -35,7 +69,11 @@
            }
        },
        methods: {

            viewImage(item) {
                uni.previewImage({
                    urls:[require('@/static/logo.png')]
                })
            }
        }
    }
</script>
@@ -57,6 +95,10 @@
        color: #FAAD14;
    }

    .color4 {
        color: #FFFFFF;
    }

    .bgcolor1 {
        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%);
    }
@@ -69,7 +111,23 @@
        background: #FFFBE6;
    }

    .bgcolor4 {
        background: #F8F8F8;
    }

    .bgcolor5 {
        background: rgba(0, 0, 0, .23);
    }

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

    .border1 {
        border: 2rpx solid #FFF1B8;
    }

    .safe-box {
        height: env(safe-area-inset-bottom);
    }
</style>

 H5/pages/components/certificate/certificate.vue

New file
@@ -0,0 +1,127 @@
<template>
    <view>
        <u-popup :show="show" mode="center" @open="open">
            <view class="popup_main">
                <view class="popup_content flex flex-column a-center">
                    <text class="fs-35 font-bold color3 mt-46">党员证件</text>
                    <view class="bg font-w500 fs-23 mt-38 flex  flex-column a-center">
                        <image src="/static/home/img9.png" class="w-133 h-156 mt-40" mode=""></image>
                        <view class="flex mt-8">
                            <view class="flex flex-column mr-40 lh-48">
                                <text>姓名：</text>
                                <text>身份证号码：</text>
                                <text>所在党组织：</text>
                            </view>
                            <view class="flex flex-column a-end lh-48">
                                <text>李雷</text>
                                <text>500000000000000000</text>
                                <text>成都市锦江区XXXXX部门</text>

                            </view>
                        </view>

                    </view>
                    <view class="flex a-center mt-31">
                        <view class="btn_left" @click="onclose">
                            关闭
                        </view>
                        <view class="btn_right">
                            编辑
                        </view>
                    </view>

                </view>
            </view>
        </u-popup>
    </view>
</template>

<script>
    export default {
        props: {
            show: Boolean
        },
        data() {
            return {

            };
        },
        methods: {
            open() {

            },
		
            onclose() {
                this.show =false
            },
        },
        created() {
        },
    }
</script>

<style lang="scss">
    .color3 {
        color: #fff;
    }

    /deep/ .u-popup__content {
        width: 635rpx;
        height: 654rpx;
        border-radius: 40rpx;
    }

    .popup_main {
        width: 635rpx;
        height: 654rpx;
        border-radius: 40rpx;
        background-image: url('@/static/home/bg1.png');
        /* 背景图片铺满容器 */
        background-size: cover;
        /* 背景图片不重复 */
        background-repeat: no-repeat;
        /* 背景图片居中显示 */
        background-position: center;
        /* 设置容器的宽度和高度 */
    }

    .bg {

        width: 577rpx;
        height: 371rpx;
        background-image: url('@/static/home/bg2.png');
        /* 背景图片铺满容器 */
        background-size: cover;
        /* 背景图片不重复 */
        background-repeat: no-repeat;
        /* 背景图片居中显示 */
        background-position: center;
    }

    .btn_left {
        width: 212rpx;
        height: 77rpx;
        border-radius: 48rpx;
        border: 2rpx solid rgba(0, 0, 0, 0.8);
        font-size: 27rpx;
        color: rgba(0, 0, 0, 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn_right {
        width: 212rpx;
        height: 77rpx;
        background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
        border: 2rpx solid #fff;
        border-radius: 48rpx;
        font-weight: 600;
        font-size: 27rpx;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 33rpx;
    }
</style>

 H5/pages/index/index.vue

@@ -1,53 +1,334 @@
<template>
    <view class="content">
        <image class="logo" src="/static/logo.png"></image>
        <view class="text-area">
            <text class="title">{{title}}</text>
            <u-button type="primary" icon="map" text="图标按钮"></u-button>
        <view class="top_content">
            <image src="/static/home/bg@2x.png" class="bg-img vw100" style="z-index: 1;" mode=""></image>
            <view class="main">
                <image src="/static/home/img6.png" class="h-85" mode=""></image>
                <image class="w-275 h-28 mt-15" src="/static/home/img3.png" mode=""></image>
                <view class="flex a-center mt-17   mb-31">
                    <image class="h-32" src="/static/home/img5.png" mode=""></image>
                </view>
                <swiper class="swiper " :indicator-dots="false" :autoplay="true" :interval="3000">
                    <swiper-item>
                        <image style="height: 270rpx;width: 688rpx;" src="/static/home/img2.png" mode=""></image>
                    </swiper-item>
                    <swiper-item>
                        <image style="height: 270rpx;width: 688rpx;" src="/static/home/img2.png" mode=""></image>
                    </swiper-item>
                    <swiper-item>
                        <image style="height: 270rpx;width: 688rpx;" src="/static/home/img2.png" mode=""></image>
                    </swiper-item>
                </swiper>
            </view>
        </view>
        <view class="pt-38 pl-31 pr-31 flex flex-column">
            <view class="flex j-between a-center">
                <text class="color1">工作台</text>
                <text class="color2" @click="showData =!showData">查看更多</text>
            </view>
            <view class="flex flex-wrap j-between">
                <view class="pt-38 pb-38 bg1 w-333 flex br-19 mt-19 a-center" @click="goTopage()">
                    <image class="w-81 h-77 ml-38" src="/static/home/img4.png" mode=""></image>
                    <text class="ml-37">诉求录入</text>
                </view>
                <view class="pt-38  pb-38 bg1 w-333 mt-19 br-19 flex a-center">
                    <image class="w-81 h-77 ml-38" src="/static/home/img2.png" mode=""></image>
                    <text class="ml-37">诉求列表</text>
                </view>
                <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center">
                    <image class="w-79 h-77 ml-38" src="/static/home/img1.png" mode=""></image>
                    <text class="ml-37">回访评价</text>
                </view>
                <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center">
                    <image class="w-81 h-77 ml-38" src="/static/home/img8.png" mode=""></image>
                    <text class="ml-37">分析统计</text>
                </view>
                <view class="pt-38 pb-38 bg1 w-333 br-19 mt-19 flex a-center" @click="onClick()" v-if="showData">
                    <image class="w-94 h-77 ml-38" src="/static/home/img7.png" mode=""></image>
                    <text class="ml-37">党员证</text>
                </view>

            </view>
            <view class="flex j-between a-center mt-38">
                <text class="color1">消息通知</text>
            </view>
            <view class=" mt-15">
                <view class="flex a-center">
                    <view class="msg mr-19" @click="isactive=1" :class="isactive==1? 'active':''">
                        消息
                        <view class="tips">
                            6
                        </view>
                    </view>
                    <view class="representative" @click="isactive=2" :class="isactive==2? 'active':''">
                        待办
                        <view class="tips">
                            6
                        </view>
                    </view>
                </view>
                <view class="list mt-29">
                    <view class="flex a-center mb-27" v-for="item in 5">
                        <view class="avater pb-33">
                            <image class="w-85 h-85 br50" src="/static/home/img9.png" mode=""></image>
                            <view class="tips">

                            </view>
                        </view>
                        <view class="border-b flex1 ml-18 pb-33">
                            <view class="fs-31  font-w500 flex  flex1 j-between">
                                <text>钟山淑</text>
                                <text class="fs-23 font-w400">16分钟前</text>

                            </view>
                            <view class="fs-27 flex j-between mt-8">
                                <text>向你发来10份报告</text>
                                <view class="read">已读</view>
                                <view class="noread">未读</view>

                            </view>
                        </view>
                    </view>
                    <text class="flex j-center fs-27 color4 pb-48">全部已读</text>

                </view>

            </view>
        </view>
        <popupCertificate :show="isClick"></popupCertificate>
    </view>
</template>

<script>
    import popupCertificate from '../components/certificate/certificate.vue'
    export default {
        components: {
            popupCertificate
        },
        data() {
            return {
                title: 'Hello'
                isactive: 1,
                list1: [],
                showData: false,
                isClick: false,
            }
        },
        onLoad() {

        },
        methods: {
            change() {
                console.log('1111');
            },

            onClick() {
                this.isClick = !this.isClick
                console.log('this.isClick', this.isClick);
            },
            goTopage() {
                uni.navigateTo({
                    url: '/pages/Appeal/Appeal',
                    success: function(res) {
                        // 跳转成功的回调函数
                    },
                    fail: function(err) {
                        // 跳转失败的回调函数
                    },
                    complete: function() {
                        // 无论跳转成功或失败都会执行的回调函数
                    }
                });

            }
        }
    }
</script>

<style>
    .content {
<style lang="scss">
    .border-b {

        border-bottom: 2rpx solid rgba(0, 10, 26, 0.07);
    }

    .color1 {
        color: #3D2124;
    }

    .color2 {
        color: rgba(61, 33, 36, 0.6);
    }

    .color4 {
        color: rgba(0, 0, 0, 0.4);
    }

    .bg1 {
        background-color: rgba(255, 248, 230, 1);
    }

    .flex-wrap {
        flex-wrap: wrap;
    }

    .read {
        width: 77rpx;
        height: 42rpx;
        border-radius: 8rpx;
        border: 2rpx solid rgba(0, 0, 0, 0.15);
        font-weight: 400;
        font-size: 23rpx;
        color: rgba(0, 0, 0, 0.45);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 200rpx;
        width: 200rpx;
        margin-top: 200rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }

    .text-area {
    .noread {
        width: 77rpx;
        height: 42rpx;
        background: #FFF1F0;
        border-radius: 8rpx;
        border: 2rpx solid #FFCCC7;
        font-weight: 400;
        font-size: 23rpx;
        color: #FF4D4F;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        color: #8f8f94;
    .avater {
        position: relative;

        .tips {
            position: absolute;
            top: 0;
            left: 63rpx;
            width: 12rpx;
            height: 12rpx;
            border-radius: 50%;
            background: #FF3141;
        }
    }
</style>

    .top_content {

        position: relative;

        .main {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 0 31rpx;
            position: absolute;
            bottom: 8rpx;
            z-index: 100;
            left: 0;

            .tip {

                /* 让文字颜色透明，显示出渐变背景 */
                color: #FFEEA7;
                /* 设置文字大小 */

                font-weight: 800;
                font-size: 31rpx;



            }

            .title {
                font-weight: 400;
                font-size: 58rpx;
                color: #FFEEA7;
                line-height: 85rpx;
                text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.26);
                text-align: right;
                font-style: normal;
            }
        }
    }

    .bg-img {
        height: 648rpx;
    }

    .swiper {
        width: 688rpx;
        height: 270rpx;
        border-radius: 19rpx;

    }

    .msg {
        width: 173rpx;
        height: 58rpx;
        border-radius: 29rpx;
        background: #F6F6F6;
        font-weight: 400;
        color: #797F81;
        font-size: 27rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;

        .tips {
            position: absolute;
            top: -12rpx;
            right: 35rpx;
            width: 27rpx;
            height: 27rpx;
            text-align: center;
            line-height: 27rpx;
            background: #FF3141;
            border: 2rpx solid #FFFFFF;
            border-radius: 50%;

            font-weight: 400;
            font-size: 17rpx;
            color: #FFFFFF;

        }
    }

    .representative {
        font-weight: 400;
        font-size: 27rpx;
        color: #797F81;
        width: 173rpx;
        height: 58rpx;
        background: #F6F6F6;
        border-radius: 29rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;

        .tips {
            position: absolute;
            top: -12rpx;
            right: 35rpx;
            width: 27rpx;
            height: 27rpx;
            text-align: center;
            line-height: 27rpx;
            background: #FF3141;
            border: 2rpx solid #FFFFFF;
            border-radius: 50%;

            font-weight: 400;
            font-size: 17rpx;
            color: #FFFFFF;

        }
    }

    .active {
        background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
        color: #FFFFFF;
        font-weight: 600;
    }
</style>

 H5/pages/location/location.vue

New file
@@ -0,0 +1,98 @@
<template>
    <view class="content">
        <u-navbar title="选择地点" bgColor="transparent" titleStyle="font-size: 35rpx;font-weight:bold;" placeholder>
            <view slot="left">
                <image src="/static/location/back.png" class="w-19 h-35" mode=""></image>
            </view>
        </u-navbar>
        <map id="map" longitude="113.324520" latitude="23.099994" scale="14"></map>

        <view class="">
            <view class="searchMain mb-35">
                <view class="search fs-27 ">
                    <text class="mr-35 ml-50">成都市</text>
                    <image class="w-17 h-8 mr-35" src="/static/location/toleft.png" mode=""></image>
                    <image class="w-31 h-31 mr-13" src="/static/location/search.png" mode=""></image>
                    <input class="flex1" placeholder="搜索小区/写字楼等" placeholder-style="font-size:27rpx"></input>
                    <view class="sure">
                        确定
                    </view>
                </view>
			
            </view>
            <view class="card" :class="" v-for="item in 5">
                <text>天府新谷九号楼二单元</text>
                <text class="font-w500 fs-23 mt-25" style="color: rgba(0, 0, 0, 0.6);">四川省成都市高新区府城大道西段399号天</text>
			
            </view>
        </view>

    </view>
</template>

<script>
    export default {
        data() {
            return {
                latitude: 39.909,
                longitude: 116.39742,
            };
        }
    }
</script>

<style lang="scss" scoped>
    map {
        width: 100vw;
        height: 517rpx;
    }

    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .searchMain {
        padding-left: 40rpx;
        padding-right: 40rpx;
        border-radius: 40rpx;

        .search {
            width: 669rpx;
            height: 77rpx;
            background: #FFFFFF;
            border-radius: 38rpx;
            border: 2rpx solid #DADADA;
            display: flex;

            align-items: center;
            justify-content: space-between;
        }
    }


    .sure {
        width: 104rpx;
        height: 69rpx;
        background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
        border-radius: 48rpx;
        font-weight: 500;
        font-size: 23rpx;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .card {
        display: flex;
        flex-direction: column;
        font-weight: 800;
        font-size: 31rpx;
        color: rgba(0, 0, 0, 0.8);
        padding: 34rpx 38rpx 33rpx 38rpx;
        background: #F2F2F2;
        border-bottom: 2rpx solid rgba(0, 10, 26, 0.07);
    }
</style>

 H5/pages/result-entry/index.vue

New file
@@ -0,0 +1,253 @@
<template>
    <view class="px-31 pt-38">
        <view class="br-19 bs-1 pt-21 pb-35 px-27 bgcolor2 relative transition-h"
            :class="unfoldFlag ? 'max-9999' : 'max-300'">
            <view>
                <view class="flex a-center j-between fs-23 lh-33 font-bold">
                    <view>诉求号：7843523454</view>
                    <view class="color1">正在办理</view>
                </view>
                <view class="mx-13 mt-33 pt-35 pb-33 px-27 br-19 flex a-center j-between bgcolor1">
                    <view class="fs-27 lh-38 color2">江苏省常州市溧阳市牛顿大道172号</view>
                    <image src="@/static/public/gps.png" class="w-31 h-31 shrink0" />
                </view>
                <view v-if="!unfoldFlag" class="flex a-center j-between mt-31 mx-13">
                    <view class="flex-column a-center">
                        <view class="fs-27 lh-38 font-bold">问题类型</view>
                        <view class="mt-8 fs-23 lh-42 txt-center px-31 font-w400 color3 bgcolor3 border1">教育</view>
                    </view>
                    <view class="flex-column a-center">
                        <view class="fs-27 lh-38 font-bold">群众</view>
                        <view class="fs-27 lh-38 mt-10">沙振</view>
                    </view>
                    <view class="flex-column a-center">
                        <view class="fs-27 lh-38 font-bold">联系电话</view>
                        <view class="fs-27 lh-38 mt-10">14225874426</view>
                    </view>
                </view>
                <view v-else class="mt-33">
                    <view class="fs-27 lh-77 flex j-between">
                        <view class="shrink0 color2 font-w400">
                            <view>创建时间</view>
                            <view>问题类型</view>
                            <view>群众</view>
                            <view>联系电话</view>
                            <view>详细地址</view>
                        </view>
                        <view class="font-bold txt-aligin-r" style="max-width: 404rpx;">
                            <view>2025-09-09 11:09:0</view>
                            <view>教育</view>
                            <view>张三</view>
                            <view>15708179461</view>
                            <view class="lh-35">上报说明上报说明上报说明上报说明上报说明上报说明上报说明上报说</view>
                        </view>
                    </view>
                    <view class="line-box my-35"></view>
                    <view class="fs-27 lh-38 font-bold mx-31">问题描述</view>
                    <view class="br-8 bgcolor4 py-29 mt-27 fs-27">
                        <view class="ml-31">问题标题问题标题问题标题问题标题</view>
                        <view class="line-box my-27"></view>
                        <view class="mx-31 color2">
                            问题描述内容问题描述内容问题描述内容问题描述内容问题描述内容问题描述内容问题描述内容问题描述内容问题描述内容问题描述内容问题描述内容
                        </view>
                    </view>
                    <view class="fs-27 mt-35 lh-38 font-bold">描述图片</view>
                    <view class="flex wrap mt-27">
                        <view @tap="viewImage(item)" class="relative mr-15" v-for="item in 4" :key="item">
                            <image src="/static/logo.png" class="w-140 h-140 shrink0 br-8" />
                        </view>
                    </view>
                    <view class="fs-27 mt-37 lh-38 font-bold">描述视频</view>
                    <view class="flex wrap mt-27">
                        <view @tap="viewImage(item)" class="relative mr-15" v-for="item in 4" :key="item">
                            <image src="@/static/logo.png" class="w-140 h-140 shrink0 br-8" />
                        </view>
                    </view>
                </view>
            </view>
            <view @tap="unfold" class="bgcolor3 absolute w-100 txt-center"
                style="bottom:-58rpx;left: 50%;transform: translate(-50%,-50%);">
                <image src="/static/location/back.png" class="h-23 w-15" style="transform: rotate(-90deg);" />
            </view>
        </view>
        <view class="br-19 mt-76 bs-1 pt-35 pb-33">
            <view class="fs-27 lh-38 font-bold ml-31">处理状态</view>
            <view class="br-15 py-15 pl-31 mx-31 pr-27 mt-27 flex j-between a-center border2">
                <view class="color6">请选择当前处理状态</view>
                <image src="/static/location/back.png" class="h-23 w-15" style="transform: rotate(-90deg);" />
            </view>
            <view class="fs-27 lh-38 font-bold ml-31 mt-38">办结结果描述</view>
            <view class="mt-23 br-38 pt-31 pb-16 pl-31 pr-29 fs-23 color5 bgcolor8">
                <view class="flex mb-15">
                    <view class="w-8 h-8 br50 shrink0 mr-12 mt-12 bgcolor7"></view>
                    <view>处理措施：记录为解决该问题所采取的具体措施，包括政策宣传、沟通协调、现场处理等方式。</view>
                </view>
                <view class="flex mb-15">
                    <view class="w-8 h-8 br50 shrink0 mr-12 mt-12 bgcolor7"></view>
                    <view>处理时间：记录处理该问题的时间节点，包括开始处理时间、处理完成时间等。</view>
                </view>
                <view class="flex mb-15">
                    <view class="w-8 h-8 br50 shrink0 mr-12 mt-12 bgcolor7"></view>
                    <view>参与人员：记录参与处理该问题的人员名单，包括走访人员、相关部门工作人员等。</view>
                </view>
                <view class="flex mb-15">
                    <view class="w-8 h-8 br50 shrink0 mr-12 mt-12 bgcolor7"></view>
                    <view>结果概述：简要描述问题的处理结果，是否得到有效解决，是否达到走访对象的期望等。</view>
                </view>
                <view class="flex mb-15">
                    <view class="w-8 h-8 br50 shrink0 mr-12 mt-12 bgcolor7"></view>
                    <view>后续跟进：如需进一步跟进或处理，记录后续跟进的计划、时间节点及责任人员。</view>
                </view>
            </view>
            <view class="mx-31">
                <textarea class="pt-25 pl-31 mt-27 fs-27 br-8 bgcolor4" style="height: 365rpx;"
                    placeholder="请按上述标准描述处理结果" />
                <view class="fs-27 mt-38 lh-38 font-bold">图片</view>
                <view class="flex wrap mt-27">
                    <view class="relative mr-15" v-for="item in 4" :key="item">
                        <image src="/static/logo.png" class="w-140 h-140 shrink0 br-8" />
                        <view class="absolute w-140 h-140 bgcolor5 top0 left0 br-8">
                            <view class="absolute" style="top: 50%;left: 50%;transform: translate(-50%,-50%);">
                                <image @tap="viewImage(item)" src="@/static/Appeal/amplify.png" class="w-19 h-19 mr-35"
                                    mode="" />
                                <image src="@/static/Appeal/trash.png" class="w-19 h-19" />
                            </view>
                        </view>
                    </view>
                    <image src="/static/Appeal/add.png" class="w-140 h-140 shrink0" />
                </view>
                <view class="fs-27 mt-37 lh-38 font-bold">视频</view>
                <view class="flex wrap mt-27">
                    <view class="relative mr-15" v-for="item in 4" :key="item">
                        <image src="@/static/logo.png" class="w-140 h-140 shrink0 br-8" />
                        <view class="absolute w-140 h-140 bgcolor5 top0 left0 br-8">
                            <view class="absolute" style="top: 50%;left: 50%;transform: translate(-50%,-50%);">
                                <image @tap="viewImage(item)" src="@/static/Appeal/amplify.png" class="w-19 h-19 mr-35"
                                    mode="" />
                                <image src="@/static/Appeal/trash.png" class="w-19 h-19" />
                            </view>
                        </view>
                    </view>
                    <image src="@/static/Appeal/add.png" class="w-140 h-140 shrink0" />
                </view>
                <view class="fs-27 lh-38 mt-40 font-bold">其他说明</view>
                <textarea class="pt-25 pl-31 mt-27 fs-27 br-8 bgcolor4" style="height: 365rpx;"
                    placeholder="请输入补充说明内容" />
            </view>
        </view>
        <view class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4">提交办结结果</view>
        <view class="safe-box"></view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                unfoldFlag: false, //是否展开
            }
        },
        methods: {
            unfold() {
                this.unfoldFlag = !this.unfoldFlag
            },
            viewImage(item) {
                uni.previewImage({
                    urls: [require('@/static/logo.png')]
                })
            }
        }
    }
</script>

<style scoped lang="scss">
    .bs-1 {
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
    }

    .color1 {
        color: #FF4948;
    }

    .color2 {
        color: rgba(0, 0, 0, .8);
    }

    .color3 {
        color: #FAAD14;
    }

    .color4 {
        color: #FFFFFF;
    }

    .color5 {
        color: #FC8D55;
    }

    .color6 {
        color: rgba(0, 0, 0, 0.24);
    }

    .bgcolor1 {
        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%);
    }

    .bgcolor2 {
        background: linear-gradient(180deg, #FFDCDB 0%, rgba(255, 255, 255, 0) 91rpx);
    }

    .bgcolor3 {
        background: #FFFBE6;
    }

    .bgcolor4 {
        background: #F8F8F8;
    }

    .bgcolor5 {
        background: rgba(0, 0, 0, .23);
    }

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

    .bgcolor7 {
        background-color: rgba(252, 141, 85, 1);
    }

    .bgcolor8 {
        background: #FFFBE6;
    }

    .border1 {
        border: 2rpx solid #FFF1B8;
    }

    .border2 {
        border: 2rpx solid rgba(0, 0, 0, 0.15);
    }

    .safe-box {
        height: env(safe-area-inset-bottom);
    }

    .line-box {
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
        height: 2rpx;
        background: rgba(0, 10, 26, 0.07);
    }

    .transition-h {
        transition: max-height 0.5s ease-out;
    }

    .max-300 {
        max-height: 300rpx;
    }

    .max-9999 {
        max-height: 9999rpx;
    }
</style>

 H5/static/Appeal/add.png

 H5/static/Appeal/amplify.png

 H5/static/Appeal/left.png

 H5/static/Appeal/trash.png

 H5/static/aiicon/activesend.png

Binary files differ

 H5/static/aiicon/activeupload@3x.png

Binary files differ

 H5/static/aiicon/bg@3x.png

Binary files differ

 H5/static/aiicon/sendmessage.png

Binary files differ

 H5/static/aiicon/upload@3x.png

Binary files differ

 H5/static/aiicon/vioce.png

Binary files differ

 H5/static/aiicon/分组 12@2x.png

Binary files differ

 H5/static/aiicon/分组 1@2x.png

Binary files differ

 H5/static/aiicon/分组 1@2x（1）.png

Binary files differ

 H5/static/aiicon/分组 1@3x_副本.png

Binary files differ

 H5/static/aiicon/分组 1@3x（2）.png

Binary files differ

 H5/static/aiicon/分组 2@2x.png

Binary files differ

 H5/static/aiicon/分组 4@2x.png

Binary files differ

 H5/static/aiicon/分组 4@3x.png

Binary files differ

 H5/static/home/bg1.png

 H5/static/home/bg2.png

 H5/static/home/bg@2x.png

 H5/static/home/img1.png

 H5/static/home/img2.png

 H5/static/home/img3.png

 H5/static/home/img4.png

 H5/static/home/img5.png

 H5/static/home/img6.png

 H5/static/home/img7.png

 H5/static/home/img8.png

 H5/static/home/img9.png

 H5/static/location/back.png

 H5/static/location/bg@2x.png

 H5/static/location/location.png

 H5/static/location/search.png

 H5/static/location/toleft.png