H5/threeSide.git

parent: 4b4032f5 | 补丁 | 提交 | ignore whitespace

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

董国庆

2025-02-24 79daa61e67eec4220f5dcd46eaafe0423b3a42d5

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

9个文件已修改

6个文件已添加

	H5/index.html	44 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/manifest.json	5 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages.json	44 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/add-progress/index.vue	97 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/add-progress/service.js	7 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/components/certificate/certificate.vue	23 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/components/certificate/service.js	6 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/delay/delay.vue	53 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/index/index.vue	22 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/index/service.js	5 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/list/list.vue	242 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/location/location.vue	26 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/pages/progress/progress.vue	255 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/static/location.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	H5/utils/request.js	22 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 H5/index.html

@@ -1,21 +1,23 @@
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <script>
      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
        CSS.supports('top: constant(a)'))
      document.write(
        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
    </script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt"></script>
    <title></title>
    <!--preload-links-->
    <!--app-context-->
  </head>
  <body>
    <div id="app"><!--app-html--></div>
    <script type="module" src="/main.js"></script>
  </body>
</html>
<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="UTF-8" />

        <script>

          var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||

            CSS.supports('top: constant(a)'))

          document.write(

            '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +

            (coverSupport ? ', viewport-fit=cover' : '') + '" />')

        </script>

        <title></title>

        <!--preload-links-->

        <!--app-context-->

      </head>

    <body>

        <link rel="stylesheet" href="<%= BASE_URL %>static/index.css"/>



        <div id="app"><!--app-html--></div>

        <script type="module" src="/main.js"></script>

        <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=63ieaml2ffyexWHP0qUYLw1rH8mdaMTs"></script>

    </body>

</html>

 H5/manifest.json

@@ -68,5 +68,8 @@
    "uniStatistics" : {
        "enable" : false
    },
    "vueVersion" : "2"
    "vueVersion" : "2",
    "h5" : {
        "template" : "index.html"
    }
}

 H5/pages.json

