kFormDesign.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690
  1. let tempData = [
  2. {
  3. "title": "基础组件",
  4. "list": [
  5. {
  6. "type": "input",
  7. "label": "输入框",
  8. "icon": "icon-write",
  9. "options": {
  10. "type": "text",
  11. "width": "100%",
  12. "defaultValue": "",
  13. "placeholder": "请输入",
  14. "clearable": false,
  15. "maxLength": null,
  16. "addonBefore": "",
  17. "addonAfter": "",
  18. "showLabel": true,
  19. "hidden": false,
  20. "disabled": false
  21. },
  22. "model": "",
  23. "key": "",
  24. "help": "",
  25. "rules": [
  26. {
  27. "required": false,
  28. "message": "必填项"
  29. }
  30. ]
  31. },
  32. {
  33. "type": "textarea",
  34. "label": "文本框",
  35. "icon": "icon-edit",
  36. "options": {
  37. "width": "100%",
  38. "minRows": 4,
  39. "maxRows": 6,
  40. "maxLength": null,
  41. "defaultValue": "",
  42. "clearable": false,
  43. "showLabel": true,
  44. "hidden": false,
  45. "disabled": false,
  46. "placeholder": "请输入"
  47. },
  48. "model": "",
  49. "key": "",
  50. "help": "",
  51. "rules": [
  52. {
  53. "required": false,
  54. "message": "必填项"
  55. }
  56. ]
  57. },
  58. {
  59. "type": "number",
  60. "label": "数字输入框",
  61. "icon": "icon-number",
  62. "options": {
  63. "width": "100%",
  64. "defaultValue": 0,
  65. "min": null,
  66. "max": null,
  67. "precision": null,
  68. "step": 1,
  69. "showLabel": true,
  70. "hidden": false,
  71. "disabled": false,
  72. "placeholder": "请输入"
  73. },
  74. "model": "",
  75. "key": "",
  76. "help": "",
  77. "rules": [
  78. {
  79. "required": false,
  80. "message": "必填项"
  81. }
  82. ]
  83. },
  84. {
  85. "type": "select",
  86. "label": "下拉选择器",
  87. "icon": "icon-xiala",
  88. "options": {
  89. "width": "100%",
  90. "multiple": false,
  91. "disabled": false,
  92. "clearable": false,
  93. "showLabel": true,
  94. "hidden": false,
  95. "placeholder": "请选择",
  96. "dynamicKey": "",
  97. "dynamic": false,
  98. "options": [
  99. {
  100. "value": "1",
  101. "label": "下拉框1"
  102. },
  103. {
  104. "value": "2",
  105. "label": "下拉框2"
  106. }
  107. ],
  108. "showSearch": false
  109. },
  110. "model": "",
  111. "key": "",
  112. "help": "",
  113. "rules": [
  114. {
  115. "required": false,
  116. "message": "必填项"
  117. }
  118. ]
  119. },
  120. {
  121. "type": "checkbox",
  122. "label": "多选框",
  123. "icon": "icon-duoxuan1",
  124. "options": {
  125. "disabled": false,
  126. "showLabel": true,
  127. "hidden": false,
  128. "defaultValue": [],
  129. "dynamicKey": "",
  130. "dynamic": false,
  131. "options": [
  132. {
  133. "value": "1",
  134. "label": "选项1"
  135. },
  136. {
  137. "value": "2",
  138. "label": "选项2"
  139. },
  140. {
  141. "value": "3",
  142. "label": "选项3"
  143. }
  144. ]
  145. },
  146. "model": "",
  147. "key": "",
  148. "help": "",
  149. "rules": [
  150. {
  151. "required": false,
  152. "message": "必填项"
  153. }
  154. ]
  155. },
  156. {
  157. "type": "radio",
  158. "label": "单选框",
  159. "icon": "icon-danxuan-cuxiantiao",
  160. "options": {
  161. "disabled": false,
  162. "showLabel": true,
  163. "hidden": false,
  164. "defaultValue": "",
  165. "dynamicKey": "",
  166. "dynamic": false,
  167. "options": [
  168. {
  169. "value": "1",
  170. "label": "选项1"
  171. },
  172. {
  173. "value": "2",
  174. "label": "选项2"
  175. },
  176. {
  177. "value": "3",
  178. "label": "选项3"
  179. }
  180. ]
  181. },
  182. "model": "",
  183. "key": "",
  184. "help": "",
  185. "rules": [
  186. {
  187. "required": false,
  188. "message": "必填项"
  189. }
  190. ]
  191. },
  192. {
  193. "type": "date",
  194. "label": "日期选择框",
  195. "icon": "icon-calendar",
  196. "options": {
  197. "width": "100%",
  198. "defaultValue": "",
  199. "rangeDefaultValue": [],
  200. "range": false,
  201. "showTime": false,
  202. "disabled": false,
  203. "showLabel": true,
  204. "hidden": false,
  205. "clearable": false,
  206. "placeholder": "请选择",
  207. "rangePlaceholder": ["开始时间", "结束时间"],
  208. "format": "YYYY-MM-DD"
  209. },
  210. "model": "",
  211. "key": "",
  212. "help": "",
  213. "rules": [
  214. {
  215. "required": false,
  216. "message": "必填项"
  217. }
  218. ]
  219. },
  220. {
  221. "type": "time",
  222. "label": "时间选择框",
  223. "icon": "icon-time",
  224. "options": {
  225. "width": "100%",
  226. "defaultValue": "",
  227. "disabled": false,
  228. "showLabel": true,
  229. "hidden": false,
  230. "clearable": false,
  231. "placeholder": "请选择",
  232. "format": "HH:mm:ss"
  233. },
  234. "model": "",
  235. "key": "",
  236. "help": "",
  237. "rules": [
  238. {
  239. "required": false,
  240. "message": "必填项"
  241. }
  242. ]
  243. },
  244. {
  245. "type": "slider",
  246. "label": "滑动输入条",
  247. "icon": "icon-menu",
  248. "options": {
  249. "width": "100%",
  250. "defaultValue": 0,
  251. "disabled": false,
  252. "showLabel": true,
  253. "hidden": false,
  254. "min": 0,
  255. "max": 100,
  256. "step": 1,
  257. "showInput": false
  258. },
  259. "model": "",
  260. "key": "",
  261. "help": "",
  262. "rules": [
  263. {
  264. "required": false,
  265. "message": "必填项"
  266. }
  267. ]
  268. },
  269. {
  270. "type": "uploadFile",
  271. "label": "上传文件",
  272. "icon": "icon-upload",
  273. "options": {
  274. "defaultValue": "[]",
  275. "multiple": false,
  276. "disabled": false,
  277. "showLabel": true,
  278. "hidden": false,
  279. "drag": false,
  280. "downloadWay": "a",
  281. "dynamicFun": "",
  282. "width": "100%",
  283. "limit": 3,
  284. "data": "{}",
  285. "fileName": "file",
  286. "headers": {},
  287. "action": "http://cdn.kcz66.com/uploadFile.txt",
  288. "placeholder": "上传"
  289. },
  290. "model": "",
  291. "key": "",
  292. "help": "",
  293. "rules": [
  294. {
  295. "required": false,
  296. "message": "必填项"
  297. }
  298. ]
  299. },
  300. {
  301. "type": "uploadImg",
  302. "label": "上传图片",
  303. "icon": "icon-image",
  304. "options": {
  305. "defaultValue": "[]",
  306. "multiple": false,
  307. "showLabel": true,
  308. "hidden": false,
  309. "disabled": false,
  310. "width": "100%",
  311. "data": "{}",
  312. "limit": 3,
  313. "placeholder": "上传",
  314. "fileName": "image",
  315. "headers": {},
  316. "action": "http://cdn.kcz66.com/upload-img.txt",
  317. "listType": "picture-card"
  318. },
  319. "model": "",
  320. "key": "",
  321. "help": "",
  322. "rules": [
  323. {
  324. "required": false,
  325. "message": "必填项"
  326. }
  327. ]
  328. },
  329. {
  330. "type": "treeSelect",
  331. "label": "树选择器",
  332. "icon": "icon-tree",
  333. "options": {
  334. "disabled": false,
  335. "multiple": false,
  336. "showLabel": true,
  337. "hidden": false,
  338. "clearable": false,
  339. "showSearch": false,
  340. "treeCheckable": false,
  341. "placeholder": "请选择",
  342. "dynamicKey": "",
  343. "dynamic": false,
  344. "options": [
  345. {
  346. "value": "1",
  347. "label": "选项1",
  348. "children": [
  349. {
  350. "value": "11",
  351. "label": "选项11"
  352. }
  353. ]
  354. },
  355. {
  356. "value": "2",
  357. "label": "选项2",
  358. "children": [
  359. {
  360. "value": "22",
  361. "label": "选项22"
  362. }
  363. ]
  364. }
  365. ]
  366. },
  367. "model": "",
  368. "key": "",
  369. "help": "",
  370. "rules": [
  371. {
  372. "required": false,
  373. "message": "必填项"
  374. }
  375. ]
  376. },
  377. {
  378. "type": "cascader",
  379. "label": "级联选择器",
  380. "icon": "icon-guanlian",
  381. "options": {
  382. "disabled": false,
  383. "showLabel": true,
  384. "hidden": false,
  385. "showSearch": false,
  386. "placeholder": "请选择",
  387. "clearable": false,
  388. "dynamicKey": "",
  389. "dynamic": false,
  390. "options": [
  391. {
  392. "value": "1",
  393. "label": "选项1",
  394. "children": [
  395. {
  396. "value": "11",
  397. "label": "选项11"
  398. }
  399. ]
  400. },
  401. {
  402. "value": "2",
  403. "label": "选项2",
  404. "children": [
  405. {
  406. "value": "22",
  407. "label": "选项22"
  408. }
  409. ]
  410. }
  411. ]
  412. },
  413. "model": "",
  414. "key": "",
  415. "help": "",
  416. "rules": [
  417. {
  418. "required": false,
  419. "message": "必填项"
  420. }
  421. ]
  422. },
  423. {
  424. "type": "batch",
  425. "label": "动态表格",
  426. "icon": "icon-biaoge",
  427. "list": [],
  428. "options": {
  429. "scrollY": 0,
  430. "minLimit": 1,
  431. "disabled": false,
  432. "hidden": false,
  433. "showLabel": false,
  434. "hideSequence": false,
  435. "width": "100%"
  436. },
  437. "rules": [
  438. {
  439. "required": false,
  440. "message": "必填项"
  441. }
  442. ],
  443. "model": "",
  444. "key": "",
  445. "help": ""
  446. },
  447. {
  448. "type": "tableShow",
  449. "label": "表格",
  450. tableName: '',
  451. "icon": "icon-table",
  452. "list": [],
  453. "options": {
  454. // noFormItem: true,
  455. showLabel: false,
  456. },
  457. "columns": [
  458. // {
  459. // prop: "name",
  460. // label: "姓名",
  461. // width: 120,
  462. // }
  463. ],
  464. "tableData": [
  465. // {
  466. // name: "张三",
  467. // }
  468. ],
  469. "model": "",
  470. "key": "",
  471. "rules": [
  472. {
  473. "required": false,
  474. "message": "必填项"
  475. }
  476. ]
  477. },
  478. {
  479. "type": "selectInputList",
  480. "label": "选择输入列",
  481. "icon": "icon-biaoge",
  482. "columns": [
  483. {
  484. "value": "1",
  485. "label": "选项1",
  486. "list": []
  487. },
  488. {
  489. "value": "2",
  490. "label": "选项2",
  491. "list": []
  492. }
  493. ],
  494. "options": {
  495. "disabled": false,
  496. "multiple": true,
  497. "hidden": false,
  498. "showLabel": false,
  499. "width": "100%"
  500. },
  501. "model": "",
  502. "key": "",
  503. "help": ""
  504. },
  505. {
  506. "type": "switch",
  507. "label": "开关",
  508. "icon": "icon-kaiguan3",
  509. "options": {
  510. "defaultValue": false,
  511. "showLabel": true,
  512. "hidden": false,
  513. "disabled": false
  514. },
  515. "model": "",
  516. "key": "",
  517. "help": "",
  518. "rules": [
  519. {
  520. "required": false,
  521. "message": "必填项"
  522. }
  523. ]
  524. },
  525. {
  526. "type": "text",
  527. "label": "文字",
  528. "icon": "icon-zihao",
  529. "options": {
  530. "textAlign": "left",
  531. "hidden": false,
  532. "showRequiredMark": false,
  533. "noFormItem": true,
  534. "color": "rgba(0, 0, 0, 0.9)",
  535. "fontFamily": "",
  536. "fontSize": "10.5pt"
  537. },
  538. "key": ""
  539. },
  540. {
  541. "type": "textShow",
  542. "label": "文本展示",
  543. "icon": "icon-pingfen_moren",
  544. "options": {
  545. "type": "text",
  546. "width": "100%",
  547. "defaultValue": "",
  548. "placeholder": "请输入",
  549. "clearable": false,
  550. "maxLength": null,
  551. "addonBefore": "",
  552. "addonAfter": "",
  553. "showLabel": true,
  554. "hidden": false,
  555. "disabled": false
  556. },
  557. "model": "",
  558. "key": "",
  559. "help": "",
  560. "rules": [
  561. {
  562. "required": false,
  563. "message": "必填项"
  564. }
  565. ]
  566. }
  567. ]
  568. },
  569. {
  570. "title": "布局组件",
  571. "list": [
  572. {
  573. "type": "divider",
  574. "label": "分割线",
  575. "icon": "icon-fengexian",
  576. "options": {
  577. "orientation": "left",
  578. "noFormItem": true
  579. },
  580. "key": "",
  581. "model": ""
  582. },
  583. {
  584. "type": "card",
  585. "label": "卡片布局",
  586. "icon": "icon-qiapian",
  587. "list": [],
  588. "options": {
  589. "noFormItem": true
  590. },
  591. "key": "",
  592. "model": ""
  593. },
  594. {
  595. "type": "tabs",
  596. "label": "标签页布局",
  597. "icon": "icon-tabs",
  598. "options": {
  599. "tabBarGutter": null,
  600. "type": "line",
  601. "tabPosition": "top",
  602. "size": "default",
  603. "noFormItem": true,
  604. "animated": true
  605. },
  606. "columns": [
  607. {
  608. "value": "1",
  609. "label": "选项1",
  610. "list": []
  611. },
  612. {
  613. "value": "2",
  614. "label": "选项2",
  615. "list": []
  616. }
  617. ],
  618. "key": "",
  619. "model": ""
  620. },
  621. {
  622. "type": "grid",
  623. "label": "栅格布局",
  624. "icon": "icon-zhage",
  625. "columns": [
  626. {
  627. "span": 12,
  628. "list": []
  629. },
  630. {
  631. "span": 12,
  632. "list": []
  633. }
  634. ],
  635. "options": {
  636. "noFormItem": true,
  637. "gutter": 0
  638. },
  639. "key": "",
  640. "model": ""
  641. },
  642. {
  643. "type": "table",
  644. "label": "表格布局",
  645. "icon": "icon-biaoge",
  646. "trs": [
  647. {
  648. "tds": [
  649. {
  650. "colspan": 1,
  651. "rowspan": 1,
  652. "list": []
  653. },
  654. {
  655. "colspan": 1,
  656. "rowspan": 1,
  657. "list": []
  658. }
  659. ]
  660. },
  661. {
  662. "tds": [
  663. {
  664. "colspan": 1,
  665. "rowspan": 1,
  666. "list": []
  667. },
  668. {
  669. "colspan": 1,
  670. "rowspan": 1,
  671. "list": []
  672. }
  673. ]
  674. }
  675. ],
  676. "options": {
  677. "width": "100%",
  678. "bordered": true,
  679. "bright": false,
  680. "small": true,
  681. "noFormItem": true,
  682. "customStyle": ""
  683. },
  684. "key": "",
  685. "model": ""
  686. }
  687. ]
  688. }
  689. ]
  690. export default tempData