dataez.git - Gitblit

import { formatterItem } from '@/views/chart/components/js/formatter'
 
export const VIEW_DETAILS_BASH_STYLE =
  '{"id":"view-dialog-details-001","title":"图表明细","sceneId":0,"tableId":"1692381412250939392","type":"table-info","render":"antv","resultCount":1000,"resultMode":"all","refreshViewEnable":false,"refreshTime":5,"refreshUnit":"minute","xAxis":[{"id":"1692330126490","datasourceId":"1691734038709071872","datasetTableId":"7098147058204282880","datasetGroupId":"1692381412250939392","chartId":null,"originName":"月","name":"月","dbFieldName":null,"description":null,"dataeaseName":"f_dd62e53a9192cdf4","groupType":"d","type":"ANY","precision":null,"scale":null,"deType":0,"deExtractType":0,"extField":0,"checked":true,"columnIndex":null,"lastSyncTime":null,"dateFormat":null,"dateFormatType":null,"fieldShortName":"f_dd62e53a9192cdf4","summary":null,"sort":"none","dateStyle":"y_M_d","datePattern":"date_sub","chartType":null,"compareCalc":null,"logic":null,"filterType":null,"index":null,"formatterCfg":null,"chartShowName":null,"filter":[],"customSort":null,"busiType":null},{"id":"1692330126489","datasourceId":"1691734038709071872","datasetTableId":"7098147058204282880","datasetGroupId":"1692381412250939392","chartId":null,"originName":"年份","name":"年份","dbFieldName":null,"description":null,"dataeaseName":"f_190480c43bdda8df","groupType":"q","type":"BIGINT","precision":null,"scale":null,"deType":2,"deExtractType":2,"extField":0,"checked":true,"columnIndex":null,"lastSyncTime":null,"dateFormat":null,"dateFormatType":null,"fieldShortName":"f_190480c43bdda8df","summary":"sum","sort":"none","dateStyle":"y_M_d","datePattern":"date_sub","chartType":"bar","compareCalc":{"type":"none","resultData":"percent","field":null,"custom":null},"logic":null,"filterType":null,"index":null,"formatterCfg":{"type":"auto","unit":1,"suffix":"","decimalCount":2,"thousandSeparator":true},"chartShowName":null,"filter":[],"customSort":null,"busiType":null}],"xAxisExt":[],"yAxis":[],"yAxisExt":[],"extStack":[],"drillFields":[],"viewFields":[],"extBubble":[],"extLabel":[],"extTooltip":[],"customFilter":{},"customAttr":{"basicStyle":{"alpha":100,"tableBorderColor":"#E6E7E4","tableScrollBarColor":"#00000024","tableColumnMode":"adapt","tableColumnWidth":100,"tablePageMode":"pull","tablePageSize":20,"gaugeStyle":"default","colorScheme":"default","colors":["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],"mapVendor":"amap","gradient":false,"lineWidth":2,"lineSymbol":"circle","lineSymbolSize":4,"lineSmooth":true,"barDefault":true,"barWidth":40,"barGap":0.4,"lineType":"solid","scatterSymbol":"circle","scatterSymbolSize":8,"radarShape":"polygon","mapStyle":"normal","areaBorderColor":"#303133","suspension":true,"areaBaseColor":"#FFFFFF","mapSymbolOpacity":0.7,"mapSymbolStrokeWidth":2,"mapSymbol":"circle","mapSymbolSize":20,"radius":100,"innerRadius":60},"misc":{"pieInnerRadius":0,"pieOuterRadius":80,"radarShape":"polygon","radarSize":80,"gaugeMinType":"fix","gaugeMinField":{"id":"","summary":""},"gaugeMin":0,"gaugeMaxType":"fix","gaugeMaxField":{"id":"","summary":""},"gaugeMax":100,"gaugeStartAngle":225,"gaugeEndAngle":-45,"nameFontSize":18,"valueFontSize":18,"nameValueSpace":10,"valueFontColor":"#5470c6","valueFontFamily":"Microsoft YaHei","valueFontIsBolder":false,"valueFontIsItalic":false,"valueLetterSpace":0,"valueFontShadow":false,"showName":true,"nameFontColor":"#000000","nameFontFamily":"Microsoft YaHei","nameFontIsBolder":false,"nameFontIsItalic":false,"nameLetterSpace":"0","nameFontShadow":false,"treemapWidth":80,"treemapHeight":80,"liquidMax":100,"liquidMaxType":"fix","liquidMaxField":{"id":"","summary":""},"liquidSize":80,"liquidShape":"circle","hPosition":"center","vPosition":"center","mapPitch":0,"mapLineType":"arc","mapLineWidth":1,"mapLineAnimateDuration":3,"mapLineGradient":false,"mapLineSourceColor":"#146C94","mapLineTargetColor":"#576CBC"},"label":{"show":false,"position":"top","color":"#000000","fontSize":10,"formatter":"","labelLine":{"show":true},"labelFormatter":{"type":"auto","unit":1,"suffix":"","decimalCount":2,"thousandSeparator":true},"reserveDecimalCount":2,"labelShadow":false,"labelBgColor":"","labelShadowColor":"","quotaLabelFormatter":{"type":"auto","unit":1,"suffix":"","decimalCount":2,"thousandSeparator":true},"showDimension":true,"showQuota":false,"showProportion":true,"seriesLabelFormatter":[]},"tooltip":{"show":true,"trigger":"item","confine":true,"fontSize":10,"color":"#000000","tooltipFormatter":{"type":"auto","unit":1,"suffix":"","decimalCount":2,"thousandSeparator":true},"backgroundColor":"#FFFFFF","seriesTooltipFormatter":[]},"tableTotal":{"row":{"showGrandTotals":true,"showSubTotals":true,"reverseLayout":false,"reverseSubLayout":false,"label":"总计","subLabel":"小计","subTotalsDimensions":[],"calcTotals":{"aggregation":"SUM"},"calcSubTotals":{"aggregation":"SUM"},"totalSort":"none","totalSortField":""},"col":{"showGrandTotals":true,"showSubTotals":true,"reverseLayout":false,"reverseSubLayout":false,"label":"总计","subLabel":"小计","subTotalsDimensions":[],"calcTotals":{"aggregation":"SUM"},"calcSubTotals":{"aggregation":"SUM"},"totalSort":"none","totalSortField":""}},"tableHeader":{"indexLabel":"序号","showIndex":false,"tableHeaderAlign":"left","tableHeaderBgColor":"#F5F6F7","tableHeaderFontColor":"#646A73","tableTitleFontSize":14,"tableTitleHeight":36},"tableCell":{"tableFontColor":"#1F2329","tableItemAlign":"right","tableItemBgColor":"#FFFFFF","tableItemFontSize":14,"tableItemHeight":36},"map":{"id":"","level":"world"}},"customStyle":{"text":{"show":false,"fontSize":"18","hPosition":"left","vPosition":"top","isItalic":false,"isBolder":true,"remarkShow":false,"remark":"","fontFamily":"Microsoft YaHei","letterSpace":"0","fontShadow":false,"color":"#000000","remarkBackgroundColor":"#ffffff"},"legend":{"show":true,"hPosition":"center","vPosition":"bottom","orient":"horizontal","icon":"circle","color":"#000000","fontSize":12},"xAxis":{"show":true,"position":"bottom","name":"","color":"#000000","fontSize":12,"axisLabel":{"show":true,"color":"#000000","fontSize":12,"rotate":0,"formatter":"{value}"},"axisLine":{"show":true,"lineStyle":{"color":"#cccccc","width":1,"style":"solid"}},"splitLine":{"show":false,"lineStyle":{"color":"#CCCCCC","width":1,"style":"solid"}},"axisValue":{"auto":true,"min":10,"max":100,"split":10,"splitCount":10},"axisLabelFormatter":{"type":"auto","unit":1,"suffix":"","decimalCount":2,"thousandSeparator":true}},"yAxis":{"show":true,"position":"left","name":"","color":"#000000","fontSize":12,"axisLabel":{"show":true,"color":"#000000","fontSize":12,"rotate":0,"formatter":"{value}"},"axisLine":{"show":false,"lineStyle":{"color":"#cccccc","width":1,"style":"solid"}},"splitLine":{"show":true,"lineStyle":{"color":"#CCCCCC","width":1,"style":"solid"}},"axisValue":{"auto":true,"min":10,"max":100,"split":10,"splitCount":10},"axisLabelFormatter":{"type":"auto","unit":1,"suffix":"","decimalCount":2,"thousandSeparator":true}},"yAxisExt":{"show":true,"position":"right","name":"","color":"#000000","fontSize":12,"axisLabel":{"show":true,"color":"#000000","fontSize":12,"rotate":0,"formatter":"{value}"},"axisLine":{"show":false,"lineStyle":{"color":"#cccccc","width":1,"style":"solid"}},"splitLine":{"show":true,"lineStyle":{"color":"#CCCCCC","width":1,"style":"solid"}},"axisValue":{"auto":true,"min":null,"max":null,"split":null,"splitCount":null},"axisLabelFormatter":{"type":"auto","unit":1,"suffix":"","decimalCount":2,"thousandSeparator":true}},"misc":{"showName":false,"color":"#000000","fontSize":12,"axisColor":"#999","splitNumber":5,"axisLine":{"show":true,"lineStyle":{"color":"#CCCCCC","width":1,"type":"solid"}},"axisTick":{"show":false,"length":5,"lineStyle":{"color":"#000000","width":1,"type":"solid"}},"axisLabel":{"show":false,"rotate":0,"margin":8,"color":"#000000","fontSize":"12","formatter":"{value}"},"splitLine":{"show":true,"lineStyle":{"color":"#CCCCCC","width":1,"type":"solid"}},"splitArea":{"show":true}}},"senior":{"functionCfg":{"sliderShow":false,"sliderRange":[0,10],"sliderBg":"#FFFFFF","sliderFillBg":"#BCD6F1","sliderTextColor":"#999999","emptyDataStrategy":"breakLine","emptyDataFieldCtrl":[]},"assistLine":[],"threshold":{"gaugeThreshold":"","labelThreshold":[],"tableThreshold":[],"textLabelThreshold":[]},"scrollCfg":{"open":false,"row":1,"interval":2000,"step":50}},"chartExtRequest":{"user":"1","filter":[],"drill":[],"resultCount":1000,"resultMode":"all"}}'
 
