基于HTML5+CSS3的Web Scada的应用场景

已于 2022-09-15 09:39:44 修改
阅读量1.2k 收藏 3
点赞数 1
文章标签： 物联网 html5 css3 javascript 前端
于 2022-08-18 11:26:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73346015/article/details/126402311
版权

        Web SCADA系统主要通过组合各种物联网硬件，可对设备开关、模拟量及其他设备数据进行采集，通过配置传感器，还可以实现对设备温度、震动及环境湿度等多种数据进行采集；通过简单配置，用户既可以在工控机上实现数据监测和设备控制，也可通过手机、平板等联网终端进行远程监控；

        对于复杂逻辑则通过二次开发实现，通过最新的Web技术(JavaScript、HTML5、JQuery、CSS3、Ajax及最新的JS框架库等）等进行复杂逻辑的处理，通过引入ThreeJS库，可完美的支持3D漫游等效果,让工程师通过简单的托拉拽实现对设备的数据采集、监视及控制；

       对于有二次开发能力的企业或个人则让其更关注业务逻辑，无需关注底层的数据采集过程，将采集到的数据封装成JS包，通过引用JS包可通过简单的几个命令获取到数据进而进行其他逻辑处理，如GetTag(“TagName”)、SetTag(“TagName”)等进行逻辑处理，WEB SCADA可应用于智能制造、数字工厂、设备智能化、环境与能源、智慧楼宇、智慧热网、智慧水务、智慧管廊、智慧管网，行业涉及热力、自来水、污水处理、化工、中石油、电力、楼宇、消防、矿厂、制冷、路灯远控、数字工厂、汽车、电信、高铁楼宇、钢厂等行业;

Web SCADA逻辑架构图：

 

如下是通过简单的JS代码实现底层数据的获取与逻辑处理:

 <body style="background:#778899">
        <div id="idButtons" class="paragraph"></div>
        <h1  style="color:#FFFAFA" >配电室1参数报表</h1>
        <div id="idTimestamp" class="paragraph"></div>
        <table  width="100%" style="color:#00008B" ； text-align:center>
         <tr>
            <th>电表</th>
            <th colspan="8">PWM001
            <th colspan="8">PWM002
            <th colspan="8">PWM003
            <th colspan="8">PWM004
            <th colspan="8">PWM005
         </tr>
            <tr>
                <th>参数</th>
                <th>A向电流</th>
                <th>B向电流</th>
                <th>C向电流</th>
                <th>A向电压</th>
                <th>B向电压(V)</th>
                <th>C向电压(V)</th>
                <th>功率因数</th>
                <th>总电度</th>
                
                
                <th>A向电流</th>
                <th>B向电流</th>
                <th>C向电流</th>
                <th>A向电压</th>
                <th>B向电压(V)</th>
                <th>C向电压(V)</th>
                <th>功率因数</th>
                <th>总电度</th>
                
                
                <th>A向电流</th>
                <th>B向电流</th>
                <th>C向电流</th>
                <th>A向电压</th>
                <th>B向电压(V)</th>
                <th>C向电压(V)</th>
                <th>功率因数</th>
                <th>总电度</th>
                
                
                <th>A向电流</th>
                <th>B向电流</th>
                <th>C向电流</th>
                <th>A向电压</th>
                <th>B向电压(V)</th>
                <th>C向电压(V)</th>
                <th>功率因数</th>
                <th>总电度</th>
                
               
                <th>A向电流</th>
                <th>B向电流</th>
                <th>C向电流</th>
                <th>A向电压</th>
                <th>B向电压(V)</th>
                <th>C向电压(V)</th>
                <th>功率因数</th>
                <th>总电度</th>
                
         </tr>
            <tr>
                <th>时间/单位</th>
                <th>(A)</th>
                <th>(A)</th>
                <th>(A)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(PF)</th>
                <th>(Kwh)</th>
                                
                <th>(A)</th>
                <th>(A)</th>
                <th>(A)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(PF)</th>
                <th>(Kwh)</th>
                
                <th>(A)</th>
                <th>(A)</th>
                <th>(A)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(PF)</th>
                <th>(Kwh)</th>
               
                <th>(A)</th>
                <th>(A)</th>
                <th>(A)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(PF)</th>
                <th>(Kwh)</th>
                
                <th>(A)</th>
                <th>(A)</th>
                <th>(A)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(V)</th>
                <th>(PF)</th>
                <th>(Kwh)</th>
           
            <tr>
                <td data-igrx='{"attr":"log","tag":"app.currentTime"}'>Time</td>
                
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM001.I_PhA"}'>###.#</td>  
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM001.I_PhB"}'>###.#</td>   
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM001.I_PhC"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM001.U_PhA"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM001.U_PhB"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM001.U_PhC"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM001.PF_Total"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM001.WH_Total"}'>###.#</td>
               
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM002.I_PhA"}'>###.#</td>  
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM002.I_PhB"}'>###.#</td>   
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM002.I_PhC"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM002.U_PhA"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM002.U_PhB"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM002.U_PhC"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM002.PF_Total"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM002.WH_Total"}'>###.#</td>
               
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM003.I_PhA"}'>###.#</td>  
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM003.I_PhB"}'>###.#</td>   
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM003.I_PhC"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM003.U_PhA"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM003.U_PhB"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM003.U_PhC"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM003.PF_Total"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM003.WH_Total"}'>###.#</td>
                
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM004.I_PhA"}'>###.#</td>  
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM004.I_PhB"}'>###.#</td>   
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM004.I_PhC"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM004.U_PhA"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM004.U_PhB"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM004.U_PhC"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM004.PF_Total"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM004.WH_Total"}'>###.#</td>
                
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM005.I_PhA"}'>###.#</td>  
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM005.I_PhB"}'>###.#</td>   
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM005.I_PhC"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM005.U_PhA"}'>####</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM005.U_PhB"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM005.U_PhC"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM005.PF_Total"}'>###.#</td>
                <td data-igrx='{"attr":"log","tag":"opc.kepi.PWM005.WH_Total"}'>###.#</td>
                
                </tr>
            
        </table>
    </body>
    <script type='text/javascript'src='system/scripts/igrX.js'></script>
    var getTotal = getTag("WH_Total")
    <script type="text/javascript">

    var rpt = igrx.report();
    
    
    getTotal
    
    </script>

