wjt
2024-06-21 a38f54f02b48cf8ef2c9ed6febed560b4f38d534
Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx
10个文件已添加
4个文件已修改
698 ■■■■■ 已修改文件
pages.json 29 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/index/index.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/message/details.vue 142 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/message/list.vue 80 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
qiye/components/bottom.vue 78 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
qiye/my/my.vue 231 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
qiye/qiyeIndex/qiyeIndex.vue 136 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
static/qiye/q01.png 补丁 | 查看 | 原始文档 | blame | 历史
static/qiye/q02.png 补丁 | 查看 | 原始文档 | blame | 历史
static/qiye/q03.png 补丁 | 查看 | 原始文档 | blame | 历史
static/qiye/q04.png 补丁 | 查看 | 原始文档 | blame | 历史
static/qiye/q05.png 补丁 | 查看 | 原始文档 | blame | 历史
static/qiye/q06.png 补丁 | 查看 | 原始文档 | blame | 历史
static/qiye/q07.png 补丁 | 查看 | 原始文档 | blame | 历史
pages.json
@@ -7,7 +7,9 @@
            "style": {
                "enablePullDownRefresh": false,
                "backgroundTextStyle": "dark",
                "navigationBarTitleText": "扫码入企"
                "navigationBarTitleText": "扫码入企",
                "navigationStyle": "custom"
            }
        },
        {
@@ -62,7 +64,8 @@
            "path" : "pages/message/details",
            "style" : 
            {
                "navigationBarTitleText" : "信息公示详情"
                "navigationBarTitleText" : "信息公示详情",
                "navigationStyle": "custom"
            }
        }
    ],
@@ -159,6 +162,28 @@
                    }
                }
            ]
        },
        {
            "root": "qiye",
            "pages": [{
                "path" : "qiyeIndex/qiyeIndex",
                "style" :
                {
                    "navigationBarTitleText" : "",
                    "navigationStyle": "custom"
                }
            },
            {
                "path" : "my/my",
                "style" :
                {
                    "navigationBarTitleText" : "",
                    "navigationStyle": "custom"
                }
            }
            ]
        }
    ],
    "globalStyle": {
pages/index/index.vue
@@ -5,7 +5,7 @@
            <img src="/static/hqzc.png" class="img" alt="" />
            <view class="line"></view>
            <view class="font">
                <p>海关总署贸易持续发展2024年立法局...</p>
                <p>海关总署贸易持续发展2024年立法...</p>
                <p>国家医疗保障局办公室关于发布管理... </p>
            </view>
            <img src="/static/i06.png" class="more" alt="" />
pages/message/details.vue
@@ -1,6 +1,86 @@
<template>
    <view>
        <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
            <template slot="center">
                <view style="color: white;">信息公示详情</view>
            </template>
        </u-navbar>
        <view class="donw-box"></view>
        <view class="page-main">
            <view class="wbox">
                <view class="item">
                    <view class="k">
                        执法类型
                    </view>
                    <view class="v">
                        司法检查
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        执法人
                    </view>
                    <view class="v">
                        刘欢欢
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        执法部门
                    </view>
                    <view class="v">
                        农业局
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        企业
                    </view>
                    <view class="v">
                        汉庭酒店
                    </view>
                </view>
            </view>
            <view style="height: 20rpx;"></view>
            <view class="wbox">
                <view class="item">
                    <view class="k">
                        执法主题
                    </view>
                    <view class="v">
                        汉庭酒店司法检查233号文件
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        执法过程
                    </view>
                </view>
                <view class="imgbox">
                    <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
                    <img src="/static/i02.png" class="more" alt="" />
                    <img src="/static/i03.png" class="more" alt="" />
                    <img src="/static/i04.png" class="more" alt="" />
                </view>
                <view class="item">
                    <view class="k">
                        执法结果
                    </view>
                    <view class="v" style="color: #EB4746;">
                        停业整顿
                    </view>
                </view>
                <view class="item">
                    <view class="k">
                        执法时间
                    </view>
                    <view class="v">
                        2024-10-10 16:24
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>
@@ -12,11 +92,67 @@
            }
        },
        methods: {
            imgclick(url){
                uni.previewImage({
                    urls: [url]
                })
            }
        }
    }
</script>
<style>
    page{
        background: #F4F4F4;
    }