import {
  DEFAULT_COLOR_CASE_DARK,
  DEFAULT_COLOR_CASE_LIGHT,
  DEFAULT_TITLE_STYLE_DARK,
  DEFAULT_TITLE_STYLE_LIGHT,
  FILTER_COMMON_STYLE_DARK,
  FILTER_COMMON_STYLE_LIGHT,
  SENIOR_STYLE_SETTING_DARK,
  SENIOR_STYLE_SETTING_LIGHT,
  TAB_COMMON_STYLE_DARK,
  TAB_COMMON_STYLE_LIGHT
} from '@/views/chart/components/editor/util/chart'
import {
  COMMON_COMPONENT_BACKGROUND_DARK,
  COMMON_COMPONENT_BACKGROUND_LIGHT,
  COMMON_COMPONENT_BACKGROUND_SCREEN_DARK
} from '@/custom-component/component-list'
 
export const PANEL_CHART_INFO_LIGHT = {
  chartTitle: DEFAULT_TITLE_STYLE_LIGHT,
  chartColor: DEFAULT_COLOR_CASE_LIGHT,
  chartCommonStyle: COMMON_COMPONENT_BACKGROUND_LIGHT,
  filterStyle: FILTER_COMMON_STYLE_LIGHT,
  tabStyle: TAB_COMMON_STYLE_LIGHT,
  seniorStyleSetting: SENIOR_STYLE_SETTING_LIGHT,
  formatterItem: formatterItem
}
 