通过引入igrX.js库，通过JS则可实时获取对应的TAG值，如{“attr”:"log","tag":"opc.kepi.PWM005.WH_Total"} 则代表当前属性进行LOG数据存储，且获取方式是通过OPC采集，采集的点为WH_Total；

实时图表分析：

       通过IDE环境将指定的采集点设置为曲线数据监控，如下图：

最终的展现效果为如下：

 单图表实现代码解析：

通过简单的配置系统生成对应的JS代码，技术人员可对JS代码进行相应的调整及逻辑处理；

<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Plot</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="system/styles/igrX.css" />
    <!--[if lte IE 7]>
    <link rel="stylesheet" media="screen, print" href="system/styles/plot.compat.css" />
    <![endif]-->
</head>
<body>
    <div class='trend' 
        data-trend='{"pen":
        [{"enabled":false,
          "max":100.000000,
          "min":0.000000,
          "name":"Temperature",
          "pens":[
                {"format":"#.##","name":"Temp Cook","tag":"temperature_cook"},
                {"format":"#.##","name":"Effluent Temp","tag":"effTemp"}
          ],"unit":"&deg;C"},
          {"enabled":false,"max":100.000000,"min":0.000000,"name":"Flowrate",
          "pens":[{"format":"#.###","name":"Effluent Flow","tag":"effFlow"},
                {"format":"#.###","name":"Influent Flow 1","tag":"infFlow1"},
                {"format":"#.###","name":"Influent Flow 2","tag":"infFlow2"}],"unit":"m3/hr"},
                {"enabled":false,"max":14.000000,"min":0.000000,"name":"Acidity",
          "pens":[{"format":"##.#","name":"Effluent pH","tag":"effPH"}],"unit":"pH"},
                {"enabled":false,"max":120.000000,"min":0.000000,"name":"Pressure",
          "pens":[{"format":"##.##","name":"Cooking Pressure","tag":"pressure_cook"}],"unit":"kPa"},
                {"enabled":false,"max":30000.000000,"min":0.000000,"name":"ModSim",
          "pens":[{"format":"#","name":"HR40001","tag":"HR40001"},
                {"format":"#","name":"HR40002","tag":"HR40002"},
                {"format":"#","name":"HR40003","tag":"HR40003"}],"unit":"unit"},
                {"enabled":false,"max":70.000000,"min":-10.000000,"name":"Miscellaneous",
          "pens":[{"format":"0","name":"Time in Second","tag":"timeSecond"},
                {"format":"0","name":"Time in Minute","tag":"timeMinute"},
                {"format":"0","name":"Time in Hour","tag":"timeHour"},
                {"format":"0","name":"Time in Day","tag":"timeDay"}],"unit":"-"}],
          "opt":{"axisColor":"#555555","backgroundColor":"white",
          "borderColor":"#333333","borderWidth":0,"disableNavigation":0,
          "hideParameter":0,"legendPosition":"nw","length":600,"limit":0,
          "lineWidth":2,"lograte":5000,"maxPen":100,"min-zoom":20000,"refLineColor":"black",
          "showLegend":0,"showMarker":0,"title":"Temperature","x-tickColor":"#dddddd","y-tickColor":"#dddddd"}}'></div>
