帮我写一个组件文件已经创建好了

文件位置在src\views\pureWaterSystem\pageComponent\pureWaterPage.vue
组件内容要求
严格按照我提供的原型制作
组件页面实际尺寸为 width:1280px; height:570px;
该组件内所用所有数据都来自父类传参组件内接参字段为 propsData
组件内图表内容使用eCharts eCharts组件已经全量引入项目直接使用即可

开始生成

你没有严格按照我提供的图片样式生成组件

修改代码严格按照我提供的图片样式生成
组件页面实际尺寸为 width:1280px; height:570px;

开始生成

检查页面

进水水温和出水温度的 eCharts图表上的刻度应该是5个分别是0 30 50 70 100

检查页面

水箱液位的 eCharts图表是水球图改一下

修改页面

src\views\pureWaterSystem\pageComponent\pureWaterPage.vue
进水水温eCharts 和出水温度eCharts 现在是3个颜色组成期望改成四个从左到右分别是 #30BF78 #A0D911 #FAAD14 #F4664A