From 72419e2f826031a158173f46d723a672064e37cd Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 31 八月 2021 22:42:51 +0800
Subject: [PATCH] 2021-08-31
---
src/menu/components/card/cardcellcomponent/formconfig.jsx | 458 ++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 321 insertions(+), 137 deletions(-)
diff --git a/src/menu/components/card/cardcellcomponent/formconfig.jsx b/src/menu/components/card/cardcellcomponent/formconfig.jsx
index 891ba78..92ccfc4 100644
--- a/src/menu/components/card/cardcellcomponent/formconfig.jsx
+++ b/src/menu/components/card/cardcellcomponent/formconfig.jsx
@@ -1,16 +1,59 @@
-// import zhCN from '@/locales/zh-CN/model.js'
-// import enUS from '@/locales/en-US/model.js'
+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 {*} card 缂栬緫鎸夐挳
- * @param {*} setting 缁勪欢閰嶇疆
- * @param {*} permFuncField 瀛樺偍杩囩▼鍙敤鐨勫紑濮嬪瓧娈�
- * @param {*} type 鎸夐挳绫诲瀷锛岀敤浜庡尯鍒嗗彲閫夌殑鎵撳紑鏂瑰紡
+ * @description 鑾峰彇鍏冪礌閰嶇疆淇℃伅
+ * @param {*} card
+ * @param {*} type
*/
-export function getCardCellForm (card) {
+export function getCardCellForm (card, type, subtype, cardCell) {
+ let _options = [
+ { value: 'text', text: '鏂囨湰'},
+ { value: 'number', text: '鏁板��'},
+ { value: 'picture', text: '鍥剧墖'},
+ { value: 'video', text: '瑙嗛'},
+ { value: 'icon', text: '鍥炬爣'},
+ { value: 'slider', text: '杩涘害鏉�'},
+ { value: 'splitline', text: '鍒嗗壊绾�'},
+ { value: 'barcode', text: '鏉″舰鐮�'},
+ { value: 'qrcode', text: '浜岀淮鐮�'},
+ { value: 'currentDate', text: '褰撳墠鏃堕棿'},
+ { value: 'formula', text: '鍏紡'},
+ ]
+
+ if (type === 'table' || (type === 'card' && subtype === 'datacard')) {
+ _options.push({value: 'sequence', text: '搴忓彿'})
+ }
+
+ let appMenus = []
+ const isApp = sessionStorage.getItem('appType') === 'pc'
+
+ if (isApp) {
+ appMenus = sessionStorage.getItem('appMenus')
+ if (appMenus) {
+ try {
+ appMenus = JSON.parse(appMenus)
+ } catch {
+ appMenus = []
+ }
+ } else {
+ appMenus = []
+ }
+ }
+
+ let dataTypes = [
+ { value: 'dynamic', text: '鍔ㄦ��' },
+ { value: 'static', text: '闈欐��' }
+ ]
+ if (cardCell.$cardType === 'extendCard') {
+ card.datatype = 'static'
+ dataTypes = [
+ { value: 'static', text: '闈欐��' }
+ ]
+ }
+
let forms = [
{
type: 'select',
@@ -18,25 +61,22 @@
label: '鍏冪礌绫诲瀷',
initVal: card.eleType,
required: true,
- options: [
- { value: 'text', text: '鏂囨湰'},
- { value: 'number', text: '鏁板��'},
- { value: 'picture', text: '鍥剧墖'},
- { value: 'icon', text: '鍥炬爣'},
- { value: 'slider', text: '杩涘害鏉�'},
- { value: 'splitline', text: '鍒嗗壊绾�'},
- ]
+ options: _options
+ },
+ {
+ type: 'icon',
+ key: 'icon',
+ label: '鍥炬爣',
+ initVal: card.icon,
+ required: true
},
{
type: 'radio',
key: 'datatype',
label: '鏁版嵁绫诲瀷',
- initVal: card.datatype || 'dynamic',
+ initVal: card.datatype || 'static',
required: true,
- options: [
- { value: 'dynamic', text: '鍔ㄦ��' },
- { value: 'static', text: '闈欐��' }
- ]
+ options: dataTypes
},
{
type: 'select',
@@ -49,9 +89,69 @@
{
type: 'text',
key: 'value',
+ min: 0,
label: '鍐呭',
initVal: card.value || '',
+ tooltip: '鏂囨湰绫诲瀷锛屼細鏇挎崲鍐呭涓殑@username@銆丂fullName@銆丂login_city@銆�',
required: true
+ },
+ {
+ type: 'file',
+ key: 'url',
+ label: '鍥剧墖/鏂囦欢',
+ initVal: card.url || '',
+ maxfile: 1,
+ required: true
+ },
+ {
+ type: 'radio',
+ key: 'autoPlay',
+ label: '鑷姩鎾斁',
+ initVal: card.autoPlay || 'false',
+ required: false,
+ options: [
+ { value: 'true', text: '鏄�' },
+ { value: 'false', text: '鍚�' }
+ ]
+ },
+ {
+ type: 'radio',
+ key: 'loop',
+ label: '寰幆鎾斁',
+ initVal: card.loop || 'false',
+ required: false,
+ options: [
+ { value: 'true', text: '鏄�' },
+ { value: 'false', text: '鍚�' }
+ ]
+ },
+ {
+ type: 'select',
+ key: 'format',
+ label: '鏍煎紡鍖�',
+ initVal: card.format || '',
+ required: false,
+ options: [],
+ oriOptions: [
+ { value: '', text: '鏃�' },
+ { value: 'percent', text: '鐧惧垎鏁�' },
+ { value: 'thdSeparator', text: '鍗冨垎浣�' },
+ { value: 'YYYY-MM-DD', text: 'YYYY-MM-DD' }
+ ]
+ },
+ {
+ type: 'select',
+ key: 'dateFormat',
+ label: '鏍煎紡鍖�',
+ initVal: card.dateFormat || 'YYYY-MM-DD',
+ required: true,
+ options: [
+ { value: 'YYYY-MM-DD', text: 'YYYY-MM-DD' },
+ { value: 'YYYY', text: 'YYYY' },
+ { value: 'YYYY-MM', text: 'YYYY-MM' },
+ { value: 'YYYY-MM-DD HH:mm', text: 'YYYY-MM-DD HH:mm' },
+ { value: 'YYYY-MM-DD HH:mm:ss', text: 'YYYY-MM-DD HH:mm:ss' },
+ ]
},
{
type: 'text',
@@ -68,47 +168,6 @@
required: false
},
{
- type: 'select',
- key: 'icon',
- label: '鍥炬爣',
- initVal: card.icon,
- required: true,
- options: [
- { value: 'question-circle', text: 'question-circle'},
- { value: 'alert', text: 'alert'},
- { value: 'cloud', text: 'cloud'},
- { value: 'eye', text: 'eye'},
- { value: 'eye-invisible', text: 'eye-invisible'},
- { value: 'android', text: 'android'},
- { value: 'apple', text: 'apple'},
- { value: 'windows', text: 'windows'},
- { value: 'ie', text: 'ie'},
- { value: 'chrome', text: 'chrome'},
- { value: 'github', text: 'github'},
- { value: 'aliwangwang', text: 'aliwangwang'},
- { value: 'dingding', text: 'dingding'},
- { value: 'wechat', text: 'wechat'},
- { value: 'alipay', text: 'alipay'},
- { value: 'weibo-square', text: 'weibo-square'},
- { value: 'weibo-circle', text: 'weibo-circle'},
- { value: 'taobao-circle', text: 'taobao-circle'},
- { value: 'weibo', text: 'weibo'},
- { value: 'twitter', text: 'twitter'},
- { value: 'youtube', text: 'youtube'},
- { value: 'alipay-circle', text: 'alipay-circle'},
- { value: 'taobao', text: 'taobao'},
- { value: 'skype', text: 'skype'},
- { value: 'qq', text: 'qq'},
- { value: 'gitlab', text: 'gitlab'},
- { value: 'zhihu', text: 'zhihu'},
- { value: 'slack', text: 'slack'},
- { value: 'sketch', text: 'sketch'},
- { value: 'yahoo', text: 'yahoo'},
- { value: 'reddit', text: 'reddit'},
- { value: 'dribbble', text: 'dribbble'},
- ]
- },
- {
type: 'text',
key: 'tooltip',
label: '鎻愮ず淇℃伅',
@@ -117,68 +176,20 @@
required: false
},
{
- type: 'select',
- key: 'format',
- label: '鏍煎紡鍖�',
- initVal: card.format || '',
- tooltip: '娉細鐧惧垎鏁般�佸崈鍒嗕綅瀵逛簬鏁板�肩被鍨嬫湁鏁堬紝YYYY-MM-DD瀵逛簬鏃堕棿绫诲瀷鐨勬枃鏈湁鏁堛��',
- required: false,
- options: [
- { value: '', text: '鏃�' },
- { value: 'percent', text: '鐧惧垎鏁�' },
- { value: 'thdSeparator', text: '鍗冨垎浣�' },
- { value: 'YYYY-MM-DD', text: 'YYYY-MM-DD' }
- ]
- },
- {
- type: 'radio',
- key: 'align',
- label: '瀵归綈鏂瑰紡',
- initVal: card.align || 'left',
- required: true,
- options: [
- { value: 'left', text: '宸﹀榻�' },
- { value: 'center', text: '灞呬腑' },
- { value: 'right', text: '鍙冲榻�' },
- ]
- },
- {
- type: 'number',
- key: 'fontSize',
- min: 12,
- max: 50,
- label: '瀛椾綋澶у皬',
- initVal: card.fontSize || 14,
- required: true,
- },
- {
- type: 'select',
- key: 'fontWeight',
- label: '瀛椾綋绮楃粏',
- initVal: card.fontWeight || 'normal',
- required: true,
- options: [
- { value: 'normal', text: '姝ｅ父' },
- { value: 'bold', text: 'bold' },
- { value: 'bolder', text: 'bolder' },
- { value: 'lighter', text: 'lighter' },
- { value: '100', text: '100' },
- { value: '200', text: '200' },
- { value: '300', text: '300' },
- { value: '400', text: '400' },
- { value: '500', text: '500' },
- { value: '600', text: '600' },
- { value: '700', text: '700' },
- { value: '800', text: '800' },
- { value: '900', text: '900' }
- ]
- },
- {
type: 'color',
key: 'color',
label: '棰滆壊',
- initVal: card.color,
- required: false
+ initVal: card.color || 'rgba(0, 0, 0, 0.85)',
+ required: true
+ },
+ {
+ type: 'number',
+ key: 'maxValue',
+ min: 1,
+ label: '鏈�澶у��',
+ initVal: card.maxValue || 100,
+ tooltip: '鍗宠繘搴︿负100%鏃剁殑鍊笺��',
+ required: true,
},
{
type: 'number',
@@ -186,9 +197,9 @@
min: 1,
max: 24,
precision: 0,
- label: '瀹藉害',
+ label: '鍏冪礌瀹藉害',
initVal: card.width || 12,
- tooltip: '姣忚绛夊垎涓�24浠姐��',
+ tooltip: '鏍呮牸甯冨眬锛屾瘡琛岀瓑鍒嗕负24鍒椼��',
required: true
},
{
@@ -197,8 +208,57 @@
min: 1,
max: 10,
label: '楂樺害(琛�)',
- initVal: card.height || 1,
+ initVal: card.height,
+ tooltip: '鍐呭鏄剧ず琛屾暟锛屽�间负绌烘椂楂樺害鑷�傚簲锛屾敞锛氳嚜閫傚簲楂樺害浠呭湪璁剧疆鍗＄墖楂樺害鍚庢湁鏁堛��',
+ required: false
+ },
+ {
+ type: 'number',
+ key: 'barHeight',
+ min: 5,
+ max: 50,
+ label: '楂樺害',
+ initVal: card.barHeight || 25,
required: true,
+ },
+ {
+ type: 'number',
+ key: 'qrWidth',
+ min: 5,
+ max: 500,
+ label: '瀹藉害',
+ initVal: card.qrWidth || 50,
+ required: true,
+ },
+ {
+ type: 'number',
+ key: 'interval',
+ min: 0.1,
+ max: 10,
+ precision: 1,
+ label: '绾挎潯闂撮殧',
+ initVal: card.interval || 1,
+ required: true,
+ },
+ {
+ type: 'radio',
+ key: 'displayValue',
+ label: '鏄剧ず鍊�',
+ initVal: card.displayValue || 'false',
+ required: false,
+ options: [
+ { value: 'true', text: '鏄�' },
+ { value: 'false', text: '鍚�' }
+ ]
+ },
+ {
+ type: 'number',
+ key: 'borderWidth',
+ min: 0,
+ max: 50,
+ label: '绾垮',
+ initVal: card.borderWidth || 1,
+ required: true
},
{
type: 'select',
@@ -208,29 +268,153 @@
required: true,
options: [
{ value: '1:1', text: '1:1' },
+ { value: '4:3', text: '4:3' },
{ value: '3:2', text: '3:2' },
+ { value: '16:9', text: '16:9' },
+ { value: '2:1', text: '2:1' },
+ { value: '3:1', text: '3:1' },
+ { value: '4:1', text: '4:1' },
+ { value: '5:1', text: '5:1' },
+ { value: '6:1', text: '6:1' },
+ { value: '7:1', text: '7:1' },
+ { value: '8:1', text: '8:1' },
+ { value: '9:1', text: '9:1' },
+ { value: '10:1', text: '10:1' },
+ { value: '3:4', text: '3:4' },
+ { value: '2:3', text: '2:3' },
+ { value: '9:16', text: '9:16' },
+ ]
+ },
+ {
+ type: 'number',
+ key: 'maxWidth',
+ min: 10,
+ max: 2000,
+ label: '鏈�澶у搴�',
+ initVal: card.maxWidth || '',
+ tooltip: '鍥剧墖瀹藉害鐨勬渶澶у�笺��',
+ required: false,
+ },
+ {
+ type: 'select',
+ key: 'aspectRatio',
+ label: '闀垮姣�',
+ initVal: card.aspectRatio || '16:9',
+ required: true,
+ options: [
{ value: '4:3', text: '4:3' },
{ value: '16:9', text: '16:9' }
]
},
{
type: 'radio',
- key: 'radius',
- label: '鍦嗚',
- initVal: card.radius || 'false',
- required: true,
+ key: 'noValue',
+ label: '绌哄��',
+ initVal: card.noValue || 'show',
+ required: false,
options: [
- { value: 'true', text: '鏈�' },
- { value: 'false', text: '鏃�' }
+ { value: 'show', text: '鏄剧ず' },
+ { value: 'hide', text: '闅愯棌' }
]
},
{
- type: 'text',
- key: 'padding',
- label: '鍐呰竟璺�',
- initVal: card.padding,
- tooltip: '鍐呰竟璺濋渶瑕佹寜鐓у浐瀹氭牸寮忓～鍐欙紝渚嬶細5px锛堜笂涓嬪乏鍙冲潎涓�5鍍忕礌锛夛紝5px 10px锛堜笂涓�5鍍忕礌锛屽乏鍙�10鍍忕礌锛夛紝5px 10px 15px锛堜笂5鍍忕礌锛屽乏鍙�10鍍忕礌锛屼笅15鍍忕礌锛夛紝5px 10px 5px 10px锛堜笂5鍍忕礌锛屽彸10鍍忕礌锛屼笅5鍍忕礌锛屽乏10鍍忕礌锛�',
- required: false
+ type: 'radio',
+ key: 'link',
+ label: '閾炬帴',
+ initVal: card.link || '',
+ tooltip: '鍔ㄦ�佸湴鍧�涓虹粦瀹氬瓧娈靛�笺��',
+ required: false,
+ forbid: isApp,
+ options: [
+ { value: '', text: '鏃�' },
+ { value: 'dynamic', text: '鍔ㄦ��' },
+ { value: 'static', text: '闈欐��' }
+ ]
+ },
+ {
+ type: 'radio',
+ key: 'link',
+ label: '閾炬帴',
+ initVal: card.link || '',
+ required: false,
+ forbid: !isApp,
+ options: [
+ { value: '', text: '鏃�' },
+ { value: 'linkpage', text: '鍏宠仈鑿滃崟' },
+ { value: 'custom', text: '閾炬帴' }
+ ]
+ },
+ {
+ type: 'radio',
+ key: 'scale',
+ label: '鍥剧墖鏀惧ぇ',
+ initVal: card.scale || 'false',
+ required: false,
+ options: [
+ { value: 'false', text: '涓嶅彲浠�' },
+ { value: 'true', text: '鍙互' }
+ ]
+ },
+ {
+ type: 'select',
+ key: 'linkmenu',
+ label: '鍏宠仈鑿滃崟',
+ initVal: card.linkmenu || '',
+ required: true,
+ forbid: !isApp,
+ options: appMenus
+ },
+ {
+ type: 'radio',
+ key: 'open',
+ label: '鎵撳紑鏂瑰紡',
+ initVal: card.open || 'blank',
+ required: false,
+ forbid: !isApp,
+ options: [
+ { value: 'blank', text: '鏂伴〉闈�' },
+ { value: 'self', text: '褰撳墠椤甸潰' }
+ ]
+ },
+ // {
+ // type: 'select',
+ // key: 'copyMenuId',
+ // label: '澶嶅埗鑿滃崟',
+ // initVal: card.copyMenuId || '',
+ // required: false,
+ // forbid: !isApp,
+ // options: appMenus
+ // },
+ {
+ type: 'radio',
+ key: 'joint',
+ label: Formdict['model.form.paramJoint'],
+ initVal: card.joint || 'true',
+ required: false,
+ options: [{
+ value: 'true',
+ text: Formdict['model.true']
+ }, {
+ value: 'false',
+ text: Formdict['model.false']
+ }]
+ },
+ {
+ type: 'select',
+ key: 'linkurl',
+ label: '閾炬帴鍦板潃',
+ initVal: card.linkurl || '',
+ required: true,
+ options: []
+ },
+ {
+ type: 'textarea',
+ key: 'formula',
+ label: '鍏紡',
+ initVal: card.formula || '',
+ tooltip: '鎵ц鏃朵細浣跨敤鏌ヨ鍒扮殑鏁版嵁鏇挎崲鐩稿簲鐨勫瓧娈碉紝灞曠ず鑾峰緱鐨勭粨鏋溿��',
+ placeholder: '渚嬪锛欯price@ * @number@',
+ required: true
},
]
--
Gitblit v1.8.0