feat: 修改支付页面

kongdeqiang

13 小时以前 5788c53ae08862613544ec224212024e18ccf7cd

 src/components/page/leaderShow/leaderIndex.vue

@@ -3,14 +3,14 @@
        <div class="leaderIndex-title">
            <h1>峰峰矿区综合行政执法局智慧泊车平台</h1>
            <div class="leader-title-left">
                <h2>欢迎登录，{{userName}}!</h2>
                <h2>欢迎登录，{{userName}}</h2>
            </div>
            <div class="logout" @click="logout">
                退出登录
            </div>
            <div class="leader-title-right" @click="houtaiBtn">
                <h2>后台管理</h2>
            </div>
<!--            <div class="leader-title-right" @click="houtaiBtn">-->
<!--                <h2>后台管理</h2>-->
<!--            </div>-->
            <div class="weizhang-content">
                <h2 @click="weizhangBtn(item)" v-if="index < 1" v-for="(item,index) in weizhangList" :key="index">违法车辆：{{item.carNo}}进入{{item.parkName}}  {{item.createTime}}</h2>
            </div>
@@ -210,6 +210,7 @@
    import shangjiZhipaiForm from "./Dialog/shangjiZhipaiForm";
    import xunjieOrderForm from "./Dialog/xunjieOrderForm";
    import weizhangForm from "./Dialog/weizhangForm";
    import BaiduMap from "../../common/baiduMap";
    export default {
        name: "leaderIndex",
        components: {
@@ -230,8 +231,8 @@
                pageConfig: {
                    getDataUrl: this.$systemconfig.basePath + '/statistic/getData1',
                    getLogoUrl: this.$systemconfig.basePath + '/statistic/getLogo',
                    findAllUrl: this.$systemconfig.basePath + '/user/findAll',
                    illegalCarUrl: this.$systemconfig.basePath + '/notice/illegalCar2',
                    findAllUrl: this.$systemconfig.basePath + '/ffzf/user/findAll',
                    illegalCarUrl: this.$systemconfig.basePath + '/ffzf/notice/illegalCar2',
                },
                weizhangTimer:null,  //违章list定时器
                getDataTimer:null, //统计数据定时器
@@ -292,8 +293,14 @@
            }
        },
        mounted() {
            BaiduMap.init()
                .then((BMap) => {
                  console.log('地图初始化')
                //   this.inits()
                    this.createMap(BMap)
                })
            this.newTimes()
            this.userName = JSON.parse(this.getStore('userinfo')).name
            this.userName = this.getStore('userinfo')
            this.getData()
            this.$nextTick(() => {
                this.createMap()
@@ -352,7 +359,7 @@
            },
            illegalCarUrl() {
                this.$byutil.postData4(this,this.pageConfig.illegalCarUrl,null,res => {
                     this.weizhangList = res.obj
                     this.weizhangList = res.data
                })
            },
            houtaiBtn() {  //跳转后台页面
@@ -361,30 +368,30 @@
            },
            getData() {
                this.$byutil.postData4(this,this.pageConfig.getDataUrl,null,res => {
                    this.tongjiNumObj.data1 = res.obj.data1
                    this.tongjiNumObj.data2 = res.obj.data2
                    this.tongjiNumObj.data3 = res.obj.data3
                    this.tongjiNumObj.data4 = res.obj.data4
                    this.tongjiNumObj.data5 = res.obj.data5
                    this.tongjiNumObj.data6 = res.obj.data6
                    this.tongjiNumObj.data7 = res.obj.data7
                    this.tongjiNumObj.data8 = res.obj.data8
                    this.tongjiNumObj.data9 = res.obj.data9
                    this.tongjiNumObj.data10 = res.obj.data10
                    this.tongjiNumObj.data11 = res.obj.data11
                    this.tongjiNumObj.data12 = res.obj.data12
                    this.tongjiNumObj.data13 = res.obj.data13
                    this.tongjiNumObj.data1 = res.data.data1
                    this.tongjiNumObj.data2 = res.data.data2
                    this.tongjiNumObj.data3 = res.data.data3
                    this.tongjiNumObj.data4 = res.data.data4
                    this.tongjiNumObj.data5 = res.data.data5
                    this.tongjiNumObj.data6 = res.data.data6
                    this.tongjiNumObj.data7 = res.data.data7
                    this.tongjiNumObj.data8 = res.data.data8
                    this.tongjiNumObj.data9 = res.data.data9
                    this.tongjiNumObj.data10 = res.data.data10
                    this.tongjiNumObj.data11 = res.data.data11
                    this.tongjiNumObj.data12 = res.data.data12
                    this.tongjiNumObj.data13 = res.data.data13
                    console.log('this.tongjiNumObj.data13--------',this.tongjiNumObj.data13)
                    this.zhengticheweiliyonglv()
                    this.tongjiNumObj.data14 = res.obj.data14
                    this.tongjiNumObj.data14 = res.data.data14
                    console.log('this.tongjiNumObj.data14--------',this.tongjiNumObj.data14)
                    this.fakuancheliangchengjiaolv()
                    this.tongjiNumObj.data15 = res.obj.data15
                    this.tongjiNumObj.data16 = res.obj.data16
                    this.tongjiNumObj.data17 = res.obj.data17
                    this.tongjiNumObj.data18 = res.obj.data18
                    this.tongjiNumObj.data19 = res.obj.data19
                    this.tongjiNumObj.data20 = res.obj.data20
                    this.tongjiNumObj.data15 = res.data.data15
                    this.tongjiNumObj.data16 = res.data.data16
                    this.tongjiNumObj.data17 = res.data.data17
                    this.tongjiNumObj.data18 = res.data.data18
                    this.tongjiNumObj.data19 = res.data.data19
                    this.tongjiNumObj.data20 = res.data.data20

                })
            },
@@ -436,34 +443,40 @@
                   this.$refs.zhipaiForm.initData()
               })
            },
            createMap(){  // // 方法 - 创建地图
            createMap(BMap){  // // 方法 - 创建地图
                // 在百度地图容器中创建地图实例
                let map = new BMap.Map("container");
                // 将map变量存储在全局
                this.map = map;
                // let goodsData = require('../../../assets/custom_map_config.json')
                // 设定地图的中心点和坐标
                let point = new BMap.Point(this.centerLng, this.centerLat);
                // let marker = new BMap.Marker(point) // 创建标注
                // 设置中心点坐标和地图级别
                this.map.centerAndZoom(point, 1);
                // 添加自定义覆盖物
                // this.map.addOverlay(marker) // 将标注添加到地图中
                // 允许滚轮缩放
                this.map.enableScrollWheelZoom(point, 15);
                // 设置地图默认缩放比例
                this.map.setZoom(15);
                this.map.setMapStyle({
                       style:'midnight'
                            // styleJson:goodsData
                 });
                this.addHeatMap(this.map)
                this.addMarker(this.map,point)

                let map = new BMap.Map('container');
                this.$nextTick(() => {
                    // 将map变量存储在全局
                    this.map = map;
                    //  let goodsData = require('../../../assets/custom_map_config.json')
                    // 设定地图的中心点和坐标
                    let point = new BMap.Point(this.centerLng, this.centerLat);
                    let marker = new BMap.Marker(point) // 创建标注
                    // 设置中心点坐标和地图级别
                    this.map.centerAndZoom(point, 1);
                    // 添加自定义覆盖物
                    this.map.addOverlay(marker) // 将标注添加到地图中
                    // 允许滚轮缩放
                    this.map.enableScrollWheelZoom(point, 15);
                    // 设置地图默认缩放比例
                    this.map.setZoom(15);
                    this.map.setMapStyle({
                        // style:'midnight',
                        styleJson:goodsData
                    });
                    
                    this.map.addEventListener("tilesloaded", () => {
                        this.addHeatMap(this.map); // 确保在 tilesloaded 事件后调用
                    });
    
                    // this.addHeatMap(this.map)
                    this.addMarker(this.map,point)
                })
            },
            addHeatMap(map) {  //热力图
                this.$byutil.postData(this,this.pageConfig.getLogoUrl,null,res => {
                    this.reliArry = res.obj
                    this.reliArry = res.data
                    this.reliArry.forEach(item => {
                        this.lngData.push({count:70,lat:item.lat,lng:item.lng})
                    })
@@ -485,7 +498,7 @@
            },
            addMarker(map,point) {  //添加自定义图标
                this.$byutil.postData(this,this.pageConfig.findAllUrl,null,res => {
                    res.obj.forEach(item => {
                    res.data.forEach(item => {
                        if(item.lat) {
                            point = new BMap.Point(item.lng,item.lat)
                            //设置标注的图标
@@ -1172,7 +1185,7 @@
        }
        .leader-title-left{
            position: absolute;
            left: 0.2083rem  /* 40/192 */;
            left: 0.3183rem  /* 40/192 */;
            top:0.0521rem  /* 10/192 */;
            cursor: pointer;
            h2{
@@ -1381,7 +1394,7 @@
        background: url('../../../assets/images/wait-bj.png') no-repeat center;
        background-size: 100% 100%;
        position: absolute;
        right: 0.667rem  /* 50/75 */;
        right: 0.3183rem  /* 50/75 */;
        top:0.0729rem  /* 14/192 */;
        color: #fff;
        display: flex;