export const PANEL_CHART_INFO_DARK = {
  chartTitle: DEFAULT_TITLE_STYLE_DARK,
  chartColor: DEFAULT_COLOR_CASE_DARK,
  chartCommonStyle: COMMON_COMPONENT_BACKGROUND_DARK,
  filterStyle: FILTER_COMMON_STYLE_DARK,
  tabStyle: TAB_COMMON_STYLE_DARK,
  seniorStyleSetting: SENIOR_STYLE_SETTING_DARK,
  formatterItem: formatterItem
}
 
export const PANEL_CHART_INFO_SCREEN_DARK = {
  ...PANEL_CHART_INFO_DARK,
  chartCommonStyle: COMMON_COMPONENT_BACKGROUND_SCREEN_DARK
}
 
export const MOBILE_SETTING_BASE = {
  customSetting: false,
  imageUrl: null,
  backgroundType: 'image'
}
 
export const MOBILE_SETTING_LIGHT = {
  ...MOBILE_SETTING_BASE,
  color: '#000'
}
 
export const MOBILE_SETTING_DARK = {
  ...MOBILE_SETTING_BASE,
  color: '#fff'
}
 
export const DEFAULT_DASHBOARD_STYLE_BASE = {
  gap: 'yes',
  gapSize: 5,
  gapMode: 'middle',
  showGrid: false,
  matrixBase: 4, // 当前matrix的基数 （是pcMatrixCount的几倍）
  resultMode: 'all', // 图表结果显示模式 all 图表 custom 仪表板自定义
  resultCount: 1000 // 图表结果显示条数
}
 
