vue-irrigation-tiny-tools v0.4.42

vue-irrigation-tiny-tools

水利小工具 :)

此项目新增功能模块规范

步骤

1.在/src/components 下新创建文件夹（小驼峰），文件夹下新建同名vue组件（大驼峰） 2.修改index.js与main.js 将自己的组件引入

规范

1.组件传参，需要考虑用户不传参的默认值，根据具体情况，可以在prop中写入default或者在代码中写入判断

LegendDynamic 图例

参数

如非特殊标明，均可非必填

数据格式：
collapseList:[{
				title: "风险等级",
				key:"riskLevel",
				checked: false,
				checkbox:true,//是否需要复选框
				indeterminate:true,//是否部分选中状态（为true时，优先级在checked上）
				legendList: [],//写法同legendList
			},
            {
				title: "风险等级",
				key:"riskLevel",
				checked: false,
				checkbox:false,
				legendList: [],//写法同legendList
			}],

其中legendList格式如下：

其中commonList格式如下：

插槽

left //在图例外层提供插槽
content  //在图例标题栏与内容直接提供插槽

事件

closeLegend //关闭图标点击事件
legendAbbrClick //缩略图图标点击事件
liClick //单项图例点击事件
checkItem //折叠面板多选按钮点击事件

雨量过程图组件-AccumulatedRainfall

参数

rainData属性详情

事件

timeChange // 时间选择事件,必需声明,返回数据格式为 ['开始时间','结束时间']

雨量过程图组件-AccumulatedRainfallV2

参数

query属性 | 属性 | 类型（默认值） |描述|备注| | ---- | ---- | ---- | ---- | |query.beginTime| String| 结束时间| 无数据是传''空字符串 | |query.endTime| String| 结束时间| 无数据是传''空字符串 |

shortcuts属性 | 属性 | 类型（默认值） |描述|备注| | ---- | ---- | ---- | ---- | |value| String| 值| | |label| String| 显示文字| |

rainData属性详情

slot插槽 | 插槽名 | 说明 | | ---- | ----------- | |query| 自定义筛选的条件，作用域回传 query, shortcuts|

事件

timeChange // 时间选择事件,必需声明,返回数据格式为 ['开始时间','结束时间']

水位流量过程线组件-StageDischargeLine

参数

stageDischargeData属性详情

事件

timeChange // 时间选择事件,必需声明,返回数据格式为 ['开始时间','结束时间']

水库水位流量过程线组件-StageDischargeLineReservoir

参数

stageDischargeData属性详情

axleInfo属性详情

事件

timeChange // 时间选择事件,必需声明,返回数据格式为 ['开始时间','结束时间']

断面横剖面组件-CrossSection

参数

crossSectionData属性详情

section数组中对象属性详情

水位流量关系曲线组件-StageDischargeRelation

参数

stageDischargeData属性详情

水位库容曲线组件-StorageCurve

参数

storageCurveData属性详情

水位水面积曲线组件-WaterSurfaceArea

参数

waterSurfaceAreaData属性详情

水库剖面图组件-ReservoirProfile

参数

profileData属性详情

水库剖面图组件-ReservoirCrossSection

参数

profileData属性详情

水库剖面图组件-ReservoirCrossSectionImg

参数

profileData属性详情

雨量同期对比组件-RainfallSynchronization

参数

rainData属性详情

闸门状态组件-SluiceStatus

参数

sluiceData属性详情

河道纵剖面组件-RiverLongitudinalProfile

参数

riverData属性详情

河道纵剖面组件(动态水位)-RiverLongitudinalProfileDynamic

参数

riverData属性详情

行政区站点状态统计组件-DistrictStatistics

参数

districtData属性详情

styleInfo属性详情

事件

distClick // 行政区点击事件,必需声明,返回数据格式为 {adnm: 行政区名称,adcd: 行政区编码}

水库纳雨能力统计组件-RainfallCapacityStatistics

参数

rainfallCapacityData属性详情

事件

distClick // 行政区点击事件,必需声明,返回数据格式为 {adnm: 行政区名称,adcd: 行政区编码}

调度对比组件-CompareLineCustom

参数

currentDispatchList 属性详情 | currentDispatchList属性 | 类型（默认值） |描述|备注| | ---- | ----------- | ---- | ---- | |dispatchName| String| 调度名称| |

compareLineData 属性详情 | compareLineData属性 | 类型（默认值） |描述|备注| | ---- | ----------- | ---- | ---- | |tm| Array| 时间| | |zLimit| Number| 汛限水位| | |all_raise_lev| Number| 允许壅高水位| | |warning_stag| Number| 警戒水位| | |all_max_lev| Number| 允许最高水位| | |zDesign| Number| 设计水位| | |zCheck| Number| 校核水位| | |ddz| Number| 死水位| | |damel| Number| 坝顶高程| | |zWarn| Number| 警戒水位| | |zGuarantee| Number| 保证水位| | |qWarn| Number| 警戒流量| | |qGuarantee| Number| 保证流量| | |drp| Array| 降雨量| | |z| Array| 实测水位| 现因需求改动，所有调度方案都一致，因此只绘制一次 | |q| Array| 实测流量| 现因需求改动，所有调度方案都一致，因此只绘制一次 | |qIn| Array| 实测入库流量| 现因需求改动，所有调度方案都一致，因此只绘制一次 | |qOut| Array| 实测出库流量| 现因需求改动，所有调度方案都一致，因此只绘制一次 | |zForecast| Array| 预报水位| | |qForecast| Array| 预报流量| | |qInForecast| Array| 预报入库流量| | |qOutForecast| Array| 预报入库流量| | |tmCurrent| String| 预报时间| | |maxZTm| String| 洪峰水位时间| | |maxQTm| String| 洪峰流量时间| | |maxQInTm| String| 洪峰入库流量时间| | |maxQOutTm| String| 洪峰出库流量时间| |

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.