</style>
<style lang="scss" scoped>
    .page-main{
        position: relative;
        top: -380rpx;
    }
    .donw-box{
        width: 100%;
        height: 380rpx;
        flex-shrink: 0;
        background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%);
    }
    .wbox{
        background: #fff;
        border-radius: 5px;
        padding: 24rpx;
        box-sizing: border-box;
        margin: 0 32rpx;
        .item{
            display: flex;
            margin-bottom: 20rpx;
            font-size: 30rpx;
            .k{
                color: #7E8596;
                width: 30%;
            }
            .v{
                color: #202D44;
                width: 70%;
            }
        }
        .item:last-child{
            margin-bottom: 0;
        }
        .imgbox{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            border-radius: 10rpx;
            img{
                width: 198rpx;
                height: 198rpx;
                margin-bottom: 20rpx;
            }
        }
    }
</style>
pages/message/list.vue
@@ -1,6 +1,28 @@
<template>
    <view>
        <u-sticky bgColor="white">
            <view class="set-search">
                <u-search placeholder="请输入要查询的企业" shape="square" :showAction="false"></u-search>
            </view>
            <view class="border"></view>
        </u-sticky>
        <view class="item">
            <img src="/static/i05.png" class="img" alt="" />
            <view class="right">
                <view class="name">
                    北京尚策互动科技有限公司
                </view>
                <view class="box">
                    <view class="l">
                        <p>执法单位:农业农村局</p>
                        <p>执法时间:2024-06-03 12:30:67</p>
                    </view>
                    <view class="r">
                        去查看
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>
@@ -18,5 +40,59 @@
</script>
<style>
    page{
        background-color: #F4F4F4;
    }
</style>
<style lang="scss" scoped>
    .set-search{
        margin: 0 32rpx 0;
        padding-top: 26rpx;
    }
    .border{
        border-bottom: 2rpx solid #F6F6F6;
        margin: 20rpx 0 0;
    }
    .item{
        background: #fff;
        border-radius: 5px;
        padding: 24rpx;
        box-sizing: border-box;
        margin: 20rpx 32rpx;
        display: flex;
        .img{
            width: 56rpx;
            height: 56rpx;
        }
        .right{
            width: 90%;
            .name{
                color: #202d44;
                font-size: 32rpx;
                line-height: 44rpx;
                margin-bottom: 24rpx;
            }
            .box{
                display: flex;
                justify-content: space-between;
                .l{
                    font-size: 26rpx;
                     color: #7e8593;
                }
                .r{
                    width: 132rpx;
                    height: 64rpx;
                    line-height: 64rpx;
                    border-radius: 5px;
                    border: 1px solid #ABD2FF;
                    background: #F0F8FF;
                    color: #1171e0;
                    text-align: center;
                    font-size: 30rpx;
                }
            }
        }
    }
</style>
qiye/components/bottom.vue
New file
@@ -0,0 +1,78 @@
<template>
    <view class="fixed-down">
        <view  @click="activeClick(0)" :class="{ active: active == 0}">
            <image src="/static/qiye/q03.png" mode="heightFix" v-if="active != 0"></image>
            <image src="/static/qiye/q04.png" mode="heightFix" v-if="active == 0"></image>
            <view>首页</view>
        </view>
        <view @click="activeClick(1)" :class="{ active: active == 1}">
            <image src="/static/qiye/q01.png" mode="heightFix" v-if="active != 1"></image>
            <image src="/static/qiye/q02.png" mode="heightFix" v-if="active == 1"></image>
            <view>执法记录</view>
        </view>
        <view @click="activeClick(2)" :class="{ active: active == 2}">
            <image src="/static/policy/user.png" mode="heightFix" v-if="active != 2"></image>
            <image src="/static/policy/user-select.png" mode="heightFix" v-if="active == 2"></image>
            <view>我的</view>
        </view>
    </view>
</template>
<script>
    export default {
        props:{
            activeNumber:{
                 type: [String, Number]
            }
        },
        data() {
            return {
                active: this.activeNumber
            }
        },
        methods: {
            activeClick(number) {
                this.active = number
                this.$emit('update:activeNumber', number)
            }
        }
    }
</script>
<style scoped lang="scss">
    .fixed-down{
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 10rpx 0;
        background-color: white;
        font-size: 20rpx;
        color: #7E8596FF;
        &>view{
            text-align: center;
        }
        .active{
            color: #1171E0FF;
        }
        image{
            height: 58rpx;
            width: 58rpx;
        }
        .code{
            width: 108rpx;
            height: 108rpx;
            position: absolute;
            top: -20rpx;
            left: 0;
        }
        .relative{
            position: relative;
            width: 108rpx;
            height: 108rpx;
        }
    }