export const DEFAULT_DASHBOARD_STYLE_LIGHT = {
  ...DEFAULT_DASHBOARD_STYLE_BASE,
  themeColor: 'light',
  mobileSetting: MOBILE_SETTING_LIGHT
}
 
export const DEFAULT_DASHBOARD_STYLE_DARK = {
  ...DEFAULT_DASHBOARD_STYLE_BASE,
  themeColor: 'dark',
  mobileSetting: MOBILE_SETTING_DARK
}
 
export const DEFAULT_CANVAS_STYLE_DATA_BASE = {
  width: 1920,
  height: 1080,
  refreshBrowserEnable: false, // 开启浏览器刷新（默认关闭）
  refreshBrowserUnit: 'minute', // 仪表板刷新时间带外 默认 分钟
  refreshBrowserTime: 5, // 仪表板刷新时间 默认5分钟
  refreshViewEnable: false, // 开启图表刷新（默认关闭）
  refreshViewLoading: true, // 仪表板图表loading提示
  refreshUnit: 'minute', // 仪表板刷新时间带外 默认 分钟
  refreshTime: 5, // 仪表板刷新时间 默认5分钟
  popupAvailable: true, // 弹窗区域是否可用 默认为true
  popupButtonAvailable: true, // 弹框区域显示按钮是否可用 默认为true
  suspensionButtonAvailable: false, // 悬浮按钮是否可用 默认false
  screenAdaptor: 'widthFirst', // 屏幕适配方式 widthFirst=宽度优先 heightFirst=高度优先 full=铺满全屏 keepSize=不缩放
  dashboardAdaptor: 'keepHeightAndWidth', //仪表板预览展示适配方式 keepHeightAndWidth=高度宽度独立缩放(默认模式)，withWidth=跟随宽度
  scale: 60,
  scaleWidth: 60,
  scaleHeight: 60,
  backgroundColorSelect: true,
  backgroundImageEnable: false,
  backgroundType: 'backgroundColor', // 废弃
  background: '',
  openCommonStyle: true,
  opacity: 1, // 废弃
  fontSize: 14,
  fontFamily: 'PingFang' //字体设置 默认PingFang
}
 
// 基础亮色主题
export const DEFAULT_CANVAS_STYLE_DATA_LIGHT = {
  ...DEFAULT_CANVAS_STYLE_DATA_BASE,
  // 页面全局数据
  themeId: '10001',
  color: '#000000',
  backgroundColor: '#f5f6f7',
  dashboard: DEFAULT_DASHBOARD_STYLE_LIGHT,
  component: PANEL_CHART_INFO_LIGHT
}
 
// 基础暗色主题
export const DEFAULT_CANVAS_STYLE_DATA_DARK = {
  ...DEFAULT_CANVAS_STYLE_DATA_BASE,
  // 页面全局数据
  themeId: '10002',
  color: '#fff',
  backgroundColor: '#020408',
  dialogBackgroundColor: '#fff',
  dialogButton: '#020408',
  dashboard: DEFAULT_DASHBOARD_STYLE_DARK,
  component: PANEL_CHART_INFO_DARK
}
 
// 大屏基础暗色主题
export const DEFAULT_CANVAS_STYLE_DATA_SCREEN_DARK = {
  ...DEFAULT_CANVAS_STYLE_DATA_DARK,
  component: PANEL_CHART_INFO_SCREEN_DARK
}
 
// 基础主题
export const BASE_THEMES = {
  light: DEFAULT_CANVAS_STYLE_DATA_LIGHT,
  dark: DEFAULT_CANVAS_STYLE_DATA_DARK
}