From e543372cc70a19ff2630c79d8421c2c593e54e5f Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 02 六月 2021 17:15:21 +0800
Subject: [PATCH] 2021-06-02
---
src/menu/components/chart/antv-bar/chartcompile/formconfig.jsx | 331 +++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 235 insertions(+), 96 deletions(-)
diff --git a/src/menu/components/chart/antv-bar/chartcompile/formconfig.jsx b/src/menu/components/chart/antv-bar/chartcompile/formconfig.jsx
index 677001d..817a0a5 100644
--- a/src/menu/components/chart/antv-bar/chartcompile/formconfig.jsx
+++ b/src/menu/components/chart/antv-bar/chartcompile/formconfig.jsx
@@ -1,14 +1,140 @@
import zhCN from '@/locales/zh-CN/model.js'
import enUS from '@/locales/en-US/model.js'
-const Formdict = localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS
+const Formdict = sessionStorage.getItem('lang') !== 'en-US' ? zhCN : enUS
+
+/**
+ * @description 鑾峰彇鍥捐〃瑙嗗浘閰嶇疆琛ㄥ崟
+ * @param {object} card // 鍥捐〃瀵硅薄
+ */
+export function getBaseForm (card) {
+ let appType = sessionStorage.getItem('appType')
+ let menulist = null
+
+ if (appType === 'pc') {
+ menulist = sessionStorage.getItem('appMenus')
+ if (Array.isArray(card.linkmenu)) {
+ card.linkmenu = ''
+ }
+ } else {
+ menulist = sessionStorage.getItem('fstMenuList')
+ }
+
+ if (menulist) {
+ try {
+ menulist = JSON.parse(menulist)
+ if (appType === 'pc') {
+ menulist = menulist.map(item => {
+ item.value = item.MenuID
+ item.text = item.MenuName
+ return item
+ })
+ }
+ } catch {
+ menulist = []
+ }
+ } else {
+ menulist = []
+ }
+
+ let roleList = sessionStorage.getItem('sysRoles')
+ if (roleList) {
+ try {
+ roleList = JSON.parse(roleList)
+ } catch {
+ roleList = []
+ }
+ } else {
+ roleList = []
+ }
+
+ return [
+ {
+ type: 'text',
+ key: 'title',
+ label: '鏍囬',
+ initVal: card.title,
+ required: false
+ },
+ {
+ type: 'text',
+ key: 'name',
+ label: '缁勪欢鍚嶇О',
+ initVal: card.name,
+ tooltip: '鐢ㄤ簬缁勪欢闂寸殑鍖哄垎銆�',
+ required: true
+ },
+ {
+ type: 'number',
+ key: 'width',
+ label: '瀹藉害',
+ initVal: card.width,
+ tooltip: '鏍呮牸甯冨眬锛屾瘡琛岀瓑鍒嗕负24鍒椼��',
+ min: 1,
+ max: 24,
+ decimal: 0,
+ required: true
+ },
+ {
+ type: 'number',
+ key: 'height',
+ label: '楂樺害',
+ initVal: card.height,
+ min: 100,
+ max: 1000,
+ decimal: 0,
+ required: true
+ },
+ {
+ type: 'select',
+ key: 'blacklist',
+ label: '榛戝悕鍗�',
+ initVal: card.blacklist || [],
+ multi: true,
+ required: false,
+ options: roleList
+ },
+ {
+ type: 'cascader',
+ key: 'linkmenu',
+ label: '鍏宠仈鑿滃崟',
+ initVal: card.linkmenu || [],
+ tooltip: '鍦ㄤ娇鐢ㄦ煴褰㈠浘涓旀湭鍚敤鑷畾涔夎缃椂鏈夋晥銆�',
+ required: false,
+ forbid: appType === 'pc' || appType === 'mob',
+ options: menulist
+ },
+ {
+ type: 'select',
+ key: 'linkmenu',
+ label: '鍏宠仈鑿滃崟',
+ initVal: card.linkmenu || '',
+ tooltip: '鍙屽嚮鏌辩姸鍥撅紝浼氭墦寮�鍏宠仈鐨勮彍鍗曘��',
+ required: false,
+ forbid: appType !== 'pc',
+ options: menulist
+ },
+ {
+ type: 'radio',
+ key: 'open',
+ label: '鎵撳紑鏂瑰紡',
+ initVal: card.open || 'blank',
+ required: false,
+ forbid: appType !== 'pc',
+ options: [
+ { value: 'blank', text: '鏂扮獥鍙�' },
+ { value: 'self', text: '褰撳墠绐楀彛' }
+ ]
+ }
+ ]
+}
/**
* @description 鑾峰彇鍥捐〃瑙嗗浘閰嶇疆琛ㄥ崟
* @param {object} card // 鍥捐〃瀵硅薄
* @param {Array} columns // 鏄剧ず鍒�
*/
-export function getBarOrLineChartOptionForm (card, columns) {
+export function getOptionForm (card, columns) {
let shapes = []
if (card.chartType === 'line') {
@@ -33,28 +159,66 @@
]
}
+ let xfields = columns.filter(item => /^Nvarchar/ig.test(item.datatype))
+ let yfields = columns.filter(item => /^(Int|Decimal)/ig.test(item.datatype))
+
return [
{
type: 'radio',
key: 'datatype',
label: '鏁版嵁绫诲瀷',
initVal: card.datatype || 'query',
- tooltip: '缁熻鍥捐〃閫傜敤浜庤〃鏍间笉鍒嗛〉锛屼笖鏁版嵁闇�瑕佽浆鎹�',
+ tooltip: '缁熻鍥捐〃閫傜敤浜庡睍绀烘暟鎹被鍨嬩负鍔ㄦ�佸�笺��',
required: false,
options: [
{ value: 'query', text: Formdict['header.form.query'] },
{ value: 'statistics', text: Formdict['header.form.statistics'] }
]
- },
- {
+ }, {
type: 'select',
key: 'Xaxis',
label: 'X-杞�',
initVal: card.Xaxis || '',
required: true,
- options: columns.filter(col => col.type === 'text')
- },
- {
+ options: xfields
+ }, {
+ type: 'select',
+ key: 'InfoType',
+ label: '绫诲瀷',
+ initVal: card.InfoType || '',
+ hidden: card.datatype !== 'statistics',
+ required: true,
+ options: xfields
+ }, {
+ type: 'select',
+ key: 'InfoValue',
+ label: '鍊�',
+ initVal: card.InfoValue || '',
+ hidden: card.datatype !== 'statistics',
+ required: true,
+ options: yfields
+ }, {
+ type: 'select',
+ key: 'legend',
+ label: '鍥句緥浣嶇疆',
+ initVal: card.legend || 'bottom',
+ required: false,
+ options: [
+ { field: 'bottom', label: '涓�' },
+ { field: 'bottom-left', label: '涓嬪乏' },
+ { field: 'bottom-right', label: '涓嬪彸' },
+ { field: 'top', label: '涓�' },
+ { field: 'top-left', label: '涓婂乏' },
+ { field: 'top-right', label: '涓婂彸' },
+ { field: 'right', label: '鍙�' },
+ { field: 'right-top', label: '鍙充笂' },
+ { field: 'right-bottom', label: '鍙充笅' },
+ { field: 'left', label: '宸�' },
+ { field: 'left-top', label: '宸︿笂' },
+ { field: 'left-bottom', label: '宸︿笅' },
+ { field: 'hidden', label: '闅愯棌' }
+ ]
+ }, {
type: 'select',
key: 'Yaxis',
label: 'Y-杞�',
@@ -62,60 +226,18 @@
multi: true, // 澶氶��
hidden: card.datatype === 'statistics',
required: true,
- options: columns.filter(col => col.type === 'number')
- },
- {
- type: 'select',
- key: 'InfoType',
- label: '绫诲瀷',
- initVal: card.InfoType || '',
- hidden: card.datatype !== 'statistics',
- required: true,
- options: columns.filter(col => col.type === 'text')
- },
- {
- type: 'select',
- key: 'InfoValue',
- label: '鍊�',
- initVal: card.InfoValue || '',
- hidden: card.datatype !== 'statistics',
- required: true,
- options: columns.filter(col => col.type === 'number')
- },
- {
- type: 'select',
- key: 'legend',
- label: '鍥句緥浣嶇疆',
- initVal: card.legend || 'bottom',
- required: false,
- options: [
- { field: 'top', label: 'top' },
- { field: 'top-left', label: 'top-left' },
- { field: 'top-right', label: 'top-right' },
- { field: 'right', label: 'right' },
- { field: 'right-top', label: 'right-top' },
- { field: 'right-bottom', label: 'right-bottom' },
- { field: 'left', label: 'left' },
- { field: 'left-top', label: 'left-top' },
- { field: 'left-bottom', label: 'left-bottom' },
- { field: 'bottom', label: 'bottom' },
- { field: 'bottom-left', label: 'bottom-left' },
- { field: 'bottom-right', label: 'bottom-right' },
- { field: 'hidden', label: 'hidden' }
- ]
- },
- {
+ options: yfields
+ }, {
type: 'select',
key: 'shape',
label: '褰㈢姸',
initVal: card.shape || (shapes[0] && shapes[0].field),
required: false,
options: shapes
- },
- {
+ }, {
type: 'radio',
key: 'tooltip',
- label: '鎻愮ず淇℃伅',
+ label: '鎮诞鎻愮ず',
initVal: card.tooltip || 'true',
required: false,
options: [{
@@ -125,22 +247,7 @@
value: 'false',
text: '闅愯棌'
}]
- },
- {
- type: 'radio',
- key: 'coordinate',
- label: '鍧愭爣',
- initVal: card.coordinate || 'angle',
- required: false,
- options: [{
- value: 'angle',
- text: '浜岀淮鍧愭爣'
- }, {
- value: 'polar',
- text: '鏋佸潗鏍�'
- }]
- },
- {
+ }, {
type: 'radio',
key: 'point',
label: '鐐瑰浘',
@@ -154,12 +261,12 @@
value: 'false',
text: '闅愯棌'
}]
- },
- {
+ }, {
type: 'radio',
key: 'transpose',
label: '鍙樻崲',
initVal: card.transpose || 'false',
+ tooltip: '妯旱鍧愭爣杞翠氦鎹�',
required: false,
options: [{
value: 'true',
@@ -168,25 +275,23 @@
value: 'false',
text: Formdict['model.false']
}]
- },
- {
+ }, {
type: 'radio',
key: 'show',
- label: '鏄剧ず鍊�',
+ label: '鏍煎紡鍖�',
initVal: card.show || 'value',
required: false,
options: [{
+ value: 'value',
+ text: '鏃�'
+ }, {
value: 'percent',
text: '鐧惧垎姣�'
- }, {
- value: 'value',
- text: '鏁板��'
}]
- },
- {
+ }, {
type: 'radio',
key: 'label',
- label: '鏍囨敞-鍊�',
+ label: '鏍囨敞鍊�',
initVal: card.label || 'false',
required: false,
options: [{
@@ -196,6 +301,20 @@
value: 'false',
text: '闅愯棌'
}]
+ // }, {
+ // type: 'radio',
+ // key: 'offset',
+ // label: '鏍囨敞浣嶇疆',
+ // initVal: card.offset || 'outer',
+ // required: false,
+ // options: [{
+ // value: 'outer',
+ // text: '澶栭儴'
+ // }, {
+ // value: 'inner',
+ // text: '鍐呴儴'
+ // }],
+ // forbid: card.chartType !== 'bar'
}, {
type: 'radio',
key: 'adjust',
@@ -227,27 +346,47 @@
text: '绱姞'
}]
}, {
- type: 'number',
- key: 'InfoDefNumber',
- label: '灞曠ず鏁�',
- tooltip: '榛樿鏄剧ず绫诲瀷鏁伴噺',
- min: 1,
- max: 50,
- decimal: 0,
- initVal: card.InfoDefNumber || 5,
- hidden: card.datatype !== 'statistics',
- required: true
+ type: 'radio',
+ key: 'coordinate',
+ label: '鍧愭爣',
+ initVal: card.coordinate || 'angle',
+ required: false,
+ options: [{
+ value: 'angle',
+ text: '浜岀淮鍧愭爣'
+ }, {
+ value: 'polar',
+ text: '鏋佸潗鏍�'
+ }]
}, {
type: 'number',
- key: 'correction',
- label: '鏁版嵁淇',
- tooltip: '褰撴暟鎹」灏戜簬璁剧疆鍊兼椂锛岀郴缁熶細鑷姩淇锛堥伩鍏嶆煴褰㈠浘杩囧锛�,鍦ㄨ嚜瀹氫箟涓紝璁剧疆涓烘姌绾垮浘鏃跺け鏁堛��',
+ key: 'barSize',
+ label: '鏌卞舰瀹藉害',
+ tooltip: '绌哄�兼椂锛屽搴﹁嚜閫傚簲銆�',
min: 5,
- max: 30,
+ max: 100,
decimal: 0,
- initVal: card.correction,
+ initVal: card.barSize,
forbid: !['bar'].includes(card.chartType),
required: false
+ }, {
+ type: 'number',
+ key: 'barRadius',
+ label: '鏌卞舰鍦嗚',
+ tooltip: '鏌卞舰鍥句笂绔渾瑙掋��',
+ min: 0,
+ max: 200,
+ decimal: 0,
+ initVal: card.barRadius || 0,
+ forbid: !['bar'].includes(card.chartType),
+ required: false
+ }, {
+ type: 'color',
+ key: 'color',
+ label: '鑹茬郴',
+ initVal: card.color || 'rgba(0, 0, 0, 0.65)',
+ tooltip: '鍧愭爣杞存彁绀烘枃瀛楀強绀轰緥鐨勯鑹层��',
+ required: false
}
]
}
--
Gitblit v1.8.0