You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
536 lines
53 KiB
536 lines
53 KiB
const e="0134f363-6673-4443-a165-53d5c6cbea75",a="custom-progress-node",t="进度条",n="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA5EAAAC7CAYAAAD8DRpyAAAAAXNSR0IArs4c6QAAIABJREFUeF7t3X/sXXV9x/H3F5DOpjCHw6VlihObNTRDUYNDSExsy49CtYkITYyYOCgplrloJgFtK9WUwDL9Yy2NtN0SGAnFuaSWFrS2kdgJGp2ggXUizKr0i1k3KAy6ltHvcj4/zvl8zvmccz73fu6939uep4kp/facc895nNPe+7rvz+fznhCRKeF/CCCAAAIIIIAAAggggAACCEQITBAiI5TYBAEEEEAAAQQQQAABBBBAQAkQInkQEEAAAQQQQAABBBBAAAEEogUIkdFUbIgAAggggAACCCCAAAIIIECI5BlAAAEEEEAAAQQQQAABBBCIFiBERlOxIQIIIIAAAggggAACCCCAACGSZwABBBBAAAEEEEAAAQQQQCBagBAZTcWGCCCAAAIIIIAAAggggAAChEieAQQQQAABBBBAAAEEEEAAgWgBQmQ0FRsigAACCCCAAAIIIIAAAggQInkGEEAAAQQQQAABBBBAAAEEogUIkdFUbIgAAggggAACCCCAAAIIIECI5BlAAAEEEEAAAQQQQAABBBCIFiBERlOxIQIIIIAAAggggAACCCCAACGSZwABBBBAAAEEEEAAAQQQQCBagBAZTcWGCCCAAAIIIIAAAggggAAChEieAQQQQAABBBBAAAEEEEAAgWgBQmQ0FRsigAACCCCAAAIIIIAAAggQInkGEEAAAQQQQAABBBBAAAEEogUIkdFUbIgAAggggAACCCCAAAIIIECI5BlAAAEEEEAAAQQQQAABBBCIFiBERlOxIQIIIIAAAggggAACCCCAACGSZwABBBBAAAEEEEAAAQQQQCBagBAZTcWGCCCAAAIIIIAAAggggAAChEieAQQQQAABBBBAAAEEEEAAgWgBQmQ0FRsigAACCCCAAAIIIIAAAggQInkGEEAAAQQQQAABBBBAAAEEogUIkdFUbIgAAggggAACCCCAAAIIIECI5BlAAAEEEEAAAQQQQAABBBCIFiBERlOxIQIIIIAAAggggAACCCCAACGSZwABBBBAAAEEEEAAAQQQQCBagBAZTcWGCCCAAAIIIIAAAggggAAChEieAQQQQAABBBBAAAEEEEAAgWgBQmQ0FRsigAACCCCAAAIIIIAAAggQInkGEEAAAQQQ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",l="png",o="大屏",i="进度条",d=!1,u=!0,A="时间",r=`{"type":"page","id":"u:270584784ce1","name":"page1","asideResizor":false,"style":{"boxShadow":" 0px 0px 0px 0px transparent"},"pullRefresh":{"disabled":true},"body":[{"type":"tabs","name":"tab","tabs":[{"title":"样式","icon":"fa fa-th-large","body":[{"type":"form","title":"","name":"basicPropForm","body":[{"type":"input-text","label":"名称","name":"nodeAlias","id":"u:6b126f0520cb","size":"full","mode":"horizontal","inputControlClassName":"w-100","className":"m-b"},{"type":"input-text","label":"ID ","name":"id","id":"u:6232710ac003","size":"full","mode":"horizontal","inputControlClassName":"w-100","className":"m-b"},{"type":"grid","id":"u:c605398a724c","className":"m-b","columns":[{"body":[{"type":"input-number","label":"宽度","name":"width","keyboard":true,"id":"u:dcc0c21d16f6","step":1,"suffix":"px","placeholder":"组件左边距","size":"full","mode":"horizontal","className":"m-b","value":200,"labelAlign":"left","precision":2,"inputClassName":"w-full","labelClassName":"w-8"}],"id":"u:14cc19d6ffb0","md":6},{"body":[{"type":"input-number","label":"高度","name":"height","keyboard":true,"id":"u:cd6fdff9ca88","step":1,"suffix":"px","placeholder":"组件上边距","size":"full","mode":"horizontal","className":"m-b","value":200,"labelAlign":"left","precision":2,"inputClassName":"w-full","labelClassName":"w-8"}],"id":"u:4931801ca9b8","md":6}]},{"type":"grid","id":"u:da449a94908a","className":"m-b","columns":[{"body":[{"type":"input-number","label":"X 轴","name":"x","keyboard":true,"id":"u:29852d093d9d","step":1,"suffix":"px","placeholder":"组件左边距","size":"full","mode":"horizontal","className":"m-b","value":200,"labelAlign":"left","precision":2,"inputClassName":"w-full","labelClassName":"w-8"}],"id":"u:1b561d652acc","md":6},{"body":[{"type":"input-number","label":"Y 轴","name":"y","keyboard":true,"id":"u:dc8c1daed8ed","step":1,"suffix":"px","placeholder":"组件上边距","size":"full","mode":"horizontal","className":"m-b","value":200,"labelAlign":"left","precision":2,"inputClassName":"w-full","labelClassName":"w-8"}],"id":"u:9672575193ac","md":6}]},{"type":"grid","id":"u:a332a7bf83c1","className":"m-b","columns":[{"body":[{"type":"input-number","label":"旋转","name":"rotation","id":"u:f6a2dbb518f9","placeholder":"组件旋转角度","mode":"horizontal","size":"full","className":"","keyboard":true,"step":1,"suffix":"deg","value":0,"labelAlign":"left","inputClassName":"w-full"}],"id":"u:646cd98b7955","md":6},{"body":[{"type":"input-number","label":"透明","name":"opacity","id":"u:cf80f59d8d42","placeholder":"组件透明度","mode":"horizontal","size":"full","className":"m-b","keyboard":true,"step":0,"suffix":"","value":1,"inputClassName":"w-full","precision":2}],"id":"u:51ddf54ac749","md":6}],"gap":""},{"type":"grid","columns":[],"id":"u:f2556a4e837b","className":"m-b"},{"type":"input-color","label":"图表背景","name":"canvasBack","id":"u:b998e093bf2b","format":"rgba","mode":"horizontal","inputClassName":"w-full"},{"type":"fieldset","title":"类目名","collapsable":true,"body":[{"type":"switch","label":"显示","option":"","name":"showCategoryName","falseValue":false,"trueValue":true,"id":"u:b73090c380c4","value":false,"mode":"horizontal"},{"type":"input-text","label":"类目名","name":"categoryName","id":"u:67d824294620","editorState":"default","mode":"horizontal"},{"type":"input-color","label":"颜色","name":"categoryNameColor","id":"u:463ecdfb6ffd","format":"rgba","mode":"horizontal","inputClassName":"w-full"},{"type":"input-number","label":"字大小","name":"categoryFontSize","keyboard":true,"id":"u:9d97b7b045a2","step":1,"mode":"horizontal","inputClassName":"w-full"}],"id":"u:ff2f94a3fc54","bodyClassName":"m-b"},{"type":"fieldset","title":"右侧值","collapsable":true,"body":[{"type":"switch","label":"显示","option":"","name":"showMaxValue","falseValue":false,"trueValue":true,"id":"u:9bfe14d7af43","value":false,"mode":"horizontal"},{"type":"input-number","label":"最大值","name":"maxValue","id":"u:aa1ec9203503","editorState":"default","mode":"horizontal","keyboard":true,"step":1,"inputClassName":"w-full"},{"type":"input-color","label":"颜色","name":"maxValueColor","id":"u:5d24f3c4eb97","format":"rgba","mode":"horizontal","inputClassName":"w-full"},{"type":"input-number","label":"字大小","name":"maxValueFontSize","keyboard":true,"id":"u:acee480e6a60","step":1,"mode":"horizontal","inputClassName":"w-full"}],"id":"u:174d096f2db3","bodyClassName":"m-b"},{"type":"fieldset","title":"内框","collapsable":true,"body":[{"type":"input-number","label":"宽度","name":"innerBarWidth","keyboard":true,"id":"u:e21c76f3628d","step":1,"mode":"horizontal","inputClassName":"w-full"},{"type":"combo","label":"背景","name":"innerBarBack","multiple":true,"addable":true,"removable":true,"removableMode":"icon","addBtn":{"label":"新增","icon":"fa fa-plus","level":"primary","size":"sm","id":"u:2805a17e515b"},"items":[{"type":"input-number","name":"offset","placeholder":"偏移量","id":"u:481285acd13a","keyboard":true,"step":0,"precision":1},{"type":"input-color","name":"color","placeholder":"颜色","id":"u:44cab5095427","format":"rgba"}],"id":"u:8b883199a45a","syncFields":[],"mode":"horizontal","inputClassName":"w-full"},{"type":"input-number","label":"内框圆角","name":"innerBarRadius","keyboard":true,"id":"u:dd77e10408b8","step":1,"mode":"horizontal","inputClassName":"w-full"}],"id":"u:bcf8a6c1bd10","bodyClassName":"m-b"},{"type":"fieldset","title":"外框","collapsable":true,"body":[{"type":"input-number","label":"宽度","name":"outerBarWidth","keyboard":true,"id":"u:1a2018f644a1","step":1,"mode":"horizontal","inputClassName":"w-full"},{"type":"input-color","label":"背景","name":"outerBarBack","id":"u:cd70b7020e5f","format":"rgba","mode":"horizontal","inputClassName":"w-full"},{"type":"input-number","label":"外框圆角","name":"outerBarRadius","keyboard":true,"id":"u:0978f6871f56","step":1,"mode":"horizontal","inputClassName":"w-full"}],"id":"u:ba3b9da32965","bodyClassName":"m-b"},{"type":"grid","columns":[],"id":"u:235f153e5ad5","className":"m-b"},{"type":"fieldset","title":"块状分隔","collapsable":true,"body":[{"type":"switch","label":"显示","option":"","name":"showRectSplit","falseValue":false,"trueValue":true,"id":"u:0df0d21d95ab","value":false,"mode":"horizontal","inputClassName":"w-full flex justify-start"},{"type":"input-number","label":"分隔间隔","name":"splitMargin","keyboard":true,"id":"u:b4eefeec634b","step":1,"value":2,"mode":"horizontal","inputClassName":"w-full"}],"id":"u:56495d873b22","bodyClassName":"m-b"},{"type":"fieldset","title":"提示框","collapsable":true,"body":[{"type":"switch","label":"显示","option":"","name":"showToolTip","falseValue":false,"trueValue":true,"id":"u:f220d96441f3","value":false,"mode":"horizontal"},{"type":"switch","label":"提示框背景","option":"","name":"showToolTipBack","falseValue":false,"trueValue":true,"id":"u:fdd76c6abac7","value":false,"mode":"horizontal"},{"type":"input-text","label":"背景","name":"tooltipBackUrl","id":"u:ed30ae461015","editorState":"default","mode":"horizontal","placeholder":"base64 图片格式"},{"type":"input-number","label":"x偏移量","name":"xOffset","keyboard":true,"id":"u:11dcff5fcacc","step":1,"mode":"horizontal","inputClassName":"w-full","value":-35},{"type":"input-number","label":"y偏移量","name":"yOffset","keyboard":true,"id":"u:efd672237215","step":1,"mode":"horizontal","inputClassName":"w-full","value":-12},{"type":"input-color","label":"字色","name":"tooltipFontColor","id":"u:f85c4da61ef7","format":"hex","mode":"horizontal","inputClassName":"w-full"},{"type":"input-number","label":"字大小","name":"tooltipFontSize","keyboard":true,"id":"u:2e756d06dddb","step":1,"mode":"horizontal","inputClassName":"w-full"}],"id":"u:70b053ff8172","bodyClassName":"m-b"},{"type":"fieldset","id":"u:cf0267c9669d","title":"代码配置","collapsable":true,"body":[{"type":"editor","id":"u:689625dc5d7d","label":"function (option, datas, instance) {","name":"codeConfig","language":"javascript","value":"return option","labelClassName":"text-left","inputClassName":"text-left","className":"m-b-xs"},{"type":"tpl","tpl":"}","inline":true,"wrapperComponent":"","id":"u:f533d43d9ee4","className":"m-t-xs p-t-xs"}],"headingClassName":""}],"id":"u:a5ebe5f02407","submitText":"","onEvent":{"change":{"weight":0,"actions":[]}},"debug":false,"mode":"normal","panelClassName":"p","labelAlign":"left","className":"","wrapWithPanel":true}],"id":"u:c309ae58472c","className":"p-none no-border"},{"title":"交互","icon":"fa fa-calendar-minus-o","body":[{"type":"service","body":[{"type":"collapse","key":"1","active":true,"header":"常规","body":[{"type":"service","id":"u:6cb6d200ede2","data":{"dataPoint":"","compareType":"","conditionVariables":[],"defaultValue":"","unit":""},"body":[{"type":"input-text","label":"数据点","name":"dataPoint","id":"normalDataPoint","multiple":false,"mode":"horizontal","size":"full","onEvent":{"focus":{"weight":0,"actions":[{"actionType":"dialog","dialog":{"type":"dialog","title":"请配置需要绑定的数据点","body":[{"type":"tabs","tabs":[{"title":"常规数据点","body":[{"type":"form","title":"","body":[{"type":"select","label":"数据源","name":"dataSource","id":"u:c273f087b8ed","mode":"horizontal","multiple":false,"size":"md","horizontal":{"leftFixed":"sm"},"source":"\${apiDtoList || thingApiDTOList}","labelField":"name","valueField":"id","onEvent":{"change":{"actions":[{"actionType":"reload","componentId":"u:1cdb908c23a8"},{"actionType":"custom","script":"if (!event.data.value) { doAction({'actionType': 'setValue', 'componentId': 'u:1cdb908c23a8', 'args': {'value': ''} });\\r\\n doAction({'actionType': 'setValue', 'componentId': 'u:8147daea685d', 'args': {'value': ''} }); }"}]}},"clearable":true,"actionType":"change","target":"u:1cdb908c23a8"},{"type":"combo","label":"设备属性","name":"deviceAttrs","id":"u:98559a2dd514","multiple":false,"mode":"horizontal","size":"full","horizontal":{"leftFixed":"sm"},"items":[{"type":"input-table","label":false,"id":"u:41dfc35c368c","name":"table","strictMode":false,"needConfirm":false,"addable":true,"removable":true,"columns":[{"type":"input-text","label":"序号","id":"u:434e22030bc6","name":"num","size":"sm","mode":"horizontal","quickEdit":{"mode":"popOver","id":"u:c6a294f5c93a"},"horizontal":{"left":2,"right":10},"placeholder":"例：A/B/C/AA/BB","width":200},{"type":"select","name":"devices","id":"u:1cdb908c23a8","label":"设备","multiple":false,"mode":"horizontal","quickEdit":true,"size":"sm","source":{"url":"/thing/v2/api/telemetryById?id=\${dataSource}","method":"get","messages":{},"headers":{"token":"\${myToken}","tenantCode":"\${myTenantCode}","companyId":"\${myCompanyId}"},"adaptor":"if (payload && payload.data && payload.data.result) {console.log('payload.data.result', payload.data.result); \\r\\n const list = []\\r\\n const devices = payload.data.result.info \\r\\n for (const key in devices) {\\r\\n const device_info = devices[key] \\r\\n list.push({\\r\\n label: device_info.entityName,\\r\\n value: device_info.entityId,\\r\\n deviceCode: device_info.entityCode,\\r\\n deviceInfo: device_info,\\r\\n attrs: device_info.attrs })\\r\\n }\\r\\n payload.data = list;\\r\\n return payload\\r\\n}","sendOn":"this.dataSource"},"onEvent":{"change":{"actions":[{"actionType":"custom","script":"if (!event.data.value) { doAction({'actionType': 'setValue', 'componentId': 'u:8147daea685d', 'args': {'value': ''} }); }"}]}},"responseData":{"&":"$$","list":"\${items}"},"clearable":true,"horizontal":{"left":2,"right":10},"checkAll":false},{"type":"select","name":"dataPoint","id":"u:8147daea685d","label":"数据点","multiple":false,"quickEdit":true,"mode":"horizontal","size":"sm","source":{"url":"/thing/v2/api/callDict?id=\${dataSource}&entityId=\${devices}","method":"get","messages":{},"headers":{"token":"\${myToken}","tenantCode":"\${myTenantCode}","companyId":"\${myCompanyId}"},"sendOn":"this.dataSource && this.devices","adaptor":"const list = payload.data.map(item => {\\r\\n item.dictName = item.dictName + ' - ' + item.dictCode\\r\\n return item\\r\\n})\\r\\npayload.data = list;\\r\\nreturn payload"},"labelField":"dictName","valueField":"dictCode","checkAll":false,"horizontal":{"left":2,"right":10},"overlay":{"width":"350px"},"searchable":true}]}],"strictMode":true,"syncFields":[],"tabsMode":false,"canAccessSuperData":true,"inputClassName":"w-full","className":"m-b-sm"},{"type":"checkbox","label":"数据处理","name":"enableDataHandle","id":"u:034ca60f2135","mode":"horizontal","horizontal":{"leftFixed":"normal"},"option":""},{"type":"combo","id":"u:a06125153fa6","name":"calcRules","label":"计算规则","mode":"horizontal","visibleOn":"this.enableDataHandle","multiple":true,"items":[{"name":"formular","label":"计算公式","type":"input-text","id":"u:318a7f0c6449","placeholder":"例： (A + B) / C","width":"50%","size":"full"},{"name":"resultAttr","label":"计算结果属性","type":"input-text","id":"u:1e6e491ccbaa","placeholder":"例：A8、B、C...","width":"50%"}],"strictMode":true,"syncFields":[],"hidden":false,"inputClassName":"w-full","multiLine":false,"className":"calcRules"},{"type":"input-text","label":"唯一数据点","name":"uniquePoint","id":"u:3b257b599c19","mode":"horizontal","visibleOn":"this.enableDataHandle","labelRemark":{"icon":"fa fa-question-circle","trigger":["hover"],"className":"Remark--warning","placement":"top","title":"场景：","content":"当有数据处理，并且只需绑定一个数据点作为 【实时/立即/最新数据】时，请填写所需数据点的序号或计算结果属性。"},"inputControlClassName":"m-b"}],"id":"u:51f0e51abd7c","data":{"attrs":[],"deviceCode":"\${deviceCode || ''}","devices":"\${devices || ''}","dataPoint":"\${dataPoint || ''}","dataSource":"\${dataSource || ''}","deviceAttrs":"\${deviceAttrs || []}"},"submitText":"","onEvent":{"inited":{"actions":{"actionType":"custom","script":"if(event.data.devices && event.data.dataPoint && event.data.deviceAttrs.length === 0) { const dataPoints = event.data.dataPoint.split(','); const newDeviceAttrs = dataPoints.map((point, idx) => ({ num: String.fromCharCode(65+idx), devices: event.data.devices, dataPoint: point }) ); doAction({ 'actionType': 'setValue', 'componentId': 'u:51f0e51abd7c', 'args': { value: {deviceAttrs: { table: newDeviceAttrs } }} }); }"}}}}],"id":"u:5505e7ef7cab"},{"title":"虚拟变量","body":[{"type":"tpl","tpl":"暂时无虚拟变量可配置","wrapperComponent":"","inline":false,"id":"u:722592249b31"}],"id":"u:b739cc6a6ed7"}],"id":"u:3b446450d643"}],"showCloseButton":true,"showErrorMsg":true,"showLoading":true,"id":"u:f46c2439c983","data":{"&":"\${dataPoint | toJson}","apiDtoList":"\${thingApiDTOList}","myToken":"\${myToken}","myTenantCode":"\${myTenantCode}","myCompanyId":"\${myCompanyId}"},"onEvent":{"confirm":{"actions":[{"actionType":"custom","script":"const tableData = event.data.deviceAttrs.table; let devices = ''; let dataPoint = ''; if(tableData) { tableData.forEach(item => { devices += (item.devices + ',');dataPoint += (item.dataPoint + ','); });}; if(tableData && tableData.length > 0) { devices = devices.substring(0, devices.length - 1); dataPoint = dataPoint.substring(0, dataPoint.length - 1); const newValue = {...event.data, devices: devices, dataPoint: dataPoint, dataSource: event.data.dataSource} ; doAction({ 'componentId': 'normalDataPoint', 'actionType': 'setValue', 'args': { value: JSON.stringify(newValue) } }) } else {doAction({ 'componentId': 'normalDataPoint', 'actionType': 'setValue', 'args': { value: JSON.stringify(event.data) } }) };"}]}},"closeOnEsc":false,"size":"lg"}}]}},"className":"w-full m-b-sm","inputClassName":"w-full","clearable":true},{"type":"input-text","label":"默认值","placeholder":"[{ \\"val\\": 0.00 }]","clearable":true,"name":"defaultValue","id":"u:13ccbc565f5e","mode":"horizontal","size":"full","inputControlClassName":"mb-sm","labelClassName":"mb-sm","className":"m-b-sm"},{"type":"input-text","label":"单位   ","name":"unit","id":"u:0f606558e8c7","mode":"horizontal","size":"full","className":"m-b-sm"}],"name":"normalService","className":"p-none"},{"type":"service","body":[],"id":"u:0dd069ac163f"}],"id":"u:7b021709614e","headingClassName":"p-sm bg-white b-b b-light","className":"m-b r-3x","bodyClassName":"p-none"}],"id":"u:3eb6b9a42dcb","name":"dynamicService"}],"id":"u:043251c106af","className":"p"},{"title":"脚本解析","icon":"fa fa-star","body":[{"type":"flex","id":"u:edef8e21c1e3","justify":"flex-end","items":[{"type":"button","id":"u:f6d8d837a48d","label":"导入","onEvent":{"click":{"actions":[]}},"icon":"fa fa-download","level":"primary","className":"mr-2"},{"type":"button","id":"u:23f988f98a28","label":"保存","onEvent":{"click":{"actions":[{"actionType":"setValue","componentId":"u:6dc2a126004a","args":{"value":{"save":true}}}]}},"icon":"fa fa-save"}]},{"type":"service","id":"u:6dc2a126004a","body":[{"type":"tpl","id":"u:c77724a2f3b3","tpl":"function (context, service, nodeId) {","inline":true,"wrapperComponent":"","style":{"fontFamily":"","fontSize":16}},{"type":"editor","label":"","name":"script","id":"u:55ceb80e58a7","language":"javascript","size":"xxl","className":"m-b-none","onEvent":{"focus":{"actions":[{"actionType":"setValue","componentId":"u:6dc2a126004a","args":{"value":{"save":false}}}]}},"description":"参数提示：\\n1. context 是整个看板上下文，可以获取看板所有元素节点和连线节点，也可以访问 context.globalDatas 获取全局socket 数据。 \\n2. service 是 Ajax 请求服务。\\n3. nodeId 是节点 id . \\n4. 如果返回一个函数，则可以当socket 数据更新时，调用此函数，此函数入参分别是 context, service, nodeId, globalDatas ;，以满足多样化的业务需求。"},{"type":"tpl","tpl":"}","inline":true,"wrapperComponent":"","id":"u:fa21aebb859b","style":{"fontFamily":"","fontSize":16}}],"name":"scriptService","data":{"script":"","save":false},"className":"text-left"}],"id":"u:dc8d331cbe5e"}],"id":"u:178107498966","tabsMode":"radio","className":"p-none w-full","contentClassName":"p-none"}],"className":""}`,s={jsPlugin:'[{"url":"./logicflow/core.umd.js","isModule":false,"disabled":true},{"url":"./logicflow/extensionLib/NodeResize.js","isModule":false,"disabled":true},{"url":"./plugins/echarts.min.js","isModule":false,"disabled":false}]',json:`{
|
|
"nodes": [
|
|
{
|
|
"id": "f0bb3636-d4a4-4437-a37d-b1eda804a5d9",
|
|
"type": "custom-progress-node",
|
|
"x": 200,
|
|
"y": 200,
|
|
"text": {
|
|
"value": "",
|
|
"x": 200,
|
|
"y": 200
|
|
},
|
|
"properties": {
|
|
"id": "f0bb3636-d4a4-4437-a37d-b1eda804a5d9",
|
|
"width": 500,
|
|
"height": 100,
|
|
"x": 200,
|
|
"y": 200,
|
|
"rotation": 0,
|
|
"opacity": 1,
|
|
"showCategoryName": true,
|
|
"showMaxValue": true,
|
|
"showRectSplit": true,
|
|
"splitMargin": 2,
|
|
"showToolTip": true,
|
|
"showToolTipBack": true,
|
|
"xOffset": -35,
|
|
"yOffset": -12,
|
|
"codeConfig": "return option",
|
|
"fontSize": 12,
|
|
"showRightValue": true,
|
|
"nodeAlias": "进度条",
|
|
"showDefaultValue": false,
|
|
"showUnit": false,
|
|
"valueColor": "rgba(245, 166, 35, 1)",
|
|
"categoryName": "A29",
|
|
"categoryNameColor": "#03fcfe",
|
|
"categoryFontSize": 12,
|
|
"maxValue": 10000,
|
|
"maxValueColor": "#0097ff",
|
|
"maxValueFontSize": 12,
|
|
"innerBarWidth": 18,
|
|
"innerBarBack": [
|
|
{
|
|
"offset": 0,
|
|
"color": "#0097ff"
|
|
},
|
|
{
|
|
"offset": 0.4,
|
|
"color": "#6dffe1"
|
|
},
|
|
{
|
|
"offset": 0.8,
|
|
"color": "#9d6fff"
|
|
}
|
|
],
|
|
"outerBarWidth": 25,
|
|
"outerBarBack": "#0e3c5e",
|
|
"canvasBack": "rgb(24, 20, 50)",
|
|
"tooltipBackUrl": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAZCAYAAAB6v90+AAAA2klEQVRYhe2YMUoDQRhG32zAwsKkyRGCHmE9hE3uuSkNSqogaOEBcgzXDVg+i2xhEdKYn2GWefDX33vlDCjoCu3QHrXQ68eGFUpC74EPYME0+ALahHbAOrfNldkktAfucptcmWNCzW0RQZNbIIoaVho1rDRqWGnUsNKoYaUx6bDv3BIBHBtgl9sigNeEPgDvTOsF/dgAB6AFNsCQVel/DJwaWuDA+JkTcTfo9sLnS4fOwvYDw0Bv0f2ZqJcxPG47OAx0jn7+iXobg0N306kunCXwDPwAT0AfPfgLAvYRIEVmrDQAAAAASUVORK5CYII=",
|
|
"tooltipFontColor": "#ffffff",
|
|
"tooltipFontSize": 12,
|
|
"innerBarRadius": 0,
|
|
"outerBarRadius": 0,
|
|
"dynamic": {
|
|
"normalData": {
|
|
"dataPoint": "",
|
|
"compareType": "",
|
|
"conditionVariables": [],
|
|
"defaultValue": "",
|
|
"unit": ""
|
|
}
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}`,javascript:`const { createApp, createVNode, render } = Vue;
|
|
const app = createApp({})
|
|
const Progress = {
|
|
template: '<div :id="chartId" style="width: 100%; height: 100%"></div>',
|
|
props: {
|
|
realValue: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
unit: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
chartId: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
fontColor: {
|
|
type: String,
|
|
default: '#ffffff'
|
|
},
|
|
fontSize: {
|
|
type: Number,
|
|
default: 14
|
|
},
|
|
fontFamily: {
|
|
type: String,
|
|
default: '宋体'
|
|
},
|
|
fontStyle: {
|
|
type: String,
|
|
default: 'normal'
|
|
},
|
|
width: {
|
|
type: Number,
|
|
default: 80
|
|
},
|
|
height: {
|
|
type: Number,
|
|
default: 35
|
|
},
|
|
showCategoryName: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
showMaxValue: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
showRectSplit: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
splitMargin: {
|
|
type: Number,
|
|
default: 2,
|
|
},
|
|
showToolTip: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
showToolTipBack: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
tooltipBackUrl: {
|
|
type: String,
|
|
default: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAZCAYAAAB6v90+AAAA2klEQVRYhe2YMUoDQRhG32zAwsKkyRGCHmE9hE3uuSkNSqogaOEBcgzXDVg+i2xhEdKYn2GWefDX33vlDCjoCu3QHrXQ68eGFUpC74EPYME0+ALahHbAOrfNldkktAfucptcmWNCzW0RQZNbIIoaVho1rDRqWGnUsNKoYaUx6bDv3BIBHBtgl9sigNeEPgDvTOsF/dgAB6AFNsCQVel/DJwaWuDA+JkTcTfo9sLnS4fOwvYDw0Bv0f2ZqJcxPG47OAx0jn7+iXobg0N306kunCXwDPwAT0AfPfgLAvYRIEVmrDQAAAAASUVORK5CYII='
|
|
},
|
|
xOffset: {
|
|
type: Number,
|
|
default: -35,
|
|
},
|
|
yOffset: {
|
|
type: Number,
|
|
default: -12,
|
|
},
|
|
categoryName: {
|
|
type: String,
|
|
default: "A29"
|
|
},
|
|
categoryNameColor: {
|
|
type: String,
|
|
default: "#03fcfe"
|
|
},
|
|
categoryFontSize: {
|
|
type: Number,
|
|
default: 12
|
|
},
|
|
tooltipFontColor:{
|
|
type: String,
|
|
default: "#fff"
|
|
},
|
|
tooltipFontSize:{
|
|
type: Number,
|
|
default: 12
|
|
},
|
|
maxValue: {
|
|
type: Number,
|
|
default: 10000
|
|
},
|
|
maxValueColor: {
|
|
type: String,
|
|
default: "#0097ff"
|
|
},
|
|
maxValueFontSize: {
|
|
type: Number,
|
|
default: 12
|
|
},
|
|
innerBarWidth: {
|
|
type: Number,
|
|
default: 18
|
|
},
|
|
innerBarBack: {
|
|
type: Array,
|
|
default: () => [
|
|
{
|
|
"offset":
|
|
0,
|
|
"color":
|
|
"#0097ff"
|
|
},
|
|
{
|
|
"offset":
|
|
0.4,
|
|
"color":
|
|
"#6dffe1"
|
|
},
|
|
{
|
|
"offset":
|
|
0.8,
|
|
"color":
|
|
"#9d6fff"
|
|
}
|
|
]
|
|
},
|
|
outerBarWidth: {
|
|
type: Number,
|
|
default: 25
|
|
},
|
|
outerBarBack: {
|
|
type: String,
|
|
default: "#0e3c5e"
|
|
},
|
|
canvasBack: {
|
|
type: String,
|
|
default: "rgb(24, 20, 50)"
|
|
},
|
|
innerBarRadius: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
outerBarRadius: {
|
|
type: Number,
|
|
default: 0
|
|
}
|
|
},
|
|
setup(props) {
|
|
const { watch, nextTick, toRefs } = Vue;
|
|
const { canvasBack, tooltipBackUrl, showCategoryName, showMaxValue, showRectSplit, splitMargin, tooltipFontColor, tooltipFontSize,
|
|
showToolTip, showToolTipBack, xOffset, yOffset, categoryName, categoryNameColor, categoryFontSize,innerBarRadius, outerBarRadius, unit,
|
|
maxValue, maxValueColor, maxValueFontSize, innerBarWidth, innerBarBack, outerBarWidth, outerBarBack } = toRefs(props)
|
|
|
|
let myChart = null;
|
|
const initChart = (val) => {
|
|
// 基于准备好的dom，初始化echarts实例
|
|
const dom = document.getElementById(props.chartId);
|
|
if (dom && !myChart) {
|
|
if (!myChart) {
|
|
myChart = echarts.init(dom);
|
|
}
|
|
|
|
if (val) {
|
|
let category = [{
|
|
name: categoryName.value,
|
|
value: Number(val)
|
|
}
|
|
]; //类别
|
|
let total = maxValue.value; //数据总数
|
|
let datas = [];
|
|
var rich = {
|
|
white: {
|
|
backgroundColor: {
|
|
image: tooltipBackUrl.value
|
|
},
|
|
padding: [5, 0, 5, 5],
|
|
align: 'center',
|
|
},
|
|
};
|
|
|
|
|
|
let rightValues = []
|
|
|
|
category.forEach(value => {
|
|
datas.push(value.value);
|
|
});
|
|
|
|
var option = {
|
|
backgroundColor: canvasBack.value,
|
|
xAxis: {
|
|
max: total,
|
|
splitLine: {
|
|
show: false
|
|
},
|
|
axisLine: {
|
|
show: false
|
|
},
|
|
axisLabel: {
|
|
show: false
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
}
|
|
},
|
|
grid: {
|
|
left: 80,
|
|
top: 20, //设置条形图的边距
|
|
right: 80,
|
|
bottom: 20
|
|
},
|
|
yAxis: [{
|
|
type: 'category',
|
|
inverse: true,
|
|
axisLabel: {
|
|
show: showCategoryName.value,
|
|
textStyle: {
|
|
fontSize: categoryFontSize.value,
|
|
color: categoryNameColor.value,
|
|
},
|
|
},
|
|
splitLine: {
|
|
show: false,
|
|
},
|
|
axisTick: {
|
|
show: false,
|
|
},
|
|
axisLine: {
|
|
show: false,
|
|
},
|
|
data: [categoryName.value],
|
|
}],
|
|
series: [{
|
|
//内
|
|
type: "bar",
|
|
barWidth: innerBarWidth.value,
|
|
|
|
legendHoverLink: false,
|
|
silent: true,
|
|
itemStyle: {
|
|
barBorderRadius: innerBarRadius.value,
|
|
color: {
|
|
type: "linear",
|
|
x: 0,
|
|
y: 0,
|
|
x2: 1,
|
|
y2: 0,
|
|
colorStops: innerBarBack.value
|
|
}
|
|
},
|
|
label: {
|
|
normal: {
|
|
show: showToolTip.value,
|
|
textStyle: {
|
|
color: tooltipFontColor.value,
|
|
fontSize: tooltipFontSize.value
|
|
},
|
|
position: 'right',
|
|
offset: [xOffset.value, yOffset.value],
|
|
formatter: function (data) {
|
|
const ratio = (data.value / total * 100).toFixed(2)
|
|
return '{white|' + ratio + '%' + '}';
|
|
},
|
|
verticalAlign: 'bottom',
|
|
rich: showToolTipBack.value ? rich : {}
|
|
}
|
|
},
|
|
data: category,
|
|
z: 1,
|
|
},
|
|
{
|
|
//外边框
|
|
type: "pictorialBar",
|
|
symbol: "rect",
|
|
symbolBoundingData: total,
|
|
itemStyle: {
|
|
normal: {
|
|
color: "none"
|
|
}
|
|
},
|
|
label: {
|
|
normal: {
|
|
show: showMaxValue.value,
|
|
position: "right",
|
|
offset: [0, 0], //设置右边数据位置
|
|
textStyle: {
|
|
color: maxValueColor.value,
|
|
fontSize: maxValueFontSize.value,
|
|
fontWeight: 600
|
|
},
|
|
formatter(value) {
|
|
const v = value.value >= 10000 ? value.value / 10000 + '万' + ' ' + unit.value : value.value + ' ' + unit.value;
|
|
return v
|
|
}
|
|
}
|
|
},
|
|
data: datas,
|
|
z: 0,
|
|
},
|
|
{
|
|
name: "外框",
|
|
type: "bar",
|
|
barGap: "-120%", //设置外框粗细
|
|
data: [total, total, total],
|
|
barWidth: outerBarWidth.value,
|
|
itemStyle: {
|
|
normal: {
|
|
color: outerBarBack.value, //填充色
|
|
barBorderColor: outerBarBack.value, //边框色
|
|
barBorderWidth: 1, //边框宽度
|
|
barBorderRadius: outerBarRadius.value, //圆角半径
|
|
label: {
|
|
//标签显示位置
|
|
show: false,
|
|
position: "top" //insideTop 或者横向的 insideLeft
|
|
}
|
|
}
|
|
},
|
|
z: 0
|
|
}
|
|
]
|
|
};
|
|
|
|
if (showRectSplit.value) {
|
|
option.series.splice(1, 0, {
|
|
//分隔
|
|
type: "pictorialBar",
|
|
itemStyle: {
|
|
color: "#000"
|
|
},
|
|
symbolRepeat: "fixed",
|
|
symbolMargin: splitMargin.value,
|
|
symbol: "rect",
|
|
symbolClip: true,
|
|
symbolSize: [2, 21],
|
|
symbolPosition: "start",
|
|
symbolOffset: [0, 0],
|
|
symbolBoundingData: total,
|
|
data: category,
|
|
z: 2,
|
|
})
|
|
}
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
myChart.setOption(option);
|
|
}
|
|
}
|
|
}
|
|
|
|
watch(() => props.realValue, (val) => {
|
|
if (val) {
|
|
console.log('val', val)
|
|
nextTick(() => {
|
|
initChart(val)
|
|
})
|
|
}
|
|
}, {
|
|
immediate: true
|
|
})
|
|
}
|
|
}
|
|
|
|
class CustomProgressNode extends HtmlResize.view {
|
|
setHtml(rootEl) {
|
|
const { properties, width, height, } = this.props.model;
|
|
|
|
const { id, fontColor, fontSize, fontFamily, fontStyle,
|
|
showCategoryName, showMaxValue, showRectSplit, splitMargin, tooltipFontColor, tooltipFontSize,innerBarRadius, outerBarRadius,
|
|
showToolTip, showToolTipBack, xOffset, yOffset, categoryName, categoryNameColor, categoryFontSize,
|
|
maxValue, maxValueColor, maxValueFontSize, innerBarWidth, innerBarBack, outerBarWidth, outerBarBack, canvasBack
|
|
} = properties;
|
|
const { model } = this.props;
|
|
|
|
const { normalData } = properties.dynamic || {};
|
|
let realValue = "";
|
|
let unit = '';
|
|
if (normalData) {
|
|
realValue = window.resolveScadaNewValue(normalData.defaultValue);
|
|
unit = normalData.unit;
|
|
}
|
|
|
|
const el = document.createElement('div');
|
|
el.style.height = "100%";
|
|
rootEl.innerHTML = '';
|
|
const instance = createVNode(Progress, {
|
|
realValue: realValue || '2500',
|
|
unit,
|
|
chartId: 'progress_' + id,
|
|
fontColor,
|
|
fontSize, fontFamily, fontStyle, width, height,
|
|
showCategoryName, showMaxValue, showRectSplit, splitMargin, tooltipFontColor, tooltipFontSize,innerBarRadius, outerBarRadius,
|
|
showToolTip, showToolTipBack, xOffset, yOffset, categoryName, categoryNameColor, categoryFontSize,
|
|
maxValue, maxValueColor, maxValueFontSize, innerBarWidth, innerBarBack, outerBarWidth, outerBarBack, canvasBack
|
|
})
|
|
instance.appContext = app._context
|
|
render(instance, el)
|
|
rootEl.appendChild(el);
|
|
}
|
|
|
|
// 生命周期 支持重写内容, 但格式需一致
|
|
// shouldUpdate() {
|
|
// if (this.preProperties && this.preProperties === this.currentProperties) return;
|
|
// this.preProperties = this.currentProperties;
|
|
// return true;
|
|
// }
|
|
// componentDidMount() {
|
|
// if (this.shouldUpdate()) {
|
|
// this.setHtml(this.rootEl);
|
|
// }
|
|
// }
|
|
// componentDidUpdate() {
|
|
// if (this.shouldUpdate()) {
|
|
// this.setHtml(this.rootEl);
|
|
// }
|
|
// }
|
|
}
|
|
|
|
class CustomProgressModel extends HtmlResize.model {
|
|
initNodeData(data) {
|
|
// 自定义组件，需最开始重置一下text 。
|
|
data.text = {
|
|
value: "",
|
|
x: data.x,
|
|
y: data.y,
|
|
};
|
|
|
|
super.initNodeData(data);
|
|
const { properties } = this;
|
|
this.width = properties.width || 80;
|
|
this.height = properties.height || 35;
|
|
}
|
|
|
|
setAttributes() {
|
|
// 自定义组件需重置 text
|
|
const { x, y, properties } = this;
|
|
const { textHorizontalMove = 0, textVerticalMove = 0 } = properties;
|
|
this.text = {
|
|
...this.text,
|
|
x: x + textHorizontalMove,
|
|
y: y + textVerticalMove,
|
|
value: "",
|
|
}
|
|
}
|
|
}
|
|
|
|
lf.register({
|
|
type: 'custom-progress-node',
|
|
view: CustomProgressNode,
|
|
model: CustomProgressModel,
|
|
})
|
|
|
|
`,css:"",fakeData:""},c={id:e,name:a,aliasName:t,image:n,imageType:l,groupName:o,groupType:i,isRemote:!1,isDefault:!0,sectionType:A,config:r,files:s};export{t as aliasName,r as config,c as default,s as files,o as groupName,i as groupType,e as id,n as image,l as imageType,u as isDefault,d as isRemote,a as name,A as sectionType};
|