新增JeecgBoot BPM流程自动生成器，包含流程创建、修改及审批人配置功能，支持自然语言描述转化为BPMN XML，并通过API与JeecgBoot系统交互。
This commit is contained in:
geht
414
.trae/skills/jimubi-dashboard/SKILL.md
Normal file
414
.trae/skills/jimubi-dashboard/SKILL.md
Normal file
@@ -0,0 +1,414 @@
|
||||
---
|
||||
name: jimubi-dashboard
|
||||
description: "Use when user asks to create/design a dashboard (仪表盘/看板), data kanban, or says \"创建仪表盘\", \"生成仪表盘\", \"做一个仪表盘\", \"数据看板\", \"做一个看板\", \"创建看板\", \"数据面板\", \"统计看板\", \"运营看板\", \"create dashboard\", \"generate dashboard\", \"design dashboard\", \"data kanban\", \"KPI dashboard\". Also triggers when user describes dashboard/kanban requirements like \"做一个运营数据看板\" or mentions grid-layout data display like \"统计系统数据\". Make sure to use this skill for dashboards (仪表盘/看板) — NOT big screens (大屏), which use completely different positioning, styling, and component configurations."
|
||||
---
|
||||
|
||||
# JeecgBoot 仪表盘 AI 自动生成器
|
||||
|
||||
将自然语言的仪表盘需求转换为 drag page 配置，并通过 API 自动创建。
|
||||
|
||||
> **本 skill 专门处理仪表盘（default）模式**：网格布局（24列栅格），亮色主题，带卡片头，适用于日常数据看板。
|
||||
> 大屏请使用 `jimubi-bigscreen` skill。
|
||||
|
||||
## 仪表盘特征
|
||||
|
||||
- **布局**：24 列栅格，坐标和尺寸单位为**栅格单位**（如 x=0, y=0, w=6, h=17）
|
||||
- **主题**：默认 `default`，白色背景，深色文字
|
||||
- **无背景图**：仪表盘通常不设背景图
|
||||
- **卡片头**：仪表盘支持卡片头，但图表组件的 `card.title` 应留空（标题由 ECharts `option.title` 显示），避免标题重复
|
||||
- **颜色体系**：白底 `#FFFFFF`、深灰标题 `#464646`、浅灰轴标签 `#909198`、浅灰网格 `#F3F3F3`
|
||||
|
||||
## 仪表盘栅格布局规则
|
||||
|
||||
| 组件类型 | 推荐 w | 推荐 h | 说明 |
|
||||
|---------|--------|--------|------|
|
||||
| JNumber | 6 | 17 | 数字卡片，4 个一行正好 24 列 |
|
||||
| JLine/JBar/JSmoothLine | 12-14 | 28-35 | 图表，通常半宽或更宽 |
|
||||
| JPie/JRing/JRose | 10-12 | 28-35 | 饼图/环形图 |
|
||||
| JHorizontalBar | 12 | 28-35 | 横向柱状图 |
|
||||
| JTable/JCommonTable | 12 | 30-40 | 数据表格 |
|
||||
| JScrollTable | 12 | 30-40 | 滚动表格 |
|
||||
| JScrollRankingBoard | 12 | 30-35 | 排行榜 |
|
||||
| JGauge | 6-8 | 25-30 | 仪表盘表盘 |
|
||||
| JLiquid | 6 | 25-30 | 水球图 |
|
||||
|
||||
**布局原则：**
|
||||
- 总宽度 24 列，组件 w 之和不要超过 24
|
||||
- 第一行通常放 4 个 JNumber（w=6×4=24）
|
||||
- 第二行放图表组合（如 JLine w=14 + JPie w=10 = 24）
|
||||
- 第三行放表格/排行等
|
||||
|
||||
## 前置条件
|
||||
|
||||
用户必须提供：
|
||||
1. **API 地址**：JeecgBoot 后端地址（如 `https://api3.boot.jeecg.com`）
|
||||
2. **X-Access-Token**：JWT 登录令牌（从浏览器 F12 获取）
|
||||
|
||||
## 交互流程
|
||||
|
||||
### Step 0: 解析用户需求
|
||||
|
||||
| 信息 | 默认值 | 示例 |
|
||||
|------|--------|------|
|
||||
| 页面名称 | 用户指定 | "运营数据看板" |
|
||||
| 主题 | default | default |
|
||||
| 组件列表 | 从描述中解析 | 用户总数(数字)、增长趋势(折线)、来源分布(饼图) |
|
||||
|
||||
### Step 1: 识别组件并选择类型
|
||||
|
||||
阅读 `references/bi-component-types.md` 获取完整组件类型清单。
|
||||
|
||||
**常用仪表盘组件速查：**
|
||||
|
||||
| 用户描述关键词 | 组件 component | 说明 |
|
||||
|---------------|---------------|------|
|
||||
| 数字/KPI/指标/总数 | `JNumber` | 数字指标卡（带卡片头） |
|
||||
| 柱状图 | `JBar` | 基础柱状图 |
|
||||
| 横向柱状图 | `JHorizontalBar` | 水平柱状图 |
|
||||
| 折线图/趋势 | `JLine` | 折线图 |
|
||||
| 曲线图 | `JSmoothLine` | 平滑曲线 |
|
||||
| 柱线混合 | `JMixLineBar` | 柱状+折线混合 |
|
||||
| 饼图 | `JPie` | 饼图 |
|
||||
| 环形图 | `JRing` | 环形图 |
|
||||
| 玫瑰图 | `JRose` | 南丁格尔玫瑰图 |
|
||||
| 表盘 | `JGauge` | 仪表盘表盘 |
|
||||
| 水球图 | `JLiquid` | 水球图 |
|
||||
| 进度条 | `JProgress` | 进度条 |
|
||||
| 雷达图 | `JRadar` | 雷达图 |
|
||||
| 漏斗图 | `JFunnel` | 漏斗图 |
|
||||
| 地图 | `JAreaMap` | 区域地图 |
|
||||
| 数据表格 | `JTable` / `JCommonTable` | 数据表格 |
|
||||
| 滚动表格 | `JScrollTable` | 自动滚动表格 |
|
||||
| 排行榜 | `JScrollRankingBoard` | 滚动排行榜 |
|
||||
| 日历 | `JCalendar` | 日历组件 |
|
||||
|
||||
### Step 2: 展示设计摘要并确认
|
||||
|
||||
**必须展示，等待用户确认后再执行：**
|
||||
|
||||
```
|
||||
## 仪表盘设计摘要
|
||||
|
||||
- 页面名称：运营数据看板
|
||||
- 主题：default
|
||||
|
||||
### 组件列表
|
||||
|
||||
| 序号 | 组件名称 | 组件类型 | 位置(x,y) | 尺寸(w×h) | 数据源 |
|
||||
|------|---------|---------|-----------|----------|--------|
|
||||
| 1 | 总用户数 | JNumber | (0,0) | 6×17 | 静态数据 |
|
||||
| 2 | 今日活跃 | JNumber | (6,0) | 6×17 | 静态数据 |
|
||||
| 3 | 用户增长趋势 | JLine | (0,17) | 14×35 | 静态数据 |
|
||||
| 4 | 用户来源 | JPie | (14,17) | 10×35 | 静态数据 |
|
||||
|
||||
确认以上信息正确？(y/n)
|
||||
```
|
||||
|
||||
### Step 3: 调用 API 创建仪表盘
|
||||
|
||||
**优先使用共通工具库 `bi_utils.py`**（两个位置均有副本）：
|
||||
- Skills 目录（权威副本）：`C:\Users\zhang\.claude\skills\jimubi-dashboard\references\bi_utils.py`
|
||||
- 后端项目根目录（运行副本）：`{后端项目根目录}\bi_utils.py`
|
||||
|
||||
> 如果后端项目根目录没有 `bi_utils.py`，先从 skills 目录复制过去再使用。
|
||||
|
||||
**执行步骤：**
|
||||
```
|
||||
1. 确认后端项目根目录有 bi_utils.py（没有则从 skills 复制）
|
||||
2. Write 工具 → 写入业务脚本 create_xxx_dashboard.py（项目根目录）
|
||||
3. Bash 工具 → cd {后端项目根目录} && python create_xxx_dashboard.py
|
||||
4. Bash 工具 → rm create_xxx_dashboard.py（清理临时脚本）
|
||||
```
|
||||
|
||||
**仪表盘创建示例：**
|
||||
```python
|
||||
import sys
|
||||
sys.path.insert(0, r'{后端项目根目录}')
|
||||
from bi_utils import *
|
||||
|
||||
init_api('https://api3.boot.jeecg.com', 'your-token')
|
||||
|
||||
# 创建仪表盘（style='default'，栅格坐标）
|
||||
page_id = create_page('运营数据看板', style='default', theme='default')
|
||||
|
||||
# 第一行：4 个数字卡片（w=6×4=24，h=17）
|
||||
add_number(page_id, '总用户数', x=0, y=0, w=6, h=17, value=15890, suffix='人')
|
||||
add_number(page_id, '今日活跃', x=6, y=0, w=6, h=17, value=3256, suffix='人')
|
||||
add_number(page_id, '今日收入', x=12, y=0, w=6, h=17, value=89600, prefix='¥')
|
||||
add_number(page_id, '转化率', x=18, y=0, w=6, h=17, value=23.5, suffix='%')
|
||||
|
||||
# 第二行：折线图 + 饼图
|
||||
add_chart(page_id, 'JLine', '用户增长趋势', x=0, y=17, w=14, h=35,
|
||||
categories=['周一','周二','周三','周四','周五','周六','周日'],
|
||||
series=[{'name':'新增用户', 'data':[120,200,150,80,70,110,130]}])
|
||||
|
||||
add_chart(page_id, 'JPie', '用户来源', x=14, y=17, w=10, h=35,
|
||||
pie_data=[
|
||||
{'name':'微信','value':40},
|
||||
{'name':'APP','value':30},
|
||||
{'name':'网页','value':20},
|
||||
{'name':'其他','value':10},
|
||||
])
|
||||
|
||||
save_page(page_id)
|
||||
print(f'仪表盘创建成功！ID: {page_id}')
|
||||
```
|
||||
|
||||
**仪表盘样式特点（bi_utils.py 自动应用）：**
|
||||
- 背景：白色 `#FFFFFF`
|
||||
- 边框：浅灰 `#E8E8E8`
|
||||
- 标题颜色：深灰 `#464646`
|
||||
- 轴标签：`#909198`
|
||||
- 网格线：`#F3F3F3`
|
||||
- 卡片头：白色背景 + 深灰粗体标题（`headColor: '#FFFFFF'`）
|
||||
- 图例：深灰色文字
|
||||
|
||||
## 仪表盘标题规则（重要）
|
||||
|
||||
### 图表组件：card.title 留空，用 option.title 显示
|
||||
|
||||
根据真实模板验证，**图表组件**（JBar/JLine/JPie/JRing 等）在仪表盘模式下 `card.title` 应为空字符串，标题通过 ECharts `option.title.text` 显示。如果两者都设置，标题会重复出现（卡片头一次 + 图表内部一次）。
|
||||
|
||||
`bi_utils.py` 的 `add_chart()` 已自动处理：调用 `_make_card(mode, '')` 传入空标题。
|
||||
|
||||
**JNumber 等非图表组件**可以使用 `card.title` 显示标题。
|
||||
|
||||
### 大屏 vs 仪表盘标题对比
|
||||
|
||||
| 特征 | 大屏（bigScreen） | 仪表盘（default） |
|
||||
|------|-------------------|-------------------|
|
||||
| 图表标题 | `option.title.text`（ECharts 内部） | `option.title.text`（ECharts 内部） |
|
||||
| card.title（图表） | 必须为空 `''` | 必须为空 `''`（避免重复） |
|
||||
| card.title（JNumber等） | 为空 `''` | 可填标题 |
|
||||
| 页面主标题 | JText 组件（fontSize 40+） | 不需要 |
|
||||
|
||||
### JText 正确的 config 格式
|
||||
|
||||
如果仪表盘中需要使用 JText（少见），config 结构为：
|
||||
```python
|
||||
config = {
|
||||
'dataType': 1,
|
||||
'chartData': {'value': '显示文本'}, # dict 格式，不是字符串
|
||||
'option': {
|
||||
'body': {
|
||||
'color': '#464646',
|
||||
'fontSize': 16,
|
||||
'fontWeight': 'normal',
|
||||
'letterSpacing': 0,
|
||||
'text': '',
|
||||
'marginTop': 0,
|
||||
'marginLeft': 0,
|
||||
},
|
||||
'textAlign': 'left',
|
||||
'card': {'title': '', ...},
|
||||
},
|
||||
}
|
||||
```
|
||||
|
||||
**手动构建组件（用于高级定制，需直接操作 config）：**
|
||||
|
||||
当 `add_chart` 等快捷函数无法满足需求时（如需要多系列 chartData、自定义 customColor），可直接构建组件 config：
|
||||
|
||||
```python
|
||||
import json, time, random
|
||||
import bi_utils
|
||||
|
||||
def _key():
|
||||
return f'{int(time.time()*1000)}_{random.randint(100000,999999)}'
|
||||
|
||||
# 仪表盘亮色主题通用样式
|
||||
CARD = {
|
||||
'size': 'default',
|
||||
'headColor': '#FFFFFF',
|
||||
'textStyle': {'color': '#464646', 'fontSize': 16, 'fontWeight': 'bold'},
|
||||
'extra': '', 'rightHref': ''
|
||||
}
|
||||
|
||||
# 直接构建折线图组件
|
||||
line_data = [
|
||||
{'name': '1月', 'value': 120, 'type': '新增'},
|
||||
{'name': '1月', 'value': 80, 'type': '流失'},
|
||||
# ...
|
||||
]
|
||||
comp = {
|
||||
'component': 'JLine',
|
||||
'x': 0, 'y': 17, 'w': 14, 'h': 35,
|
||||
'i': _key(),
|
||||
'config': json.dumps({
|
||||
'dataType': 1,
|
||||
'chartData': json.dumps(line_data, ensure_ascii=False),
|
||||
'background': '#FFFFFF',
|
||||
'borderColor': '#E8E8E8',
|
||||
'size': {'width': 700, 'height': 375},
|
||||
'option': {
|
||||
'customColor': [
|
||||
{'color': '#1890FF', 'color1': '#1890FF'},
|
||||
{'color': '#52C41A', 'color1': '#52C41A'},
|
||||
],
|
||||
'title': {'show': True, 'text': '用户变化趋势',
|
||||
'textStyle': {'color': '#464646'}},
|
||||
'tooltip': {'show': True},
|
||||
'legend': {'show': True, 'textStyle': {'fontSize': 12}},
|
||||
'xAxis': {
|
||||
'type': 'category',
|
||||
'axisLabel': {'color': '#909198'},
|
||||
'axisLine': {'lineStyle': {'color': '#F3F3F3'}},
|
||||
},
|
||||
'yAxis': {
|
||||
'axisLabel': {'color': '#909198'},
|
||||
'splitLine': {'lineStyle': {'color': '#F3F3F3'}},
|
||||
},
|
||||
'grid': {'top': 70, 'left': 60, 'right': 30, 'bottom': 40},
|
||||
'card': {**CARD, 'title': '用户变化趋势'},
|
||||
}
|
||||
}, ensure_ascii=False)
|
||||
}
|
||||
bi_utils._page_components[page_id].append(comp)
|
||||
```
|
||||
|
||||
### Step 4: 输出结果
|
||||
|
||||
```
|
||||
## 仪表盘创建成功
|
||||
|
||||
- 页面ID：{id}
|
||||
- 页面名称：{name}
|
||||
- 模式：仪表盘（default）
|
||||
- 预览地址：{API_BASE}/drag/page/view/{id}
|
||||
- 组件数量：{count} 个
|
||||
|
||||
请在仪表盘设计器中查看：打开 JeecgBoot 后台 → 仪表盘 → 找到该页面
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 编辑已有仪表盘
|
||||
|
||||
```python
|
||||
from bi_utils import *
|
||||
init_api('https://api3.boot.jeecg.com', 'your-token')
|
||||
|
||||
page = query_page(page_id)
|
||||
print(page['name'], page['updateCount'])
|
||||
|
||||
add_chart(page_id, 'JBar', '新增图表', x=0, y=52, w=12, h=35,
|
||||
categories=['A','B','C'], series=[{'name':'值','data':[10,20,30]}])
|
||||
save_page(page_id)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 删除仪表盘
|
||||
|
||||
```python
|
||||
from bi_utils import *
|
||||
init_api('https://api3.boot.jeecg.com', 'your-token')
|
||||
|
||||
delete_page(page_id) # 软删除
|
||||
delete_page(page_id, physical=True) # 硬删除
|
||||
recover_page(page_id) # 恢复
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 修改组件样式
|
||||
|
||||
阅读 `references/bi-comp-option-config.md` 获取每种组件的完整配置项路径。
|
||||
|
||||
**仪表盘样式修改关键规则：**
|
||||
- 颜色使用色值（`#000000`），不用英文单词
|
||||
- customColor 格式：`[{color1:'#xxx',color:'#xxx'}]`
|
||||
- 卡片头样式：`option.card.textStyle.color`、`option.card.headColor`
|
||||
- 背景色：`config.background`（仪表盘默认 `#FFFFFF`）
|
||||
- 边框色：`config.borderColor`（仪表盘默认 `#E8E8E8`）
|
||||
|
||||
```python
|
||||
import sys, json
|
||||
sys.path.insert(0, r'{后端项目根目录}')
|
||||
from bi_utils import *
|
||||
import bi_utils
|
||||
|
||||
init_api('https://api3.boot.jeecg.com', 'your-token')
|
||||
|
||||
page_id = 'xxx'
|
||||
page = query_page(page_id)
|
||||
tmpl = page.get('template', [])
|
||||
if isinstance(tmpl, str):
|
||||
tmpl = json.loads(tmpl)
|
||||
|
||||
for comp in tmpl:
|
||||
config_str = comp.get('config', '{}')
|
||||
config = json.loads(config_str) if isinstance(config_str, str) else config_str
|
||||
if comp.get('component') == 'JBar':
|
||||
option = config.get('option', {})
|
||||
option['series'][0]['itemStyle'] = {'color': '#1890FF'}
|
||||
config['option'] = option
|
||||
comp['config'] = json.dumps(config, ensure_ascii=False)
|
||||
|
||||
bi_utils._page_components[page_id] = tmpl
|
||||
save_page(page_id)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 可用的快捷函数
|
||||
|
||||
**API 初始化：**
|
||||
- `init_api(api_base, token)` — 初始化 API 地址和 Token
|
||||
|
||||
**页面管理：**
|
||||
- `create_page(name, style='default', theme='default')` — 创建仪表盘
|
||||
- `query_page(page_id)` — 查询页面详情
|
||||
- `list_pages(style='default')` — 列表查询
|
||||
- `save_page(page_id)` — 保存设计
|
||||
- `delete_page(page_id, physical)` — 删除
|
||||
- `recover_page(page_id)` — 恢复
|
||||
- `copy_page(page_id)` — 复制
|
||||
|
||||
**添加组件（栅格坐标）：**
|
||||
- `add_number(page_id, title, x, y, w, h, value, prefix, suffix)` — 数字指标
|
||||
- `add_chart(page_id, chart_type, title, x, y, w, h, categories, series, pie_data)` — 图表
|
||||
- `add_table(page_id, title, x, y, w, h, columns, data)` — 数据表格
|
||||
- `add_scroll_table(page_id, title, x, y, w, h, columns, data)` — 滚动表格
|
||||
- `add_ranking(page_id, title, x, y, w, h, data)` — 排行榜
|
||||
- `add_text(page_id, title, x, y, w, h, content, font_size, color)` — 文本
|
||||
- `add_image(page_id, title, x, y, w, h, src)` — 图片
|
||||
- `add_gauge(page_id, title, x, y, w, h, value, max_val, unit, color)` — 仪表盘表盘
|
||||
- `add_liquid(page_id, title, x, y, w, h, value, color)` — 水球图
|
||||
- `add_component(page_id, component, title, x, y, w, h, config)` — 通用组件
|
||||
|
||||
---
|
||||
|
||||
## API 踩坑记录
|
||||
|
||||
| 问题 | 说明 |
|
||||
|------|------|
|
||||
| `POST /drag/page/add` 返回值 | 返回完整实体含 ID |
|
||||
| `POST /drag/page/edit` 乐观锁 | 必须传 `updateCount` |
|
||||
| Windows curl 中文问题 | 必须用 Python urllib/requests |
|
||||
| 坐标单位 | 仪表盘用**栅格**坐标（24列） |
|
||||
| 组件 config 分离 | config 存在 onl_drag_page_comp 表 |
|
||||
| **size 字段必须是像素** | `config.size.width/height` 是像素值，不是栅格单位。仪表盘栅格转像素：`width = w * 75`, `height = h * 11`。如果直接传栅格值，图表会缩成一小团 |
|
||||
| **chartData 必须是 JSON 字符串** | `config.chartData` 的值必须是 `json.dumps(...)` 后的字符串，不能是原生 list/dict，否则图表不渲染或显示异常 |
|
||||
| **图表标题去重** | 图表组件（JBar/JLine/JPie 等）的 `option.card.title` 应为空字符串，标题仅通过 `option.title.text` 显示；否则卡片头和图表内部会重复显示标题 |
|
||||
| **多系列 chartData 格式** | 多系列图表的 chartData 需要 `type` 字段区分系列：`[{"name":"1月","value":10,"type":"系列A"}, {"name":"1月","value":20,"type":"系列B"}]` |
|
||||
| **HTTPS 连接问题** | api3.boot.jeecg.com 使用 HTTP 协议（非 HTTPS），`init_api` 时用 `http://` 前缀 |
|
||||
|
||||
## 错误处理
|
||||
|
||||
| 错误 | 解决方案 |
|
||||
|------|---------|
|
||||
| Token 过期（401） | 重新获取 X-Access-Token |
|
||||
| `updateCount` 不匹配 | 重新查询页面获取最新值 |
|
||||
| 组件不显示 | 检查 dataType、chartData（必须是 JSON 字符串）、option 是否完整 |
|
||||
| 图表缩成小点 | 检查 `config.size` 是否用了像素值（不是栅格单位），仪表盘需 `w*75` / `h*11` |
|
||||
| 标题重复显示 | 图表组件的 `option.card.title` 设为空，仅用 `option.title.text` |
|
||||
| 布局错乱 | 确认使用栅格坐标（不是像素），w 总和 ≤ 24 |
|
||||
| 中文乱码 | 使用 Python（不要用 curl） |
|
||||
|
||||
## 参考文档
|
||||
|
||||
- `references/bi-component-types.md` — 完整组件类型清单
|
||||
- `references/bi-comp-option-config.md` — 组件样式配置路径
|
||||
- `references/bi_utils.py` — 工具库源码
|
||||
- `references/templates/default/` — 41 个仪表盘模板 JSON 参考
|
||||
@@ -0,0 +1,891 @@
|
||||
# 大屏组件配置修改参考
|
||||
|
||||
修改大屏组件样式时，根据组件类型和修改目标，使用对应的配置路径。
|
||||
|
||||
## 修改输出格式
|
||||
|
||||
只返回需要修改的属性，不包含未修改的配置：
|
||||
|
||||
```json
|
||||
{
|
||||
"compConfig": {
|
||||
"option": {
|
||||
"series": [{ "itemStyle": { "color": "#FFFF00" } }]
|
||||
}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
修改名称/背景等基础属性：
|
||||
```json
|
||||
{
|
||||
"compConfig": {
|
||||
"name": "京东销量柱形图",
|
||||
"background": "#000000"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
## 颜色修改规则
|
||||
|
||||
### customColor 组件列表
|
||||
以下组件的颜色属性使用 `customColor` 格式修改：
|
||||
- JRadioButton, JRadialBar, JActiveRing, JRing, JPyramidFunnel, JFunnel
|
||||
- JBubble, DoubleLineBar, JMultipleLine, JArea, JLine
|
||||
- JRotatePie, JRose, JPie, JMixLineBar, JPercentBar
|
||||
- JMultipleBar, JCapsuleChart, JStackBar, JQuadrant
|
||||
|
||||
格式：
|
||||
```json
|
||||
"customColor": [
|
||||
{"color1": "#FF0000", "color": "#FF0000"},
|
||||
{"color1": "#00FF00", "color": "#00FF00"}
|
||||
]
|
||||
```
|
||||
|
||||
### 柱体颜色
|
||||
普通柱状图使用 `option.series[${index}].itemStyle.color`
|
||||
JDynamicBar 等也使用 `option.series[${index}].itemStyle.color`
|
||||
|
||||
### 其他组件
|
||||
不包含 customColor 属性的组件，按照对应组件配置的属性 value 值修改
|
||||
|
||||
## 通用规则
|
||||
|
||||
- 颜色使用具体色值（如 `#000000`），不使用英文单词（如 black）
|
||||
- 字体粗细可选值：`normal`（默认）、`bold`（粗体）、`lighter`（细体）
|
||||
- Y轴单位 `option.yAxis.yUnit`：预设值有 `%`（百分比）、`K`（千）、`W`（万）、`M`（亿）；自定义单位时设 `yUnit: 'CUSTOM'` 并设 `yCustomUnit: '元'`
|
||||
|
||||
## 基础配置 (BasicOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 图层名称 | `name` |
|
||||
| 图层背景色 | `background` |
|
||||
| 图层边框线 | `borderColor` |
|
||||
| 提示语显隐 | `option.tooltip.show` |
|
||||
| 提示语字体大小 | `option.tooltip.textStyle.fontSize` |
|
||||
| 提示语字体颜色 | `option.tooltip.textStyle.color` |
|
||||
|
||||
## 标题设置 (TitleOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 标题名称 | `option.title.text` |
|
||||
| 标题字体大小 | `option.title.textStyle.fontSize` |
|
||||
| 标题字体颜色 | `option.title.textStyle.fontColor` |
|
||||
| 标题字体粗细 | `option.title.textStyle.fontWeight` |
|
||||
| 副标题名称 | `option.title.subtextStyle` |
|
||||
| 副标题字体大小 | `option.title.subtextStyle.fontSize` |
|
||||
| 副标题字体颜色 | `option.title.subtextStyle.fontColor` |
|
||||
| 左对齐 | `option.title.left` |
|
||||
| 垂直居中 | `option.title.top` |
|
||||
|
||||
## X轴设置 (XAxisOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| X轴名称 | `option.xAxis.name` |
|
||||
| X轴名称颜色 | `option.xAxis.nameTextStyle.color` |
|
||||
| X轴名称字体大小 | `option.xAxis.nameTextStyle.fontSize` |
|
||||
| X轴标签颜色 | `option.xAxis.axisLabel.color` |
|
||||
| X轴标签角度 | `option.xAxis.axisLabel.rotate` |
|
||||
| X轴轴线颜色 | `option.xAxis.axisLine.lineStyle.color` |
|
||||
| X轴类型 | `option.xAxis.type` |
|
||||
| X轴网格线显隐 | `option.xAxis.splitLine.show` |
|
||||
| X轴网格线颜色 | `option.xAxis.splitLine.lineStyle.color` |
|
||||
|
||||
## Y轴设置 (YAxisOption)
|
||||
|
||||
| 说明 | 配置路径 | 备注 |
|
||||
|------|---------|------|
|
||||
| Y轴名称 | `option.yAxis.name` | |
|
||||
| Y轴名称颜色 | `option.yAxis.nameTextStyle.color` | |
|
||||
| Y轴名称字体大小 | `option.yAxis.nameTextStyle.fontSize` | |
|
||||
| Y轴标签颜色 | `option.yAxis.axisLabel.color` | |
|
||||
| Y轴标签角度 | `option.yAxis.axisLabel.rotate` | |
|
||||
| Y轴轴线颜色 | `option.yAxis.axisLine.lineStyle.color` | |
|
||||
| Y轴类型 | `option.yAxis.type` | |
|
||||
| Y轴网格线显隐 | `option.yAxis.splitLine.show` | |
|
||||
| Y轴网格线颜色 | `option.yAxis.splitLine.lineStyle.color` | |
|
||||
| Y轴单位 | `option.yAxis.yUnit` | 预设: `%`, `K`, `W`, `M`；自定义: 设为 `CUSTOM` 并设 `yCustomUnit` |
|
||||
|
||||
## 图例设置 (LegendOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 图例字体大小 | `option.legend.textStyle.fontSize` |
|
||||
| 图例排列方向 | `option.legend.orient` |
|
||||
| 图例上下边距 | `option.legend.t` |
|
||||
| 图例左右边距 | `option.legend.r` |
|
||||
|
||||
## 柱体设置 (BarCylinder)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 柱体宽度 | `option.series[${index}].barWidth` |
|
||||
| 柱体圆角 | `option.series[${index}].itemStyle.borderRadius` |
|
||||
| 柱体颜色 | `option.series[${index}].itemStyle.color` |
|
||||
| 柱体背景色显隐 | `option.series[${index}].showBackground` |
|
||||
| 柱体背景色颜色 | `option.series[${index}].backgroundStyle.color` |
|
||||
|
||||
## 折线设置 (PolyglineOption)
|
||||
|
||||
| 说明 | 配置路径 | 可选值 |
|
||||
|------|---------|--------|
|
||||
| 折线类型 | `option.series[${index}].lineType` | `line`（折线）, `smooth`（曲线）, `area`（面积） |
|
||||
| 透明度 | `option.series[0].areaStyleOpacity` | |
|
||||
| 线条宽度 | `option.series[${index}].lineWidth` | |
|
||||
| 标记点 | `option.series[${index}].symbol` | |
|
||||
| 点的大小 | `option.series[${index}].symbolSize` | |
|
||||
|
||||
## 饼图设置 (pieSettingOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 设置成环形 | `option.isRadius` |
|
||||
| 内环半径 | `option.innerRadius` |
|
||||
| 外环半径 | `option.outRadius` |
|
||||
| 南丁格尔玫瑰 | `option.isRose` |
|
||||
| 标签显示位置 | `option.pieLabelPosition` |
|
||||
|
||||
## 坐标轴边距 (GridOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 左边距 | `option.grid.left` |
|
||||
| 顶边距 | `option.grid.top` |
|
||||
| 右边距 | `option.grid.right` |
|
||||
| 底边距 | `option.grid.bottom` |
|
||||
|
||||
## 数值设置 (NumOption)
|
||||
|
||||
| 说明 | 配置路径 | 可选值 |
|
||||
|------|---------|--------|
|
||||
| 显示数值 | `option.series[${index}].label.show` | |
|
||||
| 数值位置 | `option.series[${index}].label.position` | `top`（顶部）, `""`（中间）, `insideBottom`（底部） |
|
||||
| 数值格式 | `option.label.format` | |
|
||||
| 数值颜色 | `option.series[${index}].label.color` | |
|
||||
| 数值字体大小 | `option.series[${index}].label.fontSize` | |
|
||||
| 数值字体粗细 | `option.series[${index}].label.fontWeight` | |
|
||||
| 数值单位显隐 | `option.showUnit.show` | |
|
||||
| 数值单位数量级 | `option.showUnit.numberLevel` | `1`（百分比）, `3`（千）, `4`（万） |
|
||||
| 数值单位小数位 | `option.showUnit.decimal` | |
|
||||
|
||||
## 文本设置 (TextOption) - JText 组件
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 字体大小 | `option.body.fontSize` |
|
||||
| 字体间距 | `option.body.letterSpacing` |
|
||||
| 字体颜色 | `option.body.color` |
|
||||
| 千分符 | `option.body.thousandSeparator` |
|
||||
| 水平间距 | `option.body.marginLeft` |
|
||||
| 垂直间距 | `option.body.marginTop` |
|
||||
| 跑马灯 | `option.horseLamp` |
|
||||
| 超链接开关 | `option.isLink` |
|
||||
| 超链接地址 | `option.openUrl` |
|
||||
|
||||
## 翻牌器设置 (CountToTextOption) - JCountTo 组件
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 字体粗细 | `option.fontWeight` |
|
||||
| 字体颜色 | `option.fontColor` |
|
||||
| 字体大小 | `option.fontSize` |
|
||||
| 前缀文本 | `option.prefix` |
|
||||
| 前缀字体大小 | `option.prefixFontSize` |
|
||||
| 前缀字体颜色 | `option.prefixColor` |
|
||||
| 前缀字体粗细 | `option.prefixFontWeight` |
|
||||
| 前缀对齐方式 | `option.prefixTextAlign` |
|
||||
| 前缀X间距 | `option.prefixGridX` |
|
||||
| 前缀Y间距 | `option.prefixGridY` |
|
||||
| 后缀文本 | `option.suffix` |
|
||||
| 后缀字体大小 | `option.suffixFontSize` |
|
||||
| 后缀字体颜色 | `option.suffixColor` |
|
||||
| 后缀字体粗细 | `option.suffixFontWeight` |
|
||||
| 后缀对齐方式 | `option.suffixTextAlign` |
|
||||
| 后缀X间距 | `option.suffixGridX` |
|
||||
| 后缀Y间距 | `option.suffixGridY` |
|
||||
|
||||
## 进度条设置 (CustomProgressOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 目标颜色 | `option.backgroundColor` |
|
||||
| 进度颜色 | `option.progressColor` |
|
||||
| 进度条宽度 | `option.barWidth` |
|
||||
| 边距 | `option.padding` |
|
||||
| 标题颜色 | `option.titleColor` |
|
||||
| 标题字体大小 | `option.titleFontSize` |
|
||||
| 标题位置 | `option.titlePosition` |
|
||||
| 数值颜色 | `option.valueColor` |
|
||||
| 数值字体大小 | `option.valueFontSize` |
|
||||
| 数值位置 | `option.valuePosition` |
|
||||
| 数值横向偏移 | `option.valueXOffset` |
|
||||
|
||||
## 列表进度图设置 (ListProgressOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 行高度 | `option.row.height` |
|
||||
| 行左边距 | `option.row.marginLeft` |
|
||||
| 行右边距 | `option.row.marginRight` |
|
||||
| 行上边距 | `option.row.marginTop` |
|
||||
| 进度条颜色 | `option.bar.background.color` |
|
||||
| 进度条填充色 | `option.bar.fill.color` |
|
||||
| 进度条高度 | `option.bar.height` |
|
||||
| 进度条圆角 | `option.bar.borderRadius` |
|
||||
| 指示点大小 | `option.bar.indicatorSize` |
|
||||
| 指示点颜色 | `option.bar.indicatorColor` |
|
||||
| 显示边框 | `option.bar.border.enabled` |
|
||||
| 边框颜色 | `option.bar.border.color` |
|
||||
| 边框大小 | `option.bar.border.width` |
|
||||
| 边框边距 | `option.bar.border.padding` |
|
||||
|
||||
## 水波图设置 (LiquidPlotOption) - JLiquid 组件
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 显示类型 | `option.liquidType` |
|
||||
| 波纹颜色 | `option.color` |
|
||||
| 波纹个数 | `option.count` |
|
||||
| 波纹长度 | `option.length` |
|
||||
| 外框颜色 | `option.borderColor` |
|
||||
| 外框宽度 | `option.borderWidth` |
|
||||
| 间距 | `option.distance` |
|
||||
| 透明度 | `option.strokeOpacity` |
|
||||
| 文本颜色 | `option.textColor` |
|
||||
| 文本字体大小 | `option.textFontSize` |
|
||||
|
||||
## 象形图设置 (PictorialOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 柱体颜色 | `option.barColor` |
|
||||
| 透明度 | `option.barOpacity` |
|
||||
| 间距 | `option.count` |
|
||||
|
||||
## 仪表盘设置 (GaugeOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 刻度值显隐 | `option.series[0].axisLabel.show` |
|
||||
| 刻度值颜色 | `option.series[0].axisLabel.color` |
|
||||
| 刻度值字体大小 | `option.series[0].axisLabel.fontSize` |
|
||||
| 刻度线显隐 | `option.series[0].axisTick.show` |
|
||||
| 刻度线长度 | `option.series[0].axisTick.length` |
|
||||
| 刻度线颜色 | `option.series[0].axisTick.lineStyle.color` |
|
||||
| 分割线显隐 | `option.series[0].splitLine.show` |
|
||||
| 分割线长度 | `option.series[0].splitLine.length` |
|
||||
| 分割线颜色 | `option.series[0].splitLine.lineStyle.color` |
|
||||
| 指标字号 | `option.series[0].detail.fontSize` |
|
||||
|
||||
## 渐变仪表盘设置 (AntvGaugeOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 粗细 | `option.gaugeWidth` |
|
||||
| 刻度值显隐 | `option.axisLabelShow` |
|
||||
| 刻度值颜色 | `option.axisLabelColor` |
|
||||
| 刻度值字体大小 | `option.axisLabelFontSize` |
|
||||
| 刻度线显隐 | `option.axisTickShow` |
|
||||
| 刻度线颜色 | `option.lineColor` |
|
||||
| 文本颜色 | `option.valueColor` |
|
||||
| 文本字体大小 | `option.valueFontSize` |
|
||||
| 指针颜色 | `option.indicatorColor` |
|
||||
| 指针粗细 | `option.indicatorLength` |
|
||||
|
||||
## 环形图设置 (ActiveRingPlotOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 颜色 | `option.color` |
|
||||
| 背景色 | `option.bgColor` |
|
||||
| 外环半径 | `option.outRadius` |
|
||||
| 内环半径 | `option.innerRadius` |
|
||||
| 标题字体大小 | `option.fontSize` |
|
||||
| 标题字体颜色 | `option.fontColor` |
|
||||
| 标题字体粗细 | `option.fontWeight` |
|
||||
| 数值字体大小 | `option.valueFontSize` |
|
||||
| 数值字体颜色 | `option.valueFontColor` |
|
||||
| 数值字体粗细 | `option.valueFontWeight` |
|
||||
|
||||
## 动态环形图设置 (ActiveRingOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 显示原始值 | `option.showOriginValue` |
|
||||
| 文字颜色 | `option.textColor` |
|
||||
| 文字大小 | `option.textFontSize` |
|
||||
| 线条宽度 | `option.lineWidth` |
|
||||
| 环半径 | `option.radius` |
|
||||
| 动态环半径 | `option.activeRadius` |
|
||||
|
||||
## 玉珏设置 (RadialBarOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 显示圆角 | `option.radiuShow` |
|
||||
| 背景显示 | `option.bgShow` |
|
||||
| 外环半径 | `option.radius` |
|
||||
| 内环半径 | `option.innerRadius` |
|
||||
| 最大旋转角 | `option.maxAngle` |
|
||||
|
||||
## 矩形图设置 (RectangleOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 文本颜色 | `option.titleColor` |
|
||||
| 文本字体大小 | `option.titleFontSize` |
|
||||
| 显示图例 | `option.showLegend` |
|
||||
|
||||
## 颜色块设置 (ColorBlockOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 行数 | `option.lineNum` |
|
||||
| 边距 | `option.padding` |
|
||||
| X间距 | `option.borderSplitx` |
|
||||
| Y间距 | `option.borderSplity` |
|
||||
| 小数位数 | `option.decimals` |
|
||||
| 字体大小 | `option.fontSize` |
|
||||
| 字体颜色 | `option.color` |
|
||||
| 字体粗细 | `option.fontWeight` |
|
||||
| 对齐方式 | `option.textAlign` |
|
||||
| 前缀字体颜色 | `option.prefixColor` |
|
||||
| 前缀字体粗细 | `option.prefixFontWeight` |
|
||||
| 前缀X间距 | `option.prefixSplitx` |
|
||||
| 前缀Y间距 | `option.prefixSplity` |
|
||||
| 后缀字体大小 | `option.suffixFontSize` |
|
||||
| 后缀字体颜色 | `option.suffixColor` |
|
||||
| 后缀字体粗细 | `option.suffixFontWeight` |
|
||||
| 后缀X间距 | `option.suffixSplitx` |
|
||||
|
||||
## 字符云设置 (WordCloudOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 字体颜色 | `option.color` |
|
||||
| 字体间距 | `option.padding` |
|
||||
| 字体旋转 | `option.rotation` |
|
||||
| 字体最大值 | `option.minSize` |
|
||||
| 字体最小值 | `option.maxSize` |
|
||||
| 形状 | `option.series[0].shape` |
|
||||
|
||||
## 闪光云设置 (FlashCloudOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 缩放 | `option.zoom` |
|
||||
| 字体大小 | `option.textSize` |
|
||||
| 字体颜色 | `option.textColor` |
|
||||
|
||||
## 轮播表格设置 (ScrollBoardOpt)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 悬浮暂停 | `option.hoverPause` |
|
||||
| 等待时间 | `option.waitTime` |
|
||||
| 开启排名 | `option.index` |
|
||||
| 列宽 | `option.indexWidth` |
|
||||
| 显示表头 | `option.headShow` |
|
||||
| 表头颜色 | `option.headerBGC` |
|
||||
| 表头行高 | `option.headerHeight` |
|
||||
| 每页行数 | `option.rowNum` |
|
||||
| 奇行颜色 | `option.oddRowBGC` |
|
||||
| 偶行颜色 | `option.evenRowBGC` |
|
||||
|
||||
## 表格设置 (ScrollTableStyle)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 开启排名 | `option.ranking` |
|
||||
| 开启滚动 | `option.scroll` |
|
||||
| 滚动时间 | `option.scrollTime` |
|
||||
| 显示表头 | `option.showHead` |
|
||||
| 表头背景颜色 | `option.headerBgColor` |
|
||||
| 表头字体颜色 | `option.headerFontColor` |
|
||||
| 表头字体大小 | `option.fontSize` |
|
||||
| 行高 | `option.lineHeight` |
|
||||
| 边框显示 | `option.showBorder` |
|
||||
| 边框宽度 | `option.borderWidth` |
|
||||
| 边框颜色 | `option.borderColor` |
|
||||
| 边框线类型 | `option.borderStyle` |
|
||||
| 表格字体颜色 | `option.bodyFontColor` |
|
||||
| 表格字体大小 | `option.bodyFontSize` |
|
||||
| 奇行颜色 | `option.oddColor` |
|
||||
| 偶行颜色 | `option.evenColor` |
|
||||
|
||||
## 数据表格设置 (TableStyle)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 表头背景颜色 | `option.headerBgColor` |
|
||||
| 表头字体大小 | `option.headerFontSize` |
|
||||
| 表头字体颜色 | `option.headerColor` |
|
||||
| 内容字体颜色 | `option.bodyColor` |
|
||||
| 内容字体大小 | `option.bodyFontSize` |
|
||||
| 内容背景颜色 | `option.bodyBgColor` |
|
||||
|
||||
## 列表设置 (ListStyle)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 显示标题前缀 | `option.showTitlePrefix` |
|
||||
| 显示时间前缀 | `option.showTimePrefix` |
|
||||
| 布局 | `option.layout` |
|
||||
| 标题字体颜色 | `option.titleFontColor` |
|
||||
| 标题字体粗细 | `option.titleFontWeight` |
|
||||
| 标题字体大小 | `option.titleFontSize` |
|
||||
| 图标颜色 | `option.iconColor` |
|
||||
| 内容颜色 | `option.contentColor` |
|
||||
| 开启动画 | `option.isEnableAnimation` |
|
||||
| 轮播时间(ms) | `option.scrollTime` |
|
||||
|
||||
## 滚动设置 (ScrollOption)
|
||||
|
||||
| 说明 | 配置路径 | 可选值 |
|
||||
|------|---------|--------|
|
||||
| 是否排序 | `option.sort` | |
|
||||
| 轮播方式 | `option.carousel` | `single`（单行）, `page`（整页） |
|
||||
| 显示行数 | `option.rowNum` | |
|
||||
| 滚动时间(ms) | `option.waitTime` | |
|
||||
|
||||
## 历程设置 (DevHistoryOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 缩放 | `option.zoom` |
|
||||
| 轮播间隔 | `option.waitTime` |
|
||||
| 背景色 | `option.typeBackColor` |
|
||||
| 字体颜色 | `option.typeFontColor` |
|
||||
| 内容字体颜色 | `option.titleColor` |
|
||||
| 内容字体大小 | `option.titleFontSize` |
|
||||
|
||||
## 气泡排名设置 (BubbleRankingStyle)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 比例 | `option.zoom` |
|
||||
| 显示提示词 | `option.showTip` |
|
||||
| 提示词颜色 | `option.titleColor` |
|
||||
| 提示词宽度 | `option.tipWidth` |
|
||||
| 提示词内容颜色 | `option.tipFontColor` |
|
||||
| 提示词内容字体大小 | `option.tipFontSize` |
|
||||
|
||||
## 3D金字塔/漏斗设置 (Pyramid3DOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 缩放 | `option.zoom` |
|
||||
| 尺寸 | `option.size` |
|
||||
|
||||
## 环形设置 (RingOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 内半径 | `option.innerRadius` |
|
||||
| 外半径 | `option.outRadius` |
|
||||
|
||||
## 南丁格尔玫瑰设置 (RoseOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 边框宽度 | `option.series[0].itemStyle.borderWidth` |
|
||||
| 颜色透明度 | `option.series[0].itemStyle.colorOpacity` |
|
||||
|
||||
## 胶囊图设置 (CapsuleChartOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 显示数值 | `option.showValue` |
|
||||
| X轴名称 | `option.unit` |
|
||||
|
||||
## 百分比柱状图样式 (PercentBarStyle)
|
||||
|
||||
| 说明 | 配置路径 | 可选值 |
|
||||
|------|---------|--------|
|
||||
| Y轴刻度颜色 | `option.yNameFontColor` | |
|
||||
| Y轴刻度字体大小 | `option.yNameFontSize` | |
|
||||
| X轴刻度颜色 | `option.xNameFontColor` | |
|
||||
| X轴刻度字体大小 | `option.xNameFontSize` | |
|
||||
| 图例位置 | `option.legendPosition` | `top`（居上）, `bottom`（居下） |
|
||||
| 图例字体颜色 | `option.legendFontColor` | |
|
||||
| 图例字体大小 | `option.legendFontSize` | |
|
||||
|
||||
## 进度条 ECharts 设置 (ProgressOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 显示标题 | `option.yAxis.axisLabel.show` |
|
||||
| 标题字体颜色 | `option.yAxis.axisLabel.color` |
|
||||
| 标题字体大小 | `option.yAxis.axisLabel.fontSize` |
|
||||
| 数值字体颜色 | `option.series[1].label.color` |
|
||||
| 数值字体大小 | `option.series[1].label.fontSize` |
|
||||
| 横向偏移 | `option.valueXOffset` |
|
||||
| 纵向偏移 | `option.valueYOffset` |
|
||||
| 柱体宽度 | `option.series[0].barWidth` |
|
||||
| 进度颜色 | `option.series[0].color` |
|
||||
| 目标颜色 | `option.series[1].color` |
|
||||
|
||||
## 地图设置 (MapOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 显示区域名称 | `option.geo.label.normal.show` |
|
||||
| 区域名称颜色 | `option.geo.label.normal.color` |
|
||||
| 区域名称字体大小 | `option.geo.label.normal.fontSize` |
|
||||
| 开启钻取 | `commonOption.breadcrumb.drillDown` |
|
||||
| 鼠标缩放 | `option.geo.roam` |
|
||||
| 缩放比例 | `option.geo.zoom` |
|
||||
| 长宽比 | `option.geo.aspectScale` |
|
||||
| 顶边距 | `option.geo.top` |
|
||||
| 左边距 | `option.geo.left` |
|
||||
|
||||
## 地图配色设置 (LineMapColorOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 启用渐变色 | `commonOption.gradientColor` |
|
||||
| 中心颜色 | `commonOption.areaColor.color1` |
|
||||
| 边缘颜色 | `commonOption.areaColor.color2` |
|
||||
| 区域颜色 | `commonOption.areaColor.color1` |
|
||||
| 区域高亮颜色 | `option.geo.itemStyle.emphasis.areaColor` |
|
||||
| 区域边界颜色 | `option.geo.itemStyle.normal.borderColor` |
|
||||
| 阴影大小 | `option.geo.itemStyle.normal.shadowBlur` |
|
||||
| 阴影水平偏移 | `option.geo.itemStyle.normal.shadowOffsetX` |
|
||||
| 阴影垂直偏移 | `option.geo.itemStyle.normal.shadowOffsetY` |
|
||||
| 阴影颜色 | `option.geo.itemStyle.normal.shadowColor` |
|
||||
|
||||
## 视觉映射设置 (VisualMapOption)
|
||||
|
||||
| 说明 | 配置路径 | 可选值 |
|
||||
|------|---------|--------|
|
||||
| 开启视觉映射 | `option.visualMap.show` | |
|
||||
| 类型 | `option.visualMap.type` | `continuous`, `piecewise` |
|
||||
| 文本颜色 | `option.visualMap.textStyle.color` | |
|
||||
| 文本粗细 | `option.visualMap.textStyle.fontWeight` | |
|
||||
| 文本字体大小 | `option.visualMap.textStyle.fontSize` | |
|
||||
| 最小值 | `option.visualMap.min` | |
|
||||
| 最大值 | `option.visualMap.max` | |
|
||||
|
||||
## 地图散点设置 (ScatterOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 散点大小 | `option.area.markerSize` |
|
||||
| 散点形状 | `option.area.markerShape` |
|
||||
| 散点类型 | `option.area.markerType` |
|
||||
| 散点颜色 | `option.area.markerColor` |
|
||||
| 散点文本显示 | `option.area.scatterLabelShow` |
|
||||
| 散点文本颜色 | `option.area.scatterLabelColor` |
|
||||
| 散点文本位置 | `option.area.scatterLabelPosition` |
|
||||
| 散点文本字体大小 | `option.area.scatterFontSize` |
|
||||
| 散点数量 | `option.area.markerCount` |
|
||||
| 散点透明度 | `option.area.markerOpacity` |
|
||||
|
||||
## 热力地图设置 (HeatOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 热力点大小 | `commonOption.heat.pointSize` |
|
||||
| 模糊大小 | `commonOption.heat.blurSize` |
|
||||
| 最大透明度 | `commonOption.heat.maxOpacity` |
|
||||
|
||||
## 柱体地图设置 (BarMapOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 柱体大小 | `commonOption.barSize` |
|
||||
| 柱体左侧颜色 | `commonOption.barColor` |
|
||||
| 柱体右侧颜色 | `commonOption.barColor2` |
|
||||
|
||||
## 飞线地图设置 (FlyLineOption)
|
||||
|
||||
| 说明 | 配置路径 |
|
||||
|------|---------|
|
||||
| 动画时间 | `commonOption.effect.period` |
|
||||
| 标记形状 | `commonOption.effect.markerShape` |
|
||||
| 标记大小 | `commonOption.effect.symbolSize` |
|
||||
| 标记颜色 | `commonOption.effect.markerColor` |
|
||||
| 尾迹长度 | `commonOption.effect.trailLength` |
|
||||
|
||||
---
|
||||
|
||||
## 组件数据格式 (chartData)
|
||||
|
||||
### 柱状图/折线图/混合图
|
||||
JBar, JStackBar, JLine, JSmoothLine, JStepLine, JMultipleLine, JArea, JMixLineBar, DoubleLineBar, JHorizontalBar, JBackgroundBar, JMultipleBar, JNegativeBar, JPercentBar
|
||||
```json
|
||||
[{"name": "一月", "value": 820, "type": "系列名"}]
|
||||
```
|
||||
双轴图额外字段：`"yAxisIndex": "0"` 或 `"1"`
|
||||
|
||||
### 饼图/环形图/玫瑰图
|
||||
JPie, JRose, JRing, JRotatePie, JBreakRing, JActiveRing, JRadialBar, JFunnel, JPyramidFunnel
|
||||
```json
|
||||
[{"name": "类别", "value": 800}]
|
||||
```
|
||||
|
||||
### 仪表盘
|
||||
JGauge, JColorGauge, JAntvGauge
|
||||
```json
|
||||
[{"min": 0, "max": 100, "label": "完成率", "value": 76}]
|
||||
```
|
||||
|
||||
### 半圆仪表盘
|
||||
JSemiGauge
|
||||
```json
|
||||
[{"total": 800, "used": 500}]
|
||||
```
|
||||
|
||||
### 水球图
|
||||
JLiquid（值为 0-100，前端自动除以100）
|
||||
```json
|
||||
[{"value": 75}]
|
||||
```
|
||||
|
||||
### 数字指标
|
||||
JNumber（对象格式，不是数组）
|
||||
```json
|
||||
{"value": 128560}
|
||||
```
|
||||
|
||||
### 翻牌器
|
||||
JCountTo
|
||||
```json
|
||||
{"value": 1024}
|
||||
```
|
||||
|
||||
### 文本
|
||||
JText
|
||||
```json
|
||||
{"value": "显示的文字内容"}
|
||||
```
|
||||
|
||||
### 排行榜
|
||||
JScrollRankingBoard（直接数组，不要 JSON.stringify）
|
||||
```json
|
||||
[{"name": "北京", "value": 1200}, {"name": "上海", "value": 1050}]
|
||||
```
|
||||
|
||||
### 滚动表格
|
||||
JScrollTable（数组 + option.fieldMapping）
|
||||
```json
|
||||
[{"col1": "值1", "col2": "值2"}]
|
||||
```
|
||||
option 需配合 `fieldMapping: [{"name": "列名", "key": "col1", "width": "30%"}]`
|
||||
|
||||
### 数据表格
|
||||
JTable, JCommonTable
|
||||
```json
|
||||
[
|
||||
{"fieldTxt": "姓名", "fieldName": "name", "type": "field", "isShow": "Y"},
|
||||
{"fieldTxt": "年龄", "fieldName": "age", "type": "field", "isShow": "Y"}
|
||||
]
|
||||
```
|
||||
|
||||
### 数据列表
|
||||
JList
|
||||
```json
|
||||
[{"title": "标题", "date": "2026-03-18", "desc": "描述", "avatar": "url"}]
|
||||
```
|
||||
|
||||
### 词云
|
||||
JWordCloud, JImgWordCloud, JFlashCloud
|
||||
```json
|
||||
[{"name": "关键词", "value": 100}]
|
||||
```
|
||||
|
||||
### 地图组件
|
||||
JAreaMap, JBubbleMap, JFlyLineMap, JBarMap, JHeatMap
|
||||
```json
|
||||
[{"name": "城市名", "value": 199}]
|
||||
```
|
||||
|
||||
### 按钮
|
||||
JRadioButton, JCustomButton
|
||||
```json
|
||||
[{"title": "按钮文字", "value": 0, "href": "https://example.com"}]
|
||||
```
|
||||
|
||||
### 轮播图
|
||||
JCarousel
|
||||
```json
|
||||
[{"src": "https://example.com/1.png"}, {"src": "https://example.com/2.png"}]
|
||||
```
|
||||
|
||||
### 进度条
|
||||
JProgress
|
||||
```json
|
||||
[{"name": "任务A", "value": 80, "total": 100}]
|
||||
```
|
||||
|
||||
### 胶囊图
|
||||
JCapsuleChart
|
||||
```json
|
||||
[{"name": "类目", "value": 500}]
|
||||
```
|
||||
|
||||
### 性别比例
|
||||
JGender
|
||||
```json
|
||||
[{"man": 60, "woman": 40}]
|
||||
```
|
||||
|
||||
### 统计卡片
|
||||
JStatsSummary
|
||||
```json
|
||||
[{"title": "指标名", "value": 1234, "unit": "元", "compare": 12.5, "label": "同比", "state": "up"}]
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 组件与设置面板映射表
|
||||
|
||||
每个组件在设计器右侧面板显示的配置项列表（optionList），以下为完整映射：
|
||||
|
||||
### 柱状图系列
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JBar | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption, BarCylinder, CustomColorOption, OtherOption |
|
||||
| JStackBar | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption, BarCylinder, CustomColorOption |
|
||||
| JDynamicBar | BasicOption, TitleOption, XAxisOption, YAxisOption, GridOption, BarCylinder |
|
||||
| JHorizontalBar | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption, BarCylinder, CustomColorOption |
|
||||
| JBackgroundBar | BasicOption, TitleOption, XAxisOption, YAxisOption, GridOption, NumOption, BarCylinder |
|
||||
| JMultipleBar | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption, BarCylinder, CustomColorOption |
|
||||
| JNegativeBar | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, CustomColorOption |
|
||||
| JPercentBar | BasicOption, PercentBarStyle, CustomColorOption |
|
||||
| JCapsuleChart | BasicOption, CapsuleChartOption, CustomColorOption |
|
||||
|
||||
### 折线/面积图系列
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JLine | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption, PolyglineOption, CustomColorOption, OtherOption |
|
||||
| JSmoothLine | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption, PolyglineOption |
|
||||
| JStepLine | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption |
|
||||
| JArea | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption, PolyglineOption, CustomColorOption |
|
||||
| JMultipleLine | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption, PolyglineOption, CustomColorOption |
|
||||
|
||||
### 混合图系列
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JMixLineBar | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, NumOption, BarCylinder, PolyglineOption, CustomColorOption |
|
||||
| DoubleLineBar | BasicOption, TitleOption, XAxisOption, YLeftAxisOption, YRightAxisOption, LegendOption, GridOption, NumOption, BarCylinder, PolyglineOption, CustomColorOption |
|
||||
|
||||
### 饼图/环形图系列
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JPie | BasicOption, TitleOption, LegendOption, gridPieOption, pieSettingOption, NumOption, CustomColorOption |
|
||||
| JRose | BasicOption, TitleOption, LegendOption, gridPieOption, RoseOption, NumOption, CustomColorOption |
|
||||
| JRotatePie | BasicOption, TitleOption, LegendOption, gridPieOption, CustomColorOption |
|
||||
| JRing | BasicOption, TitleOption, LegendOption, gridPieOption, RingOption, NumOption, CustomColorOption |
|
||||
| JBreakRing | BasicOption, BreakRingOption |
|
||||
| JActiveRing | BasicOption, ActiveRingOption, CustomColorOption |
|
||||
| JRadialBar | BasicOption, RadialBarOption, CustomColorOption |
|
||||
|
||||
### 仪表/进度系列
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JGauge | BasicOption, GaugeOption, CustomColorOption |
|
||||
| JColorGauge | BasicOption, GaugeOption, CustomColorOption |
|
||||
| JAntvGauge | BasicOption, AntvGaugeOption, CustomColorOption |
|
||||
| JSemiGauge | BasicOption, SemiGaugeOption |
|
||||
| JProgress | BasicOption, ProgressOption, CustomColorOption |
|
||||
| JCustomProgress | BasicOption, CustomProgressOption |
|
||||
| JListProgress | BasicOption, ListProgressOption |
|
||||
| JRoundProgress | BasicOption, RoundProgressOption |
|
||||
| JRingProgress | BasicOption, ActiveRingPlotOption |
|
||||
| JLiquid | BasicOption, LiquidPlotOption |
|
||||
|
||||
### 散点/气泡/漏斗系列
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JScatter | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption |
|
||||
| JBubble | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, CustomColorOption |
|
||||
| JQuadrant | BasicOption, TitleOption, XAxisOption, YAxisOption, LegendOption, GridOption, CustomColorOption |
|
||||
| JFunnel | BasicOption, TitleOption, LegendOption, NumOption, CustomColorOption |
|
||||
| JPyramidFunnel | BasicOption, TitleOption, LegendOption, NumOption, CustomColorOption |
|
||||
| JPyramid3D | BasicOption, Pyramid3DOption, CustomColorOption |
|
||||
| JRadar | BasicOption, TitleOption, LegendOption, CustomColorOption |
|
||||
|
||||
### 文本/数字系列
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JText | BasicOption, TextOption |
|
||||
| JCountTo | BasicOption, CountToTextOption |
|
||||
| JNumber | BasicOption |
|
||||
| JColorBlock | BasicOption, ColorBlockOption |
|
||||
| JCurrentTime | BasicOption, CountToTextOption |
|
||||
|
||||
### 表格/列表系列
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JScrollBoard | BasicOption, ScrollBoardOpt |
|
||||
| JScrollTable | BasicOption, ScrollTableStyle |
|
||||
| JCommonTable | BasicOption, TableStyle |
|
||||
| JTable | BasicOption, TableStyle |
|
||||
| JList | BasicOption, ListStyle |
|
||||
| JScrollList | BasicOption, ScrollListOption |
|
||||
| JScrollRankingBoard | BasicOption, ScrollOption |
|
||||
| JFlashList | BasicOption |
|
||||
| JBubbleRank | BasicOption, BubbleRankingStyle |
|
||||
| JDevHistory | BasicOption, DevHistoryOption |
|
||||
|
||||
### 地图系列
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JAreaMap | BasicOption, MapOption, LineMapColorOption, VisualMapOptoin |
|
||||
| JBubbleMap | BasicOption, MapOption, LineMapColorOption, ScatterOption, VisualMapOptoin |
|
||||
| JFlyLineMap | BasicOption, MapOption, LineMapColorOption, FlyLineOption, ScatterOption |
|
||||
| JBarMap | BasicOption, MapOption, LineMapColorOption, BarMapOption |
|
||||
| JHeatMap | BasicOption, MapOption, LineMapColorOption, HeatOption |
|
||||
| JTotalFlyLineMap | BasicOption, MapOption, LineMapColorOption, FlyLineOption, ScatterOption, TimeLineOption |
|
||||
| JTotalBarMap | BasicOption, MapOption, LineMapColorOption, BarMapOption, TimeLineOption |
|
||||
|
||||
### 其他组件
|
||||
| 组件 | 设置面板 |
|
||||
|------|---------|
|
||||
| JWordCloud | BasicOption, WordCloudOption |
|
||||
| JFlashCloud | BasicOption, FlashCloudOption |
|
||||
| JRadioButton | BasicOption, CustomColorOption |
|
||||
| JSelectRadio | BasicOption |
|
||||
| JPictorialBar | BasicOption, TitleOption, XAxisOption, YAxisOption, PictorialOption |
|
||||
| JGender | BasicOption |
|
||||
| JStatsSummary | BasicOption |
|
||||
| JCarousel | BasicOption, CarouselOption |
|
||||
| JVideoPlay | BasicOption |
|
||||
| JIframe | BasicOption |
|
||||
| JRectangle | BasicOption, RectangleOption |
|
||||
|
||||
---
|
||||
|
||||
## ECharts 与非 ECharts 组件区分
|
||||
|
||||
**ECharts 组件**（底层用 ECharts 渲染，option 遵循 ECharts 规范 + 扩展属性）：
|
||||
JBar, JStackBar, JDynamicBar, JHorizontalBar, JBackgroundBar, JMultipleBar, JNegativeBar,
|
||||
JLine, JSmoothLine, JStepLine, JMultipleLine, JArea,
|
||||
JMixLineBar, DoubleLineBar,
|
||||
JPie, JRose, JRotatePie, JRing,
|
||||
JScatter, JBubble, JQuadrant,
|
||||
JFunnel, JPyramidFunnel,
|
||||
JRadar, JCircleRadar,
|
||||
JGauge, JColorGauge,
|
||||
JProgress, JPictorialBar,
|
||||
JBar3d, JBarGroup3d,
|
||||
JWordCloud,
|
||||
JAreaMap, JBubbleMap, JFlyLineMap, JBarMap, JHeatMap, JTotalFlyLineMap, JTotalBarMap,
|
||||
JCustomEchart
|
||||
|
||||
**非 ECharts 组件**（自定义渲染，option 使用组件私有属性）：
|
||||
JNumber, JCountTo, JText, JColorBlock, JCurrentTime,
|
||||
JLiquid, JAntvGauge, JSemiGauge, JCustomProgress, JListProgress, JRoundProgress, JRingProgress,
|
||||
JActiveRing, JRadialBar, JBreakRing,
|
||||
JCapsuleChart, JPercentBar,
|
||||
JScrollBoard, JScrollTable, JCommonTable, JTable, JList, JScrollList, JScrollRankingBoard, JFlashList, JBubbleRank,
|
||||
JCarousel, JVideoPlay, JImg, JIframe,
|
||||
JRadioButton, JSelectRadio, JTabToggle, JForm,
|
||||
JDragBorder, JDragDecoration, JDragEditor,
|
||||
JPyramid3D, JGender, JStatsSummary,
|
||||
JFlashCloud, JImgWordCloud, JOrbitRing, JRectangle, JDevHistory
|
||||
469
.trae/skills/jimubi-dashboard/references/bi-component-types.md
Normal file
469
.trae/skills/jimubi-dashboard/references/bi-component-types.md
Normal file
@@ -0,0 +1,469 @@
|
||||
# 大屏/仪表盘组件类型完整参考
|
||||
|
||||
## 组件分类总览
|
||||
|
||||
共 142+ 组件，分为以下大类：
|
||||
|
||||
---
|
||||
|
||||
## 一、图表组件（ECharts）
|
||||
|
||||
### 柱状图系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JBar` | 基础柱状图 | 分类数据对比 |
|
||||
| `JHorizontalBar` | 横向柱状图 | 类目名较长 |
|
||||
| `JBackgroundBar` | 背景柱状图 | 带背景色柱状图 |
|
||||
| `JMultipleBar` | 分组柱状图 | 多系列对比 |
|
||||
| `JNegativeBar` | 正负柱状图 | 正负值对比 |
|
||||
| `JStackBar` | 堆叠柱状图 | 部分与整体 |
|
||||
| `JDynamicBar` | 动态柱状图 | 动画排名效果 |
|
||||
| `JCapsuleChart` | 胶囊柱状图 | 进度/占比展示 |
|
||||
| `JPercentBar` | 百分比柱状图 | 占比可视化 |
|
||||
|
||||
### 折线图系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JLine` | 基础折线图 | 趋势变化 |
|
||||
| `JSmoothLine` | 平滑曲线图 | 柔和趋势展示 |
|
||||
| `JStepLine` | 阶梯折线图 | 离散变化 |
|
||||
| `JMultipleLine` | 多折线图 | 多系列趋势 |
|
||||
|
||||
### 混合图系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JMixLineBar` | 柱线混合图 | 不同量级对比 |
|
||||
| `DoubleLineBar` | 双轴图 | 双Y轴混合 |
|
||||
|
||||
### 饼图/环形图系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JPie` | 饼图 | 占比分析 |
|
||||
| `JRose` | 玫瑰图 | 带大小的占比 |
|
||||
| `JRing` | 环形图 | 占比（中心可放数字） |
|
||||
| `JBreakRing` | 断裂环形图 | 特殊视觉效果 |
|
||||
| `JRotatePie` | 旋转饼图 | 动态展示 |
|
||||
| `JActiveRing` | 活动环形图 | 动画环形 |
|
||||
|
||||
### 仪表/进度系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JGauge` | 仪表盘 | 完成度/达标率 |
|
||||
| `JColorGauge` | 彩色仪表盘 | 多色阈值 |
|
||||
| `JAntvGauge` | AntV仪表盘 | G2Plot风格 |
|
||||
| `JSemiGauge` | 半圆仪表盘 | 半圆展示 |
|
||||
| `JProgress` | 进度条 | 完成进度 |
|
||||
| `JCustomProgress` | 自定义进度条 | 自定义样式 |
|
||||
| `JListProgress` | 列表进度条 | 多项进度对比 |
|
||||
| `JRoundProgress` | 圆形进度 | 圆形完成度 |
|
||||
| `JRingProgress` | 环形进度 | 环形完成度 |
|
||||
| `JLiquid` | 水球图 | 百分比/液位 |
|
||||
| `JRadialBar` | 径向柱状图 | 环形对比 |
|
||||
|
||||
### 散点/气泡系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JScatter` | 散点图 | 分布/相关性 |
|
||||
| `JBubble` | 气泡图 | 三维数据 |
|
||||
| `JQuadrant` | 象限图 | 四象限分析 |
|
||||
| `JBubbleRank` | 气泡排名 | 排名可视化 |
|
||||
|
||||
### 漏斗系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JFunnel` | 漏斗图 | 转化分析 |
|
||||
| `JPyramidFunnel` | 金字塔漏斗 | 层级占比 |
|
||||
| `JPyramid3D` | 3D金字塔 | 立体效果 |
|
||||
|
||||
### 雷达/其他
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JRadar` | 雷达图 | 多维度对比 |
|
||||
| `JCircleRadar` | 圆形雷达 | 圆形多维 |
|
||||
| `JRectangle` | 矩形树图 | 层级占比 |
|
||||
| `JGraphSimple` | 关系图 | 节点关系 |
|
||||
| `JWordCloud` | 词云 | 关键词频率 |
|
||||
| `JImgWordCloud` | 图片词云 | 图形词云 |
|
||||
| `JCustomEchart` | 自定义ECharts | 自定义配置 |
|
||||
|
||||
### 地图系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JAreaMap` | 区域地图 | 区域数据着色 |
|
||||
| `JBubbleMap` | 气泡地图 | 地理数据标注 |
|
||||
| `JFlyLineMap` | 飞线地图 | 迁徙/物流 |
|
||||
| `JBarMap` | 柱状地图 | 地理柱状 |
|
||||
| `JHeatMap` | 热力地图 | 密度分布 |
|
||||
| `JTotalFlyLineMap` | 多节点飞线 | 多点流动 |
|
||||
| `JTotalBarMap` | 多柱状地图 | 多地理柱状 |
|
||||
| `JGaoDeMap` | 高德地图 | 实际地图 |
|
||||
| `JFly3dMap` | 3D飞线地图 | 3D效果 |
|
||||
|
||||
### 3D图表
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JBar3d` | 3D柱状图 | 立体柱状 |
|
||||
| `JBarGroup3d` | 3D分组柱状图 | 立体分组 |
|
||||
|
||||
---
|
||||
|
||||
## 二、数据展示组件
|
||||
|
||||
### 表格系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JTable` | 数据表格 | 详细数据列表 |
|
||||
| `JCommonTable` | 通用表格 | 基础表格 |
|
||||
| `JScrollTable` | 滚动表格 | 自动轮播表格 |
|
||||
| `JPivotTable` | 透视表 | 交叉分析 |
|
||||
|
||||
### 列表/排行系列
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JList` | 列表 | 通用列表 |
|
||||
| `JScrollBoard` | 滚动看板 | 信息滚动 |
|
||||
| `JScrollList` | 滚动列表 | 列表轮播 |
|
||||
| `JScrollRankingBoard` | 排行榜 | 排名展示 |
|
||||
| `JFlashList` | 闪烁列表 | 动态列表 |
|
||||
| `JFlashCloud` | 闪烁云 | 标签云 |
|
||||
| `JRankingList` | 排名列表 | 静态排名 |
|
||||
| `JDynamicInfo` | 动态信息 | 实时信息流 |
|
||||
|
||||
---
|
||||
|
||||
## 三、数字/统计卡片
|
||||
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JNumber` | 数字指标 | KPI核心指标 |
|
||||
| `JCountTo` | 数字翻牌 | 动画计数 |
|
||||
| `JCurrentTime` | 实时时钟 | 当前时间 |
|
||||
| `JColorBlock` | 色块指标 | 颜色+数字 |
|
||||
| `JGrowCard` | 增长卡片 | 增长率指标 |
|
||||
| `JSimpleCard` | 简单卡片 | 信息卡片 |
|
||||
| `JProjectCard` | 项目卡片 | 项目概览 |
|
||||
| `JCustomCard` | 自定义卡片 | 灵活卡片 |
|
||||
| `JStatsSummary` | 统计概要 | 多指标汇总 |
|
||||
|
||||
---
|
||||
|
||||
## 四、交互/容器组件
|
||||
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JTabs` | 选项卡 | Tab切换 |
|
||||
| `JTabToggle` | 切换选项卡 | 简化Tab |
|
||||
| `JGrid` | 栅格布局 | 布局容器 |
|
||||
| `JQuickNav` | 快捷导航 | 菜单导航 |
|
||||
| `JRadioButton` | 单选按钮组 | 筛选切换 |
|
||||
| `JSelectRadio` | 下拉/单选 | 数据筛选 |
|
||||
| `JFilterQuery` | 筛选查询 | 复合查询 |
|
||||
| `JCustomButton` | 自定义按钮 | 操作按钮 |
|
||||
| `JForm` | 表单 | 查询表单 |
|
||||
| `JGroup` | 组合 | 组件编组（大屏） |
|
||||
|
||||
---
|
||||
|
||||
## 五、媒体组件
|
||||
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JImg` | 图片 | 图片展示 |
|
||||
| `JCarousel` | 轮播 | 图片/内容轮播 |
|
||||
| `JVideoPlay` | 视频 | 视频播放 |
|
||||
| `JVideoJs` | Video.js | 高级视频 |
|
||||
| `JIframe` | 内嵌页 | 嵌入外部页面 |
|
||||
| `JWeatherForecast` | 天气 | 天气预报 |
|
||||
|
||||
---
|
||||
|
||||
## 六、文本/装饰组件
|
||||
|
||||
| component | 名称 | 适用场景 |
|
||||
|-----------|------|---------|
|
||||
| `JText` | 文本 | 标题/说明文字 |
|
||||
| `JOrbitRing` | 轨道环 | 科技感装饰 |
|
||||
| `JCustomIcon` | 图标 | 自定义图标 |
|
||||
| `JDragBorder` | 装饰边框 | 13种边框样式 |
|
||||
| `JDragDecoration` | 装饰条 | 12种装饰样式 |
|
||||
| `JDragEditor` | 富文本 | TinyMCE编辑器 |
|
||||
| `JCalendar` | 日历 | 日历展示 |
|
||||
| `JPermanentCalendar` | 静态日历 | 固定日历 |
|
||||
|
||||
---
|
||||
|
||||
## 组件通用配置结构
|
||||
|
||||
### 大屏模式（bigScreen）组件 config
|
||||
|
||||
```json
|
||||
{
|
||||
"w": 450,
|
||||
"h": 300,
|
||||
"dataType": 1,
|
||||
"url": "",
|
||||
"timeOut": 0,
|
||||
"turnConfig": {
|
||||
"url": "",
|
||||
"type": "_blank"
|
||||
},
|
||||
"linkType": "url",
|
||||
"linkageConfig": [],
|
||||
"markLineConfig": {
|
||||
"show": false,
|
||||
"markLine": []
|
||||
},
|
||||
"dataMapping": [
|
||||
{"filed": "维度", "mapping": ""},
|
||||
{"filed": "数值", "mapping": ""}
|
||||
],
|
||||
"chartData": [],
|
||||
"option": {}
|
||||
}
|
||||
```
|
||||
|
||||
### 数据源类型（dataType）
|
||||
|
||||
| dataType | 说明 |
|
||||
|----------|------|
|
||||
| 1 | 静态数据（chartData 中直接写入） |
|
||||
| 2 | API 接口（url 字段指定） |
|
||||
| 3 | SQL 查询（数据集配置） |
|
||||
| 4 | 关联表单数据 |
|
||||
|
||||
### JNumber 组件 config 示例
|
||||
|
||||
```json
|
||||
{
|
||||
"dataType": 4,
|
||||
"formId": "form_code",
|
||||
"formName": "表单名称",
|
||||
"tableName": "table_name",
|
||||
"formType": "design",
|
||||
"valueFields": [{
|
||||
"fieldName": "record_count",
|
||||
"fieldTxt": "记录数量",
|
||||
"fieldType": "count",
|
||||
"widgetType": "text"
|
||||
}],
|
||||
"analysis": {
|
||||
"showData": 1,
|
||||
"isRawData": true,
|
||||
"isCompare": false,
|
||||
"showMode": 1,
|
||||
"trendType": "1"
|
||||
},
|
||||
"filter": {
|
||||
"conditionMode": "and",
|
||||
"conditionFields": [],
|
||||
"queryField": "create_time",
|
||||
"queryRange": "month"
|
||||
},
|
||||
"size": {"height": 500},
|
||||
"chart": {
|
||||
"subclass": "JNumber",
|
||||
"category": "Number"
|
||||
},
|
||||
"option": {
|
||||
"isCompare": false,
|
||||
"trendType": "1",
|
||||
"body": {"color": "#000000", "fontWeight": "bold"},
|
||||
"card": {"size": "small"}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### JBar/JLine 等轴类图表 config 示例
|
||||
|
||||
```json
|
||||
{
|
||||
"dataType": 1,
|
||||
"chartData": [
|
||||
{"name": "一月", "value": 820},
|
||||
{"name": "二月", "value": 932},
|
||||
{"name": "三月", "value": 901}
|
||||
],
|
||||
"size": {"width": 860, "height": 380},
|
||||
"chart": {
|
||||
"subclass": "JBar",
|
||||
"category": "Bar"
|
||||
},
|
||||
"option": {
|
||||
"title": {"text": "月度销售", "show": true},
|
||||
"tooltip": {"show": true},
|
||||
"legend": {"show": true},
|
||||
"xAxis": {
|
||||
"type": "category",
|
||||
"show": true,
|
||||
"data": ["一月", "二月", "三月"]
|
||||
},
|
||||
"yAxis": {"type": "value", "show": true},
|
||||
"series": [{
|
||||
"name": "销售额",
|
||||
"type": "bar",
|
||||
"data": [820, 932, 901]
|
||||
}],
|
||||
"grid": {"left": "10%", "right": "10%", "top": "15%", "bottom": "15%"}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### JPie 饼图 config 示例
|
||||
|
||||
```json
|
||||
{
|
||||
"dataType": 1,
|
||||
"chartData": [
|
||||
{"name": "直接访问", "value": 335},
|
||||
{"name": "邮件营销", "value": 310},
|
||||
{"name": "联盟广告", "value": 234}
|
||||
],
|
||||
"size": {"width": 500, "height": 350},
|
||||
"chart": {
|
||||
"subclass": "JPie",
|
||||
"category": "Pie"
|
||||
},
|
||||
"option": {
|
||||
"title": {"text": "访问来源", "show": true},
|
||||
"tooltip": {"show": true},
|
||||
"legend": {"show": true, "orient": "vertical", "left": "left"},
|
||||
"series": [{
|
||||
"name": "来源",
|
||||
"type": "pie",
|
||||
"radius": "55%",
|
||||
"data": [
|
||||
{"name": "直接访问", "value": 335},
|
||||
{"name": "邮件营销", "value": 310},
|
||||
{"name": "联盟广告", "value": 234}
|
||||
]
|
||||
}]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### JTable 表格 config 示例
|
||||
|
||||
```json
|
||||
{
|
||||
"dataType": 1,
|
||||
"chartData": [
|
||||
{"fieldTxt": "姓名", "fieldName": "name", "type": "field", "isShow": "Y", "isTotal": "N"},
|
||||
{"fieldTxt": "年龄", "fieldName": "age", "type": "field", "isShow": "Y", "isTotal": "Y"},
|
||||
{"fieldTxt": "地址", "fieldName": "address", "type": "field", "isShow": "Y", "isTotal": "N"}
|
||||
],
|
||||
"url": "http://api.jeecg.com/mock/42/tableData",
|
||||
"tableList": "http://api.jeecg.com/mock/42/tableList",
|
||||
"size": {"width": 700, "height": 350},
|
||||
"option": {
|
||||
"bordered": true,
|
||||
"size": "small"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### JCustomButton 按钮 config 示例
|
||||
|
||||
```json
|
||||
{
|
||||
"dataType": 1,
|
||||
"chartData": [{
|
||||
"btnId": "74591654852155",
|
||||
"title": "请假申请",
|
||||
"color": "#ED4B82",
|
||||
"icon": "ant-design:calendar-twotone",
|
||||
"operationType": "1",
|
||||
"openMode": "2",
|
||||
"worksheet": {
|
||||
"label": "请假申请",
|
||||
"value": "form_code",
|
||||
"key": "form_code"
|
||||
},
|
||||
"click": {
|
||||
"type": "1",
|
||||
"message": {"title": "确认执行？", "okText": "确认", "cancelText": "取消"}
|
||||
}
|
||||
}],
|
||||
"option": {
|
||||
"btnDirection": "column",
|
||||
"btnStyle": "solid",
|
||||
"rowNum": 5,
|
||||
"title": "常用操作",
|
||||
"btnType": "button",
|
||||
"btnWidth": "custom"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### JCarousel 轮播 config 示例
|
||||
|
||||
```json
|
||||
{
|
||||
"dataType": 1,
|
||||
"chartData": "[{\"src\":\"https://example.com/1.png\"},{\"src\":\"https://example.com/2.png\"}]",
|
||||
"size": {"width": 800, "height": 300},
|
||||
"option": {
|
||||
"dots": true,
|
||||
"autoplay": true,
|
||||
"dotPosition": "bottom"
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 大屏 vs 仪表盘 布局差异
|
||||
|
||||
### 大屏（bigScreen）
|
||||
- **布局方式**：绝对定位（像素坐标）
|
||||
- **坐标单位**：x/y 为像素值
|
||||
- **尺寸单位**：w/h 为像素值
|
||||
- **典型画布**：1920×1080 像素
|
||||
- **支持旋转**：是（angle 属性）
|
||||
- **背景**：深色 + 背景图
|
||||
|
||||
### 仪表盘（default）
|
||||
- **布局方式**：网格布局（vue-grid-layout）
|
||||
- **坐标单位**：x 为列号（0-23），y 为行号
|
||||
- **尺寸单位**：w 为列数（1-24），h 为行数（rowHeight=1px）
|
||||
- **支持旋转**：否
|
||||
- **背景**：浅色/白色
|
||||
|
||||
### template 中的坐标字段
|
||||
|
||||
| 字段 | 大屏 | 仪表盘 | 说明 |
|
||||
|------|------|--------|------|
|
||||
| `x` | 像素 | 栅格列 | 水平位置 |
|
||||
| `y` | 像素 | 栅格行 | 垂直位置 |
|
||||
| `w` | 像素 | 列数(1-24) | 宽度 |
|
||||
| `h` | 像素 | 行数 | 高度 |
|
||||
| `pcX` | 像素 | — | PC端水平位置 |
|
||||
| `pcY` | 像素 | — | PC端垂直位置 |
|
||||
| `pcW` | 像素 | — | PC端宽度 |
|
||||
|
||||
---
|
||||
|
||||
## 主题配置
|
||||
|
||||
### 大屏主题
|
||||
```json
|
||||
{
|
||||
"theme": "dark",
|
||||
"style": "bigScreen",
|
||||
"backgroundColor": "",
|
||||
"backgroundImage": "/img/bg/bg4.png"
|
||||
}
|
||||
```
|
||||
|
||||
可用背景图：
|
||||
- `/img/bg/bg1.png` ~ `/img/bg/bg10.png`
|
||||
|
||||
### 仪表盘主题
|
||||
```json
|
||||
{
|
||||
"theme": "default",
|
||||
"style": "default",
|
||||
"backgroundColor": "#f3f5f8"
|
||||
}
|
||||
```
|
||||
|
||||
组件主题颜色：`default`, `gray`, `green`, `red`, `blue`, `dark`
|
||||
1157
.trae/skills/jimubi-dashboard/references/bi_utils.py
Normal file
1157
.trae/skills/jimubi-dashboard/references/bi_utils.py
Normal file
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,938 @@
|
||||
{
|
||||
"id": "1522417428246568961",
|
||||
"name": "示例_乡村振兴普惠金融服务",
|
||||
"path": "/drag/page/view/1522417428246568961",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JImg",
|
||||
"w": 1,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 5,
|
||||
"i": "62cb9a5f-eb84-4f74-8e35-3fa54fd867f0",
|
||||
"y": 8,
|
||||
"pageCompId": "1522524336454377473",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 43,
|
||||
"height": 45
|
||||
},
|
||||
"w": 10,
|
||||
"dataType": 1,
|
||||
"h": 20,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"url": "https://jeecgos.oss-cn-beijing.aliyuncs.com/bigscreen/images/8830d68590e34dfdadd8ca0845763fd4.jpg"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 6,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 8,
|
||||
"i": "7e21b964-9332-4348-b36e-30314b6f92c2",
|
||||
"y": 0,
|
||||
"pageCompId": "1522524336693452802",
|
||||
"config": {
|
||||
"chartData": "乡村振兴普惠金融服务平台",
|
||||
"size": {
|
||||
"width": 306,
|
||||
"height": 78
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"fontSize": 23,
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 11
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 5,
|
||||
"moved": false,
|
||||
"x": 1,
|
||||
"h": 5,
|
||||
"i": "1edb6c33-8eb8-4f22-8711-55aef46767d7",
|
||||
"y": 8,
|
||||
"pageCompId": "1522524336823476225",
|
||||
"config": {
|
||||
"chartData": "农牧耕田（亩）：12345",
|
||||
"size": {
|
||||
"width": 253,
|
||||
"height": 45
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"fontSize": 14,
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 13
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JImg",
|
||||
"w": 1,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 5,
|
||||
"i": "f4d32efe-0cff-4845-8c38-bde3fdb0657c",
|
||||
"y": 13,
|
||||
"pageCompId": "1522524336903168002",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 43,
|
||||
"height": 45
|
||||
},
|
||||
"w": 10,
|
||||
"dataType": 1,
|
||||
"h": 20,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"url": "https://jeecgos.oss-cn-beijing.aliyuncs.com/bigscreen/images/8830d68590e34dfdadd8ca0845763fd4.jpg"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JImg",
|
||||
"w": 1,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 5,
|
||||
"i": "6b640017-ec02-407e-87d3-35b4da262384",
|
||||
"y": 18,
|
||||
"pageCompId": "1522524336974471169",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 43,
|
||||
"height": 45
|
||||
},
|
||||
"w": 10,
|
||||
"dataType": 1,
|
||||
"h": 20,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"url": "https://jeecgos.oss-cn-beijing.aliyuncs.com/bigscreen/images/8830d68590e34dfdadd8ca0845763fd4.jpg"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 5,
|
||||
"moved": false,
|
||||
"x": 1,
|
||||
"h": 5,
|
||||
"i": "f64eb1a5-faec-4b42-8490-88cddf20669b",
|
||||
"y": 13,
|
||||
"pageCompId": "1522524337066745858",
|
||||
"config": {
|
||||
"chartData": "农牧产量（斤）：56789",
|
||||
"size": {
|
||||
"height": 50
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"fontSize": 14,
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 11
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 5,
|
||||
"moved": false,
|
||||
"x": 1,
|
||||
"h": 5,
|
||||
"i": "402b8a18-951c-4bd0-b817-17b75d18cbd2",
|
||||
"y": 18,
|
||||
"pageCompId": "1522524337146437633",
|
||||
"config": {
|
||||
"chartData": "综合产品：4567768",
|
||||
"size": {
|
||||
"height": 50
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"fontSize": 14,
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 13
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JCommonTable",
|
||||
"w": 14,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 43,
|
||||
"i": "aafe3aec-5265-4769-8ba3-c3f693287100",
|
||||
"y": 38,
|
||||
"pageCompId": "1522524337251295233",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "乡村振兴_表格",
|
||||
"h": 42,
|
||||
"dataSetApi": "[{\"name\":\"数据\",\"sj\":\"1000\",\"type\":\"担保\",\"je\":\"50\",\"jg\":\"机构\",\"jl\":\"数据2\"},{\"name\":\"数据1\",\"sj\":\"1500\",\"type\":\"担保\",\"je\":\"100\",\"jg\":\"机构2\",\"jl\":\"李四\"},{\"name\":\"数据\",\"sj\":\"1000\",\"type\":\"担保\",\"je\":\"50\",\"jg\":\"机构\",\"jl\":\"数据2\"},{\"name\":\"数据1\",\"sj\":\"1500\",\"type\":\"担保\",\"je\":\"100\",\"jg\":\"机构2\",\"jl\":\"李四\"},{\"name\":\"数据\",\"sj\":\"1000\",\"type\":\"担保\",\"je\":\"50\",\"jg\":\"机构\",\"jl\":\"数据2\"},{\"name\":\"数据1\",\"sj\":\"1500\",\"type\":\"担保\",\"je\":\"100\",\"jg\":\"机构2\",\"jl\":\"李四\"},{\"name\":\"数据\",\"sj\":\"1000\",\"type\":\"担保\",\"je\":\"50\",\"jg\":\"机构\",\"jl\":\"数据2\"},{\"name\":\"数据1\",\"sj\":\"1500\",\"type\":\"担保\",\"je\":\"100\",\"jg\":\"机构2\",\"jl\":\"李四\"}]",
|
||||
"drillData": [],
|
||||
"timeOut": 0,
|
||||
"chartData": "",
|
||||
"size": {
|
||||
"width": 726,
|
||||
"height": 463
|
||||
},
|
||||
"dataSetId": "1522422772532256770",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "客户姓名",
|
||||
"text": "客户姓名",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "放款时间",
|
||||
"text": "放款时间",
|
||||
"value": "sj"
|
||||
},
|
||||
{
|
||||
"label": "担保方式",
|
||||
"text": "担保方式",
|
||||
"value": "type"
|
||||
},
|
||||
{
|
||||
"label": "放款金额",
|
||||
"text": "放款金额",
|
||||
"value": "je"
|
||||
},
|
||||
{
|
||||
"label": "法人机构",
|
||||
"text": "法人机构",
|
||||
"value": "jg"
|
||||
},
|
||||
{
|
||||
"label": "客户经理",
|
||||
"text": "客户经理",
|
||||
"value": "jl"
|
||||
}
|
||||
],
|
||||
"dataSetType": "json",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "name",
|
||||
"title": "客户姓名"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "sj",
|
||||
"title": "放款时间"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "type",
|
||||
"title": "担保方式"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "je",
|
||||
"title": "放款金额"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "jg",
|
||||
"title": "法人机构"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "jl",
|
||||
"title": "客户经理"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JLine",
|
||||
"w": 10,
|
||||
"moved": false,
|
||||
"x": 14,
|
||||
"h": 29,
|
||||
"i": "ba474f88-f06a-4459-adc0-53929c564e5f",
|
||||
"y": 0,
|
||||
"pageCompId": "1522524337356152834",
|
||||
"config": {
|
||||
"chartData": "[{\"value\":1000,\"name\":\"苹果\"},{\"value\":7350,\"name\":\"小米\"},{\"value\":5800,\"name\":\"梨\"},{\"value\":6000,\"name\":\"葡萄\"},{\"value\":3000,\"name\":\"山楂\"}]",
|
||||
"size": {
|
||||
"width": 516,
|
||||
"height": 309
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 61,
|
||||
"show": false,
|
||||
"right": 62
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"text": "五年产业变化趋势",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 10,
|
||||
"moved": false,
|
||||
"x": 14,
|
||||
"h": 28,
|
||||
"i": "88f93cd9-3a51-42aa-9a11-6edf685a5db9",
|
||||
"y": 29,
|
||||
"pageCompId": "1522524337461010433",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"苹果\",\"value\":1000879,\"type\":\"手机品牌\"},{\"name\":\"大豆\",\"value\":3400879,\"type\":\"手机品牌\"},{\"name\":\"小米\",\"value\":2300879,\"type\":\"手机品牌\"},{\"name\":\"小麦\",\"value\":5400879,\"type\":\"手机品牌\"},{\"name\":\"果蔬\",\"value\":3400879,\"type\":\"手机品牌\"}]",
|
||||
"size": {
|
||||
"width": 516,
|
||||
"height": 298
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"lineStyle": {
|
||||
"color": "#f3f3f3"
|
||||
},
|
||||
"splitLine": {
|
||||
"interval": 2
|
||||
}
|
||||
},
|
||||
"xAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"left": 66,
|
||||
"bottom": 65,
|
||||
"show": false,
|
||||
"right": 1
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "农产品排名",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JPie",
|
||||
"w": 10,
|
||||
"moved": false,
|
||||
"x": 14,
|
||||
"h": 24,
|
||||
"i": "4e7bb9d5-72c2-4f21-85cb-0f6289d9099e",
|
||||
"y": 57,
|
||||
"pageCompId": "1522524337565868034",
|
||||
"config": {
|
||||
"chartData": "[{\"value\":1048,\"name\":\"蔬菜\"},{\"value\":735,\"name\":\"果物\"},{\"value\":580,\"name\":\"粮食\"},{\"value\":484,\"name\":\"小米\"},{\"value\":300,\"name\":\"养殖\"}]",
|
||||
"size": {
|
||||
"width": 516,
|
||||
"height": 254
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"orient": "vertical"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"innerRadius": 50,
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "农业占比",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 5,
|
||||
"moved": false,
|
||||
"x": 1,
|
||||
"h": 5,
|
||||
"i": "53d91193-8d89-4291-be1b-cc6e43ef1bf9",
|
||||
"y": 23,
|
||||
"pageCompId": "1522524337670725634",
|
||||
"config": {
|
||||
"chartData": "综合收入：678904",
|
||||
"size": {
|
||||
"height": 50
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"fontSize": 14,
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 11
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JImg",
|
||||
"w": 1,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 5,
|
||||
"i": "e04f860d-3355-4ce2-8ad7-c7597f7365e2",
|
||||
"y": 23,
|
||||
"pageCompId": "1522524337742028802",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 43,
|
||||
"height": 45
|
||||
},
|
||||
"w": 10,
|
||||
"dataType": 1,
|
||||
"h": 20,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"url": "https://jeecgos.oss-cn-beijing.aliyuncs.com/bigscreen/images/8830d68590e34dfdadd8ca0845763fd4.jpg"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JImg",
|
||||
"w": 1,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 5,
|
||||
"i": "e52f5ced-8159-46e6-8a60-7349e9eb26b9",
|
||||
"y": 28,
|
||||
"pageCompId": "1522524337813331969",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 43,
|
||||
"height": 45
|
||||
},
|
||||
"w": 10,
|
||||
"dataType": 1,
|
||||
"h": 20,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"url": "https://jeecgos.oss-cn-beijing.aliyuncs.com/bigscreen/images/8830d68590e34dfdadd8ca0845763fd4.jpg"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 5,
|
||||
"moved": false,
|
||||
"x": 1,
|
||||
"h": 5,
|
||||
"i": "b6d236f0-827a-4b32-a556-e85fe44e7df1",
|
||||
"y": 28,
|
||||
"pageCompId": "1522524337884635138",
|
||||
"config": {
|
||||
"chartData": "农牧产量（斤）：56789",
|
||||
"size": {
|
||||
"height": 50
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"fontSize": 14,
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 11
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 5,
|
||||
"moved": false,
|
||||
"x": 1,
|
||||
"h": 5,
|
||||
"i": "018f02bb-eb4b-43f3-a98e-9a712681bb26",
|
||||
"y": 33,
|
||||
"pageCompId": "1522524337951744001",
|
||||
"config": {
|
||||
"chartData": "农牧产量（斤）：56789",
|
||||
"size": {
|
||||
"height": 50
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"fontSize": 14,
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 11
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JImg",
|
||||
"w": 1,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 5,
|
||||
"i": "ecc0ff70-9aa0-48ee-84c1-625c5069044c",
|
||||
"y": 33,
|
||||
"pageCompId": "1522524338023047170",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 43,
|
||||
"height": 45
|
||||
},
|
||||
"w": 10,
|
||||
"dataType": 1,
|
||||
"h": 20,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"url": "https://jeecgos.oss-cn-beijing.aliyuncs.com/bigscreen/images/8830d68590e34dfdadd8ca0845763fd4.jpg"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JFunnel",
|
||||
"w": 8,
|
||||
"moved": false,
|
||||
"x": 6,
|
||||
"h": 38,
|
||||
"i": "19ab2147-2c5c-47c7-8dce-bec960353793",
|
||||
"y": 0,
|
||||
"pageCompId": "1522524338094350337",
|
||||
"config": {
|
||||
"chartData": "[{\"value\":335,\"name\":\"果蔬\"},{\"value\":310,\"name\":\"粮食\"},{\"value\":234,\"name\":\"养殖\"}]",
|
||||
"size": {
|
||||
"width": 411,
|
||||
"height": 408
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/26/funnel",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115
|
||||
},
|
||||
"legend": {
|
||||
"orient": "horizontal",
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"left": "10%",
|
||||
"gap": 2,
|
||||
"name": "Funnel",
|
||||
"width": "80%",
|
||||
"emphasis": {
|
||||
"label": {
|
||||
"fontSize": 20
|
||||
}
|
||||
},
|
||||
"itemStyle": {
|
||||
"borderColor": "#fff",
|
||||
"borderWidth": 1
|
||||
},
|
||||
"sort": "descending",
|
||||
"label": {
|
||||
"show": true,
|
||||
"position": "inside"
|
||||
},
|
||||
"labelLine": {
|
||||
"lineStyle": {
|
||||
"width": 1,
|
||||
"type": "solid"
|
||||
},
|
||||
"length": 10
|
||||
},
|
||||
"type": "funnel"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"formatter": "{a}<br/>{b}:{c}%",
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "农产品收入排行",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-05-06 11:26:15",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-05-06 18:31:04",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,958 @@
|
||||
{
|
||||
"id": "1522121177760280578",
|
||||
"name": "示例_医院综合数据统计",
|
||||
"path": "/drag/page/view/1522121177760280578",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 9,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 8,
|
||||
"i": "5df901ff-2237-4aaf-91b2-74eb9103dc09",
|
||||
"y": 0,
|
||||
"pageCompId": "1523906947722629122",
|
||||
"config": {
|
||||
"chartData": "医院综合数据统计",
|
||||
"size": {
|
||||
"width": 607,
|
||||
"height": 78
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"fontSize": 25,
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 216
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JStackBar",
|
||||
"w": 8,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 37,
|
||||
"i": "35c97a7b-966d-4124-8589-9ad9175085e2",
|
||||
"y": 0,
|
||||
"pageCompId": "1523906947861041153",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"内科\",\"value\":10079,\"type\":\"床位\"},{\"name\":\"外科\",\"value\":34879,\"type\":\"床位\"},{\"name\":\"儿科\",\"value\":20879,\"type\":\"床位\"},{\"name\":\"骨科\",\"value\":5879,\"type\":\"床位\"},{\"name\":\"放射科\",\"value\":3479,\"type\":\"床位\"},{\"name\":\"内科\",\"value\":1879,\"type\":\"接诊\"},{\"name\":\"外科\",\"value\":3879,\"type\":\"接诊\"},{\"name\":\"儿科\",\"value\":2309,\"type\":\"接诊\"},{\"name\":\"放射科\",\"value\":5409,\"type\":\"接诊\"},{\"name\":\"骨科\",\"value\":3479,\"type\":\"接诊\"}]",
|
||||
"size": {
|
||||
"width": 539,
|
||||
"height": 397
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "分组"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/26/stackedBar",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"splitLine": {
|
||||
"lineStyle": {
|
||||
"color": "#F3F3F3"
|
||||
}
|
||||
},
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"xAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"type": "category",
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"bottom": 115
|
||||
},
|
||||
"series": [],
|
||||
"legend": {
|
||||
"r": 4,
|
||||
"t": 1
|
||||
},
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "机构情况",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JArea",
|
||||
"w": 7,
|
||||
"moved": false,
|
||||
"x": 17,
|
||||
"h": 25,
|
||||
"i": "f9936af9-9347-4ea2-8fda-4eef38fc2851",
|
||||
"y": 35,
|
||||
"pageCompId": "1523906947932344321",
|
||||
"config": {
|
||||
"chartData": "[{\"value\":300,\"name\":\"2010\"},{\"value\":605,\"name\":\"2011\"},{\"value\":580,\"name\":\"2012\"},{\"value\":700,\"name\":\"2013\"},{\"value\":1048,\"name\":\"2014\"}]",
|
||||
"size": {
|
||||
"width": 470,
|
||||
"height": 265
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"splitLine": {
|
||||
"lineStyle": {
|
||||
"color": "#F3F3F3"
|
||||
}
|
||||
},
|
||||
"name": "床位数",
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"xAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"data": [],
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"name": "年份",
|
||||
"boundaryGap": false,
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"left": 46,
|
||||
"bottom": 46,
|
||||
"right": 25
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"areaStyle": {},
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "床位总数",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 8,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 29,
|
||||
"i": "94f35443-fdf7-462c-8ed1-5eff21f41624",
|
||||
"y": 37,
|
||||
"pageCompId": "1523906948037201921",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"教授\",\"value\":123},{\"name\":\"博士\",\"value\":98},{\"name\":\"硕士\",\"value\":75},{\"name\":\"本科\",\"value\":66}]",
|
||||
"size": {
|
||||
"width": 539,
|
||||
"height": 309
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"lineStyle": {
|
||||
"color": "#f3f3f3"
|
||||
},
|
||||
"splitLine": {
|
||||
"lineStyle": {
|
||||
"color": "#F3F3F3"
|
||||
},
|
||||
"interval": 2
|
||||
},
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"xAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"type": "value",
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"top": 1,
|
||||
"left": 38,
|
||||
"bottom": 70,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"top": 1,
|
||||
"show": false,
|
||||
"text": "",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JColorGauge",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 27,
|
||||
"i": "6685b078-9067-42a5-a14d-9037dbe12131",
|
||||
"y": 66,
|
||||
"pageCompId": "1523906948108505089",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"满意度\",\"value\":95,\"unit\":\"%\"}]",
|
||||
"size": {
|
||||
"width": 264,
|
||||
"height": 287
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "名称"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/26/gauge",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"series": [
|
||||
{
|
||||
"axisLabel": {
|
||||
"show": true,
|
||||
"fontSize": 12
|
||||
},
|
||||
"pointer": {
|
||||
"width": 8
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": [
|
||||
[
|
||||
0.25,
|
||||
"#FF6E76"
|
||||
],
|
||||
[
|
||||
0.5,
|
||||
"#FDDD60"
|
||||
],
|
||||
[
|
||||
1,
|
||||
"#58D9F9"
|
||||
]
|
||||
],
|
||||
"width": 10
|
||||
}
|
||||
},
|
||||
"anchor": {
|
||||
"itemStyle": {
|
||||
"color": "#FAC858"
|
||||
}
|
||||
},
|
||||
"splitLine": {
|
||||
"lineStyle": {
|
||||
"color": "#EEEEEE",
|
||||
"width": 4
|
||||
},
|
||||
"length": 12
|
||||
},
|
||||
"axisTick": {
|
||||
"lineStyle": {
|
||||
"color": "#EEEEEE"
|
||||
},
|
||||
"show": true
|
||||
},
|
||||
"title": {
|
||||
"fontSize": 14
|
||||
}
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"formatter": "{a}<br/>{b}:{c}%"
|
||||
},
|
||||
"title": {
|
||||
"top": 1,
|
||||
"show": false,
|
||||
"text": "多色仪表盘",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JColorGauge",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 4,
|
||||
"h": 27,
|
||||
"i": "1e968150-d9d6-411b-833d-f95b231ae4ad",
|
||||
"y": 66,
|
||||
"pageCompId": "1523906948179808258",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"投诉率\",\"value\":4,\"unit\":\"%\"}]",
|
||||
"size": {
|
||||
"width": 264,
|
||||
"height": 287
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "名称"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/26/gauge",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"series": [
|
||||
{
|
||||
"axisLabel": {
|
||||
"show": true,
|
||||
"fontSize": 12
|
||||
},
|
||||
"pointer": {
|
||||
"width": 8
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": [
|
||||
[
|
||||
0.25,
|
||||
"#FF6E76"
|
||||
],
|
||||
[
|
||||
0.5,
|
||||
"#FDDD60"
|
||||
],
|
||||
[
|
||||
1,
|
||||
"#58D9F9"
|
||||
]
|
||||
],
|
||||
"width": 10
|
||||
}
|
||||
},
|
||||
"anchor": {
|
||||
"itemStyle": {
|
||||
"color": "#FAC858"
|
||||
}
|
||||
},
|
||||
"splitLine": {
|
||||
"lineStyle": {
|
||||
"color": "#EEEEEE",
|
||||
"width": 4
|
||||
},
|
||||
"length": 12
|
||||
},
|
||||
"axisTick": {
|
||||
"lineStyle": {
|
||||
"color": "#EEEEEE"
|
||||
},
|
||||
"show": true
|
||||
},
|
||||
"title": {
|
||||
"fontSize": 14
|
||||
}
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"formatter": "{a}<br/>{b}:{c}%"
|
||||
},
|
||||
"title": {
|
||||
"show": false,
|
||||
"text": "多色仪表盘",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JPie",
|
||||
"w": 7,
|
||||
"moved": false,
|
||||
"x": 17,
|
||||
"h": 32,
|
||||
"i": "cbc6855a-1bc5-403b-be2d-76af53b1eb40",
|
||||
"y": 60,
|
||||
"pageCompId": "1523906948246917122",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"核磁共振\",\"value\":1000879},{\"name\":\"呼吸机\",\"value\":3400879},{\"name\":\"CT\",\"value\":2300879},{\"name\":\"彩超\",\"value\":5400879},{\"name\":\"3D打印\",\"value\":3000}]",
|
||||
"size": {
|
||||
"width": 470,
|
||||
"height": 342
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"isRose": true,
|
||||
"grid": {
|
||||
"top": 47,
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"r": 7,
|
||||
"orient": "vertical"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"innerRadius": 50,
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "设备情况",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JLine",
|
||||
"w": 7,
|
||||
"moved": false,
|
||||
"x": 17,
|
||||
"h": 35,
|
||||
"i": "cc1dde8c-c064-438c-96a2-82a70bcb6815",
|
||||
"y": 0,
|
||||
"pageCompId": "1523906948351774722",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"1月\",\"value\":2,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"2月\",\"value\":4.9,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"3月\",\"value\":7,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"4月\",\"value\":23.2,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"5月\",\"value\":25.6,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"6月\",\"value\":76.7,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"7月\",\"value\":135.6,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"8月\",\"value\":162.2,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"9月\",\"value\":32.6,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"10月\",\"value\":20,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"11月\",\"value\":6.4,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"12月\",\"value\":3.3,\"series\":\"医师\",\"type\":\"bar\"},{\"name\":\"1月\",\"value\":2.6,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"2月\",\"value\":5.9,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"3月\",\"value\":9,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"4月\",\"value\":26.4,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"5月\",\"value\":28.7,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"6月\",\"value\":70.7,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"7月\",\"value\":175.6,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"8月\",\"value\":182.2,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"9月\",\"value\":48.7,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"10月\",\"value\":18.8,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"11月\",\"value\":6,\"series\":\"护士\",\"type\":\"bar\"},{\"name\":\"12月\",\"value\":2.3,\"series\":\"护士\",\"type\":\"bar\"}]",
|
||||
"size": {
|
||||
"width": 470,
|
||||
"height": 375
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"splitLine": {
|
||||
"lineStyle": {
|
||||
"color": "#F3F3F3"
|
||||
}
|
||||
},
|
||||
"name": "人数",
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"xAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"name": "月份",
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"left": 33,
|
||||
"bottom": 87,
|
||||
"show": false,
|
||||
"right": 53
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"text": "人员总数",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JRing",
|
||||
"w": 9,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 34,
|
||||
"i": "ac652ca3-c956-4e0b-8dc3-b1407f4d8f5c",
|
||||
"y": 24,
|
||||
"pageCompId": "1523906948423077889",
|
||||
"config": {
|
||||
"chartData": "[{\"value\":1048,\"name\":\"消炎药\"},{\"value\":735,\"name\":\"感冒药\"},{\"value\":580,\"name\":\"皮肤类药物\"},{\"value\":484,\"name\":\"外科用药\"}]",
|
||||
"size": {
|
||||
"width": 607,
|
||||
"height": 364
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"avoidLabelOverlap": false,
|
||||
"emphasis": {
|
||||
"label": {
|
||||
"show": true,
|
||||
"fontSize": "25",
|
||||
"fontWeight": "bold"
|
||||
}
|
||||
},
|
||||
"label": {
|
||||
"show": false,
|
||||
"position": "center"
|
||||
},
|
||||
"labelLine": {
|
||||
"show": false
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": [
|
||||
"40%",
|
||||
"70%"
|
||||
]
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "科室用药",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JFunnel",
|
||||
"w": 9,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 34,
|
||||
"i": "142fe7cf-1e45-4c52-9e6b-625bdf16d002",
|
||||
"y": 58,
|
||||
"pageCompId": "1523906948490186754",
|
||||
"config": {
|
||||
"chartData": "[{\"value\":25,\"name\":\"特级护士\"},{\"value\":310,\"name\":\"住院总医师\"},{\"value\":234,\"name\":\"护士\"},{\"name\":\"主任\",\"value\":50}]",
|
||||
"size": {
|
||||
"width": 607,
|
||||
"height": 364
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/26/funnel",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115
|
||||
},
|
||||
"legend": {
|
||||
"orient": "horizontal"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"left": "10%",
|
||||
"gap": 2,
|
||||
"name": "Funnel",
|
||||
"width": "80%",
|
||||
"emphasis": {
|
||||
"label": {
|
||||
"fontSize": 20
|
||||
}
|
||||
},
|
||||
"itemStyle": {
|
||||
"borderColor": "#fff",
|
||||
"borderWidth": 1
|
||||
},
|
||||
"sort": "descending",
|
||||
"label": {
|
||||
"show": true,
|
||||
"position": "inside"
|
||||
},
|
||||
"labelLine": {
|
||||
"lineStyle": {
|
||||
"width": 1,
|
||||
"type": "solid"
|
||||
},
|
||||
"length": 10
|
||||
},
|
||||
"type": "funnel"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"formatter": "{a}<br/>{b}:{c}%",
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "基础漏斗图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JGrowCard",
|
||||
"w": 9,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 16,
|
||||
"i": "3d9d75ff-99f5-49da-b16e-88447705dcc3",
|
||||
"y": 8,
|
||||
"pageCompId": "1523906948561489921",
|
||||
"config": {
|
||||
"chartData": "[ { \"title\": \"床位数\", \"icon\": \"\", \"value\": 258, \"prefix\": \"\", \"color\": \"green\", \"action\": \"\" }, { \"title\": \"人员数\", \"icon\": \"\", \"value\": 1120, \"total\": \"\", \"prefix\": \"\", \"color\": \"blue\", \"action\": \"\" }, { \"title\": \"百万设置\", \"icon\": \"\", \"value\": 870, \"prefix\": \"\", \"total\": \"\", \"color\": \"orange\", \"action\": \"\" }]",
|
||||
"size": {
|
||||
"width": 607,
|
||||
"height": 166
|
||||
},
|
||||
"w": 12,
|
||||
"dataType": 1,
|
||||
"h": 19,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"icon": {
|
||||
"scriptUrl": "//at.alicdn.com/t/font_3237315_b3fqd960glt.js",
|
||||
"fontSize": 20
|
||||
},
|
||||
"body": {
|
||||
"horizontal": 8,
|
||||
"vertical": 8,
|
||||
"span": 8
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "更多",
|
||||
"title": "统计卡片"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-05-05 15:49:03",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-05-10 14:05:04",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,378 @@
|
||||
{
|
||||
"id": "1517062686729338882",
|
||||
"name": "示例_年龄占比API",
|
||||
"path": "/drag/page/view/1517062686729338882",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JLine",
|
||||
"w": 13,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 44,
|
||||
"i": "503ecff5-5f00-4188-90f7-227f5847b895",
|
||||
"y": 0,
|
||||
"pageCompId": "1517064663387373570",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "name",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "value",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "图表API示例-年龄占比",
|
||||
"query": [],
|
||||
"dataSetApi": "http://api.jeecg.com/mock/51/jingwu/nianling",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1000,\"name\":\"联想\"},{\"value\":7350,\"name\":\"小米\"},{\"value\":5800,\"name\":\"华为\"},{\"value\":6000,\"name\":\"苹果\"},{\"value\":3000,\"name\":\"戴尔\"}]",
|
||||
"size": {
|
||||
"width": 889,
|
||||
"height": 474
|
||||
},
|
||||
"dataSetId": "1517046231342284802",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "年龄",
|
||||
"text": "年龄",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "数量",
|
||||
"text": "数量",
|
||||
"value": "value"
|
||||
}
|
||||
],
|
||||
"dataSetType": "api",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": false,
|
||||
"text": "基础折线图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JRing",
|
||||
"w": 11,
|
||||
"moved": false,
|
||||
"x": 13,
|
||||
"h": 44,
|
||||
"i": "5a72ce0b-838d-4777-838a-1a0505ef8394",
|
||||
"y": 0,
|
||||
"pageCompId": "1517064663563534337",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "name",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "value",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "图表API示例-年龄占比",
|
||||
"query": [],
|
||||
"dataSetApi": "http://api.jeecg.com/mock/51/jingwu/nianling",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"value\":1048,\"name\":\"oppo\"},{\"value\":735,\"name\":\"vivo\"},{\"value\":580,\"name\":\"苹果\"},{\"value\":484,\"name\":\"小米\"},{\"value\":300,\"name\":\"三星\"}]",
|
||||
"size": {
|
||||
"width": 751,
|
||||
"height": 474
|
||||
},
|
||||
"dataSetId": "1517046231342284802",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "年龄",
|
||||
"text": "年龄",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "数量",
|
||||
"text": "数量",
|
||||
"value": "value"
|
||||
}
|
||||
],
|
||||
"dataSetType": "api",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"avoidLabelOverlap": false,
|
||||
"emphasis": {
|
||||
"label": {
|
||||
"show": true,
|
||||
"fontSize": "25",
|
||||
"fontWeight": "bold"
|
||||
}
|
||||
},
|
||||
"label": {
|
||||
"show": false,
|
||||
"position": "center"
|
||||
},
|
||||
"labelLine": {
|
||||
"show": false
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": [
|
||||
"40%",
|
||||
"70%"
|
||||
]
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"title": {
|
||||
"show": false,
|
||||
"text": "基础环形图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JFunnel",
|
||||
"w": 13,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 49,
|
||||
"i": "39790ea2-63de-41b4-957b-5a51b7e11f29",
|
||||
"y": 44,
|
||||
"pageCompId": "1517064663664197634",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "name",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "value",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "图表API示例-年龄占比",
|
||||
"query": [],
|
||||
"dataSetApi": "http://api.jeecg.com/mock/51/jingwu/nianling",
|
||||
"url": "http://api.jeecg.com/mock/26/funnel",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"value\":335,\"name\":\"直接访问\"},{\"value\":310,\"name\":\"邮件营销\"},{\"value\":234,\"name\":\"联盟广告\"}]",
|
||||
"size": {
|
||||
"width": 889,
|
||||
"height": 529
|
||||
},
|
||||
"dataSetId": "1517046231342284802",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "年龄",
|
||||
"text": "年龄",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "数量",
|
||||
"text": "数量",
|
||||
"value": "value"
|
||||
}
|
||||
],
|
||||
"dataSetType": "api",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115
|
||||
},
|
||||
"legend": {
|
||||
"orient": "horizontal"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"left": "10%",
|
||||
"gap": 2,
|
||||
"name": "Funnel",
|
||||
"width": "80%",
|
||||
"emphasis": {
|
||||
"label": {
|
||||
"fontSize": 20
|
||||
}
|
||||
},
|
||||
"itemStyle": {
|
||||
"borderColor": "#fff",
|
||||
"borderWidth": 1
|
||||
},
|
||||
"sort": "descending",
|
||||
"label": {
|
||||
"show": true,
|
||||
"position": "inside"
|
||||
},
|
||||
"labelLine": {
|
||||
"lineStyle": {
|
||||
"width": 1,
|
||||
"type": "solid"
|
||||
},
|
||||
"length": 10
|
||||
},
|
||||
"type": "funnel"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"formatter": "{a}<br/>{b}:{c}%",
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "基础漏斗图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JCommonTable",
|
||||
"w": 11,
|
||||
"moved": false,
|
||||
"x": 13,
|
||||
"h": 49,
|
||||
"i": "9c1f12e1-d71d-4a12-b601-d6730fcd0223",
|
||||
"y": 44,
|
||||
"pageCompId": "1517064663798415361",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "图表API示例-年龄占比",
|
||||
"query": [],
|
||||
"h": 42,
|
||||
"dataSetApi": "http://api.jeecg.com/mock/51/jingwu/nianling",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"size": {
|
||||
"width": 751,
|
||||
"height": 529
|
||||
},
|
||||
"dataSetId": "1517046231342284802",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "年龄",
|
||||
"text": "年龄",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "数量",
|
||||
"text": "数量",
|
||||
"value": "value"
|
||||
}
|
||||
],
|
||||
"dataSetType": "api",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "name",
|
||||
"title": "年龄"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "value",
|
||||
"title": "数量"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-04-21 16:48:25",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-04-21 16:56:16",
|
||||
"updateCount": 1,
|
||||
"visitsNum": 1,
|
||||
"delFlag": 0
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,209 @@
|
||||
{
|
||||
"id": "1522823348231397378",
|
||||
"name": "示例_数据表格",
|
||||
"path": "/drag/page/view/1522823348231397378",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JForm",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 12,
|
||||
"i": "2c69541d-4945-4734-8813-f719cccff3e3",
|
||||
"y": 0,
|
||||
"pageCompId": "1524656729709641730",
|
||||
"config": {
|
||||
"size": {
|
||||
"height": 120
|
||||
},
|
||||
"w": 24,
|
||||
"dataType": 2,
|
||||
"h": 12,
|
||||
"linkageConfig": [
|
||||
{
|
||||
"linkageId": "491fc4c0-782c-49ac-838c-ae7003abece2",
|
||||
"linkage": [
|
||||
{
|
||||
"source": "name",
|
||||
"target": "name"
|
||||
},
|
||||
{
|
||||
"source": "sex",
|
||||
"target": "sex"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"timeOut": -1,
|
||||
"option": {
|
||||
"fields": [
|
||||
{
|
||||
"fieldName": "sex",
|
||||
"dictCode": "sex",
|
||||
"fieldTxt": "性别",
|
||||
"defaultValue": "1",
|
||||
"searchMode": "",
|
||||
"action": "",
|
||||
"id": "row57227ae2-04d1-4306-8878-314e099cd5ac",
|
||||
"izSearch": "1",
|
||||
"widgetType": "select"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JCommonTable",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "491fc4c0-782c-49ac-838c-ae7003abece2",
|
||||
"y": 12,
|
||||
"pageCompId": "1524656729776750593",
|
||||
"config": {
|
||||
"paramOption": [
|
||||
{
|
||||
"defaultVal": "1",
|
||||
"label": "sex",
|
||||
"text": "sex",
|
||||
"value": "sex"
|
||||
}
|
||||
],
|
||||
"dataType": 2,
|
||||
"dataSetName": "示例_数据表格",
|
||||
"query": [],
|
||||
"h": 42,
|
||||
"dataSetApi": "select*fromdemowheresex='${sex}'",
|
||||
"drillData": [],
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1522824721899511810",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "姓名",
|
||||
"text": "姓名",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "打卡时间",
|
||||
"text": "打卡时间",
|
||||
"value": "punch_time"
|
||||
},
|
||||
{
|
||||
"label": "工资",
|
||||
"text": "工资",
|
||||
"value": "salary_money"
|
||||
},
|
||||
{
|
||||
"label": "奖金",
|
||||
"text": "奖金",
|
||||
"value": "bonus_money"
|
||||
},
|
||||
{
|
||||
"label": "性别",
|
||||
"text": "性别",
|
||||
"value": "sex"
|
||||
},
|
||||
{
|
||||
"label": "年龄",
|
||||
"text": "年龄",
|
||||
"value": "age"
|
||||
},
|
||||
{
|
||||
"label": "生日",
|
||||
"text": "生日",
|
||||
"value": "birthday"
|
||||
},
|
||||
{
|
||||
"label": "邮箱",
|
||||
"text": "邮箱",
|
||||
"value": "email"
|
||||
},
|
||||
{
|
||||
"label": "个人简介",
|
||||
"text": "个人简介",
|
||||
"value": "content"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "name",
|
||||
"title": "姓名"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "punch_time",
|
||||
"title": "打卡时间"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "salary_money",
|
||||
"title": "工资"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "bonus_money",
|
||||
"title": "奖金"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "sex",
|
||||
"title": "性别"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "age",
|
||||
"title": "年龄"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "birthday",
|
||||
"title": "生日"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "email",
|
||||
"title": "邮箱"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "content",
|
||||
"title": "个人简介"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-05-07 14:19:14",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-05-12 15:44:26",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,684 @@
|
||||
{
|
||||
"id": "1522460228585529346",
|
||||
"name": "示例_旅游数据监控",
|
||||
"path": "/drag/page/view/1522460228585529346",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JRing",
|
||||
"w": 8,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 30,
|
||||
"i": "3e514383-e7b8-4038-8037-da02ceeb251f",
|
||||
"y": 0,
|
||||
"pageCompId": "1522466576295534593",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"18~30岁\",\"value\":5500},{\"name\":\"30~40岁\",\"value\":2000},{\"name\":\"40~60岁\",\"value\":1500},{\"name\":\"60岁以上\",\"value\":1200},{\"name\":\"18岁以下\",\"value\":800}]",
|
||||
"size": {
|
||||
"width": 411,
|
||||
"height": 320
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"avoidLabelOverlap": false,
|
||||
"emphasis": {
|
||||
"label": {
|
||||
"show": true,
|
||||
"fontSize": "25",
|
||||
"fontWeight": "bold"
|
||||
}
|
||||
},
|
||||
"label": {
|
||||
"show": false,
|
||||
"position": "center"
|
||||
},
|
||||
"labelLine": {
|
||||
"show": false
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": [
|
||||
"40%",
|
||||
"70%"
|
||||
]
|
||||
}
|
||||
],
|
||||
"legend": {
|
||||
"orient": "vertical"
|
||||
},
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "年龄占比",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 8,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 24,
|
||||
"i": "7c31dea0-fdf9-46ae-83f3-a3c1e50641f6",
|
||||
"y": 30,
|
||||
"pageCompId": "1522466576429752321",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"石家庄\",\"value\":51},{\"name\":\"邢台\",\"value\":121},{\"name\":\"邯郸\",\"value\":78},{\"name\":\"保定\",\"value\":66},{\"name\":\"廊坊\",\"value\":80},{\"name\":\"唐山\",\"value\":100}]",
|
||||
"size": {
|
||||
"width": 411,
|
||||
"height": 254
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"lineStyle": {
|
||||
"color": "#f3f3f3"
|
||||
},
|
||||
"splitLine": {
|
||||
"interval": 2
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"bottom": 63,
|
||||
"show": false,
|
||||
"right": 14
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "游客地区分部",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JLine",
|
||||
"w": 8,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 26,
|
||||
"i": "661c80a4-668f-4446-8f56-d8628e2511f9",
|
||||
"y": 54,
|
||||
"pageCompId": "1522466576526221314",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"5/1\",\"value\":1000},{\"name\":\"5/2\",\"value\":7350},{\"name\":\"5/3\",\"value\":5800},{\"name\":\"5/4\",\"value\":6000},{\"name\":\"5/5\",\"value\":3000}]",
|
||||
"size": {
|
||||
"width": 411,
|
||||
"height": 276
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"xAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"left": 46,
|
||||
"bottom": 58,
|
||||
"show": false,
|
||||
"right": 1
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"text": "游客趋势分析",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JPie",
|
||||
"w": 7,
|
||||
"moved": false,
|
||||
"x": 17,
|
||||
"h": 31,
|
||||
"i": "09a859e0-d906-4d6a-92d2-5cb9966aedfb",
|
||||
"y": 0,
|
||||
"pageCompId": "1522466576605913090",
|
||||
"config": {
|
||||
"chartData": "[{\"value\":1048,\"name\":\"火车\"},{\"value\":735,\"name\":\"飞机\"},{\"value\":580,\"name\":\"轮船\"},{\"value\":484,\"name\":\"自驾\"},{\"value\":300,\"name\":\"徒步\"}]",
|
||||
"size": {
|
||||
"width": 358,
|
||||
"height": 331
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"isRose": true,
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"r": 1,
|
||||
"orient": "vertical"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"innerRadius": 50,
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "交通方式",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JImg",
|
||||
"w": 9,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 25,
|
||||
"i": "c30dbcb0-4d27-4f25-83f5-de2bbbac401c",
|
||||
"y": 11,
|
||||
"pageCompId": "1522466576702382082",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 463,
|
||||
"height": 265
|
||||
},
|
||||
"w": 10,
|
||||
"dataType": 1,
|
||||
"h": 20,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"url": "http://minio.jeecg.com/otatest/111_1651818408914.png"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 5,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 5,
|
||||
"i": "d4f386cb-6074-4f46-84a7-7328b2b147bf",
|
||||
"y": 0,
|
||||
"pageCompId": "1522466576777879554",
|
||||
"config": {
|
||||
"chartData": "五星级",
|
||||
"size": {
|
||||
"width": 253,
|
||||
"height": 45
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 13,
|
||||
"h": 5,
|
||||
"i": "e355be6c-3c7f-4f6e-8014-7ff591f8c9b0",
|
||||
"y": 0,
|
||||
"pageCompId": "1522466576878542849",
|
||||
"config": {
|
||||
"chartData": "四星级",
|
||||
"size": {
|
||||
"width": 200,
|
||||
"height": 45
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 5,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 5,
|
||||
"i": "f6cb6f0f-3e74-4f97-8965-c83102f62248",
|
||||
"y": 5,
|
||||
"pageCompId": "1522466576954040321",
|
||||
"config": {
|
||||
"chartData": "56789",
|
||||
"size": {
|
||||
"height": 50
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 13,
|
||||
"h": 6,
|
||||
"i": "3e3d8fee-844f-4437-a593-899b6b1ff811",
|
||||
"y": 5,
|
||||
"pageCompId": "1522466577054703617",
|
||||
"config": {
|
||||
"chartData": "6789",
|
||||
"size": {
|
||||
"width": 200,
|
||||
"height": 56
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JPie",
|
||||
"w": 9,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 44,
|
||||
"i": "c3bb7ba4-8dc9-4e2a-8252-77ed74dd10d0",
|
||||
"y": 36,
|
||||
"pageCompId": "1522466577159561217",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"2~3小时\",\"value\":3500},{\"name\":\">=3小时\",\"value\":2400},{\"name\":\"1~2小时\",\"value\":2300},{\"name\":\"<=1小时\",\"value\":1800}]",
|
||||
"size": {
|
||||
"width": 463,
|
||||
"height": 474
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"orient": "vertical"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"innerRadius": 50,
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "基础饼图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JCommonTable",
|
||||
"w": 7,
|
||||
"moved": false,
|
||||
"x": 17,
|
||||
"h": 49,
|
||||
"i": "d3edcc06-4e00-4934-ab1e-066f058ea618",
|
||||
"y": 31,
|
||||
"pageCompId": "1522466577264418817",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "旅游数据监控",
|
||||
"h": 42,
|
||||
"dataSetApi": "[{\"type1\":\"路线1\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线2\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线3\",\"type3\":\"1111\",\"type2\":\"1111\"},{\"type1\":\"路线4\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线5\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线6\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线7\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线8\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线9\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线10\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线11\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线12\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线13\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线14\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线15\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线16\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线17\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线18\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线19\",\"type2\":\"1111\",\"type3\":\"1111\"},{\"type1\":\"路线20\",\"type2\":\"1111\",\"type3\":\"1111\"}]",
|
||||
"drillData": [],
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"size": {
|
||||
"width": 358,
|
||||
"height": 529
|
||||
},
|
||||
"dataSetId": "1522464505970302978",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "路线",
|
||||
"text": "路线",
|
||||
"value": "type1"
|
||||
},
|
||||
{
|
||||
"label": "车辆",
|
||||
"text": "车辆",
|
||||
"value": "type2"
|
||||
},
|
||||
{
|
||||
"label": "人数",
|
||||
"text": "人数",
|
||||
"value": "type3"
|
||||
}
|
||||
],
|
||||
"dataSetType": "json",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "type1",
|
||||
"title": "路线"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "type2",
|
||||
"title": "车辆"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "type3",
|
||||
"title": "人数"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-05-06 14:16:19",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-05-06 14:41:33",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,359 @@
|
||||
{
|
||||
"id": "1522835471967772673",
|
||||
"name": "示例_日期范围查询",
|
||||
"path": "/drag/page/view/1522835471967772673",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 12,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "918fc3ea-c88a-4c42-892b-d2a14967258e",
|
||||
"y": 12,
|
||||
"pageCompId": "1526496110877696002",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "username",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "sex",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [
|
||||
{
|
||||
"defaultVal": "2011-01-01",
|
||||
"label": "createTime_begin",
|
||||
"text": "createTime_begin",
|
||||
"value": "createTime_begin"
|
||||
},
|
||||
{
|
||||
"defaultVal": "2022-12-31",
|
||||
"label": "createTime_end",
|
||||
"text": "createTime_end",
|
||||
"value": "createTime_end"
|
||||
}
|
||||
],
|
||||
"dataType": 2,
|
||||
"dataSetName": "示例_日期范围查询",
|
||||
"query": [],
|
||||
"dataSetApi": "select * from sys_user where create_time >= '${createTime_begin}' and create_time <='${createTime_end}'",
|
||||
"drillData": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"name\":\"苹果\",\"value\":1000879,\"type\":\"手机品牌\"},{\"name\":\"三星\",\"value\":3400879,\"type\":\"手机品牌\"},{\"name\":\"小米\",\"value\":2300879,\"type\":\"手机品牌\"},{\"name\":\"oppo\",\"value\":5400879,\"type\":\"手机品牌\"},{\"name\":\"vivo\",\"value\":3400879,\"type\":\"手机品牌\"}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1522853857095376898",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "username",
|
||||
"text": "username",
|
||||
"value": "username"
|
||||
},
|
||||
{
|
||||
"label": "realname",
|
||||
"text": "realname",
|
||||
"value": "realname"
|
||||
},
|
||||
{
|
||||
"label": "sex",
|
||||
"text": "sex",
|
||||
"value": "sex"
|
||||
},
|
||||
{
|
||||
"label": "create_time",
|
||||
"text": "create_time",
|
||||
"value": "create_time"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"lineStyle": {
|
||||
"color": "#f3f3f3"
|
||||
},
|
||||
"splitLine": {
|
||||
"interval": 2
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "表单日期范围查询",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 12,
|
||||
"moved": false,
|
||||
"x": 12,
|
||||
"h": 42,
|
||||
"i": "d14e4994-171d-4ca1-8bd8-85dc821f56a7",
|
||||
"y": 12,
|
||||
"pageCompId": "1526496110948999169",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "username",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "sex",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [
|
||||
{
|
||||
"defaultVal": "2011-01-01",
|
||||
"label": "createTime_begin",
|
||||
"text": "createTime_begin",
|
||||
"value": "createTime_begin"
|
||||
},
|
||||
{
|
||||
"defaultVal": "2022-12-31",
|
||||
"label": "createTime_end",
|
||||
"text": "createTime_end",
|
||||
"value": "createTime_end"
|
||||
}
|
||||
],
|
||||
"dataType": 2,
|
||||
"dataSetName": "示例_日期范围查询",
|
||||
"query": [
|
||||
{
|
||||
"field": "createTime",
|
||||
"widgetType": "date"
|
||||
}
|
||||
],
|
||||
"dataSetApi": "select * from sys_user where create_time >= '${createTime_begin}' and create_time <='${createTime_end}'",
|
||||
"drillData": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"name\":\"苹果\",\"value\":1000879,\"type\":\"手机品牌\"},{\"name\":\"三星\",\"value\":3400879,\"type\":\"手机品牌\"},{\"name\":\"小米\",\"value\":2300879,\"type\":\"手机品牌\"},{\"name\":\"oppo\",\"value\":5400879,\"type\":\"手机品牌\"},{\"name\":\"vivo\",\"value\":3400879,\"type\":\"手机品牌\"}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1522853857095376898",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "username",
|
||||
"text": "username",
|
||||
"value": "username"
|
||||
},
|
||||
{
|
||||
"label": "realname",
|
||||
"text": "realname",
|
||||
"value": "realname"
|
||||
},
|
||||
{
|
||||
"label": "sex",
|
||||
"text": "sex",
|
||||
"value": "sex"
|
||||
},
|
||||
{
|
||||
"label": "create_time",
|
||||
"text": "create_time",
|
||||
"value": "create_time"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"lineStyle": {
|
||||
"color": "#f3f3f3"
|
||||
},
|
||||
"splitLine": {
|
||||
"lineStyle": {
|
||||
"color": "#F0EDED"
|
||||
},
|
||||
"show": true,
|
||||
"interval": 2
|
||||
},
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"xAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#7ED321"
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"splitLine": {
|
||||
"lineStyle": {
|
||||
"color": "#417505"
|
||||
},
|
||||
"show": false
|
||||
},
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": "单个组件日期范围查询"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JForm",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 12,
|
||||
"i": "eba57ed3-52c2-4ebd-aa70-81ed565d8488",
|
||||
"y": 0,
|
||||
"pageCompId": "1526496111003525121",
|
||||
"config": {
|
||||
"size": {
|
||||
"height": 120
|
||||
},
|
||||
"w": 24,
|
||||
"dataType": 2,
|
||||
"h": 12,
|
||||
"linkageConfig": [
|
||||
{
|
||||
"linkageId": "918fc3ea-c88a-4c42-892b-d2a14967258e",
|
||||
"linkage": [
|
||||
{
|
||||
"source": "createTime_begin",
|
||||
"target": "createTime_begin"
|
||||
},
|
||||
{
|
||||
"source": "createTime_end",
|
||||
"target": "createTime_end"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"timeOut": -1,
|
||||
"option": {
|
||||
"fields": [
|
||||
{
|
||||
"fieldName": "createTime",
|
||||
"dictCode": "",
|
||||
"fieldTxt": "创建时间",
|
||||
"defaultValue": "",
|
||||
"searchMode": "range",
|
||||
"action": "",
|
||||
"id": "rowdffe5384-d885-4ae7-9eab-81b8ee76265c",
|
||||
"izSearch": "1",
|
||||
"widgetType": "date"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-05-07 15:07:24",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-05-17 17:33:28",
|
||||
"updateCount": 1,
|
||||
"visitsNum": 1,
|
||||
"delFlag": 0
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,810 @@
|
||||
{
|
||||
"id": "1522451603569778690",
|
||||
"name": "示例_智能大数据",
|
||||
"path": "/drag/page/view/1522451603569778690",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 6,
|
||||
"i": "6070607f-f8cd-48f9-b8e6-74511388b222",
|
||||
"y": 0,
|
||||
"pageCompId": "1522523872572743681",
|
||||
"config": {
|
||||
"chartData": "本日产量",
|
||||
"size": {
|
||||
"width": 200,
|
||||
"height": 56
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 6,
|
||||
"i": "0ced8073-18dc-4d50-84be-5364d338a6b4",
|
||||
"y": 6,
|
||||
"pageCompId": "1522523872849567745",
|
||||
"config": {
|
||||
"chartData": "456786",
|
||||
"size": {
|
||||
"width": 200,
|
||||
"height": 56
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 12,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 44,
|
||||
"i": "e8e1e96a-6bcd-470f-8d52-3be655942a97",
|
||||
"y": 12,
|
||||
"pageCompId": "1522523872954425346",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"19日\",\"value\":100879,\"type\":\"手机品牌\"},{\"name\":\"20日\",\"value\":340879,\"type\":\"手机品牌\"},{\"name\":\"21日\",\"value\":230879,\"type\":\"手机品牌\"},{\"name\":\"22日\",\"value\":540879,\"type\":\"手机品牌\"},{\"name\":\"23日\",\"value\":340879,\"type\":\"手机品牌\"},{\"name\":\"24日\",\"value\":30879,\"type\":\"手机品牌\"},{\"name\":\"25日\",\"value\":34879,\"type\":\"手机品牌\"}]",
|
||||
"size": {
|
||||
"width": 621,
|
||||
"height": 474
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"lineStyle": {
|
||||
"color": "#f3f3f3"
|
||||
},
|
||||
"splitLine": {
|
||||
"interval": 2
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"bottom": 57,
|
||||
"show": false,
|
||||
"right": 6
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "每日产能",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JPie",
|
||||
"w": 6,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "5d40565e-8ac4-4156-8130-ab627e98a80c",
|
||||
"y": 56,
|
||||
"pageCompId": "1522523873038311426",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"未完成\",\"value\":4.9},{\"name\":\"已完成\",\"value\":95.1}]",
|
||||
"size": {
|
||||
"width": 306,
|
||||
"height": 452
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"r": 10,
|
||||
"orient": "horizontal",
|
||||
"t": 1
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"innerRadius": 50,
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "昨日概况",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JPie",
|
||||
"w": 6,
|
||||
"moved": false,
|
||||
"x": 6,
|
||||
"h": 42,
|
||||
"i": "60495499-f2d4-463d-ad7f-2487ee47592d",
|
||||
"y": 56,
|
||||
"pageCompId": "1522523873143169025",
|
||||
"config": {
|
||||
"chartData": "[{\"name\":\"未完成\",\"value\":3.8},{\"name\":\"已完成\",\"value\":96.2}]",
|
||||
"size": {
|
||||
"width": 306,
|
||||
"height": 452
|
||||
},
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"dataType": 1,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"r": 12,
|
||||
"orient": "horizontal"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"innerRadius": 50,
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "月概况",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JTabs",
|
||||
"w": 12,
|
||||
"moved": false,
|
||||
"x": 12,
|
||||
"h": 50,
|
||||
"i": "a83d340c-a493-4d37-935c-be8a35c09097",
|
||||
"y": 0,
|
||||
"pageCompId": "1522523873235443714",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 621,
|
||||
"height": 540
|
||||
},
|
||||
"w": 12,
|
||||
"h": 40,
|
||||
"option": {
|
||||
"title": "选项卡"
|
||||
},
|
||||
"child": [
|
||||
{
|
||||
"h": 42,
|
||||
"index": 0,
|
||||
"i": "4c96d729-f16d-4fea-a9c5-f82a6aef0225",
|
||||
"title": "实际生产",
|
||||
"horizontal": false,
|
||||
"component": "JCommonTable",
|
||||
"size": 10,
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"text": "0.042",
|
||||
"id": "1daf6c6b-7061-40d3-8980-cd20c163da40",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "智能大数据_实际生产",
|
||||
"h": 42,
|
||||
"dataSetApi": "[{\"gh\":\"ATJDS01\",\"gjbm\":\"TYIY-908\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序1\",\"zt\":\"已完成\"},{\"gh\":\"ATJDS01\",\"gjbm\":\"11CPER-44\",\"jgsj\":\"2021-03-2918:07\",\"dqgx\":\"工序2\",\"zt\":\"已完成\"},{\"gh\":\"PFTE56\",\"gjbm\":\"F56677\",\"jgsj\":\"2021-02-2807:07\",\"dqgx\":\"工序1\",\"zt\":\"已完成\"},{\"gh\":\"PFTE56\",\"gjbm\":\"99CVB-1\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序3\",\"zt\":\"已完成\"},{\"gh\":\"ATJDS01\",\"gjbm\":\"TYIY-908\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序1\",\"zt\":\"已完成\"},{\"gh\":\"ATJDS01\",\"gjbm\":\"11CPER-44\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序2\",\"zt\":\"已完成\"},{\"gh\":\"PFTE56\",\"gjbm\":\"F56677\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序1\",\"zt\":\"已完成\"},{\"gh\":\"PFTE56\",\"gjbm\":\"99CVB-1\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序3\",\"zt\":\"已完成\"},{\"gh\":\"ATJDS01\",\"gjbm\":\"TYIY-908\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序1\",\"zt\":\"已完成\"},{\"gh\":\"ATJDS01\",\"gjbm\":\"11CPER-44\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序2\",\"zt\":\"已完成\"},{\"gh\":\"PFTE56\",\"gjbm\":\"F56677\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序1\",\"zt\":\"已完成\"},{\"gh\":\"PFTE56\",\"gjbm\":\"99CVB-1\",\"jgsj\":\"2021-03-2817:07\",\"dqgx\":\"工序3\",\"zt\":\"已完成\"}]",
|
||||
"drillData": [],
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1522522034783920129",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "工号",
|
||||
"text": "工号",
|
||||
"value": "gh"
|
||||
},
|
||||
{
|
||||
"label": "编码",
|
||||
"text": "编码",
|
||||
"value": "gjbm"
|
||||
},
|
||||
{
|
||||
"label": "完成时间",
|
||||
"text": "完成时间",
|
||||
"value": "jgsj"
|
||||
},
|
||||
{
|
||||
"label": "工序",
|
||||
"text": "工序",
|
||||
"value": "dqgx"
|
||||
},
|
||||
{
|
||||
"label": "状态",
|
||||
"text": "状态",
|
||||
"value": "zt"
|
||||
}
|
||||
],
|
||||
"dataSetType": "json",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "gh",
|
||||
"title": "工号"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "gjbm",
|
||||
"title": "编码"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "jgsj",
|
||||
"title": "完成时间"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "dqgx",
|
||||
"title": "工序"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "zt",
|
||||
"title": "状态"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"child": []
|
||||
},
|
||||
{
|
||||
"h": 42,
|
||||
"index": 0,
|
||||
"i": "6163f3c5-7cd3-471f-84df-b53603bc922f",
|
||||
"title": "计划生产",
|
||||
"horizontal": false,
|
||||
"component": "JCommonTable",
|
||||
"size": 10,
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"text": "0.042",
|
||||
"id": "59ce013b-526f-487a-816a-de2d87ce4b9d",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "智能大数据",
|
||||
"h": 42,
|
||||
"dataSetApi": "[{\"gh\":\"ACDFE_0045\",\"gjbm\":\"56-REE-4\",\"jh\":\"1\",\"dqgx\":\"工程\",\"zt\":\"未开始\"},{\"gh\":\"ACDFE_0045\",\"gjbm\":\"BB-1L-0004\",\"jh\":\"2\",\"dqgx\":\"工序\",\"zt\":\"未开始\"},{\"gh\":\"JFL5GZ1-01\",\"gjbm\":\"DB-F5GNT-1\",\"jh\":\"1\",\"dqgx\":\"工程\",\"zt\":\"未开始\"},{\"gh\":\"JFL5GZ1-01\",\"gjbm\":\"A5-0001\",\"jh\":\"1\",\"dqgx\":\"总装工序\",\"zt\":\"未开始\"},{\"gh\":\"ACDFE_0045\",\"gjbm\":\"56-REE-4\",\"jh\":\"1\",\"dqgx\":\"工程\",\"zt\":\"未开始\"},{\"gh\":\"ACDFE_0045\",\"gjbm\":\"BB-1L-0004\",\"jh\":\"2\",\"dqgx\":\"工序\",\"zt\":\"未开始\"},{\"gh\":\"JFL5GZ1-01\",\"gjbm\":\"DB-F5GNT-1\",\"jh\":\"1\",\"dqgx\":\"工程\",\"zt\":\"未开始\"},{\"gh\":\"JFL5GZ1-01\",\"gjbm\":\"A5-0001\",\"jh\":\"1\",\"dqgx\":\"总装工序\",\"zt\":\"未开始\"},{\"gh\":\"ACDFE_0045\",\"gjbm\":\"56-REE-4\",\"jh\":\"1\",\"dqgx\":\"工程\",\"zt\":\"未开始\"},{\"gh\":\"ACDFE_0045\",\"gjbm\":\"BB-1L-0004\",\"jh\":\"2\",\"dqgx\":\"工序\",\"zt\":\"未开始\"},{\"gh\":\"JFL5GZ1-01\",\"gjbm\":\"DB-F5GNT-1\",\"jh\":\"1\",\"dqgx\":\"工程\",\"zt\":\"未开始\"},{\"gh\":\"JFL5GZ1-01\",\"gjbm\":\"A5-0001\",\"jh\":\"1\",\"dqgx\":\"总装工序\",\"zt\":\"未开始\"}]",
|
||||
"drillData": [],
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1522455203175997442",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "工号",
|
||||
"text": "工号",
|
||||
"value": "gh"
|
||||
},
|
||||
{
|
||||
"label": "构件编号",
|
||||
"text": "构件编号",
|
||||
"value": "gjbm"
|
||||
},
|
||||
{
|
||||
"label": "序号",
|
||||
"text": "序号",
|
||||
"value": "jh"
|
||||
},
|
||||
{
|
||||
"label": "状态",
|
||||
"text": "状态",
|
||||
"value": "zt"
|
||||
},
|
||||
{
|
||||
"label": "当前工序",
|
||||
"text": "当前工序",
|
||||
"value": "dqgx"
|
||||
}
|
||||
],
|
||||
"dataSetType": "json",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "gh",
|
||||
"title": "工号"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "gjbm",
|
||||
"title": "构件编号"
|
||||
},
|
||||
{
|
||||
"izShow": "N",
|
||||
"dataIndex": "jh",
|
||||
"title": "序号"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "zt",
|
||||
"title": "状态"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "dqgx",
|
||||
"title": "当前工序"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"child": []
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JTabs",
|
||||
"w": 12,
|
||||
"moved": false,
|
||||
"x": 12,
|
||||
"h": 48,
|
||||
"i": "7903672e-9139-4db9-ab25-24c0612537cb",
|
||||
"y": 50,
|
||||
"pageCompId": "1522523873340301313",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 621,
|
||||
"height": 518
|
||||
},
|
||||
"w": 12,
|
||||
"h": 40,
|
||||
"option": {
|
||||
"title": "选项卡"
|
||||
},
|
||||
"child": [
|
||||
{
|
||||
"h": 42,
|
||||
"index": 0,
|
||||
"i": "7b87441d-0f82-454a-80b9-6040dc1f8f5a",
|
||||
"title": "项目履约一览表",
|
||||
"horizontal": false,
|
||||
"component": "JCommonTable",
|
||||
"size": 10,
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"text": "0.042",
|
||||
"id": "f437ad36-afbd-475b-8402-e8be433022a2",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "智能大数据_一览表",
|
||||
"h": 42,
|
||||
"dataSetApi": "[{\"ddh\":\"A5CCU_2017...\",\"zcxm\":\"国际城0902\",\"zl\":\"2548\",\"jhrq\":\"2021-04-21\",\"scjd\":\"100%\"},{\"ddh\":\"A5CCU_2017...\",\"zcxm\":\"新城ERT\",\"zl\":\"27215\",\"jhrq\":\"2021-05-21\",\"scjd\":\"54%\"},{\"ddh\":\"A5CCU_2018...\",\"zcxm\":\"天桥TTY\",\"zl\":\"5423\",\"jhrq\":\"2021-12-21\",\"scjd\":\"100%\"},{\"ddh\":\"A5CCU_2018...\",\"zcxm\":\"国际中心地\",\"zl\":\"14427\",\"jhrq\":\"2021-12-21\",\"scjd\":\"88%\"},{\"ddh\":\"A5CCU_2019...\",\"zcxm\":\"新生广场\",\"zl\":\"2808\",\"jhrq\":\"2021-08-21\",\"scjd\":\"98%\"},{\"ddh\":\"A5CCU_2017...\",\"zcxm\":\"国际城0902\",\"zl\":\"2548\",\"jhrq\":\"2021-04-21\",\"scjd\":\"100%\"},{\"ddh\":\"A5CCU_2019...\",\"zcxm\":\"新生广场\",\"zl\":\"2808\",\"jhrq\":\"2021-08-21\",\"scjd\":\"98%\"},{\"ddh\":\"A5CCU_2017...\",\"zcxm\":\"新城ERT\",\"zl\":\"27215\",\"jhrq\":\"2021-05-21\",\"scjd\":\"54%\"}]",
|
||||
"drillData": [],
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1522523544120991745",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "订单号",
|
||||
"text": "订单号",
|
||||
"value": "ddh"
|
||||
},
|
||||
{
|
||||
"label": "在产项目",
|
||||
"text": "在产项目",
|
||||
"value": "zcxm"
|
||||
},
|
||||
{
|
||||
"label": "重量",
|
||||
"text": "重量",
|
||||
"value": "zl"
|
||||
},
|
||||
{
|
||||
"label": "交货日期",
|
||||
"text": "交货日期",
|
||||
"value": "jhrq"
|
||||
},
|
||||
{
|
||||
"label": "产量进度",
|
||||
"text": "产量进度",
|
||||
"value": "scjd"
|
||||
}
|
||||
],
|
||||
"dataSetType": "json",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "ddh",
|
||||
"title": "订单号"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "zcxm",
|
||||
"title": "在产项目"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "zl",
|
||||
"title": "重量"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "jhrq",
|
||||
"title": "交货日期"
|
||||
},
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "scjd",
|
||||
"title": "产量进度"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"child": []
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 4,
|
||||
"h": 6,
|
||||
"i": "38364ada-5aeb-4ca3-8bfe-c81c3894846d",
|
||||
"y": 0,
|
||||
"pageCompId": "1522523873445158914",
|
||||
"config": {
|
||||
"chartData": "本周产量",
|
||||
"size": {
|
||||
"width": 200,
|
||||
"height": 56
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 4,
|
||||
"h": 6,
|
||||
"i": "6f1363fd-4306-4452-82ac-b0427e064b59",
|
||||
"y": 6,
|
||||
"pageCompId": "1522523873529044994",
|
||||
"config": {
|
||||
"chartData": "1234678",
|
||||
"size": {
|
||||
"width": 200,
|
||||
"height": 56
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 6,
|
||||
"i": "8a101ba0-496e-451c-8d37-fefa1858f19c",
|
||||
"y": 0,
|
||||
"pageCompId": "1522523873621319682",
|
||||
"config": {
|
||||
"chartData": "本月产量",
|
||||
"size": {
|
||||
"width": 200,
|
||||
"height": 56
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JText",
|
||||
"w": 4,
|
||||
"moved": false,
|
||||
"x": 8,
|
||||
"h": 6,
|
||||
"i": "45600ba8-6cff-4083-8db8-fead5cfc88ab",
|
||||
"y": 6,
|
||||
"pageCompId": "1522523873726177281",
|
||||
"config": {
|
||||
"chartData": "87653908",
|
||||
"size": {
|
||||
"width": 200,
|
||||
"height": 56
|
||||
},
|
||||
"w": 5,
|
||||
"dataType": 1,
|
||||
"h": 5,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"body": {
|
||||
"color": "#4A90E2",
|
||||
"text": "",
|
||||
"fontWeight": "bold",
|
||||
"marginTop": 10,
|
||||
"marginLeft": 76
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-05-06 13:42:03",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-05-06 18:29:13",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,997 @@
|
||||
{
|
||||
"id": "1060100061204631552",
|
||||
"name": "示例_查询_联动",
|
||||
"path": "/drag/page/view/1060100061204631552",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"pcX": 0,
|
||||
"pcW": 24,
|
||||
"moved": false,
|
||||
"pcY": 0,
|
||||
"h": 12,
|
||||
"i": "d83aab3e-fb0e-4f5a-8c04-3b870e7d0cdd",
|
||||
"component": "JForm",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"pageCompId": "1060115766792736768",
|
||||
"config": {
|
||||
"borderColor": "#FFFFFF00",
|
||||
"paramOption": [
|
||||
{
|
||||
"defaultVal": "1",
|
||||
"label": "sex",
|
||||
"text": "sex",
|
||||
"value": "sex"
|
||||
}
|
||||
],
|
||||
"dataType": 2,
|
||||
"dataSetName": "示例_参数查询",
|
||||
"query": [],
|
||||
"h": 12,
|
||||
"dataSetApi": "select*fromdemowherenamelike'%${name}%'",
|
||||
"timeOut": -1,
|
||||
"size": {
|
||||
"height": 120
|
||||
},
|
||||
"dataSetId": "1516317603268657153",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "id",
|
||||
"text": "id",
|
||||
"value": "id"
|
||||
},
|
||||
{
|
||||
"label": "姓名",
|
||||
"text": "姓名",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "key_word",
|
||||
"text": "key_word",
|
||||
"value": "key_word"
|
||||
},
|
||||
{
|
||||
"label": "punch_time",
|
||||
"text": "punch_time",
|
||||
"value": "punch_time"
|
||||
},
|
||||
{
|
||||
"label": "salary_money",
|
||||
"text": "salary_money",
|
||||
"value": "salary_money"
|
||||
},
|
||||
{
|
||||
"label": "bonus_money",
|
||||
"text": "bonus_money",
|
||||
"value": "bonus_money"
|
||||
},
|
||||
{
|
||||
"label": "sex",
|
||||
"text": "sex",
|
||||
"value": "sex"
|
||||
},
|
||||
{
|
||||
"label": "age",
|
||||
"text": "age",
|
||||
"value": "age"
|
||||
},
|
||||
{
|
||||
"label": "birthday",
|
||||
"text": "birthday",
|
||||
"value": "birthday"
|
||||
},
|
||||
{
|
||||
"label": "email",
|
||||
"text": "email",
|
||||
"value": "email"
|
||||
},
|
||||
{
|
||||
"label": "content",
|
||||
"text": "content",
|
||||
"value": "content"
|
||||
},
|
||||
{
|
||||
"label": "create_by",
|
||||
"text": "create_by",
|
||||
"value": "create_by"
|
||||
},
|
||||
{
|
||||
"label": "create_time",
|
||||
"text": "create_time",
|
||||
"value": "create_time"
|
||||
},
|
||||
{
|
||||
"label": "update_by",
|
||||
"text": "update_by",
|
||||
"value": "update_by"
|
||||
},
|
||||
{
|
||||
"label": "update_time",
|
||||
"text": "update_time",
|
||||
"value": "update_time"
|
||||
},
|
||||
{
|
||||
"label": "sys_org_code",
|
||||
"text": "sys_org_code",
|
||||
"value": "sys_org_code"
|
||||
},
|
||||
{
|
||||
"label": "tenant_id",
|
||||
"text": "tenant_id",
|
||||
"value": "tenant_id"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"background": "#FFFFFF",
|
||||
"w": 24,
|
||||
"linkageConfig": [
|
||||
{
|
||||
"linkageId": "79f3e507-d7ab-4cd5-9402-ca5b41086a73",
|
||||
"linkage": [
|
||||
{
|
||||
"source": "name",
|
||||
"target": "name"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"linkageId": "95f190fb-69cc-4dc7-8f4c-b9f33460ad60",
|
||||
"linkage": [
|
||||
{
|
||||
"source": "name",
|
||||
"target": "name"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"fields": [
|
||||
{
|
||||
"fieldName": "name",
|
||||
"fieldTxt": "姓名",
|
||||
"id": "row0789b9da-89e4-4402-af25-2bb1043d68f7",
|
||||
"izSearch": "1",
|
||||
"widgetType": "input"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"key": "39f4e3eb-0e45-413a-bbef-83a5f594bf25"
|
||||
},
|
||||
{
|
||||
"pcX": 0,
|
||||
"pcW": 12,
|
||||
"moved": false,
|
||||
"pcY": 12,
|
||||
"h": 42,
|
||||
"i": "79f3e507-d7ab-4cd5-9402-ca5b41086a73",
|
||||
"component": "JBar",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 12,
|
||||
"pageCompId": "1060115766822096896",
|
||||
"config": {
|
||||
"borderColor": "#FFFFFF",
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "name",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "age",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [
|
||||
{
|
||||
"defaultVal": "",
|
||||
"label": "name",
|
||||
"text": "name",
|
||||
"value": "name"
|
||||
}
|
||||
],
|
||||
"dataType": 2,
|
||||
"dataSetName": "示例_参数查询",
|
||||
"query": [],
|
||||
"dataSetApi": "select*fromdemowherenamelike'%${name}%'",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"苹果\",\"value\":1000879,\"type\":\"手机品牌\"},{\"name\":\"三星\",\"value\":3400879,\"type\":\"手机品牌\"},{\"name\":\"小米\",\"value\":2300879,\"type\":\"手机品牌\"},{\"name\":\"oppo\",\"value\":5400879,\"type\":\"手机品牌\"},{\"name\":\"vivo\",\"value\":3400879,\"type\":\"手机品牌\"}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1516317603268657153",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "id",
|
||||
"text": "id",
|
||||
"value": "id"
|
||||
},
|
||||
{
|
||||
"label": "name",
|
||||
"text": "name",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "key_word",
|
||||
"text": "key_word",
|
||||
"value": "key_word"
|
||||
},
|
||||
{
|
||||
"label": "punch_time",
|
||||
"text": "punch_time",
|
||||
"value": "punch_time"
|
||||
},
|
||||
{
|
||||
"label": "salary_money",
|
||||
"text": "salary_money",
|
||||
"value": "salary_money"
|
||||
},
|
||||
{
|
||||
"label": "bonus_money",
|
||||
"text": "bonus_money",
|
||||
"value": "bonus_money"
|
||||
},
|
||||
{
|
||||
"label": "sex",
|
||||
"text": "sex",
|
||||
"value": "sex"
|
||||
},
|
||||
{
|
||||
"label": "age",
|
||||
"text": "age",
|
||||
"value": "age"
|
||||
},
|
||||
{
|
||||
"label": "birthday",
|
||||
"text": "birthday",
|
||||
"value": "birthday"
|
||||
},
|
||||
{
|
||||
"label": "email",
|
||||
"text": "email",
|
||||
"value": "email"
|
||||
},
|
||||
{
|
||||
"label": "content",
|
||||
"text": "content",
|
||||
"value": "content"
|
||||
},
|
||||
{
|
||||
"label": "create_by",
|
||||
"text": "create_by",
|
||||
"value": "create_by"
|
||||
},
|
||||
{
|
||||
"label": "create_time",
|
||||
"text": "create_time",
|
||||
"value": "create_time"
|
||||
},
|
||||
{
|
||||
"label": "update_by",
|
||||
"text": "update_by",
|
||||
"value": "update_by"
|
||||
},
|
||||
{
|
||||
"label": "update_time",
|
||||
"text": "update_time",
|
||||
"value": "update_time"
|
||||
},
|
||||
{
|
||||
"label": "sys_org_code",
|
||||
"text": "sys_org_code",
|
||||
"value": "sys_org_code"
|
||||
},
|
||||
{
|
||||
"label": "tenant_id",
|
||||
"text": "tenant_id",
|
||||
"value": "tenant_id"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"actionConfig": {
|
||||
"operateType": "modal",
|
||||
"modalName": "",
|
||||
"url": ""
|
||||
},
|
||||
"background": "#FFFFFF",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"dictOptions": {},
|
||||
"linkageConfig": [
|
||||
{
|
||||
"linkageId": "a7de05b4-3eab-40ce-bb95-39d650ea3c1b",
|
||||
"linkage": [
|
||||
{
|
||||
"source": "age",
|
||||
"target": "age"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"xAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#6E707A"
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"nameTextStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"top": 40,
|
||||
"left": 31,
|
||||
"bottom": 37,
|
||||
"show": false,
|
||||
"right": 1
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "#EDEDED"
|
||||
},
|
||||
"itemStyle": {
|
||||
"color": "#64B5F6"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "基础柱形图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "e0f6561e-74e6-45a7-8284-696328eee8da"
|
||||
},
|
||||
{
|
||||
"pcX": 12,
|
||||
"pcW": 12,
|
||||
"moved": false,
|
||||
"pcY": 12,
|
||||
"h": 42,
|
||||
"i": "95f190fb-69cc-4dc7-8f4c-b9f33460ad60",
|
||||
"component": "JPie",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 54,
|
||||
"pageCompId": "1060115766830485504",
|
||||
"config": {
|
||||
"borderColor": "#FFFFFF00",
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "name",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "age",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [
|
||||
{
|
||||
"defaultVal": "",
|
||||
"label": "name",
|
||||
"text": "name",
|
||||
"value": "name"
|
||||
}
|
||||
],
|
||||
"dataType": 2,
|
||||
"dataSetName": "示例_参数查询",
|
||||
"query": [],
|
||||
"dataSetApi": "select*fromdemowherenamelike'%${name}%'",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1048,\"name\":\"vivo\"},{\"value\":735,\"name\":\"oppo\"},{\"value\":580,\"name\":\"苹果\"},{\"value\":484,\"name\":\"小米\"},{\"value\":300,\"name\":\"三星\"}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1516317603268657153",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "id",
|
||||
"text": "id",
|
||||
"value": "id"
|
||||
},
|
||||
{
|
||||
"label": "name",
|
||||
"text": "name",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "key_word",
|
||||
"text": "key_word",
|
||||
"value": "key_word"
|
||||
},
|
||||
{
|
||||
"label": "punch_time",
|
||||
"text": "punch_time",
|
||||
"value": "punch_time"
|
||||
},
|
||||
{
|
||||
"label": "salary_money",
|
||||
"text": "salary_money",
|
||||
"value": "salary_money"
|
||||
},
|
||||
{
|
||||
"label": "bonus_money",
|
||||
"text": "bonus_money",
|
||||
"value": "bonus_money"
|
||||
},
|
||||
{
|
||||
"label": "sex",
|
||||
"text": "sex",
|
||||
"value": "sex"
|
||||
},
|
||||
{
|
||||
"label": "age",
|
||||
"text": "age",
|
||||
"value": "age"
|
||||
},
|
||||
{
|
||||
"label": "birthday",
|
||||
"text": "birthday",
|
||||
"value": "birthday"
|
||||
},
|
||||
{
|
||||
"label": "email",
|
||||
"text": "email",
|
||||
"value": "email"
|
||||
},
|
||||
{
|
||||
"label": "content",
|
||||
"text": "content",
|
||||
"value": "content"
|
||||
},
|
||||
{
|
||||
"label": "create_by",
|
||||
"text": "create_by",
|
||||
"value": "create_by"
|
||||
},
|
||||
{
|
||||
"label": "create_time",
|
||||
"text": "create_time",
|
||||
"value": "create_time"
|
||||
},
|
||||
{
|
||||
"label": "update_by",
|
||||
"text": "update_by",
|
||||
"value": "update_by"
|
||||
},
|
||||
{
|
||||
"label": "update_time",
|
||||
"text": "update_time",
|
||||
"value": "update_time"
|
||||
},
|
||||
{
|
||||
"label": "sys_org_code",
|
||||
"text": "sys_org_code",
|
||||
"value": "sys_org_code"
|
||||
},
|
||||
{
|
||||
"label": "tenant_id",
|
||||
"text": "tenant_id",
|
||||
"value": "tenant_id"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"background": "#FFFFFF",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"dictOptions": {},
|
||||
"linkageConfig": [
|
||||
{
|
||||
"linkageId": "9e46a297-752b-40bc-95c7-d28f87ce7cd5",
|
||||
"linkage": [
|
||||
{
|
||||
"source": "age",
|
||||
"target": "age"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"linkageId": "a7de05b4-3eab-40ce-bb95-39d650ea3c1b",
|
||||
"linkage": [
|
||||
{
|
||||
"source": "age",
|
||||
"target": "age"
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"top": 50,
|
||||
"left": 43,
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"r": 1,
|
||||
"orient": "vertical",
|
||||
"t": 8
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"label": {
|
||||
"color": "#464646"
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "基础饼图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "0e404bb9-92e5-494e-82d3-c76b5cd285c7"
|
||||
},
|
||||
{
|
||||
"pcX": 0,
|
||||
"pcW": 12,
|
||||
"moved": false,
|
||||
"pcY": 54,
|
||||
"h": 35,
|
||||
"i": "a7de05b4-3eab-40ce-bb95-39d650ea3c1b",
|
||||
"component": "JLine",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 96,
|
||||
"pageCompId": "1060115766843068416",
|
||||
"config": {
|
||||
"borderColor": "#FFFFFF00",
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "name",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "age",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [
|
||||
{
|
||||
"defaultVal": "",
|
||||
"label": "age",
|
||||
"text": "age",
|
||||
"value": "age"
|
||||
}
|
||||
],
|
||||
"dataType": 2,
|
||||
"dataSetName": "示例_根据年龄查询用户",
|
||||
"query": [],
|
||||
"dataSetApi": "select*fromdemowhereage=${age}",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1000,\"name\":\"联想\"},{\"value\":7350,\"name\":\"小米\"},{\"value\":5800,\"name\":\"华为\"},{\"value\":6000,\"name\":\"苹果\"},{\"value\":3000,\"name\":\"戴尔\"}]",
|
||||
"size": {
|
||||
"width": 762,
|
||||
"height": 375
|
||||
},
|
||||
"dataSetId": "1517071247723233281",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "id",
|
||||
"text": "id",
|
||||
"value": "id"
|
||||
},
|
||||
{
|
||||
"label": "name",
|
||||
"text": "name",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "key_word",
|
||||
"text": "key_word",
|
||||
"value": "key_word"
|
||||
},
|
||||
{
|
||||
"label": "punch_time",
|
||||
"text": "punch_time",
|
||||
"value": "punch_time"
|
||||
},
|
||||
{
|
||||
"label": "salary_money",
|
||||
"text": "salary_money",
|
||||
"value": "salary_money"
|
||||
},
|
||||
{
|
||||
"label": "bonus_money",
|
||||
"text": "bonus_money",
|
||||
"value": "bonus_money"
|
||||
},
|
||||
{
|
||||
"label": "sex",
|
||||
"text": "sex",
|
||||
"value": "sex"
|
||||
},
|
||||
{
|
||||
"label": "age",
|
||||
"text": "age",
|
||||
"value": "age"
|
||||
},
|
||||
{
|
||||
"label": "birthday",
|
||||
"text": "birthday",
|
||||
"value": "birthday"
|
||||
},
|
||||
{
|
||||
"label": "email",
|
||||
"text": "email",
|
||||
"value": "email"
|
||||
},
|
||||
{
|
||||
"label": "content",
|
||||
"text": "content",
|
||||
"value": "content"
|
||||
},
|
||||
{
|
||||
"label": "create_by",
|
||||
"text": "create_by",
|
||||
"value": "create_by"
|
||||
},
|
||||
{
|
||||
"label": "create_time",
|
||||
"text": "create_time",
|
||||
"value": "create_time"
|
||||
},
|
||||
{
|
||||
"label": "update_by",
|
||||
"text": "update_by",
|
||||
"value": "update_by"
|
||||
},
|
||||
{
|
||||
"label": "update_time",
|
||||
"text": "update_time",
|
||||
"value": "update_time"
|
||||
},
|
||||
{
|
||||
"label": "sys_org_code",
|
||||
"text": "sys_org_code",
|
||||
"value": "sys_org_code"
|
||||
},
|
||||
{
|
||||
"label": "tenant_id",
|
||||
"text": "tenant_id",
|
||||
"value": "tenant_id"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"actionConfig": {
|
||||
"operateType": "modal",
|
||||
"modalName": "",
|
||||
"url": ""
|
||||
},
|
||||
"background": "#FFFFFF",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"dictOptions": {},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"left": 50,
|
||||
"bottom": 84,
|
||||
"show": false,
|
||||
"right": 36
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"text": "基础折线图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "ca51edd4-c226-499e-8c7e-98d8cf08db65"
|
||||
},
|
||||
{
|
||||
"pcX": 12,
|
||||
"pcW": 12,
|
||||
"moved": false,
|
||||
"pcY": 54,
|
||||
"h": 16,
|
||||
"i": "9e46a297-752b-40bc-95c7-d28f87ce7cd5",
|
||||
"component": "JProgress",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 131,
|
||||
"pageCompId": "1060115766855651328",
|
||||
"config": {
|
||||
"borderColor": "#FFFFFF00",
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "name",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "age",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [
|
||||
{
|
||||
"defaultVal": "",
|
||||
"label": "age",
|
||||
"text": "age",
|
||||
"value": "age"
|
||||
}
|
||||
],
|
||||
"dataType": 2,
|
||||
"dataSetName": "示例_根据年龄查询用户",
|
||||
"query": [],
|
||||
"dataSetApi": "select*fromdemowhereage=${age}",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"内存使用率\",\"value\":50}]",
|
||||
"size": {
|
||||
"width": 762,
|
||||
"height": 166
|
||||
},
|
||||
"dataSetId": "1517071247723233281",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "id",
|
||||
"text": "id",
|
||||
"value": "id"
|
||||
},
|
||||
{
|
||||
"label": "name",
|
||||
"text": "name",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "key_word",
|
||||
"text": "key_word",
|
||||
"value": "key_word"
|
||||
},
|
||||
{
|
||||
"label": "punch_time",
|
||||
"text": "punch_time",
|
||||
"value": "punch_time"
|
||||
},
|
||||
{
|
||||
"label": "salary_money",
|
||||
"text": "salary_money",
|
||||
"value": "salary_money"
|
||||
},
|
||||
{
|
||||
"label": "bonus_money",
|
||||
"text": "bonus_money",
|
||||
"value": "bonus_money"
|
||||
},
|
||||
{
|
||||
"label": "sex",
|
||||
"text": "sex",
|
||||
"value": "sex"
|
||||
},
|
||||
{
|
||||
"label": "age",
|
||||
"text": "age",
|
||||
"value": "age"
|
||||
},
|
||||
{
|
||||
"label": "birthday",
|
||||
"text": "birthday",
|
||||
"value": "birthday"
|
||||
},
|
||||
{
|
||||
"label": "email",
|
||||
"text": "email",
|
||||
"value": "email"
|
||||
},
|
||||
{
|
||||
"label": "content",
|
||||
"text": "content",
|
||||
"value": "content"
|
||||
},
|
||||
{
|
||||
"label": "create_by",
|
||||
"text": "create_by",
|
||||
"value": "create_by"
|
||||
},
|
||||
{
|
||||
"label": "create_time",
|
||||
"text": "create_time",
|
||||
"value": "create_time"
|
||||
},
|
||||
{
|
||||
"label": "update_by",
|
||||
"text": "update_by",
|
||||
"value": "update_by"
|
||||
},
|
||||
{
|
||||
"label": "update_time",
|
||||
"text": "update_time",
|
||||
"value": "update_time"
|
||||
},
|
||||
{
|
||||
"label": "sys_org_code",
|
||||
"text": "sys_org_code",
|
||||
"value": "sys_org_code"
|
||||
},
|
||||
{
|
||||
"label": "tenant_id",
|
||||
"text": "tenant_id",
|
||||
"value": "tenant_id"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"actionConfig": {
|
||||
"operateType": "modal",
|
||||
"modalName": "",
|
||||
"url": ""
|
||||
},
|
||||
"background": "#FFFFFF",
|
||||
"dictOptions": {},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"show": false,
|
||||
"right": 85
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"barWidth": 19,
|
||||
"color": "#151B87",
|
||||
"itemStyle": {
|
||||
"normal": {
|
||||
"barBorderRadius": 10
|
||||
}
|
||||
},
|
||||
"zlevel": 1,
|
||||
"label": {
|
||||
"formatter": "{c}{a}",
|
||||
"offset": [
|
||||
0,
|
||||
-40
|
||||
],
|
||||
"color": "black",
|
||||
"show": true,
|
||||
"fontSize": 24,
|
||||
"position": "right"
|
||||
}
|
||||
},
|
||||
{
|
||||
"barWidth": 19,
|
||||
"color": "#eeeeee",
|
||||
"barGap": "-100%",
|
||||
"itemStyle": {
|
||||
"normal": {
|
||||
"barBorderRadius": 10
|
||||
}
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "基础进度图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "3c4aa0ba-9473-4426-9aa5-7515b9c15fd0"
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": "",
|
||||
"theme": "default",
|
||||
"style": "default",
|
||||
"designType": 30,
|
||||
"protectionCode": "",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": "",
|
||||
"tenantId": 3,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2025-03-13 14:46:01",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2025-03-13 18:48:51",
|
||||
"updateCount": 2,
|
||||
"visitsNum": 0,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,372 @@
|
||||
{
|
||||
"id": "1517031795361611778",
|
||||
"name": "示例_统计每日大屏创建情况",
|
||||
"path": "/drag/page/view/1517031795361611778",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JTabs",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 51,
|
||||
"i": "f749bb26-5343-499e-89fd-2228c26495c4",
|
||||
"y": 0,
|
||||
"pageCompId": "1517062543422554114",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 1650,
|
||||
"height": 551
|
||||
},
|
||||
"w": 12,
|
||||
"h": 40,
|
||||
"option": {
|
||||
"title": "选项卡"
|
||||
},
|
||||
"child": [
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "a8461f71-8f4d-420c-9907-298862d2ac9e",
|
||||
"title": "柱形图",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "date",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "c",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "统计每日大屏创建情况",
|
||||
"query": [],
|
||||
"dataSetApi": "SELECTcount(*)c,DATE_FORMAT(create_time,'%Y-%m-%d')asdatefromjmreport_big_screenGROUPBYdateorderbydatedesc",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"苹果\",\"value\":1000879,\"type\":\"手机品牌\"},{\"name\":\"三星\",\"value\":3400879,\"type\":\"手机品牌\"},{\"name\":\"小米\",\"value\":2300879,\"type\":\"手机品牌\"},{\"name\":\"oppo\",\"value\":5400879,\"type\":\"手机品牌\"},{\"name\":\"vivo\",\"value\":3400879,\"type\":\"手机品牌\"}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1517046731341070337",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "日期",
|
||||
"text": "日期",
|
||||
"value": "date"
|
||||
},
|
||||
{
|
||||
"label": "数量",
|
||||
"text": "数量",
|
||||
"value": "c"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": false,
|
||||
"text": "基础柱形图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"horizontal": false,
|
||||
"component": "JArea",
|
||||
"size": 10,
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "9e3efbfd-6945-4f9c-8bc9-ab85ba4414a8",
|
||||
"text": "0.042",
|
||||
"id": "cba0d0be-3d5d-474e-b272-011ba64bca2f",
|
||||
"title": "折线图",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "date",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "c",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "统计每日大屏创建情况",
|
||||
"query": [],
|
||||
"dataSetApi": "SELECTcount(*)c,DATE_FORMAT(create_time,'%Y-%m-%d')asdatefromjmreport_big_screenGROUPBYdateorderbydatedesc",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1048,\"name\":\"华为\"},{\"value\":605,\"name\":\"vivo\"},{\"value\":580,\"name\":\"oppo\"},{\"value\":484,\"name\":\"苹果\"},{\"value\":300,\"name\":\"小米\"}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1517046731341070337",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "日期",
|
||||
"text": "日期",
|
||||
"value": "date"
|
||||
},
|
||||
{
|
||||
"label": "数量",
|
||||
"text": "数量",
|
||||
"value": "c"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"xAxis": {
|
||||
"data": [],
|
||||
"boundaryGap": false
|
||||
},
|
||||
"grid": {
|
||||
"bottom": 115
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"areaStyle": {},
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"title": {
|
||||
"show": false,
|
||||
"text": "基础面积图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"child": []
|
||||
},
|
||||
{
|
||||
"horizontal": false,
|
||||
"component": "JPie",
|
||||
"size": 10,
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "3441183d-6ca1-4ac9-920c-325a1846e941",
|
||||
"text": "0.042",
|
||||
"id": "995c3285-281b-4b3b-be37-5319add801bd",
|
||||
"title": "饼图",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "date",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "c",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "统计每日大屏创建情况",
|
||||
"query": [],
|
||||
"dataSetApi": "SELECTcount(*)c,DATE_FORMAT(create_time,'%Y-%m-%d')asdatefromjmreport_big_screenGROUPBYdateorderbydatedesc",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1048,\"name\":\"vivo\"},{\"value\":735,\"name\":\"oppo\"},{\"value\":580,\"name\":\"苹果\"},{\"value\":484,\"name\":\"小米\"},{\"value\":300,\"name\":\"三星\"}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1517046731341070337",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "日期",
|
||||
"text": "日期",
|
||||
"value": "date"
|
||||
},
|
||||
{
|
||||
"label": "数量",
|
||||
"text": "数量",
|
||||
"value": "c"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"orient": "vertical"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": false,
|
||||
"text": "基础饼图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"child": []
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JCommonTable",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "746b3b26-8b4e-426d-8e25-c390e05fa947",
|
||||
"y": 51,
|
||||
"pageCompId": "1517062543523217409",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "统计每日大屏创建情况",
|
||||
"query": [],
|
||||
"h": 42,
|
||||
"dataSetApi": "SELECTcount(*)c,DATE_FORMAT(create_time,'%Y-%m-%d')asdatefromjmreport_big_screenGROUPBYdateorderbydatedesc",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1517046731341070337",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "日期",
|
||||
"text": "日期",
|
||||
"value": "date"
|
||||
},
|
||||
{
|
||||
"label": "数量",
|
||||
"text": "数量",
|
||||
"value": "c"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "date",
|
||||
"title": "日期"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "c",
|
||||
"title": "数量"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-04-21 14:45:40",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-04-21 16:47:51",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,387 @@
|
||||
{
|
||||
"id": "1516742733803323394",
|
||||
"name": "示例_统计近十日的登陆次数",
|
||||
"path": "/drag/page/view/1516742733803323394",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JTabs",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 49,
|
||||
"i": "2a745b71-b463-401e-895a-8067ea72830b",
|
||||
"y": 0,
|
||||
"pageCompId": "1524663978783965186",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "统计近十日的登陆次数",
|
||||
"query": [],
|
||||
"h": 40,
|
||||
"dataSetApi": "SELECT\tcount(*)num,\tDATE_FORMAT(create_time,'%Y-%m-%d')AS`day`FROM\tsys_logWHERE\tlog_type=1ANDcreate_time>DATE_SUB(NOW(),INTERVAL10DAY)GROUPBY\tDATE_FORMAT(create_time,'%Y-%m-%d')",
|
||||
"size": {
|
||||
"width": 1650,
|
||||
"height": 529
|
||||
},
|
||||
"dataSetId": "1516743766914924546",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "登录次数",
|
||||
"text": "登录次数",
|
||||
"value": "num"
|
||||
},
|
||||
{
|
||||
"label": "日期",
|
||||
"text": "日期",
|
||||
"value": "day"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"w": 12,
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"title": "选项卡"
|
||||
},
|
||||
"child": [
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "2c5a2c1f-2cab-48bc-9a0c-c3c9b648e9b9",
|
||||
"title": "柱状图",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "day",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "num",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "统计近十日的登陆次数",
|
||||
"query": [],
|
||||
"dataSetApi": "SELECT\tcount(*)num,\tDATE_FORMAT(create_time,'%Y-%m-%d')AS`day`FROM\tsys_logWHERE\tlog_type=1ANDcreate_time>DATE_SUB(NOW(),INTERVAL10DAY)GROUPBY\tDATE_FORMAT(create_time,'%Y-%m-%d')",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"苹果\",\"value\":1000879,\"type\":\"手机品牌\"},{\"name\":\"三星\",\"value\":3400879,\"type\":\"手机品牌\"},{\"name\":\"小米\",\"value\":2300879,\"type\":\"手机品牌\"},{\"name\":\"oppo\",\"value\":5400879,\"type\":\"手机品牌\"},{\"name\":\"vivo\",\"value\":3400879,\"type\":\"手机品牌\"}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1516743766914924546",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "登录次数",
|
||||
"text": "登录次数",
|
||||
"value": "num"
|
||||
},
|
||||
{
|
||||
"label": "日期",
|
||||
"text": "日期",
|
||||
"value": "day"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "基础柱形图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"horizontal": false,
|
||||
"component": "JLine",
|
||||
"size": 10,
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "34e3d56e-f567-45e7-bb59-346a8ec23fc6",
|
||||
"text": "0.042",
|
||||
"id": "a466d3c1-3a35-45f1-9ef1-271ca1a2e37c",
|
||||
"title": "曲线图",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "day",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "num",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "统计近十日的登陆次数",
|
||||
"query": [],
|
||||
"dataSetApi": "SELECT\tcount(*)num,\tDATE_FORMAT(create_time,'%Y-%m-%d')AS`day`FROM\tsys_logWHERE\tlog_type=1ANDcreate_time>DATE_SUB(NOW(),INTERVAL10DAY)GROUPBY\tDATE_FORMAT(create_time,'%Y-%m-%d')",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1000,\"name\":\"联想\"},{\"value\":7350,\"name\":\"小米\"},{\"value\":5800,\"name\":\"华为\"},{\"value\":6000,\"name\":\"苹果\"},{\"value\":3000,\"name\":\"戴尔\"}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1516743766914924546",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "登录次数",
|
||||
"text": "登录次数",
|
||||
"value": "num"
|
||||
},
|
||||
{
|
||||
"label": "日期",
|
||||
"text": "日期",
|
||||
"value": "day"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"text": "基础折线图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"child": []
|
||||
},
|
||||
{
|
||||
"horizontal": false,
|
||||
"component": "JPie",
|
||||
"size": 10,
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "9e2087e1-fd80-4096-995c-27d35d05478a",
|
||||
"text": "0.042",
|
||||
"id": "be62c001-795b-4b77-9a91-d6be1ad6d1ce",
|
||||
"title": "饼图",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "day",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "num",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "统计近十日的登陆次数",
|
||||
"query": [],
|
||||
"dataSetApi": "SELECT\tcount(*)num,\tDATE_FORMAT(create_time,'%Y-%m-%d')AS`day`FROM\tsys_logWHERE\tlog_type=1ANDcreate_time>DATE_SUB(NOW(),INTERVAL10DAY)GROUPBY\tDATE_FORMAT(create_time,'%Y-%m-%d')",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1048,\"name\":\"vivo\"},{\"value\":735,\"name\":\"oppo\"},{\"value\":580,\"name\":\"苹果\"},{\"value\":484,\"name\":\"小米\"},{\"value\":300,\"name\":\"三星\"}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1516743766914924546",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "登录次数",
|
||||
"text": "登录次数",
|
||||
"value": "num"
|
||||
},
|
||||
{
|
||||
"label": "日期",
|
||||
"text": "日期",
|
||||
"value": "day"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"orient": "vertical"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "基础饼图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"child": []
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JCommonTable",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 49,
|
||||
"i": "952b9508-df94-4612-abd8-69ca24157572",
|
||||
"y": 49,
|
||||
"pageCompId": "1524663978893017089",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "统计近十日的登陆次数",
|
||||
"query": [],
|
||||
"h": 42,
|
||||
"dataSetApi": "SELECT\tcount(*)num,\tDATE_FORMAT(create_time,'%Y-%m-%d')AS`day`FROM\tsys_logWHERE\tlog_type=1ANDcreate_time>DATE_SUB(NOW(),INTERVAL10DAY)GROUPBY\tDATE_FORMAT(create_time,'%Y-%m-%d')",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"size": {
|
||||
"width": 1636,
|
||||
"height": 529
|
||||
},
|
||||
"dataSetId": "1516743766914924546",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "日期",
|
||||
"text": "日期",
|
||||
"value": "day"
|
||||
},
|
||||
{
|
||||
"label": "登录次数",
|
||||
"text": "登录次数",
|
||||
"value": "num"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izShow": "Y",
|
||||
"dataIndex": "day",
|
||||
"title": "日期"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "num",
|
||||
"title": "登录次数"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-04-20 19:37:02",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-05-12 16:13:14",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,244 @@
|
||||
{
|
||||
"id": "1519992838245441538",
|
||||
"name": "示例_钻取",
|
||||
"path": "/drag/page/view/1519992838245441538",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 12,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "c801a065-ca40-4095-8d27-6cf722deb09e",
|
||||
"y": 0,
|
||||
"pageCompId": "1519994699446870018",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "name",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "value",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "钻取api",
|
||||
"query": [],
|
||||
"dataSetApi": "http://api.jeecg.com/mock/51/drilling/deptuser",
|
||||
"drillData": [
|
||||
{
|
||||
"source": "name",
|
||||
"target": "name"
|
||||
}
|
||||
],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"name\":\"苹果\",\"value\":1000879,\"type\":\"手机品牌\"},{\"name\":\"三星\",\"value\":3400879,\"type\":\"手机品牌\"},{\"name\":\"小米\",\"value\":2300879,\"type\":\"手机品牌\"},{\"name\":\"oppo\",\"value\":5400879,\"type\":\"手机品牌\"},{\"name\":\"vivo\",\"value\":3400879,\"type\":\"手机品牌\"}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1519274169102020610",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "name",
|
||||
"text": "name",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "value",
|
||||
"text": "value",
|
||||
"value": "value"
|
||||
}
|
||||
],
|
||||
"dataSetType": "api",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"yAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"name": "销售量",
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"xAxis": {
|
||||
"axisLabel": {
|
||||
"color": "#909198"
|
||||
},
|
||||
"axisLine": {
|
||||
"lineStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"name": "类别",
|
||||
"nameTextStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
},
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "部门销售统计",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JPie",
|
||||
"w": 12,
|
||||
"moved": false,
|
||||
"x": 12,
|
||||
"h": 42,
|
||||
"i": "58236f99-4803-4a3c-ad39-e83949270517",
|
||||
"y": 0,
|
||||
"pageCompId": "1519994699518173186",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "name",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "value",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "钻取api",
|
||||
"query": [],
|
||||
"dataSetApi": "http://api.jeecg.com/mock/51/drilling/deptuser",
|
||||
"drillData": [
|
||||
{
|
||||
"source": "name",
|
||||
"target": "name"
|
||||
}
|
||||
],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"value\":1048,\"name\":\"vivo\"},{\"value\":735,\"name\":\"oppo\"},{\"value\":580,\"name\":\"苹果\"},{\"value\":484,\"name\":\"小米\"},{\"value\":300,\"name\":\"三星\"}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1519274169102020610",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "name",
|
||||
"text": "name",
|
||||
"value": "name"
|
||||
},
|
||||
{
|
||||
"label": "value",
|
||||
"text": "value",
|
||||
"value": "value"
|
||||
}
|
||||
],
|
||||
"dataSetType": "api",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"orient": "vertical"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "基础饼图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "jeecg",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-04-29 18:51:47",
|
||||
"updateBy": "jeecg",
|
||||
"updateTime": "2022-04-29 18:59:11",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,507 @@
|
||||
{
|
||||
"id": "1516747539813007362",
|
||||
"name": "示例_项目性质收入统计JSON",
|
||||
"path": "/drag/page/view/1516747539813007362",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JPie",
|
||||
"w": 12,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "a2ada7ba-ff55-4d2c-ba1b-10eb3c04b5f7",
|
||||
"y": 0,
|
||||
"pageCompId": "1517018288431857665",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "column1",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "column8",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "项目性质收入统计JSON",
|
||||
"query": [],
|
||||
"dataSetApi": "[{\"column1\":\"市场化-电商业务\",\"column2\":4865.41,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":4865.41},{\"column1\":\"统筹型\",\"column2\":35767081.88,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":35767081.88},{\"column1\":\"市场化-非股东\",\"column2\":1487045.35,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":1487045.35},{\"column1\":\"市场化-参控股\",\"column2\":382690.56,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":382690.56},{\"column1\":\"市场化-员工福利\",\"column2\":256684.91,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":265684.91},{\"column1\":\"市场化-再保险\",\"column2\":563451.03,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":563451.03},{\"column1\":\"市场化-海外业务\",\"column2\":760576.25,\"column3\":770458.75,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":1531035.00},{\"column1\":\"市场化-风险咨询\",\"column2\":0.00,\"column3\":910183.93,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":226415.09,\"column8\":1136599.02}]",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1048,\"name\":\"vivo\"},{\"value\":735,\"name\":\"oppo\"},{\"value\":580,\"name\":\"苹果\"},{\"value\":484,\"name\":\"小米\"},{\"value\":300,\"name\":\"三星\"}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1516748630344630273",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "项目性质",
|
||||
"text": "项目性质",
|
||||
"value": "column1"
|
||||
},
|
||||
{
|
||||
"label": "保险公估费",
|
||||
"text": "保险公估费",
|
||||
"value": "column5"
|
||||
},
|
||||
{
|
||||
"label": "承保公估评估费",
|
||||
"text": "承保公估评估费",
|
||||
"value": "column4"
|
||||
},
|
||||
{
|
||||
"label": "风险咨询费",
|
||||
"text": "风险咨询费",
|
||||
"value": "column3"
|
||||
},
|
||||
{
|
||||
"label": "保险经纪佣金费",
|
||||
"text": "保险经纪佣金费",
|
||||
"value": "column2"
|
||||
},
|
||||
{
|
||||
"label": "总计",
|
||||
"text": "总计",
|
||||
"value": "column8"
|
||||
},
|
||||
{
|
||||
"label": "内控咨询费",
|
||||
"text": "内控咨询费",
|
||||
"value": "column7"
|
||||
},
|
||||
{
|
||||
"label": "投标咨询费",
|
||||
"text": "投标咨询费",
|
||||
"value": "column6"
|
||||
}
|
||||
],
|
||||
"dataSetType": "json",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"orient": "vertical"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "基础饼图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JBar",
|
||||
"w": 12,
|
||||
"moved": false,
|
||||
"x": 12,
|
||||
"h": 42,
|
||||
"i": "195569f9-8bd3-4e8f-892a-f81f60a25ba8",
|
||||
"y": 0,
|
||||
"pageCompId": "1517018288566075393",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "column1",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "column8",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "项目性质收入统计JSON",
|
||||
"query": [],
|
||||
"dataSetApi": "[{\"column1\":\"市场化-电商业务\",\"column2\":4865.41,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":4865.41},{\"column1\":\"统筹型\",\"column2\":35767081.88,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":35767081.88},{\"column1\":\"市场化-非股东\",\"column2\":1487045.35,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":1487045.35},{\"column1\":\"市场化-参控股\",\"column2\":382690.56,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":382690.56},{\"column1\":\"市场化-员工福利\",\"column2\":256684.91,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":265684.91},{\"column1\":\"市场化-再保险\",\"column2\":563451.03,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":563451.03},{\"column1\":\"市场化-海外业务\",\"column2\":760576.25,\"column3\":770458.75,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":1531035.00},{\"column1\":\"市场化-风险咨询\",\"column2\":0.00,\"column3\":910183.93,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":226415.09,\"column8\":1136599.02}]",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"苹果\",\"value\":1000879,\"type\":\"手机品牌\"},{\"name\":\"三星\",\"value\":3400879,\"type\":\"手机品牌\"},{\"name\":\"小米\",\"value\":2300879,\"type\":\"手机品牌\"},{\"name\":\"oppo\",\"value\":5400879,\"type\":\"手机品牌\"},{\"name\":\"vivo\",\"value\":3400879,\"type\":\"手机品牌\"}]",
|
||||
"size": {
|
||||
"height": 420
|
||||
},
|
||||
"dataSetId": "1516748630344630273",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "项目性质",
|
||||
"text": "项目性质",
|
||||
"value": "column1"
|
||||
},
|
||||
{
|
||||
"label": "保险公估费",
|
||||
"text": "保险公估费",
|
||||
"value": "column5"
|
||||
},
|
||||
{
|
||||
"label": "承保公估评估费",
|
||||
"text": "承保公估评估费",
|
||||
"value": "column4"
|
||||
},
|
||||
{
|
||||
"label": "风险咨询费",
|
||||
"text": "风险咨询费",
|
||||
"value": "column3"
|
||||
},
|
||||
{
|
||||
"label": "保险经纪佣金费",
|
||||
"text": "保险经纪佣金费",
|
||||
"value": "column2"
|
||||
},
|
||||
{
|
||||
"label": "总计",
|
||||
"text": "总计",
|
||||
"value": "column8"
|
||||
},
|
||||
{
|
||||
"label": "内控咨询费",
|
||||
"text": "内控咨询费",
|
||||
"value": "column7"
|
||||
},
|
||||
{
|
||||
"label": "投标咨询费",
|
||||
"text": "投标咨询费",
|
||||
"value": "column6"
|
||||
}
|
||||
],
|
||||
"dataSetType": "json",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "基础柱形图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JLine",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 44,
|
||||
"i": "5cde89e3-1174-4a95-8385-065c1ee1a22d",
|
||||
"y": 42,
|
||||
"pageCompId": "1517018288670932994",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "column1",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "column8",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "项目性质收入统计JSON",
|
||||
"query": [],
|
||||
"dataSetApi": "[{\"column1\":\"市场化-电商业务\",\"column2\":4865.41,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":4865.41},{\"column1\":\"统筹型\",\"column2\":35767081.88,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":35767081.88},{\"column1\":\"市场化-非股东\",\"column2\":1487045.35,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":1487045.35},{\"column1\":\"市场化-参控股\",\"column2\":382690.56,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":382690.56},{\"column1\":\"市场化-员工福利\",\"column2\":256684.91,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":265684.91},{\"column1\":\"市场化-再保险\",\"column2\":563451.03,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":563451.03},{\"column1\":\"市场化-海外业务\",\"column2\":760576.25,\"column3\":770458.75,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":1531035.00},{\"column1\":\"市场化-风险咨询\",\"column2\":0.00,\"column3\":910183.93,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":226415.09,\"column8\":1136599.02}]",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1000,\"name\":\"联想\"},{\"value\":7350,\"name\":\"小米\"},{\"value\":5800,\"name\":\"华为\"},{\"value\":6000,\"name\":\"苹果\"},{\"value\":3000,\"name\":\"戴尔\"}]",
|
||||
"size": {
|
||||
"width": 1650,
|
||||
"height": 474
|
||||
},
|
||||
"dataSetId": "1516748630344630273",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "项目性质",
|
||||
"text": "项目性质",
|
||||
"value": "column1"
|
||||
},
|
||||
{
|
||||
"label": "保险公估费",
|
||||
"text": "保险公估费",
|
||||
"value": "column5"
|
||||
},
|
||||
{
|
||||
"label": "承保公估评估费",
|
||||
"text": "承保公估评估费",
|
||||
"value": "column4"
|
||||
},
|
||||
{
|
||||
"label": "风险咨询费",
|
||||
"text": "风险咨询费",
|
||||
"value": "column3"
|
||||
},
|
||||
{
|
||||
"label": "保险经纪佣金费",
|
||||
"text": "保险经纪佣金费",
|
||||
"value": "column2"
|
||||
},
|
||||
{
|
||||
"label": "总计",
|
||||
"text": "总计",
|
||||
"value": "column8"
|
||||
},
|
||||
{
|
||||
"label": "内控咨询费",
|
||||
"text": "内控咨询费",
|
||||
"value": "column7"
|
||||
},
|
||||
{
|
||||
"label": "投标咨询费",
|
||||
"text": "投标咨询费",
|
||||
"value": "column6"
|
||||
}
|
||||
],
|
||||
"dataSetType": "json",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"text": "基础折线图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JCommonTable",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 48,
|
||||
"i": "2ed05f21-e822-4c4e-8657-02edb10b1cca",
|
||||
"y": 86,
|
||||
"pageCompId": "1517018288775790593",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "项目性质收入统计JSON",
|
||||
"query": [],
|
||||
"h": 42,
|
||||
"dataSetApi": "[{\"column1\":\"市场化-电商业务\",\"column2\":4865.41,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":4865.41},{\"column1\":\"统筹型\",\"column2\":35767081.88,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":35767081.88},{\"column1\":\"市场化-非股东\",\"column2\":1487045.35,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":1487045.35},{\"column1\":\"市场化-参控股\",\"column2\":382690.56,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":382690.56},{\"column1\":\"市场化-员工福利\",\"column2\":256684.91,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":265684.91},{\"column1\":\"市场化-再保险\",\"column2\":563451.03,\"column3\":0,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":563451.03},{\"column1\":\"市场化-海外业务\",\"column2\":760576.25,\"column3\":770458.75,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":0,\"column8\":1531035.00},{\"column1\":\"市场化-风险咨询\",\"column2\":0.00,\"column3\":910183.93,\"column4\":0,\"column5\":0,\"column6\":0,\"column7\":226415.09,\"column8\":1136599.02}]",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"size": {
|
||||
"width": 1650,
|
||||
"height": 518
|
||||
},
|
||||
"dataSetId": "1516748630344630273",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "项目性质",
|
||||
"text": "项目性质",
|
||||
"value": "column1"
|
||||
},
|
||||
{
|
||||
"label": "保险公估费",
|
||||
"text": "保险公估费",
|
||||
"value": "column5"
|
||||
},
|
||||
{
|
||||
"label": "承保公估评估费",
|
||||
"text": "承保公估评估费",
|
||||
"value": "column4"
|
||||
},
|
||||
{
|
||||
"label": "风险咨询费",
|
||||
"text": "风险咨询费",
|
||||
"value": "column3"
|
||||
},
|
||||
{
|
||||
"label": "保险经纪佣金费",
|
||||
"text": "保险经纪佣金费",
|
||||
"value": "column2"
|
||||
},
|
||||
{
|
||||
"label": "总计",
|
||||
"text": "总计",
|
||||
"value": "column8"
|
||||
},
|
||||
{
|
||||
"label": "内控咨询费",
|
||||
"text": "内控咨询费",
|
||||
"value": "column7"
|
||||
},
|
||||
{
|
||||
"label": "投标咨询费",
|
||||
"text": "投标咨询费",
|
||||
"value": "column6"
|
||||
}
|
||||
],
|
||||
"dataSetType": "json",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "column1",
|
||||
"title": "项目性质"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "column5",
|
||||
"title": "保险公估费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "column4",
|
||||
"title": "承保公估评估费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "column3",
|
||||
"title": "风险咨询费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "column2",
|
||||
"title": "保险经纪佣金费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "column8",
|
||||
"title": "总计"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "column7",
|
||||
"title": "内控咨询费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "column6",
|
||||
"title": "投标咨询费"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-04-20 19:56:08",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-04-21 13:52:00",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,415 @@
|
||||
{
|
||||
"id": "1517018517935783937",
|
||||
"name": "示例_项目性质收入统计SQL",
|
||||
"path": "/drag/page/view/1517018517935783937",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"component": "JTabs",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 56,
|
||||
"i": "19dd2a57-e10d-418b-8146-cd30de6e9aea",
|
||||
"y": 0,
|
||||
"pageCompId": "1524663379220791297",
|
||||
"config": {
|
||||
"size": {
|
||||
"width": 1650,
|
||||
"height": 606
|
||||
},
|
||||
"w": 12,
|
||||
"h": 40,
|
||||
"option": {
|
||||
"title": "选项卡"
|
||||
},
|
||||
"child": [
|
||||
{
|
||||
"component": "JPie",
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "68ebef80-9ded-4168-8d89-19ec64bc21d9",
|
||||
"title": "饼图",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "nature",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "total",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "项目性质收入统计SQL",
|
||||
"query": [],
|
||||
"dataSetApi": "SELECT\tid,\tnature,\tinsurance_fee,\trisk_consulting_fee,\tevaluation_fee,\tinsurance_evaluation_fee,\tbidding_consulting_fee,\tinterol_consulting_fee,\t(\t\tinsurance_fee+\t\trisk_consulting_fee+\t\trisk_consulting_fee+\t\tevaluation_fee+\t\tinsurance_evaluation_fee+\t\tbidding_consulting_fee+\t\tinterol_consulting_fee\t)AS'total'FROM\tjeecg_project_nature_income",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"value\":1048,\"name\":\"vivo\"},{\"value\":735,\"name\":\"oppo\"},{\"value\":580,\"name\":\"苹果\"},{\"value\":484,\"name\":\"小米\"},{\"value\":300,\"name\":\"三星\"}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1517020649262972930",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "项目性质",
|
||||
"text": "项目性质",
|
||||
"value": "nature"
|
||||
},
|
||||
{
|
||||
"label": "保险经纪佣金费",
|
||||
"text": "保险经纪佣金费",
|
||||
"value": "insurance_fee"
|
||||
},
|
||||
{
|
||||
"label": "风险咨询费",
|
||||
"text": "风险咨询费",
|
||||
"value": "risk_consulting_fee"
|
||||
},
|
||||
{
|
||||
"label": "承保公估评估费",
|
||||
"text": "承保公估评估费",
|
||||
"value": "evaluation_fee"
|
||||
},
|
||||
{
|
||||
"label": "保险公估费",
|
||||
"text": "保险公估费",
|
||||
"value": "insurance_evaluation_fee"
|
||||
},
|
||||
{
|
||||
"label": "投标咨询费",
|
||||
"text": "投标咨询费",
|
||||
"value": "bidding_consulting_fee"
|
||||
},
|
||||
{
|
||||
"label": "内控咨询费",
|
||||
"text": "内控咨询费",
|
||||
"value": "interol_consulting_fee"
|
||||
},
|
||||
{
|
||||
"label": "total",
|
||||
"text": "total",
|
||||
"value": "total"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"legend": {
|
||||
"orient": "vertical"
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"name": "AccessFrom",
|
||||
"emphasis": {
|
||||
"itemStyle": {
|
||||
"shadowOffsetX": 0,
|
||||
"shadowBlur": 10,
|
||||
"shadowColor": "rgba(0,0,0,0.5)"
|
||||
}
|
||||
},
|
||||
"type": "pie",
|
||||
"radius": "50%"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"trigger": "item"
|
||||
},
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"show": true,
|
||||
"text": "基础饼图"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"horizontal": false,
|
||||
"component": "JBar",
|
||||
"size": 10,
|
||||
"w": 12,
|
||||
"x": 0,
|
||||
"h": 42,
|
||||
"i": "305bdc5d-37d6-42a4-baf3-a7a1f27b6bfb",
|
||||
"text": "0.042",
|
||||
"id": "0b42743d-492f-467b-bfaf-0769110749ab",
|
||||
"title": "柱形图",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "nature",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "total",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "项目性质收入统计SQL",
|
||||
"query": [],
|
||||
"dataSetApi": "SELECT\tid,\tnature,\tinsurance_fee,\trisk_consulting_fee,\tevaluation_fee,\tinsurance_evaluation_fee,\tbidding_consulting_fee,\tinterol_consulting_fee,\t(\t\tinsurance_fee+\t\trisk_consulting_fee+\t\trisk_consulting_fee+\t\tevaluation_fee+\t\tinsurance_evaluation_fee+\t\tbidding_consulting_fee+\t\tinterol_consulting_fee\t)AS'total'FROM\tjeecg_project_nature_income",
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"苹果\",\"value\":1000879,\"type\":\"手机品牌\"},{\"name\":\"三星\",\"value\":3400879,\"type\":\"手机品牌\"},{\"name\":\"小米\",\"value\":2300879,\"type\":\"手机品牌\"},{\"name\":\"oppo\",\"value\":5400879,\"type\":\"手机品牌\"},{\"name\":\"vivo\",\"value\":3400879,\"type\":\"手机品牌\"}]",
|
||||
"paddingBottom": 90,
|
||||
"dataSetId": "1517020649262972930",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "项目性质",
|
||||
"text": "项目性质",
|
||||
"value": "nature"
|
||||
},
|
||||
{
|
||||
"label": "保险经纪佣金费",
|
||||
"text": "保险经纪佣金费",
|
||||
"value": "insurance_fee"
|
||||
},
|
||||
{
|
||||
"label": "风险咨询费",
|
||||
"text": "风险咨询费",
|
||||
"value": "risk_consulting_fee"
|
||||
},
|
||||
{
|
||||
"label": "承保公估评估费",
|
||||
"text": "承保公估评估费",
|
||||
"value": "evaluation_fee"
|
||||
},
|
||||
{
|
||||
"label": "保险公估费",
|
||||
"text": "保险公估费",
|
||||
"value": "insurance_evaluation_fee"
|
||||
},
|
||||
{
|
||||
"label": "投标咨询费",
|
||||
"text": "投标咨询费",
|
||||
"value": "bidding_consulting_fee"
|
||||
},
|
||||
{
|
||||
"label": "内控咨询费",
|
||||
"text": "内控咨询费",
|
||||
"value": "interol_consulting_fee"
|
||||
},
|
||||
{
|
||||
"label": "total",
|
||||
"text": "total",
|
||||
"value": "total"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 115,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"showBackground": true,
|
||||
"backgroundStyle": {
|
||||
"color": "rgba(180,180,180,0.2)"
|
||||
},
|
||||
"type": "bar"
|
||||
}
|
||||
],
|
||||
"tooltip": {
|
||||
"axisPointer": {
|
||||
"label": {
|
||||
"backgroundColor": "#333",
|
||||
"show": true
|
||||
},
|
||||
"type": "shadow"
|
||||
},
|
||||
"trigger": "axis"
|
||||
},
|
||||
"title": {
|
||||
"show": true,
|
||||
"text": "基础柱形图",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"child": []
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"component": "JCommonTable",
|
||||
"w": 24,
|
||||
"moved": false,
|
||||
"x": 0,
|
||||
"h": 48,
|
||||
"i": "e9e93d41-076f-436a-b466-3c327478e94d",
|
||||
"y": 56,
|
||||
"pageCompId": "1524663379359203329",
|
||||
"config": {
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "项目性质收入统计SQL",
|
||||
"query": [],
|
||||
"h": 42,
|
||||
"dataSetApi": "SELECT\tid,\tnature,\tinsurance_fee,\trisk_consulting_fee,\tevaluation_fee,\tinsurance_evaluation_fee,\tbidding_consulting_fee,\tinterol_consulting_fee,\t(\t\tinsurance_fee+\t\trisk_consulting_fee+\t\trisk_consulting_fee+\t\tevaluation_fee+\t\tinsurance_evaluation_fee+\t\tbidding_consulting_fee+\t\tinterol_consulting_fee\t)AS'total'FROM\tjeecg_project_nature_income",
|
||||
"timeOut": -1,
|
||||
"chartData": "[{\"name\":\"4月\",\"value\":50},{\"name\":\"2月\",\"value\":200},{\"name\":\"3月\",\"value\":300},{\"name\":\"4月\",\"value\":400},{\"name\":\"5月\",\"value\":50},{\"name\":\"6月\",\"value\":120}]",
|
||||
"size": {
|
||||
"width": 1636,
|
||||
"height": 518
|
||||
},
|
||||
"dataSetId": "1517020649262972930",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "项目性质",
|
||||
"text": "项目性质",
|
||||
"value": "nature"
|
||||
},
|
||||
{
|
||||
"label": "保险经纪佣金费",
|
||||
"text": "保险经纪佣金费",
|
||||
"value": "insurance_fee"
|
||||
},
|
||||
{
|
||||
"label": "风险咨询费",
|
||||
"text": "风险咨询费",
|
||||
"value": "risk_consulting_fee"
|
||||
},
|
||||
{
|
||||
"label": "承保公估评估费",
|
||||
"text": "承保公估评估费",
|
||||
"value": "evaluation_fee"
|
||||
},
|
||||
{
|
||||
"label": "保险公估费",
|
||||
"text": "保险公估费",
|
||||
"value": "insurance_evaluation_fee"
|
||||
},
|
||||
{
|
||||
"label": "投标咨询费",
|
||||
"text": "投标咨询费",
|
||||
"value": "bidding_consulting_fee"
|
||||
},
|
||||
{
|
||||
"label": "内控咨询费",
|
||||
"text": "内控咨询费",
|
||||
"value": "interol_consulting_fee"
|
||||
},
|
||||
{
|
||||
"label": "total",
|
||||
"text": "total",
|
||||
"value": "total"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"w": 24,
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "",
|
||||
"option": {
|
||||
"columns": [
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "nature",
|
||||
"title": "项目性质"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "insurance_fee",
|
||||
"title": "保险经纪佣金费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "risk_consulting_fee",
|
||||
"title": "风险咨询费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "evaluation_fee",
|
||||
"title": "承保公估评估费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "insurance_evaluation_fee",
|
||||
"title": "保险公估费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "bidding_consulting_fee",
|
||||
"title": "投标咨询费"
|
||||
},
|
||||
{
|
||||
"izTotal": "Y",
|
||||
"izShow": "Y",
|
||||
"dataIndex": "interol_consulting_fee",
|
||||
"title": "内控咨询费"
|
||||
},
|
||||
{
|
||||
"izTotal": "N",
|
||||
"izShow": "N",
|
||||
"dataIndex": "total",
|
||||
"title": "total"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": null,
|
||||
"theme": null,
|
||||
"style": null,
|
||||
"designType": null,
|
||||
"protectionCode": "amVlY2cxMzE0",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": null,
|
||||
"tenantId": null,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2022-04-21 13:52:54",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2022-05-12 16:10:51",
|
||||
"updateCount": 1,
|
||||
"visitsNum": null,
|
||||
"delFlag": 0
|
||||
}
|
||||
@@ -0,0 +1,471 @@
|
||||
{
|
||||
"id": "1060100026798755840",
|
||||
"name": "示例_首页",
|
||||
"path": "/drag/page/view/1060100026798755840",
|
||||
"desJson": null,
|
||||
"template": [
|
||||
{
|
||||
"pcX": 0,
|
||||
"pcW": 13,
|
||||
"moved": false,
|
||||
"pcY": 19,
|
||||
"h": 25,
|
||||
"i": "a80f65fe-cdc3-4fbe-a383-c526eda9886e",
|
||||
"mobileY": 0,
|
||||
"mobileX": 0,
|
||||
"component": "JQuickNav",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 0,
|
||||
"pageCompId": "1064102585364434944",
|
||||
"config": {
|
||||
"borderColor": "#FFFFFF",
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "首页快速导航",
|
||||
"query": [],
|
||||
"h": 26,
|
||||
"dataSetApi": "https://api.jeecg.com/mock/51/home/quick",
|
||||
"drillData": [],
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"title\":\"首页\",\"icon\":\"icon-jeecg-homepage\",\"color\":\"#1fdaca\"},{\"title\":\"仪表盘\",\"icon\":\"icon-jeecg-shijian\",\"color\":\"#bf0c2c\"},{\"title\":\"组件\",\"icon\":\"icon-jeecg-dangan\",\"color\":\"#e18525\"},{\"title\":\"系统管理\",\"icon\":\"icon-jeecg-shezhi\",\"color\":\"#3fb27f\"},{\"title\":\"权限管理\",\"icon\":\"icon-jeecg-yuechi\",\"color\":\"#4daf1bc9\"},{\"title\":\"图表\",\"icon\":\"icon-jeecg-fujin\",\"color\":\"#00d8ff\"}]",
|
||||
"size": {
|
||||
"width": 826,
|
||||
"height": 265
|
||||
},
|
||||
"dataSetId": "1519962879095332865",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "title",
|
||||
"text": "title",
|
||||
"value": "title"
|
||||
},
|
||||
{
|
||||
"label": "icon",
|
||||
"text": "icon",
|
||||
"value": "icon"
|
||||
},
|
||||
{
|
||||
"label": "color",
|
||||
"text": "color",
|
||||
"value": "color"
|
||||
},
|
||||
{
|
||||
"label": "href",
|
||||
"text": "href",
|
||||
"value": "href"
|
||||
}
|
||||
],
|
||||
"dataSetType": "api",
|
||||
"background": "#FFFFFF",
|
||||
"w": 12,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"icon": {
|
||||
"scriptUrl": "//at.alicdn.com/t/font_3237315_b3fqd960glt.js",
|
||||
"fontSize": 30
|
||||
},
|
||||
"body": {
|
||||
"textAlign": "center",
|
||||
"column": 3,
|
||||
"iconAlign": "top"
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "http://jeecg.com",
|
||||
"size": "default",
|
||||
"extra": "更多",
|
||||
"textStyle": {
|
||||
"color": "#4A4A4A"
|
||||
},
|
||||
"title": "快捷导航"
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "ebb10884-4571-4a62-976e-0de8d515d8bb"
|
||||
},
|
||||
{
|
||||
"pcX": 13,
|
||||
"pcW": 11,
|
||||
"moved": false,
|
||||
"pcY": 39,
|
||||
"h": 51,
|
||||
"i": "4d7f78a3-6520-45ae-85e4-ac0cfca514b3",
|
||||
"mobileY": 28,
|
||||
"mobileX": 0,
|
||||
"component": "JList",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 25,
|
||||
"pageCompId": "1064102585402183680",
|
||||
"config": {
|
||||
"borderColor": "#FFFFFF",
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "title",
|
||||
"filed": "标题"
|
||||
},
|
||||
{
|
||||
"mapping": "remark",
|
||||
"filed": "描述"
|
||||
},
|
||||
{
|
||||
"mapping": "date",
|
||||
"filed": "时间"
|
||||
},
|
||||
{
|
||||
"mapping": "pic",
|
||||
"filed": "封面"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "数据列表",
|
||||
"query": [],
|
||||
"h": 24,
|
||||
"dataSetApi": "https://api.jeecg.com/mock/51/datalist/list",
|
||||
"drillData": [],
|
||||
"url": "http://api.jeecg.com/mock/42/list",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"title\":\"通知一\",\"date\":\"2022-3-914:20:21\"},{\"title\":\"通知二\",\"date\":\"2022-3-814:20:21\"},{\"title\":\"通知三\",\"date\":\"2022-3-714:20:21\"},{\"title\":\"通知四\",\"date\":\"2022-3-414:20:21\"}]",
|
||||
"size": {
|
||||
"width": 698,
|
||||
"height": 551
|
||||
},
|
||||
"dataSetId": "1519945036454813698",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "title",
|
||||
"text": "title",
|
||||
"value": "title"
|
||||
},
|
||||
{
|
||||
"label": "date",
|
||||
"text": "date",
|
||||
"value": "date"
|
||||
},
|
||||
{
|
||||
"label": "remark",
|
||||
"text": "remark",
|
||||
"value": "remark"
|
||||
},
|
||||
{
|
||||
"label": "pic",
|
||||
"text": "pic",
|
||||
"value": "pic"
|
||||
}
|
||||
],
|
||||
"dataSetType": "api",
|
||||
"actionConfig": {
|
||||
"operateType": "modal",
|
||||
"modalName": "",
|
||||
"url": ""
|
||||
},
|
||||
"background": "#FFFFFF",
|
||||
"w": 12,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"layout": "vertical",
|
||||
"titleFontColor": "#000000",
|
||||
"showTitlePrefix": true,
|
||||
"titleFontSize": 18,
|
||||
"showTimePrefix": true,
|
||||
"iconColor": "#000000",
|
||||
"contentColor": "#000000",
|
||||
"card": {
|
||||
"headColor": "#FFFFFF",
|
||||
"textStyle": {
|
||||
"color": "#333333"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "8c0dfa3a-91a6-4429-8f29-80a225f6c862"
|
||||
},
|
||||
{
|
||||
"pcX": 0,
|
||||
"pcW": 24,
|
||||
"moved": false,
|
||||
"pcY": 0,
|
||||
"h": 36,
|
||||
"i": "1aab1f6b-316e-4046-9ec0-d68d35fa6142",
|
||||
"mobileY": 72,
|
||||
"mobileX": 0,
|
||||
"component": "JGrowCard",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 76,
|
||||
"pageCompId": "1064102585435738112",
|
||||
"config": {
|
||||
"borderColor": "#FFFFFF",
|
||||
"dataType": 1,
|
||||
"h": 19,
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"title\":\"访问数\",\"icon\":\"icon-jeecg-qianbao\",\"value\":2000,\"total\":120000,\"color\":\"green\",\"action\":\"月\"},{\"title\":\"成交额\",\"icon\":\"icon-jeecg-youhuiquan\",\"value\":20000,\"total\":500000,\"color\":\"blue\",\"action\":\"月\"},{\"title\":\"下载数\",\"icon\":\"icon-jeecg-tupian\",\"value\":8000,\"total\":120000,\"color\":\"orange\",\"action\":\"周\"},{\"title\":\"成交数\",\"icon\":\"icon-jeecg-jifen\",\"value\":5000,\"total\":50000,\"color\":\"purple\",\"action\":\"年\"}]",
|
||||
"size": {
|
||||
"width": 1534,
|
||||
"height": 386
|
||||
},
|
||||
"actionConfig": {
|
||||
"operateType": "modal",
|
||||
"modalName": "",
|
||||
"url": ""
|
||||
},
|
||||
"background": "#FFFFFF",
|
||||
"w": 12,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"option": {
|
||||
"icon": {
|
||||
"scriptUrl": "//at.alicdn.com/t/font_3237315_b3fqd960glt.js",
|
||||
"fontSize": 20
|
||||
},
|
||||
"body": {
|
||||
"horizontal": 1,
|
||||
"vertical": 1,
|
||||
"span": 12
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "更多",
|
||||
"title": "统计卡片"
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "ad8ecb70-a148-425d-8c0e-66a500da3f6b"
|
||||
},
|
||||
{
|
||||
"pcX": 0,
|
||||
"pcW": 13,
|
||||
"moved": false,
|
||||
"pcY": 47,
|
||||
"h": 88,
|
||||
"i": "ab1fcd58-e150-4816-b06a-5d2a62517510",
|
||||
"mobileY": 108,
|
||||
"mobileX": 0,
|
||||
"component": "JProjectCard",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 112,
|
||||
"pageCompId": "1064102585456709632",
|
||||
"config": {
|
||||
"chartData": "[{\"title\":\"Github\",\"icon\":\"icon-jeecg-social-github\",\"color\":\"\",\"desc\":\"不要等待机会，而要创造机会。\",\"group\":\"开源组\",\"date\":\"2021-04-01\"},{\"title\":\"Vue\",\"icon\":\"icon-jeecg-social-buysellads\",\"color\":\"#3fb27f\",\"desc\":\"现在的你决定将来的你。\",\"group\":\"算法组\",\"date\":\"2021-04-01\"},{\"title\":\"Html5\",\"icon\":\"icon-jeecg-html5\",\"color\":\"#e18525\",\"desc\":\"没有什么才能比努力更重要。\",\"group\":\"上班摸鱼\",\"date\":\"2021-04-01\"},{\"title\":\"Angular\",\"icon\":\"icon-jeecg-social-product-hunt\",\"color\":\"#bf0c2c\",\"desc\":\"热情和欲望可以突破一切难关。\",\"group\":\"UI\",\"date\":\"2021-04-01\"},{\"title\":\"React\",\"icon\":\"icon-jeecg-social-skype\",\"color\":\"#00d8ff\",\"desc\":\"健康的身体是实目标的基石。\",\"group\":\"技术牛\",\"date\":\"2021-04-01\"},{\"title\":\"Js\",\"icon\":\"icon-jeecg-social-pengyou\",\"color\":\"#4daf1bc9\",\"desc\":\"路是走出来的，而不是空想出来的。\",\"group\":\"架构组\",\"date\":\"2021-04-01\"}]",
|
||||
"borderColor": "#FFFFFF",
|
||||
"size": {
|
||||
"width": 826,
|
||||
"height": 958
|
||||
},
|
||||
"background": "#FFFFFF",
|
||||
"w": 12,
|
||||
"dataType": 1,
|
||||
"h": 33,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"option": {
|
||||
"icon": {
|
||||
"scriptUrl": "//at.alicdn.com/t/font_3237315_b3fqd960glt.js",
|
||||
"fontSize": 30
|
||||
},
|
||||
"body": {
|
||||
"column": 1
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "更多",
|
||||
"title": "项目列表"
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "dba2cb08-ac72-471d-b2d0-57b005d4abe1"
|
||||
},
|
||||
{
|
||||
"pcX": 13,
|
||||
"pcW": 11,
|
||||
"moved": false,
|
||||
"pcY": 19,
|
||||
"h": 33,
|
||||
"i": "e5a73961-e1ba-462c-bf86-78fbb94390d4",
|
||||
"mobileY": 144,
|
||||
"mobileX": 0,
|
||||
"component": "JWaitMatter",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 200,
|
||||
"pageCompId": "1064102585507041280",
|
||||
"config": {
|
||||
"borderColor": "#FFFFFF",
|
||||
"dataType": 1,
|
||||
"h": 19,
|
||||
"url": "http://api.jeecg.com/mock/42/nav",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"title\":\"待办公文\",\"icon\":\"icon-jeecg-yudu\",\"content\":23,\"desc\":\"今日已办3\",\"date\":\"2021-04-01\"},{\"title\":\"待办流程\",\"icon\":\"icon-jeecg-shuju\",\"content\":23,\"desc\":\"今日已办3\",\"date\":\"2021-04-01\"},{\"title\":\"待办任务\",\"icon\":\"icon-jeecg-tongzhi\",\"content\":23,\"desc\":\"今日已办3今日更新5\",\"date\":\"2021-04-01\"}]",
|
||||
"size": {
|
||||
"width": 698,
|
||||
"height": 353
|
||||
},
|
||||
"actionConfig": {
|
||||
"operateType": "modal",
|
||||
"modalName": "",
|
||||
"url": ""
|
||||
},
|
||||
"background": "#FFFFFF",
|
||||
"w": 12,
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"linkageConfig": [],
|
||||
"option": {
|
||||
"icon": {
|
||||
"scriptUrl": "//at.alicdn.com/t/font_3237315_b3fqd960glt.js",
|
||||
"fontSize": 25
|
||||
},
|
||||
"body": {
|
||||
"column": 2
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "更多",
|
||||
"title": "待办事项"
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "a289d618-3c4c-4739-b922-1d2da94f616c"
|
||||
},
|
||||
{
|
||||
"pcX": 0,
|
||||
"pcW": 24,
|
||||
"moved": false,
|
||||
"pcY": 83,
|
||||
"h": 41,
|
||||
"i": "b1786985-070f-4f7b-8c46-b61c0ac9b8c7",
|
||||
"mobileY": 164,
|
||||
"mobileX": 0,
|
||||
"component": "JLine",
|
||||
"w": 24,
|
||||
"x": 0,
|
||||
"y": 233,
|
||||
"pageCompId": "1064102585540595712",
|
||||
"config": {
|
||||
"dataMapping": [
|
||||
{
|
||||
"mapping": "type",
|
||||
"filed": "维度"
|
||||
},
|
||||
{
|
||||
"mapping": "visit",
|
||||
"filed": "数值"
|
||||
}
|
||||
],
|
||||
"paramOption": [],
|
||||
"dataType": 2,
|
||||
"dataSetName": "首页_近一周访问量",
|
||||
"dataSetApi": "selectcount(*)asvisit\t,count(distinct(ip))asip\t,DATE_FORMAT(create_time,'%Y-%m-%d')astian\t,DATE_FORMAT(create_time,'%m-%d')astype\tfromsys_logwherelog_type=1andcreate_time<=sysdate()andcreate_time>=(selectdate_sub(curdate(),interval7day))groupbytian,typeorderbytianasc",
|
||||
"drillData": [],
|
||||
"url": "http://api.jeecg.com/mock/33/chart",
|
||||
"timeOut": 0,
|
||||
"chartData": "[{\"value\":1000,\"name\":\"联想\"},{\"value\":7350,\"name\":\"小米\"},{\"value\":5800,\"name\":\"华为\"},{\"value\":6000,\"name\":\"苹果\"},{\"value\":3000,\"name\":\"戴尔\"}]",
|
||||
"size": {
|
||||
"width": 1252,
|
||||
"height": 441
|
||||
},
|
||||
"dataSetId": "1522503560003067906",
|
||||
"fieldOption": [
|
||||
{
|
||||
"label": "visit",
|
||||
"text": "visit",
|
||||
"value": "visit"
|
||||
},
|
||||
{
|
||||
"label": "ip",
|
||||
"text": "ip",
|
||||
"value": "ip"
|
||||
},
|
||||
{
|
||||
"label": "tian",
|
||||
"text": "tian",
|
||||
"value": "tian"
|
||||
},
|
||||
{
|
||||
"label": "type",
|
||||
"text": "type",
|
||||
"value": "type"
|
||||
}
|
||||
],
|
||||
"dataSetType": "sql",
|
||||
"turnConfig": {
|
||||
"url": ""
|
||||
},
|
||||
"dictOptions": {},
|
||||
"linkageConfig": [],
|
||||
"dataSetIzAgent": "0",
|
||||
"option": {
|
||||
"grid": {
|
||||
"bottom": 57,
|
||||
"show": false
|
||||
},
|
||||
"series": [
|
||||
{
|
||||
"data": [],
|
||||
"type": "line"
|
||||
}
|
||||
],
|
||||
"title": {
|
||||
"subtext": "",
|
||||
"left": "left",
|
||||
"text": "近一周在线访问量",
|
||||
"textStyle": {
|
||||
"color": "#464646"
|
||||
},
|
||||
"subtextStyle": {
|
||||
"color": "#464646"
|
||||
}
|
||||
},
|
||||
"card": {
|
||||
"rightHref": "",
|
||||
"size": "default",
|
||||
"extra": "",
|
||||
"title": ""
|
||||
}
|
||||
}
|
||||
},
|
||||
"key": "67ef02cb-e6af-4864-8c35-f389caee9c0c"
|
||||
}
|
||||
],
|
||||
"coverUrl": null,
|
||||
"backgroundColor": null,
|
||||
"backgroundImage": "",
|
||||
"theme": "default",
|
||||
"style": "default",
|
||||
"designType": 30,
|
||||
"protectionCode": "",
|
||||
"type": "0",
|
||||
"izTemplate": "1",
|
||||
"createBy": "admin",
|
||||
"lowAppId": "",
|
||||
"tenantId": 3,
|
||||
"appMenuGroupId": null,
|
||||
"createTime": "2025-03-13 14:50:52",
|
||||
"updateBy": "admin",
|
||||
"updateTime": "2025-03-24 18:50:42",
|
||||
"updateCount": 2,
|
||||
"visitsNum": 0,
|
||||
"delFlag": 0
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user