@@ -1,12 +1,35 @@
{
    "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "uni-app",
                "navigationStyle": "custom"
            }
        },

    {
        "path": "pages/index/index",
        "style": {
            "navigationBarTitleText": "uni-app",
            "navigationStyle": "custom"
        }
    },
    {
        "path": "pages/list/list",
        "style": {
            "navigationBarTitleText": "诉求列表",
            "navigationBarBackgroundColor": "#fff"
        }
    },
    {
        "path": "pages/delay/delay",
        "style": {
            "navigationBarTitleText": "延期情况说明",
            "navigationBarBackgroundColor": "#fff"
        }
    },
    {
        "path": "pages/progress/progress",
        "style": {
            "navigationBarTitleText": "办理进度",
            "navigationBarBackgroundColor": "#fff"
        }
    },
		
        {
            "path": "pages/add-progress/index",
            "style": {
@@ -67,6 +90,13 @@
                "navigationBarTitleText": "延期申请",
                "navigationBarBackgroundColor": "#ffffff"
            }
        },
        {
            "path": "pages/progress/progress",
            "style": {
                "navigationBarTitleText": "办理进度录入",
                "navigationBarBackgroundColor": "#ffffff"
            }
        }
    ],
    "globalStyle": {

 H5/pages/add-progress/index.vue

@@ -26,12 +26,13 @@
        </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="请输入办理进度描述" />
            <textarea v-model="describe" 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="relative mr-15" v-for="item in localImageUrls" :key="item">
                    <image v-if="item != 'loading'" src="/static/logo.png" class="w-140 h-140 shrink0 br-8" />
                    <view v-if="item != 'loading'" 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="" />
@@ -39,19 +40,23 @@
                        </view>
                    </view>
                </view>
                <image src="/static/Appeal/add.png" class="w-140 h-140 shrink0" />
                <view v-if="imgUrls.includes('loading')" class="w-140 h-140 flex a-center j-center mr-15 border2 br-8">
                    <u-loading-icon></u-loading-icon>
                </view>
                <image @tap="uploadImg" 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="relative mr-15">
                    <!-- <image src="@/static/logo.png" class="w-140 h-140 shrink0 br-8" /> -->
                    <video src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" />
                    <!-- <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> -->
                </view>
                <image src="@/static/Appeal/add.png" class="w-140 h-140 shrink0" />
            </view>
@@ -62,16 +67,82 @@
</template>

<script>
    import {
        saveProcess,
    } from './service'
    import config from '@/config/index.js'
    export default {
        data() {
            return {

                id: '',
                describe: '',
                localImageUrls: [],
                imgUrls: [],
                video: [],
                againCklicFlag: true,
            }
        },
        onLoad(params) {
            this.id = params.id
        },
        methods: {
            viewImage(item) {
                uni.previewImage({
                    urls:[require('@/static/logo.png')]
                    urls: [require('@/static/logo.png')]
                })
            },
            uploadImg() {
                if (!this.againCklicFlag) return
                this.againCklicFlag = false
                uni.chooseImage({
                    count: 1,
                    sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有
                    sourceType: ['camera'], //x相机拍照
                    success: (chooseImageRes) => {
                        this.againCklicFlag = true
                        let imgPathList = chooseImageRes.tempFilePaths;
                        if (imgPathList.length > 0) {
                            uni.uploadFile({
                                url: config.BASE_URL + '/master/oss/pic',
                                filePath: imgPathList[0],
                                timeout: 1000 * 45,
                                name: 'file',
                                header: {
                                    Authorization: uni.getStorageSync('token')
                                },
                                success: (res) => {
                                    if (JSON.parse(res.data).code == 200) {
                                        let imgUrl = JSON.parse(res.data)
                                        this.imageUrls = this.imageUrls.filter(item => item !=
                                            'loading')
                                        this.$nextTick(() => {
                                            this.imageUrls.push(imgUrl)
                                            this.localImageUrls.push(imgPathList[0])
                                        })
                                    } else {
                                        this.againCklicFlag = true
                                        this.imgUrls = this.imgUrls.filter(
                                            item => item != 'loading')
                                        uni.showToast({
                                            title: '上传失败，请重新上传',
                                            icon: 'none',
                                            mask: true
                                        })
                                    }
                                },
                                fail: (err) => {
                                    this.againCklicFlag = true
                                    this.imgUrls = this.imgUrls.filter(
                                        item => item != 'loading')
                                    uni.showToast({
                                        title: '上传失败，请重新上传',
                                        icon: 'none',
                                        mask: true
                                    })
                                }
                            })
                        }
                    },
                })
            }
        }
@@ -127,6 +198,10 @@
        border: 2rpx solid #FFF1B8;
    }

    .border2 {
        border: 2rpx solid #F8F8F8;
    }

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

 H5/pages/add-progress/service.js

New file
@@ -0,0 +1,7 @@
import request from '@/utils/request.js'


// 办理进度录入
export const saveProcess = (params) => {
    return request.post(`/api/huacheng-sangeshenbian/applet/complaint/save-process`, params, )
}

 H5/pages/components/certificate/certificate.vue

@@ -13,9 +13,9 @@
                                <text>所在党组织：</text>
                            </view>
                            <view class="flex flex-column a-end lh-48">
                                <text>李雷</text>
                                <text>500000000000000000</text>
                                <text>成都市锦江区XXXXX部门</text>
                                <text>{{info.name}}</text>
                                <text>{{info.idCard}}</text>
                                <text>{{info.partyOrganization}}</text>

                            </view>
                        </view>
@@ -25,7 +25,7 @@
                        <view class="btn_left" @click="onclose">
                            关闭
                        </view>
                        <view class="btn_right">
                        <view class="btn_right" @click="onclose">
                            编辑
                        </view>
                    </view>
@@ -37,22 +37,31 @@
</template>

<script>
    import {
        getInfo
    } from './service.js'
    export default {
        props: {
            show: Boolean
        },
        data() {
            return {

info:{},
            };
        },

        methods: {
            open() {

                getInfo().then(resp => {
                    console.log(resp, '党员信息');
                    if(resp.code==200){
                        this.info =resp.data
                    }
                })
            },

            onclose() {
                this.$emit('onCancel',false)
                this.$emit('onCancel', false)
            },
        },
        created() {},

 H5/pages/components/certificate/service.js

New file
@@ -0,0 +1,6 @@
import request from '@/utils/request.js'

export const getInfo =(params)=>{
    return request.get(`/api/huacheng-sangeshenbian/applet/home/party-card-info`,params)
} 


 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/index/index.vue

@@ -102,7 +102,8 @@
<script>
    import popupCertificate from '../components/certificate/certificate.vue'
    import {
        getBanner
        getBanner,
        getMessagelist
    } from './service.js'
    export default {
        components: {
@@ -114,15 +115,26 @@
                list1: [],
                showData: false,
                isClick: false,
                pageNum:1,
            }
        },
        onLoad() {
this.getBanner()
            this.getBanner()
            this.getMessagelist()
        },
        methods: {
            getBanner(){
                getBanner().then(resp=>{
                    console.log(resp,'获取banner');
            getBanner() {
                getBanner().then(resp => {
                    console.log(resp, '获取banner');
                })
            },
            getMessagelist() {
                const data = {
                    pageNum: this.pageNum,
                    pageSize: 10
                }
                getMessagelist(data).then(resp => {
                    console.log(resp, '获取消息列表');
                })
            },
            change() {

 H5/pages/index/service.js

@@ -2,4 +2,7 @@

export const getBanner =(params)=>{
    return request.get(`/api/huacheng-sangeshenbian/applet/home/banner-list`,params)
} 
} 
export const getMessagelist =(params)=>{
    return request.post(`/api/huacheng-sangeshenbian/applet/home/message`,params)
} 

 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/location/location.vue

@@ -5,8 +5,9 @@
                <image src="/static/location/back.png" class="w-19 h-35" mode=""></image>
            </view>
        </u-navbar>
        <div id="baidu-map"></div>

        <view class="" id="container">
			
        </view>
        <view class="">
            <view class="searchMain mb-35">
                <view class="search fs-27 ">
@@ -39,25 +40,18 @@
            };
        },
        mounted() {
            this.initMap();
			
        },
        methods: {
            initMap() {
                // 创建地图实例
                const map = new BMapGL.Map('baidu-map');
                // 设置中心点坐标
                const point = new BMapGL.Point(116.404, 39.915);
                // 初始化地图，设置中心点和缩放级别
                map.centerAndZoom(point, 15);
                // 开启鼠标滚轮缩放
                map.enableScrollWheelZoom(true);
            }
        }
         onReady() {
             var map = new BMapGL.Map("container");          // 创建地图实例 
             var point = new BMapGL.Point(116.404, 39.915);  // 创建点坐标 
             map.centerAndZoom(point, 15);   
         }
    }
</script>

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

 H5/pages/progress/progress.vue

New file
@@ -0,0 +1,255 @@
<template>
    <view class="px-31 pt-38">
        <view class="br-19 bs-1 pt-21 pb-35 px-27 bgcolor2">
            <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 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>

        <view class="progress">
            <view class="proCard">
                <view class="proItem" v-for="(item,index) in 3" :key="index">
                    <view class="mr-31 flex flex-column a-center">
                        <view class="dot">
                            <view class="box"></view>
                        </view>
                        <view class="proLine">
                        </view>
                    </view>
                    <view>
                        <view class="flex a-center j-between mb-10">
                            <view class="name">李雷</view>
                            <view class="time">2024年9月29日11:09:09</view>
                        </view>
                        <view class="context">处理进度说明处理进度说明处理进度说明处理进
                            度说明处理进度说明处理进度说明处理进度说明处理进度说明</view>
                        <view class="proImg">
                            <view class="imgOrVedio" v-for="(item,index) in 4" :key="index">
                                <image
                                    src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
                                    class="img shrink0" mode="aspectFill">
                                </image>
                                <view class="openVideo" v-if="item==4">
                                    <image src="../../static/detailImg/open.png" class="video shrink0"
                                        mode="aspectFill">
                                    </image>
                                </view>

                            </view>
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <view @tap="toAdd" 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 {
                id: ''
            }
        },
        onLoad(params) {
            this.id = params.id
        },
        methods: {
            toAdd() {
                uni.navigateTo({
                    url: `/pages/add-progress/index`
                })
            }
        }
    }
</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;
    }

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

    .bgcolor3 {
        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;
    }

    .border2 {
        border: 2rpx solid #F8F8F8;
    }

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

    .progress {
        border-radius: 27rpx;
        margin-top: 38.46rpx;
        background: #FFFFFF;
        box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
        padding: 34rpx 31rpx;

        .title {
            font-weight: 600;
            font-size: 27rpx;
            color: rgba(0, 0, 0, 0.88);
            line-height: 38rpx;
            text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
            margin-bottom: 48rpx;
        }

        .proCard {
            .proItem {
                display: flex;
                padding-bottom: 38rpx;

                .dot {
                    width: 19rpx;
                    height: 19rpx;
                    background: linear-gradient(180deg, #FD8D3C 0%, #FA541C 100%);
                    box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(252, 141, 85, 0.4);
                    border-radius: 50%;
                    margin: 10rpx 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    .box {
                        width: 7rpx;
                        height: 7rpx;
                        background-color: #fff;
                        border-radius: 50%;
                    }
                }

                .proLine {
                    flex: 1;
                    width: 4rpx;
                    background: rgba(0, 0, 0, 0.06);
                    border-radius: 3rpx;
                }


                .name {
                    font-weight: 400;
                    font-size: 27rpx;
                    color: rgba(0, 0, 0, 0.8);
                    line-height: 38rpx;
                }

                .time {
                    font-weight: 400;
                    font-size: 23rpx;
                    color: rgba(0, 0, 0, 0.4);
                    line-height: 33rpx;
                }

                .context {
                    font-size: 27rpx;
                    color: rgba(0, 0, 0, 0.8);
                    line-height: 38rpx;
                }

                .proImg {
                    display: flex;
                    flex-wrap: wrap;

                    .imgOrVedio {
                        margin-right: 17rpx;
                        position: relative;

                        .img {
                            width: 140rpx;
                            height: 140rpx;
                            border-radius: 8rpx;
                            margin-top: 19rpx;
                        }

                        .openVideo {
                            position: absolute;
                            top: 19rpx;
                            left: 0;
                            width: 140rpx;
                            height: 140rpx;
                            border-radius: 8rpx;
                            display: flex;
                            align-items: center;
                            justify-content: center;

                            .video {
                                width: 140rpx;
                                height: 140rpx;
                            }
                        }
                    }
                }
            }

            .proItem:last-child {
                .proLine {
                    display: none;
                }
            }
        }
    }
</style>

 H5/static/location.png


 H5/utils/request.js

@@ -19,10 +19,10 @@

    return new Promise(function(resolve, reject) {

        let token = uni.getStorageSync('token')
        let token = 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOjE2MTc3LCJ0eXBlIjoxLCJleHAiOjE3NDE2NjExMDYsImNyZWF0ZWQiOjE3NDAzNjUxMDY1MTh9.XRkMgKjEhRo6_BQK5fEVQ_Pv5bM-xeT36s4ju4Oh1F7ZmkIQOJUrdDnefub13JO6rZs3GT6dKnHZgCSyyQpsjg'
        let header = {
            'content-type': type ? 'application/x-www-form-urlencoded;charset=UTF-8' : 'application/json',
            'Authorization': token,
            'Authorization': 'Bearer ' + token,
            'lang': uni.getStorageSync('locale') === 'zh-Hans' ? 'zh_CN' : 'zh-tw',
        }
        const requestTask = uni.request({
@@ -136,15 +136,15 @@
            showCancel: false,
            success: function(res) {
                if (res.confirm) {
                    if (routeStr == 'pages/login/index') {
                        uni.reLaunch({
                            url: '/pages/login/index'
                        })
                        return
                    }
                    uni.reLaunch({
                        url: '/pages/login/index'
                    })
                    // if (routeStr == 'pages/login/index') {
                    //     uni.reLaunch({
                    //         url: '/pages/login/index'
                    //     })
                    //     return
                    // }
                    // uni.reLaunch({
                    //     url: '/pages/login/index'
                    // })
                }
            }
        });

			@@ -1,21 +1,23 @@
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8" />
			<script>
			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') \|\|
			CSS.supports('top: constant(a)'))
			document.write(
			'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
			(coverSupport ? ', viewport-fit=cover' : '') + '" />')
			</script>
			<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=W3x8DhCWKc2UFIwYgclpRBdL6BeGLLQt"></script>
			<title></title>
			<!--preload-links-->
			<!--app-context-->
			</head>
			<body>
			<div id="app"><!--app-html--></div>
			<script type="module" src="/main.js"></script>
			</body>
			</html>
			<!DOCTYPE html>
			<html lang="en">
			<head>
			<meta charset="UTF-8" />
			<script>
			var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') \|\|
			CSS.supports('top: constant(a)'))
			document.write(
			'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
			(coverSupport ? ', viewport-fit=cover' : '') + '" />')
			</script>
			<title></title>
			<!--preload-links-->
			<!--app-context-->
			</head>
			<body>
			<link rel="stylesheet" href="<%= BASE_URL %>static/index.css"/>

			<div id="app"><!--app-html--></div>
			<script type="module" src="/main.js"></script>
			<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=63ieaml2ffyexWHP0qUYLw1rH8mdaMTs"></script>
			</body>
			</html>

			@@ -68,5 +68,8 @@
			"uniStatistics" : {
			"enable" : false
			},
			"vueVersion" : "2"
			"vueVersion" : "2",
			"h5" : {
			"template" : "index.html"
			}
			}

			@@ -1,12 +1,35 @@
			{
			"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
			{
			"path": "pages/index/index",
			"style": {
			"navigationBarTitleText": "uni-app",
			"navigationStyle": "custom"
			}
			},

			{
			"path": "pages/index/index",
			"style": {
			"navigationBarTitleText": "uni-app",
			"navigationStyle": "custom"
			}
			},
			{
			"path": "pages/list/list",
			"style": {
			"navigationBarTitleText": "诉求列表",
			"navigationBarBackgroundColor": "#fff"
			}
			},
			{
			"path": "pages/delay/delay",
			"style": {
			"navigationBarTitleText": "延期情况说明",
			"navigationBarBackgroundColor": "#fff"
			}
			},
			{
			"path": "pages/progress/progress",
			"style": {
			"navigationBarTitleText": "办理进度",
			"navigationBarBackgroundColor": "#fff"
			}
			},

			{
			"path": "pages/add-progress/index",
			"style": {
			@@ -67,6 +90,13 @@
			"navigationBarTitleText": "延期申请",
			"navigationBarBackgroundColor": "#ffffff"
			}
			},
			{
			"path": "pages/progress/progress",
			"style": {
			"navigationBarTitleText": "办理进度录入",
			"navigationBarBackgroundColor": "#ffffff"
			}
			}
			],
			"globalStyle": {

			@@ -26,12 +26,13 @@
			</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="请输入办理进度描述" />
			<textarea v-model="describe" 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="relative mr-15" v-for="item in localImageUrls" :key="item">
			<image v-if="item != 'loading'" src="/static/logo.png" class="w-140 h-140 shrink0 br-8" />
			<view v-if="item != 'loading'" 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="" />
			@@ -39,19 +40,23 @@
			</view>
			</view>
			</view>
			<image src="/static/Appeal/add.png" class="w-140 h-140 shrink0" />
			<view v-if="imgUrls.includes('loading')" class="w-140 h-140 flex a-center j-center mr-15 border2 br-8">
			<u-loading-icon></u-loading-icon>
			</view>
			<image @tap="uploadImg" 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="relative mr-15">
			<!-- <image src="@/static/logo.png" class="w-140 h-140 shrink0 br-8" /> -->
			<video src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" />
			<!-- <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> -->
			</view>
			<image src="@/static/Appeal/add.png" class="w-140 h-140 shrink0" />
			</view>
			@@ -62,16 +67,82 @@
			</template>

			<script>
			import {
			saveProcess,
			} from './service'
			import config from '@/config/index.js'
			export default {
			data() {
			return {

			id: '',
			describe: '',
			localImageUrls: [],
			imgUrls: [],
			video: [],
			againCklicFlag: true,
			}
			},
			onLoad(params) {
			this.id = params.id
			},
			methods: {
			viewImage(item) {
			uni.previewImage({
			urls:[require('@/static/logo.png')]
			urls: [require('@/static/logo.png')]
			})
			},
			uploadImg() {
			if (!this.againCklicFlag) return
			this.againCklicFlag = false
			uni.chooseImage({
			count: 1,
			sizeType: ['compressed'], //可以指定是原图还是压缩图，默认二者都有
			sourceType: ['camera'], //x相机拍照
			success: (chooseImageRes) => {
			this.againCklicFlag = true
			let imgPathList = chooseImageRes.tempFilePaths;
			if (imgPathList.length > 0) {
			uni.uploadFile({
			url: config.BASE_URL + '/master/oss/pic',
			filePath: imgPathList[0],
			timeout: 1000 * 45,
			name: 'file',
			header: {
			Authorization: uni.getStorageSync('token')
			},
			success: (res) => {
			if (JSON.parse(res.data).code == 200) {
			let imgUrl = JSON.parse(res.data)
			this.imageUrls = this.imageUrls.filter(item => item !=
			'loading')
			this.$nextTick(() => {
			this.imageUrls.push(imgUrl)
			this.localImageUrls.push(imgPathList[0])
			})
			} else {
			this.againCklicFlag = true
			this.imgUrls = this.imgUrls.filter(
			item => item != 'loading')
			uni.showToast({
			title: '上传失败，请重新上传',
			icon: 'none',
			mask: true
			})
			}
			},
			fail: (err) => {
			this.againCklicFlag = true
			this.imgUrls = this.imgUrls.filter(
			item => item != 'loading')
			uni.showToast({
			title: '上传失败，请重新上传',
			icon: 'none',
			mask: true
			})
			}
			})
			}
			},
			})
			}
			}
			@@ -127,6 +198,10 @@
			border: 2rpx solid #FFF1B8;
			}

			.border2 {
			border: 2rpx solid #F8F8F8;
			}

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

New file
			@@ -0,0 +1,7 @@
			import request from '@/utils/request.js'


			// 办理进度录入
			export const saveProcess = (params) => {
			return request.post(`/api/huacheng-sangeshenbian/applet/complaint/save-process`, params, )
			}

			@@ -13,9 +13,9 @@
			<text>所在党组织：</text>
			</view>
			<view class="flex flex-column a-end lh-48">
			<text>李雷</text>
			<text>500000000000000000</text>
			<text>成都市锦江区XXXXX部门</text>
			<text>{{info.name}}</text>
			<text>{{info.idCard}}</text>
			<text>{{info.partyOrganization}}</text>

			</view>
			</view>
			@@ -25,7 +25,7 @@
			<view class="btn_left" @click="onclose">
			关闭
			</view>
			<view class="btn_right">
			<view class="btn_right" @click="onclose">
			编辑
			</view>
			</view>
			@@ -37,22 +37,31 @@
			</template>

			<script>
			import {
			getInfo
			} from './service.js'
			export default {
			props: {
			show: Boolean
			},
			data() {
			return {

			info:{},
			};
			},

			methods: {
			open() {

			getInfo().then(resp => {
			console.log(resp, '党员信息');
			if(resp.code==200){
			this.info =resp.data
			}
			})
			},

			onclose() {
			this.$emit('onCancel',false)
			this.$emit('onCancel', false)
			},
			},
			created() {},

New file
			@@ -0,0 +1,6 @@
			import request from '@/utils/request.js'

			export const getInfo =(params)=>{
			return request.get(`/api/huacheng-sangeshenbian/applet/home/party-card-info`,params)
			}

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>

			@@ -102,7 +102,8 @@
			<script>
			import popupCertificate from '../components/certificate/certificate.vue'
			import {
			getBanner
			getBanner,
			getMessagelist
			} from './service.js'
			export default {
			components: {
			@@ -114,15 +115,26 @@
			list1: [],
			showData: false,
			isClick: false,
			pageNum:1,
			}
			},
			onLoad() {
			this.getBanner()
			this.getBanner()
			this.getMessagelist()
			},
			methods: {
			getBanner(){
			getBanner().then(resp=>{
			console.log(resp,'获取banner');
			getBanner() {
			getBanner().then(resp => {
			console.log(resp, '获取banner');
			})
			},
			getMessagelist() {
			const data = {
			pageNum: this.pageNum,
			pageSize: 10
			}
			getMessagelist(data).then(resp => {
			console.log(resp, '获取消息列表');
			})
			},
			change() {

			@@ -2,4 +2,7 @@

			export const getBanner =(params)=>{
			return request.get(`/api/huacheng-sangeshenbian/applet/home/banner-list`,params)
			}
			}
			export const getMessagelist =(params)=>{
			return request.post(`/api/huacheng-sangeshenbian/applet/home/message`,params)
			}

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>

			@@ -5,8 +5,9 @@
			<image src="/static/location/back.png" class="w-19 h-35" mode=""></image>
			</view>
			</u-navbar>
			<div id="baidu-map"></div>

			<view class="" id="container">

			</view>
			<view class="">
			<view class="searchMain mb-35">
			<view class="search fs-27 ">
			@@ -39,25 +40,18 @@
			};
			},
			mounted() {
			this.initMap();

			},
			methods: {
			initMap() {
			// 创建地图实例
			const map = new BMapGL.Map('baidu-map');
			// 设置中心点坐标
			const point = new BMapGL.Point(116.404, 39.915);
			// 初始化地图，设置中心点和缩放级别
			map.centerAndZoom(point, 15);
			// 开启鼠标滚轮缩放
			map.enableScrollWheelZoom(true);
			}
			}
			onReady() {
			var map = new BMapGL.Map("container"); // 创建地图实例
			var point = new BMapGL.Point(116.404, 39.915); // 创建点坐标
			map.centerAndZoom(point, 15);
			}
			}
			</script>

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

New file
			@@ -0,0 +1,255 @@
			<template>
			<view class="px-31 pt-38">
			<view class="br-19 bs-1 pt-21 pb-35 px-27 bgcolor2">
			<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 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>

			<view class="progress">
			<view class="proCard">
			<view class="proItem" v-for="(item,index) in 3" :key="index">
			<view class="mr-31 flex flex-column a-center">
			<view class="dot">
			<view class="box"></view>
			</view>
			<view class="proLine">
			</view>
			</view>
			<view>
			<view class="flex a-center j-between mb-10">
			<view class="name">李雷</view>
			<view class="time">2024年9月29日11:09:09</view>
			</view>
			<view class="context">处理进度说明处理进度说明处理进度说明处理进
			度说明处理进度说明处理进度说明处理进度说明处理进度说明</view>
			<view class="proImg">
			<view class="imgOrVedio" v-for="(item,index) in 4" :key="index">
			<image
			src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
			class="img shrink0" mode="aspectFill">
			</image>
			<view class="openVideo" v-if="item==4">
			<image src="../../static/detailImg/open.png" class="video shrink0"
			mode="aspectFill">
			</image>
			</view>

			</view>
			</view>
			</view>
			</view>
			</view>
			</view>
			<view @tap="toAdd" 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 {
			id: ''
			}
			},
			onLoad(params) {
			this.id = params.id
			},
			methods: {
			toAdd() {
			uni.navigateTo({
			url: `/pages/add-progress/index`
			})
			}
			}
			}
			</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;
			}

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

			.bgcolor3 {
			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;
			}

			.border2 {
			border: 2rpx solid #F8F8F8;
			}

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

			.progress {
			border-radius: 27rpx;
			margin-top: 38.46rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
			padding: 34rpx 31rpx;

			.title {
			font-weight: 600;
			font-size: 27rpx;
			color: rgba(0, 0, 0, 0.88);
			line-height: 38rpx;
			text-shadow: 0px 0px 27px rgba(0, 0, 0, 0.1);
			margin-bottom: 48rpx;
			}

			.proCard {
			.proItem {
			display: flex;
			padding-bottom: 38rpx;

			.dot {
			width: 19rpx;
			height: 19rpx;
			background: linear-gradient(180deg, #FD8D3C 0%, #FA541C 100%);
			box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(252, 141, 85, 0.4);
			border-radius: 50%;
			margin: 10rpx 0;
			display: flex;
			align-items: center;
			justify-content: center;

			.box {
			width: 7rpx;
			height: 7rpx;
			background-color: #fff;
			border-radius: 50%;
			}
			}

			.proLine {
			flex: 1;
			width: 4rpx;
			background: rgba(0, 0, 0, 0.06);
			border-radius: 3rpx;
			}


			.name {
			font-weight: 400;
			font-size: 27rpx;
			color: rgba(0, 0, 0, 0.8);
			line-height: 38rpx;
			}

			.time {
			font-weight: 400;
			font-size: 23rpx;
			color: rgba(0, 0, 0, 0.4);
			line-height: 33rpx;
			}

			.context {
			font-size: 27rpx;
			color: rgba(0, 0, 0, 0.8);
			line-height: 38rpx;
			}

			.proImg {
			display: flex;
			flex-wrap: wrap;

			.imgOrVedio {
			margin-right: 17rpx;
			position: relative;

			.img {
			width: 140rpx;
			height: 140rpx;
			border-radius: 8rpx;
			margin-top: 19rpx;
			}

			.openVideo {
			position: absolute;
			top: 19rpx;
			left: 0;
			width: 140rpx;
			height: 140rpx;
			border-radius: 8rpx;
			display: flex;
			align-items: center;
			justify-content: center;

			.video {
			width: 140rpx;
			height: 140rpx;
			}
			}
			}
			}
			}

			.proItem:last-child {
			.proLine {
			display: none;
			}
			}
			}
			}
			</style>

			@@ -19,10 +19,10 @@

			return new Promise(function(resolve, reject) {

			let token = uni.getStorageSync('token')
			let token = 'Bearer eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOjE2MTc3LCJ0eXBlIjoxLCJleHAiOjE3NDE2NjExMDYsImNyZWF0ZWQiOjE3NDAzNjUxMDY1MTh9.XRkMgKjEhRo6_BQK5fEVQ_Pv5bM-xeT36s4ju4Oh1F7ZmkIQOJUrdDnefub13JO6rZs3GT6dKnHZgCSyyQpsjg'
			let header = {
			'content-type': type ? 'application/x-www-form-urlencoded;charset=UTF-8' : 'application/json',
			'Authorization': token,
			'Authorization': 'Bearer ' + token,
			'lang': uni.getStorageSync('locale') === 'zh-Hans' ? 'zh_CN' : 'zh-tw',
			}
			const requestTask = uni.request({
			@@ -136,15 +136,15 @@
			showCancel: false,
			success: function(res) {
			if (res.confirm) {
			if (routeStr == 'pages/login/index') {
			uni.reLaunch({
			url: '/pages/login/index'
			})
			return
			}
			uni.reLaunch({
			url: '/pages/login/index'
			})
			// if (routeStr == 'pages/login/index') {
			// uni.reLaunch({
			// url: '/pages/login/index'
			// })
			// return
			// }
			// uni.reLaunch({
			// url: '/pages/login/index'
			// })
			}
			}
			});