</body>
<script type="text/javascript" src="system/scripts/igrX.js"></script>

</html>

对物联网技术感兴趣的伙伴们，欢迎留言讨论、共同交流学习，进步!

WebScada
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
WEB SCADA物联网平台数据库（Postgre SQL）应用
02-01
WEB SCADA平台中关于报警IO点的详细配置过程讲解及说明； 适用人群：适用于物联网、电气自动化、工业自动化专业、从事电气及工业自动化的企业、适用于IT服务企业，通过IGX平台给客户提供数字化产线及MES系统等；同时适用于企业内有自己的IT及电气自动化人员，可通过IGX自行构建数字化产线、数字化看板等物联网系统。 使用场景：WEB SCADA 被用于自来水、污水处理、环保、石油、天然气、电力、能源、钢厂、热力、数字工厂、采矿、楼宇、电信、化工、水电站、风电站、实验检测、设备物联、水库湖泊、农业、汽车、食品、注塑硫化、路灯远控、消防、制冷等行业；
介绍一款轻量型 Web SCADA 组态软件
DLIOTOPO的博客
09-08 396
组态是指不需要编写计算机程序、通过类似“配置”的方式完成工业应用开发。这些应用可用于工厂的制造车间的PMC（生产过程管理），Andon（工台安全生产），工艺流程监控，设备反控，设备运维，生产看板等场景。组态是所有制造企业必不可少的工业软件系统。
scada.js：适用于Web，台式机和移动设备的工业分布式SCADA和MRP库
02-06
描述 ScadaJS是建立一个图书馆实时，有针对性的分布式工业SCADA和MRP / ERP系统。 主要特点 支持HTML和 。 支持Javascript和 。 在心脏中使用作为模板系统。 支持基于组件的UI开发。 在使用多个副本之前，可以轻松地自定义现有或新组件。 通过支持桌面应用程序。 提供和工具和默认库。 通过提供构建系统。 支持轻松集成第三方库的机制。 支持跨平台开发（请参阅：） Linux 视窗 支持未来的开发环境：使用虚拟环境。 您现在不必担心计算机中的全局依赖项现在或将来与ScadaJS项目不兼容。 与的NodeJS端口集成。 开箱即支持微服务架构。 支
基于Web SCADA平台的食品饮料行业数字化系统
专注一款Web技术的SCADA平台的研发、应用与推广
11-11 439
IGX Web SCADA 平台在食品饮料行业的应用与推广，实现实时数据采集、监视及控制，与MES系统集成、使质量、工艺、成本等得到实时的监控，将影响成本的因素在第一时间发现，进而降低质量成本；
基于Web SCADA平台构建实时数字化产线 - 初篇
专注一款Web技术的SCADA平台的研发、应用与推广
10-30 540
基于3D模型的数字化产线的构建思路。
Web SCADA 电力接线系统图
01-15
在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年，早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案，在 HTML5 流行前 VML 和 SVG 算是真正纯种 Web 方案也是有不少应用，近些年随着 HTML5 的流行，加上移动终端以及浏览器对 HTML5 支持的普及，越来越多新项目开始采用真正纯 HTML5 的方案，更具体的应该说是大数据量应用性能高于 SVG 的 Canvas 方案，已经逐渐成为当今 Web SCADA 前端技术的首选标配方案。
基于 HTML5 的 Web SCADA 报表
kctbear的博客
12-15 6008
基于 HTML5 的 Web SCADA 报表
基于 HTML5 的电力接线图 SCADA 应用
HT for Web 3D
01-17 2634
在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年，早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案，在 HTML5 流行前 VML 和 SVG 算是真正纯种 Web 方案也是有不少应用，近些年随着 HTML5 的流行，加上移动终端以及浏览器对 HTML5 支持的普及，越来越多新项目开始...
基于HTML5的Web SCADA工控移动应用
aoe41606的博客
03-02 803
在电力、油田燃气、供水管网等工业自己主动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这种重client方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是有不少应用。近...
Web SCADA 电力接线图工控组态编辑器
weixin_33901926的博客
04-16 1846
前言 SVG并非仅仅是一种图像格式， 由于它是一种基于XML的语言，也就意味着它继承了XML的跨平台性和可扩展性，从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中，而SVG文档中也可以嵌入其他的XML内容，各个不同的SVG图形可以方便地组合， 构成新的SVG图形。这个 Demo 运用的技术基于 HTML5 的技术适应了只能电网调度、配电网运行监控与配电网运维管控，通过移动终端...
scada-webapp:SCADA系统Web项目
03-11
scada-webapp SCADA系统Web项目测试zhao测试
汉光HOVA-SCADA-WEB电力监控系统 变配电电力监控系统.pdf
06-16
HV-SCADA-WEB版电力监控系统软件，为用户提供一个灵活部署，实时在线，24小时随时随地访问管理的可靠，灵活且高性能的电力监控方案，帮助用户实现在线监测，自动预警告警，提前做出预防式维护，减少断电时间，提高用电效率。该软件在保证实用性高实时性和可靠性的同时，通过功能模块化设计供用户选择，从而可以帮用户实现处理简单直至复杂的电力监控应用需求。 HV-SCADA-WEB版内嵌易用的网页显示组态工具和强大的功能友好的交互界面。前端显示和后台管理基于标准浏览器展示和管理。标准化的全鼠标点击操滚轮拖动操作，自导航操作无学习成本。关键的涉及安全的命令操作采用主流的安全短信验证码方式，确保应用多重安全。HV-SCADA-WEB前端和后台均采用基于最先进的谷歌流览器，系统架构充分考虑操作的安全性、可靠性和高效性以及数据的完整性。基于WEB云架构设计，业务扩展高度自主灵活：特别方便实现比如热/备冗余的I/O配置，主/备通讯，主/备服务器配置，安全防火墙等。根据帐号分配不同级别权限， 保证系统运行管理控制的安全可靠。 HV-SCADA-WEB完全功能模块化设计，可根据实际选择需要的功能模块，也可全选作为完整的解决方案，具备高稳定性，通用性，即用性，易用性和安全性。支持常用通讯协议如MODBUS-RTU，MODBUS-TCP,DL/T645-2007、CJ/T188等已集成到系统平台，并支持新设备协议开发接入系统。 运行可靠、性能稳定、功能可模块组合、部署云平台的电力监控系统，可帮助单位供配电运行管理部门随时随地在线掌握电力设备运行状态，计划性预防性安排维护更换，减少意外停电，保障可靠供电，提高供配电可靠性，降低意外损失，提高运行效率。 HV-SCADA-WEB版，广泛运用于工商业和智能建筑，包括： *厂矿供配电 *智能建筑 *商业广场 **政府机关 *医院学校 *石油化工 *冶金钢铁
WEBscada系统.doc
01-05
WEBscada系统
SPICE-Web-based-SCADA-system-:监控集成控制系统 (SCADA)
05-29
SPICE（基于 Web 的 SCADA 系统） SPICE (SuPervisor & Integrated Control Enviroment) 服务器是 SCADA 系统的 Javascript/PHP/SQLite 实现。 默认配置的 SCADA 屏幕展示了 SPICE 服务器提供的一些 SCADA 系统功能。 安装注意事项： 需要支持 PHP 的 Web 服务器（例如 IIS） 将内容复制到 wwwroot（或等效）文件夹中 运行服务器： php SpiceServer\Server\SpireServer.php 使用浏览器 url 运行客户端：http:\server\SpiceServer\Client.html 使用注意事项： 此 SCADA 系统的 PHP 服务器部分仅用于概念验证、PHP 技能演示或小批量部署。 服务器不是线程的（因此它甚至可以在非线程安全
快速搭建 物联网电力检测，web SCADA 工控组态
01-06
效果展示： 电力检测所需的硬件拓扑图 设备层： 智能仪表 等 检测设备状态 传输层 ：通讯网关 协议转换 交互层： 现场检测 大屏展示 远程维护 硬件部署好之后我们就可以在平台上搭建我们需要的系统了 首先我们需要增加协议通道 大部分智能仪表使用的是modbus协议 平台已经很好的集成了 对于现场工程师来说，配置每种仪表中地址变量的对应关系是一件很麻烦的事情。需要翻阅厂家说明书。好在平台已经把仪表的配置模板建立好了，我们可以很轻松的通过设备模板来快速建立设备变量地址。 重复上面的操作配置好所有的设备地址变量。这样仪表采集的数据就显示出来了，还可以通过计算公式对数据进行处理。 好啦，我们
WEB SCADA平台的应用总结
02-01
WEB SCADA平台，通过当前资源了解WEB SCADA平台的基本知识，使用的场景及基本逻辑； 适用人群：适用于物联网、电气自动化、工业自动化专业的学生、从事电气及工业自动化的企业、适用于中小型的IT服务企业，通过IGX...
基于HTML5 Canvas的3D动态Chart图表的示例
12-14
发现现在工业SCADA上或者电信网管方面用图表的特别多，虽然绝大部分人在图表制作方面用的是echarts，他确实好用，但是有些时候我们不能调用别的插件，这个时候就得自己写这些美丽的图表了，然而图表轻易做不成美丽的...
基于嵌入式PC的SCADA在油田中的应用
01-19
为了将相距几十公里以外的现场数据传送到监控中心，实现远程监控一体化的目标，基于嵌入式PC与GPRS技术的特点，提出了一种基于嵌入式PC与中国移动GPRS的SCADA系统。该系统的嵌入式PC采用ADAM-5000系列模块和ADAM-...
基于安控SCADA系统在油田的应用
01-20
通过建立油田生产自动化实时全过程监控的SCADA系统，使油田已建或在建信息网络向井口扩展，实现油井数据的实时传送和信息网络的无缝链接，逐步形成油田生产管理与监控一体化的信息中心，将成为油田井网监控和生产...
SCADA系统的主要应用场景是什么？
最新发布
12-10
SCADA系统的主要应用场景包括但不限于以下几个方面： 1.加工工业：SCADA系统可以监控和控制工业生产过程中的各种参数，如温度、压力、流量等，以确保生产过程的稳定性和安全性。 2.石油和天然气：SCADA系统可以监控...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WebScada

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值