</style>
qiye/my/my.vue
New file
@@ -0,0 +1,231 @@
<template>
    <view class="page-mine-box">
        <img src="/static/qiye/q07.png" class="head" alt="" />
        <view class="top-box">
            <view class="user-news">
                <!-- <u-avatar :src="src"></u-avatar> -->
                <image src="/static/policy/header.png" mode="widthFix"></image>
                <view class="user-info">
                    <view class="user-name">
                        <view class="inckname">刘小雅</view>
                    </view>
                    <view class="dept-name">
                        环保局--第一部门
                    </view>
                </view>
            </view>
            <view class="show-phone-number">
                <text class="label">联系电话</text>
                <text>168****4164</text>
            </view>
            <view class="wbox">
                <view class="item">
                    <view class="set-flex">
                        <image src="/static/qiye/q06.png" mode="widthFix"></image>
                        <text class="change">投诉记录</text>
                    </view>
                    <u-icon name="arrow-right"></u-icon>
                </view>
                <view class="item">
                    <view class="set-flex">
                        <image src="/static/policy/phone.png" mode="widthFix"></image>
                        <text class="change">修改手机号</text>
                    </view>
                    <u-icon name="arrow-right"></u-icon>
                </view>
            </view>
            <!-- <view class="show-phone-number">
                <view class="set-flex">
                    <image src="/static/qiye/q06.png" mode="widthFix"></image>
                    <text class="change">投诉记录</text>
                </view>
                <u-icon name="arrow-right"></u-icon>
            </view>
            <view class="show-phone-number" @click="goChangePhone">
            </view> -->
        </view>
<!--         <view class="main-box">
        </view> -->
        <view class="logout">
            退出登录
        </view>
        <tabsCom :activeNumber.sync="activeNumber"></tabsCom>
    </view>
</template>
<script>
    import tabsCom from '@/qiye/components/bottom.vue'
    export default {
        components: {
            tabsCom
        },
        data() {
            return {
                activeNumber: 2,
                src: '/static/policy/header.png'
            }
        },
        methods: {
            goChangePhone() {
                uni.navigateTo({
                    url: '/policy/changePhone/changePhone'
                })
            }
        }
    }
</script>
<style>
    page{
        background: #f4f4f4;
    }
</style>
<style lang="scss" scoped>
    .page-mine-box {
        .top-box {
            margin-top: 200rpx;
            box-sizing: border-box;
            .user-news {
                margin: 48rpx;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                image {
                    width: 108rpx;
                    height: 108rpx;
                    background-color: white;
                    border-radius: 50%;
                }
                .user-info {
                    margin-left: 24rpx;
                    color: white;
                    .user-name {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        margin-bottom: 24rpx;
                        .direc {
                            width: 2rpx;
                            height: 20rpx;
                            background-color: white;
                            vertical-align: middle;
                            margin: 0 16rpx;
                        }
                    }
                    .dept-name {
                        font-size: 28rpx;
                        color: #FFFFFFB3;
                    }
                    .dept-per {
                        font-size: 24rpx;
                    }
                }
            }
        }
        .main-box {
            // position: relative;
            // top: -45rpx;
        }
        .wbox{
            background-color: white;
            margin: 0 40rpx;
            border-radius: 10rpx;
            padding: 28rpx 24rpx;
            font-size: 32rpx;
            color: #202D44FF;
            .label {
                color: #7E8596FF;
            }
            .change {
                margin-left: 20rpx;
                color: #202D44FF;
            }
            .item{
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-bottom: 1px solid #f1f1f1;
                padding-bottom: 20rpx;
                margin-bottom: 20rpx;
                image {
                    width: 44rpx;
                    height: 44rpx;
                }
            }
            .item:last-child{
                border-bottom: none;
                padding-bottom: 0;
                margin-bottom: 0;
            }
        }
        .show-phone-number {
            background-color: white;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 40rpx;
            border-radius: 10rpx;
            padding: 28rpx 24rpx;
            font-size: 32rpx;
            color: #202D44FF;
            font-weight: normal;
            margin-bottom: 20rpx;
            .label {
                color: #7E8596FF;
            }
            .change {
                margin-left: 20rpx;
                color: #202D44FF;
            }
            image {
                width: 44rpx;
                height: 44rpx;
            }
        }
        .logout {
            text-align: center;
            padding: 20rpx 0;
            justify-content: center;
            align-items: center;
            border-radius: 38rpx;
            background: #FFF;
            font-size: 32rpx;
            color: #4a4e60ff;
            width: calc(100% - 64rpx);
            left: 32rpx;
            position: fixed;
            bottom: 180rpx;
        }
        .inckname {
            font-size: 36rpx;
        }
    }
    .head{
        width: 100%;
        height: 518rpx;
        z-index: -1;
        position: absolute;
        left: 0;
        top: 0;
    }
