From 54b09d088f3fb17c492a8c939d54e2faa722707f Mon Sep 17 00:00:00 2001 From: "[liang]" <[595996918@qq.com]> Date: Fri, 5 Aug 2022 16:11:22 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=95=B0=E5=AD=97=E4=B8=BA?= =?UTF-8?q?=E6=95=B0=E7=A0=81=E5=BD=A2=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/img/brand/numberBg.png | Bin 0 -> 4486 bytes src/components/seamless/index.vue | 19 +- src/views/Brand.vue | 280 +++++++++++++++--------------- 3 files changed, 154 insertions(+), 145 deletions(-) create mode 100644 src/assets/img/brand/numberBg.png diff --git a/src/assets/img/brand/numberBg.png b/src/assets/img/brand/numberBg.png new file mode 100644 index 0000000000000000000000000000000000000000..19f088a37f26091fde2255127cc922c67f2cc2a1 GIT binary patch literal 4486 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 时间 停车场 - 出入口 + 出入口 车辆类型 - 车牌号 - 收费金额 - 状态 + 车牌号 + 收费金额 + 状态
{{ item.createTime }} {{ item.parkName }} - {{ item.entranceChannel }} - {{ item.carType }} + {{ item.entranceChannel }} + {{ item.carType }} {{ item.plateNumber }} - {{ item.orderRealPaidAmout }}元 - {{ item.accessType }} + {{ item.orderRealPaidAmout }}元 + {{ item.accessType }}
@@ -86,7 +86,8 @@ export default { line-height: 0.7rem; font-size: 0.25rem; color: #fff; - background: url(../../assets/img/brand/parkIngo.png); + background: url(../../assets/img/brand/parkIngo.png) no-repeat; + background-size: 9.8rem 0.7rem; } .sn-body { diff --git a/src/views/Brand.vue b/src/views/Brand.vue index ea4aa70..672dd7f 100644 --- a/src/views/Brand.vue +++ b/src/views/Brand.vue @@ -29,7 +29,7 @@ 收费金额 - + @@ -66,8 +66,10 @@ 今日交易金额
- - + + + +
@@ -174,11 +176,13 @@ export default { startAmount: 0, endNumber: 0, endAmount: 0, + numberPrefix: '00000', // 前面补零 + amountPrefix: '00000', // 前面补零 realTimeInOutRecord: [],//实时进出信息 heartTimes: 0, //心跳次数 geoCoordMap: {}, XAData: [ - + ], XNData: [ [{ name: "长沙" }, { name: "西宁", value: 100 }], @@ -200,9 +204,9 @@ export default { mounted() { if (authCode && typeof +authCode === 'number') { this.heart(); - setTimeout(() => { - this.getEchart(); - }, 800); + setTimeout(() => { + this.getEchart(); + }, 800); } else { // console.log('授权码为空', authCode); alert('授权码为空,请从系统调用页面!') @@ -242,8 +246,10 @@ export default { const { totalAmount, totalNum } = res.data this.startNumber = this.endNumber; this.startAmount = this.endAmount; - this.endNumber = +totalNum; - this.endAmount = +totalAmount; + this.endNumber = +totalNum || 0; + this.endAmount = +totalAmount || 0; + this.numberPrefix = '00000'.substr(0, (6 - `${this.endNumber}`.length)); + this.amountPrefix = '00000'.substr(0, (6 - `${this.endAmount}`.length)); } }); // 实时进出信息 @@ -276,129 +282,129 @@ export default { if (res && res.code === 200) this.useCarCon = res.data }) BiApi.parkingCarNum({ authCode }).then((res) => { - this.geoCoordMap = { - 上海: [121.4648, 31.2891], - 东莞: [113.8953, 22.901], - 东营: [118.7073, 37.5513], - 中山: [113.4229, 22.478], - 临汾: [111.4783, 36.1615], - 临沂: [118.3118, 35.2936], - 丹东: [124.541, 40.4242], - 丽水: [119.5642, 28.1854], - 乌鲁木齐: [87.9236, 43.5883], - 佛山: [112.8955, 23.1097], - 保定: [115.0488, 39.0948], - 兰州: [103.5901, 36.3043], - 包头: [110.3467, 41.4899], - 北京: [116.4551, 40.2539], - 北海: [109.314, 21.6211], - 南京: [118.8062, 31.9208], - 南宁: [108.479, 23.1152], - 南昌: [116.0046, 28.6633], - 南通: [121.1023, 32.1625], - 厦门: [118.1689, 24.6478], - 台州: [121.1353, 28.6688], - 合肥: [117.29, 32.0581], - 呼和浩特: [111.4124, 40.4901], - 咸阳: [108.4131, 34.8706], - 哈尔滨: [127.9688, 45.368], - 唐山: [118.4766, 39.6826], - 嘉兴: [120.9155, 30.6354], - 大同: [113.7854, 39.8035], - 大连: [122.2229, 39.4409], - 天津: [117.4219, 39.4189], - 太原: [112.3352, 37.9413], - 威海: [121.9482, 37.1393], - 宁波: [121.5967, 29.6466], - 宝鸡: [107.1826, 34.3433], - 宿迁: [118.5535, 33.7775], - 常州: [119.4543, 31.5582], - 广州: [113.5107, 23.2196], - 廊坊: [116.521, 39.0509], - 延安: [109.1052, 36.4252], - 张家口: [115.1477, 40.8527], - 徐州: [117.5208, 34.3268], - 德州: [116.6858, 37.2107], - 惠州: [114.6204, 23.1647], - 成都: [103.9526, 30.7617], - 扬州: [119.4653, 32.8162], - 承德: [117.5757, 41.4075], - 拉萨: [91.1865, 30.1465], - 无锡: [120.3442, 31.5527], - 日照: [119.2786, 35.5023], - 昆明: [102.9199, 25.4663], - 杭州: [119.5313, 29.8773], - 枣庄: [117.323, 34.8926], - 柳州: [109.3799, 24.9774], - 株洲: [113.5327, 27.0319], - 武汉: [114.3896, 30.6628], - 汕头: [117.1692, 23.3405], - 江门: [112.6318, 22.1484], - 沈阳: [123.1238, 42.1216], - 沧州: [116.8286, 38.2104], - 河源: [114.917, 23.9722], - 泉州: [118.3228, 25.1147], - 泰安: [117.0264, 36.0516], - 泰州: [120.0586, 32.5525], - 济南: [117.1582, 36.8701], - 济宁: [116.8286, 35.3375], - 海口: [110.3893, 19.8516], - 淄博: [118.0371, 36.6064], - 淮安: [118.927, 33.4039], - 深圳: [114.5435, 22.5439], - 清远: [112.9175, 24.3292], - 温州: [120.498, 27.8119], - 渭南: [109.7864, 35.0299], - 湖州: [119.8608, 30.7782], - 湘潭: [112.5439, 27.7075], - 滨州: [117.8174, 37.4963], - 潍坊: [119.0918, 36.524], - 烟台: [120.7397, 37.5128], - 玉溪: [101.9312, 23.8898], - 珠海: [113.7305, 22.1155], - 盐城: [120.2234, 33.5577], - 盘锦: [121.9482, 41.0449], - 石家庄: [114.4995, 38.1006], - 福州: [119.4543, 25.9222], - 秦皇岛: [119.2126, 40.0232], - 绍兴: [120.564, 29.7565], - 聊城: [115.9167, 36.4032], - 肇庆: [112.1265, 23.5822], - 舟山: [122.2559, 30.2234], - 苏州: [120.6519, 31.3989], - 莱芜: [117.6526, 36.2714], - 菏泽: [115.6201, 35.2057], - 营口: [122.4316, 40.4297], - 葫芦岛: [120.1575, 40.578], - 衡水: [115.8838, 37.7161], - 衢州: [118.6853, 28.8666], - 西宁: [101.4038, 36.8207], - 西安: [109.1162, 34.2004], - 贵阳: [106.6992, 26.7682], - 连云港: [119.1248, 34.552], - 邢台: [114.8071, 37.2821], - 邯郸: [114.4775, 36.535], - 郑州: [113.4668, 34.6234], - 鄂尔多斯: [108.9734, 39.2487], - 重庆: [107.7539, 30.1904], - 金华: [120.0037, 29.1028], - 铜川: [109.0393, 35.1947], - 银川: [106.3586, 38.1775], - 镇江: [119.4763, 31.9702], - 长春: [125.8154, 44.2584], - 长沙: [113.0823, 28.2568], - 长治: [112.8625, 36.4746], - 阳泉: [113.4778, 38.0951], - 青岛: [120.4651, 36.3373], - 韶关: [113.7964, 24.7028], - }; + this.geoCoordMap = { + 上海: [121.4648, 31.2891], + 东莞: [113.8953, 22.901], + 东营: [118.7073, 37.5513], + 中山: [113.4229, 22.478], + 临汾: [111.4783, 36.1615], + 临沂: [118.3118, 35.2936], + 丹东: [124.541, 40.4242], + 丽水: [119.5642, 28.1854], + 乌鲁木齐: [87.9236, 43.5883], + 佛山: [112.8955, 23.1097], + 保定: [115.0488, 39.0948], + 兰州: [103.5901, 36.3043], + 包头: [110.3467, 41.4899], + 北京: [116.4551, 40.2539], + 北海: [109.314, 21.6211], + 南京: [118.8062, 31.9208], + 南宁: [108.479, 23.1152], + 南昌: [116.0046, 28.6633], + 南通: [121.1023, 32.1625], + 厦门: [118.1689, 24.6478], + 台州: [121.1353, 28.6688], + 合肥: [117.29, 32.0581], + 呼和浩特: [111.4124, 40.4901], + 咸阳: [108.4131, 34.8706], + 哈尔滨: [127.9688, 45.368], + 唐山: [118.4766, 39.6826], + 嘉兴: [120.9155, 30.6354], + 大同: [113.7854, 39.8035], + 大连: [122.2229, 39.4409], + 天津: [117.4219, 39.4189], + 太原: [112.3352, 37.9413], + 威海: [121.9482, 37.1393], + 宁波: [121.5967, 29.6466], + 宝鸡: [107.1826, 34.3433], + 宿迁: [118.5535, 33.7775], + 常州: [119.4543, 31.5582], + 广州: [113.5107, 23.2196], + 廊坊: [116.521, 39.0509], + 延安: [109.1052, 36.4252], + 张家口: [115.1477, 40.8527], + 徐州: [117.5208, 34.3268], + 德州: [116.6858, 37.2107], + 惠州: [114.6204, 23.1647], + 成都: [103.9526, 30.7617], + 扬州: [119.4653, 32.8162], + 承德: [117.5757, 41.4075], + 拉萨: [91.1865, 30.1465], + 无锡: [120.3442, 31.5527], + 日照: [119.2786, 35.5023], + 昆明: [102.9199, 25.4663], + 杭州: [119.5313, 29.8773], + 枣庄: [117.323, 34.8926], + 柳州: [109.3799, 24.9774], + 株洲: [113.5327, 27.0319], + 武汉: [114.3896, 30.6628], + 汕头: [117.1692, 23.3405], + 江门: [112.6318, 22.1484], + 沈阳: [123.1238, 42.1216], + 沧州: [116.8286, 38.2104], + 河源: [114.917, 23.9722], + 泉州: [118.3228, 25.1147], + 泰安: [117.0264, 36.0516], + 泰州: [120.0586, 32.5525], + 济南: [117.1582, 36.8701], + 济宁: [116.8286, 35.3375], + 海口: [110.3893, 19.8516], + 淄博: [118.0371, 36.6064], + 淮安: [118.927, 33.4039], + 深圳: [114.5435, 22.5439], + 清远: [112.9175, 24.3292], + 温州: [120.498, 27.8119], + 渭南: [109.7864, 35.0299], + 湖州: [119.8608, 30.7782], + 湘潭: [112.5439, 27.7075], + 滨州: [117.8174, 37.4963], + 潍坊: [119.0918, 36.524], + 烟台: [120.7397, 37.5128], + 玉溪: [101.9312, 23.8898], + 珠海: [113.7305, 22.1155], + 盐城: [120.2234, 33.5577], + 盘锦: [121.9482, 41.0449], + 石家庄: [114.4995, 38.1006], + 福州: [119.4543, 25.9222], + 秦皇岛: [119.2126, 40.0232], + 绍兴: [120.564, 29.7565], + 聊城: [115.9167, 36.4032], + 肇庆: [112.1265, 23.5822], + 舟山: [122.2559, 30.2234], + 苏州: [120.6519, 31.3989], + 莱芜: [117.6526, 36.2714], + 菏泽: [115.6201, 35.2057], + 营口: [122.4316, 40.4297], + 葫芦岛: [120.1575, 40.578], + 衡水: [115.8838, 37.7161], + 衢州: [118.6853, 28.8666], + 西宁: [101.4038, 36.8207], + 西安: [109.1162, 34.2004], + 贵阳: [106.6992, 26.7682], + 连云港: [119.1248, 34.552], + 邢台: [114.8071, 37.2821], + 邯郸: [114.4775, 36.535], + 郑州: [113.4668, 34.6234], + 鄂尔多斯: [108.9734, 39.2487], + 重庆: [107.7539, 30.1904], + 金华: [120.0037, 29.1028], + 铜川: [109.0393, 35.1947], + 银川: [106.3586, 38.1775], + 镇江: [119.4763, 31.9702], + 长春: [125.8154, 44.2584], + 长沙: [113.0823, 28.2568], + 长治: [112.8625, 36.4746], + 阳泉: [113.4778, 38.0951], + 青岛: [120.4651, 36.3373], + 韶关: [113.7964, 24.7028], + }; // this.useCarCon = res.data - for(var i=0;i { if (params.seriesType == "effectScatter") { - return "车位数量：" + params.data.name + " " + params.data.value[2]+"个"; + return "车位数量：" + params.data.name + " " + params.data.value[2] + "个"; } else if (params.seriesType == "lines") { return ( params.data.fromName + @@ -817,19 +823,21 @@ export default { span { margin-top: 0.25rem; - box-shadow: 0rem 0.02rem 0.08rem rgba(38, 228, 245, 0.7); + // box-shadow: 0rem 0.02rem 0.08rem rgba(38, 228, 245, 0.7); width: 3.535rem; - text-align: center; + text-align: right; height: 0.725rem; line-height: 0.725rem; font-size: 0.45rem; color: #fff; font-family: "LCD"; - letter-spacing: 0.1rem; + letter-spacing: 0.28rem; text-shadow: 0.02rem 0.02rem 0.04rem #000; - background: linear-gradient(180deg, - rgba(101, 172, 255, 0) 0%, - rgba(29, 104, 190, 0.78) 100%); + box-sizing: border-box; + padding-left: .1rem; + background-image: url(../assets/img/brand/numberBg.png); + background-repeat: repeat-y space; + background-size: 0.6rem 0.725rem } } }