feat

pyt

2025-03-13 b6e293e9c5f2f975948f1566aeaecfbb290d0065

feat

 H5/pages.json

@@ -98,6 +98,22 @@
                "navigationBarTitleText": "办理进度录入",
                "navigationStyle": "custom"
            }
        },
        {
            "path" : "pages/party-member-info/party-member-info",
            "style" : 
            {
                "navigationBarTitleText" : "党员信息",
                "navigationStyle": "custom"
            }
        },
        {
            "path" : "pages/authentication/authentication",
            "style" : 
            {
                "navigationBarTitleText" : "党员认证",
                "navigationStyle": "custom"
            }
        }
    ],
    "globalStyle": {

 H5/pages/authentication/authentication.vue

New file
@@ -0,0 +1,288 @@
<template>
    <view class="content">
    <!--     <view class="">
            <view class="flex a-center color2 fs-44 font-bold">
                <image src="/static/info/审核不通过@2x.png" mode="aspectFill" class="w-46 h-46 mr-15 ml-31"></image>
                审核不通过
            </view>
            <view class="fs-27 color2 lh-38 ml-27 mt-15 mb-23">
                信息填写不规范，请重新填写
            </view>
        </view> -->
        <view class="">
            <view class="flex a-center color2 fs-44 font-bold pb-38">
                <image src="/static/info/审核中@2x.png" mode="aspectFill" class="w-46 h-46 mr-15 ml-31"></image>
                审核中
            </view>
        </view>
        <view class="container">
            <view class="formItem border1">
                <view class="label">
                    姓名
                </view>
                <view class="value">
                    <input type="text" placeholder="请输入姓名" placeholder-class="placeholderStyle" class="fs-27" />
                </view>
            </view>
            <view class="formItem border1">
                <view class="label">
                    身份证号
                </view>
                <view class="value">
                    <input type="text" placeholder="请输入身份证号" placeholder-class="placeholderStyle" class="fs-27" />
                </view>
            </view>
            <view class="formItem border1">
                <view class="label">
                    服务社区
                </view>
                <view class="value flex j-between a-center flex1">
                    <text class="placeholderStyle">请选择服务社区</text>
                    <image src="/static/Appeal/left.png" mode="aspectFill" class="h-19 w-19"></image>
                </view>
            </view>
            <view class="formItem border1">
                <view class="label">
                    服务对象
                </view>
                <view class="value">
                    <input type="text" placeholder="请输入服务对象" placeholder-class="placeholderStyle" class="fs-27" />
                </view>
            </view>
            <view class="formItem border1">
                <view class="label">
                    所在党组织
                </view>
                <view class="value">
                    <input type="text" placeholder="请输入所在党组织" placeholder-class="placeholderStyle" class="fs-27" />
                </view>
            </view>
            <view class="color1 fs-27 mt-35 ml-31">
                上传头像
            </view>
            <view class="flex wrap mt-27 pl-31">
                <view class="relative mr-15" v-for="(item, index) in localImageUrls" :key="index">
                    <image v-if="item != 'loading'" :src="item" 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 flex a-center j-between px-34"
                            style="top: 50%;left: 50%;transform: translate(-50%,-50%);width: calc(100% - 68rpx);">
                            <image @tap="viewImage(item)" src="@/static/Appeal/amplify.png" class="w-19 h-19" />
                            <image @tap="delImg(item)" src="@/static/Appeal/trash.png" class="w-19 h-19" />
                        </view>
                    </view>
                </view>
                <!--     <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(1)" src="/static/Appeal/add.png" class="w-140 h-140 shrink0" />
            </view>
            <view class="h-146">
				
            </view>
            <!-- <view class="h-212">
				
            </view> -->
        </view>
		
        <view class="footerButton">
            <view class="btns">
                <view class="ok fs-35 font-bold">
                    保存
                </view>
            </view>
        </view>
		
        <!-- <view class="footer">
            <view class="tip">
                可编辑后重新提交审核！
            </view>
            <view class="btns">
                <view class="cancel">
                    关闭
                </view>
                <view class="ok">
                    编辑
                </view>
            </view>
        </view> -->
    </view>
</template>

<script>
    import config from '@/config/index.js'
    export default {
        data() {
            return {
                imgUrls: [],
                localImageUrls: []
            }
        },
        methods: {
            delImg(item) {
                this.localImageUrls = this.localImageUrls.filter(i => i != item)
                this.imgUrls = this.imgUrls.filter(i => i != item)
            },
            viewImage(item) {
                uni.previewImage({
                    urls: [item]
                })
            },
            uploadImg() {
                uni.chooseImage({
                    count: 1,
                    success: (chooseImageRes) => {
                        this.imgUrls.push('loading')
                        let imgPathList = chooseImageRes.tempFilePaths;
                        if (imgPathList.length > 0) {
                            uni.uploadFile({
                                url: config.imageUrl,
                                filePath: imgPathList[0],
                                timeout: 1000 * 45,
                                name: 'file',
                                header: {
                                    Authorization: uni.getStorageSync('token')
                                },
                                success: (res) => {
                                    if (JSON.parse(res.data).code == 200) {
                                        this.imgUrls = this.imgUrls.filter(item => item !=
                                            'loading')
                                        this.$nextTick(() => {
                                            this.imgUrls.push(JSON.parse(res.data)
                                                .data)
                                            this.localImageUrls.push(imgPathList[0])
                                        })
                                    } else {
                                        this.imgUrls = this.imgUrls.filter(
                                            item => item != 'loading')
                                        uni.showToast({
                                            title: '上传失败，请重新上传',
                                            icon: 'none',
                                            mask: true
                                        })
                                    }
                                },
                                fail: (err) => {
                                    this.imgUrls = this.imgUrls.filter(
                                        item => item != 'loading')
                                    uni.showToast({
                                        title: '上传失败，请重新上传',
                                        icon: 'none',
                                        mask: true
                                    })
                                }
                            })
                        }
                    },
                    fail: () => {}
                })
            },
        }
    }
</script>

<style scoped lang="scss">
    .content {
        background-image: url('/static/home/bg@2x.png');
        background-size: 750rpx 648rpx;
        padding-top: 100rpx;

        .container {
            background: #FFFFFF;
            border-radius: 35rpx 35rpx 0 0;

            .formItem {
                display: flex;
                align-items: center;
                height: 112rpx;
                margin: 0 31rpx;
                font-size: 27rpx;

                .label {
                    opacity: 0.88;
                    font-weight: 400;
                    width: 219rpx;
                }

                .value {
                    font-weight: 600;
                }
            }
        }
    }
    .footerButton {
        position: fixed;
        bottom: 50rpx;
        left: 0;
        right: 0;
        margin: auto;
        width: 688rpx;
        text-align: center;
        height: 96rpx;
        background: linear-gradient( 270deg, #FC8D55 0%, #FF4948 100%);
        line-height: 96rpx;
        color: #fff;
        border-radius: 48rpx;
    }
    .footer {
        position: fixed;
        bottom: 0;
        box-shadow: 0rpx -4rpx 27rpx 0rpx rgba(0, 0, 0, 0.08);
        width: 100%;
        background-color: #fff;

        .tip {
            text-align: center;
            font-weight: 500;
            font-size: 27rpx;
            color: #FC8D55;
            padding-top: 31rpx;
        }

        .btns {
            display: flex;
            justify-content: center;
            font-size: 27rpx;
            margin-top: 33rpx;
            margin-bottom: 33rpx;

            .cancel {
                width: 331rpx;
                height: 77rpx;
                border: 2rpx solid rgba(252, 141, 85, 1);
                border-radius: 38rpx;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FF4948;
            }

            .ok {
                width: 331rpx;
                height: 77rpx;
                background: linear-gradient(270deg, #FC8D55 0%, #FF4948 100%);
                border-radius: 48rpx;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left: 27rpx;
                color: #FFFFFF;
            }
        }
    }

    .border1 {
        border-bottom: 2rpx solid #EDEEEF;
    }

    .color1 {
        color: #4C4C4C;
    }
	
    .color2 {
        color: #fff;
    }

    .placeholderStyle {
        color: #B2B2B2;
    }
</style>

 H5/pages/components/certificate/certificate.vue

@@ -5,29 +5,30 @@
                <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">
                        <image src="/static/home/img9.png" class="w-133 h-156 mt-52" mode=""></image>
                        <view class="flex">
                            <view class="flex flex-column mr-40 lh-44">
                                <text>姓名：</text>
                                <text>身份证号码：</text>
                                <text>服务社区：</text>
                                <text>所在党组织：</text>
                            </view>
                            <view class="flex flex-column a-end font-bold lh-48">
                            <view class="flex flex-column a-end font-bold lh-44">
                                <text>{{info.name}}</text>
                                <text>{{info.idCard}}</text>
                                <text>仁和区-仁和镇-仁和街社区</text>
                                <text>{{info.partyOrganization}}</text>

                            </view>
                        </view>

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

                </view>
@@ -75,13 +76,13 @@

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

    .popup_main {
        width: 635rpx;
        height: 654rpx;
        height: 692rpx;
        border-radius: 40rpx;
        background-image: url('@/static/home/bg1.png');
        /* 背景图片铺满容器 */
@@ -96,10 +97,10 @@
    .bg {

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

 H5/pages/index/index.vue

@@ -17,6 +17,10 @@
                </swiper>
            </view>
        </view>
        <view class="flex fs-27 font-bold a-center pt-38 pl-31">
            <image src="/static/home/社区@2x.png" mode="aspectFill" class="w-31 h-31 mr-12"></image>
            服务社区：文化社区
        </view>
        <view class="pt-38 pl-31 pr-31 flex flex-column">
            <view class="flex j-between a-center">
                <text class="color1 fs-31 font-bold">工作台</text>

 H5/pages/party-member-info/party-member-info.vue

New file
@@ -0,0 +1,149 @@
<template>
    <view class="content">
        <view class="container">
            <view class="formItem border1">
                <view class="label">
                    姓名
                </view>
                <view class="value">
                    聂波岩
                </view>
            </view>
            <view class="formItem border1">
                <view class="label">
                    身份证号
                </view>
                <view class="value">
                    500000200009096543
                </view>
            </view>
            <view class="formItem border1">
                <view class="label">
                    服务社区
                </view>
                <view class="value">
                    东区-东华街道-文化社区
                </view>
            </view>
            <view class="formItem border1">
                <view class="label">
                    所在党组织
                </view>
                <view class="value">
                    攀枝花组织部
                </view>
            </view>
            <view class="color1 fs-27 mt-35 ml-31">
                上传头像
            </view>
            <image src="/static/logo.png" mode="aspectFill" class="w-140 h-140 br-8 mt-27 ml-31"></image>
        </view>
        <view class="footer">
            <view class="tip">
                请仔细确认您的党员信息是否正确！
            </view>
            <view class="btns">
                <view class="cancel">
                    有问题，去编辑
                </view>
                <view class="ok">
                    确认无误（3S）
                </view>
            </view>
        </view>
    </view>
</template>

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

<style scoped lang="scss">
    .content {
        background-image: url('/static/home/bg@2x.png');
        background-size: 750rpx 648rpx;
        padding-top: 100rpx;
        .container {
            background: #FFFFFF;
            border-radius: 35rpx 35rpx 0 0;
            .formItem {
                display: flex;
                align-items: center;
                justify-content: space-between;
                height: 112rpx;
                margin: 0 31rpx;
                font-size: 27rpx;
				
                .label {
                    opacity: 0.88;
                    font-weight: 400;
                }
				
                .value {
                    font-weight: 600;
                }
            }
        }
    }
	
    .footer {
        position: fixed;
        bottom: 0;
        box-shadow: 0rpx -4rpx 27rpx 0rpx rgba(0,0,0,0.08);
        width: 100%;
        background-color: #fff;
        .tip {
            text-align: center;
            font-weight: 500;
            font-size: 27rpx;
            color: #FC8D55;
            padding-top: 31rpx;
        }
		
        .btns {
            display: flex;
            justify-content: center;
            font-size: 27rpx;
            margin-top: 60rpx;
            margin-bottom: 33rpx;
            .cancel {
                width: 331rpx;
                height: 77rpx;
                border: 2rpx solid rgba(252, 141, 85, 1);
                border-radius: 38rpx;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #FF4948;
            }
            .ok {
                width: 331rpx;
                height: 77rpx;
                background: linear-gradient( 270deg, #FC8D55 0%, #FF4948 100%);
                border-radius: 48rpx;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-left: 27rpx;
                color: #FFFFFF;
            }
        }
    }
	
    .border1 {
        border-bottom: 2rpx solid #EDEEEF;
    }
	
    .color1 {
        color: #4C4C4C;
    }
</style>

 H5/static/home/社区@2x.png

 H5/static/info/审核不通过@2x.png

 H5/static/info/审核中@2x.png