</style>
qiye/qiyeIndex/qiyeIndex.vue
New file
@@ -0,0 +1,136 @@
<template>
    <view>
        <img src="/static/head.png" class="head" alt="" />
        <view class="hqzc">
            <img src="/static/hqzc.png" class="img" alt="" />
            <view class="line"></view>
            <view class="font">
                <p>海关总署贸易持续发展2024年立法...</p>
                <p>国家医疗保障局办公室关于发布管理... </p>
            </view>
            <img src="/static/i06.png" class="more" alt="" />
        </view>
        <view class="wbox">
            <view class="name">
                瑞韵达贸易有限公司
            </view>
            <view class="imgbox">
                <image :src="uqrcodeImage" mode="widthFix" class="qrcode-1"></image>
            </view>
        <!--     <view class="">
            </view> -->
            <img src="/static/qiye/q05.png" style="width: 100%;height: 201rpx;" alt="" />
        </view>
        <view style="height: 50rpx;"></view>
        <uqrcode class="hide-canvas" :size="470" sizeUnit="rpx" v-if="companyCode" ref="uqrcode" canvas-id="qrcode" :value="companyCode" :options="{ backgroundColor: '#000000',useDynamicSize: true,  areaColor: '#ffffff', foregroundColor: '#ffffff' }"></uqrcode>
        <tabsCom :activeNumber.sync="activeNumber"></tabsCom>
    </view>
</template>
<script>
    import tabsCom from '@/qiye/components/bottom.vue'
    export default {
        components: {
            tabsCom
        },
        data() {
            return {
                activeNumber: 0,
                companyCode: 'code===',
                uqrcodeImage: ''
            }
        },
        onReady() {
            this.$refs.uqrcode.toTempFilePath({
              success: res => {
                this.uqrcodeImage = res.tempFilePath
              }
            });
        },
        methods: {
        }
    }
</script>
<style>
    page{
        background: #F7F7F7;
    }
</style>
<style lang="scss" scoped>
    .head{
        width: 100%;
        height: 518rpx;
    }
    .hqzc{
        position: absolute;
        border-radius: 5px;
        background: #fff;
        display: flex;
        width: calc(100vw - 64rpx);
        align-items: center;
        left: 32rpx;
        top: 500rpx;
        padding: 24rpx;
        box-sizing: border-box;
        .line{
            width: 2rpx;
            height: 50rpx;
            background: #f1f1f1;
            margin-right: 18rpx;
        }
        .img{
            width: 76rpx;
            height: 76rpx;
            margin-right: 18rpx;
        }
        .more{
            width: 28rpx;
            height: 28rpx;
        }
        .font{
            font-size: 26rpx;
            color: #4A4E60;
            margin-right: 50rpx;
        }
    }
    .hide-canvas{
        display: none;
    }
    .wbox{
        background: #fff;
        border-radius: 5px;
        padding: 24rpx;
        box-sizing: border-box;
        margin: 120rpx 32rpx;
        .name{
            text-align: center;
            color: #202d44;
            font-size: 36rpx;
            font-weight: bold;
            line-height: 44rpx;
            border-bottom: 1px dashed #f1f1f1;
            padding-bottom: 20rpx;
            margin-bottom: 20rpx;
        }
        .imgbox{
            text-align: center;
            border-radius: 5rpx;
            border: 4rpx solid #CCDEFE;
            padding: 20rpx;
            width: 420rpx;
            margin: 0 auto;
        }
        .qrcode-1{
            width: 400rpx;
            height: 400rpx;
        }
    }
</style>
static/qiye/q01.png
static/qiye/q02.png
static/qiye/q03.png
static/qiye/q04.png
static/qiye/q05.png
static/qiye/q06.png
static/qiye/q07.png