qj-common 4.3.0 → 4.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/.babelrc +12 -12
  2. package/.eslintrc.js +25 -25
  3. package/.idea/common.iml +11 -11
  4. package/.idea/modules.xml +7 -7
  5. package/.idea/vcs.xml +5 -5
  6. package/.postcssrc.js +9 -9
  7. package/.prettierrc.js +7 -7
  8. package/.project +37 -37
  9. package/README.md +2 -2
  10. package/gulpfile.js +20 -20
  11. package/package.json +18 -18
  12. package/src/api/apimanage.js +146 -146
  13. package/src/api/common/index.js +192 -192
  14. package/src/api/login.js +160 -160
  15. package/src/api/shopFbu.js +515 -515
  16. package/src/api/upload.js +8 -8
  17. package/src/components/Bounced/index.vue +145 -145
  18. package/src/components/Breadcrumb/index.vue +71 -71
  19. package/src/components/Checkbox/index.vue +53 -53
  20. package/src/components/Hamburger/index.vue +48 -48
  21. package/src/components/Logistics/logic.vue +186 -186
  22. package/src/components/ScrollBar/index.vue +60 -60
  23. package/src/components/Sticky/index.vue +76 -76
  24. package/src/components/SvgIcon/index.vue +42 -42
  25. package/src/components/ThemePicker/index.vue +243 -243
  26. package/src/components/Tinymce/components/editorImage.vue +94 -94
  27. package/src/components/Tinymce/index.vue +166 -166
  28. package/src/components/Tinymce/plugins.js +7 -7
  29. package/src/components/Tinymce/toolbar.js +6 -6
  30. package/src/components/TreeTable/customEval.js +44 -44
  31. package/src/components/TreeTable/eval.js +29 -29
  32. package/src/components/TreeTable/index.vue +124 -124
  33. package/src/components/TreeTable/readme.md +89 -89
  34. package/src/components/TreeTableApi/customEval.js +49 -49
  35. package/src/components/TreeTableApi/eval.js +29 -29
  36. package/src/components/TreeTableApi/index.vue +124 -124
  37. package/src/components/TreeTableApi/readme.md +89 -89
  38. package/src/components/Upload/singleImage.vue +123 -123
  39. package/src/components/Upload/singleImage2.vue +118 -118
  40. package/src/components/Upload/singleImage3.vue +138 -138
  41. package/src/components/Upload/upload.vue +295 -295
  42. package/src/components/workOrderList/index.vue +158 -158
  43. package/src/dependencies.js +119 -119
  44. package/src/iconShop/demo.css +539 -539
  45. package/src/iconShop/demo_index.html +8445 -8445
  46. package/src/iconShop/iconfont.css +1451 -1451
  47. package/src/iconShop/iconfont.json +2522 -2522
  48. package/src/iconShop/iconfont.svg +1070 -1070
  49. package/src/iconfont/demo.css +539 -539
  50. package/src/iconfont/demo_index.html +5276 -5276
  51. package/src/iconfont/iconfont.css +905 -905
  52. package/src/iconfont/iconfont.json +1563 -1563
  53. package/src/iconfont/iconfont.svg +692 -692
  54. package/src/icons/index.js +9 -9
  55. package/src/lang/e.js +48 -48
  56. package/src/lang/en.js +48 -48
  57. package/src/lang/zh.js +48 -48
  58. package/src/main.js +62 -62
  59. package/src/permission.js +283 -283
  60. package/src/permissionForMall.backup.js +375 -375
  61. package/src/permissionForMall.js +375 -375
  62. package/src/preset.js +67 -67
  63. package/src/router/_import_common.js +1 -1
  64. package/src/router/_import_development.js +1 -1
  65. package/src/router/_import_production.js +1 -1
  66. package/src/store/getters.js +39 -39
  67. package/src/store/index.js +18 -18
  68. package/src/store/modules/app.js +34 -30
  69. package/src/store/modules/menu.js +82 -82
  70. package/src/store/modules/user.js +227 -227
  71. package/src/styles/element-ui.scss +1368 -1368
  72. package/src/styles/index.scss +166 -166
  73. package/src/styles/mixin.scss +27 -27
  74. package/src/styles/pc-ui.scss +1031 -1031
  75. package/src/styles/scrollBar.scss +21 -21
  76. package/src/styles/sidebar.scss +123 -123
  77. package/src/styles/transition.scss +32 -32
  78. package/src/styles/variables.scss +44 -44
  79. package/src/styles/wf-ui.scss +86 -86
  80. package/src/utils/auth.js +57 -57
  81. package/src/utils/dom.js +12 -12
  82. package/src/utils/getQueryString.js +5 -5
  83. package/src/utils/import.js +5 -5
  84. package/src/utils/index.js +355 -355
  85. package/src/utils/interceptor.js +34 -34
  86. package/src/utils/menu.js +116 -116
  87. package/src/utils/proapp.js +35 -35
  88. package/src/utils/query.js +26 -26
  89. package/src/utils/request.js +366 -366
  90. package/src/utils/routeMapping.js +39 -39
  91. package/src/utils/routeMapping.json +310 -310
  92. package/src/utils/utils.js +84 -84
  93. package/src/utils/validate.js +102 -102
  94. package/src/views/404.vue +72 -72
  95. package/src/views/Layout.vue +106 -106
  96. package/src/views/imgSwiper/index.vue +34 -34
  97. package/src/views/layout/Layout.vue +181 -170
  98. package/src/views/layout/components/AppMain.vue +20 -20
  99. package/src/views/layout/components/Footer.vue +22 -22
  100. package/src/views/layout/components/LeftNavbar.vue +318 -310
  101. package/src/views/layout/components/NavMenu.vue +15 -15
  102. package/src/views/layout/components/Navbar.vue +664 -661
  103. package/src/views/layout/components/Sidebar/SidebarItem.vue +116 -113
  104. package/src/views/layout/components/Sidebar/index.vue +203 -193
  105. package/src/views/layout/components/index.js +19 -19
  106. package/src/views/layout/theme/darkBlue/Layout.vue +140 -140
  107. package/src/views/layout/theme/darkBlue/components/AppMain.vue +38 -38
  108. package/src/views/layout/theme/darkBlue/components/Footer.vue +147 -147
  109. package/src/views/layout/theme/darkBlue/components/LeftNavbar(/345/261/225/347/244/272/345/205/250/351/203/250/350/217/234/345/215/225).vue +448 -448
  110. package/src/views/layout/theme/darkBlue/components/LeftNavbar.3.vue +191 -191
  111. package/src/views/layout/theme/darkBlue/components/LeftNavbar.vue +466 -466
  112. package/src/views/layout/theme/darkBlue/components/Navbar.vue +200 -200
  113. package/src/views/layout/theme/darkBlue/components/Sidebar/SidebarItem.vue +71 -71
  114. package/src/views/layout/theme/darkBlue/components/Sidebar/index.vue +49 -49
  115. package/src/views/layout/theme/darkBlue/components/index.js +15 -15
  116. package/src/views/layout-default/Layout.vue +134 -134
  117. package/src/views/layout-default/components/AppMain.vue +19 -19
  118. package/src/views/layout-default/components/Footer.vue +22 -22
  119. package/src/views/layout-default/components/LeftNavbar.vue +164 -164
  120. package/src/views/layout-default/components/Navbar.vue +295 -295
  121. package/src/views/layout-default/components/Sidebar/SidebarItem.vue +67 -67
  122. package/src/views/layout-default/components/Sidebar/index.vue +59 -59
  123. package/src/views/layout-default/components/index.js +4 -4
  124. package/src/views/layout-default/theme/darkBlue/Layout.vue +140 -140
  125. package/src/views/layout-default/theme/darkBlue/components/AppMain.vue +38 -38
  126. package/src/views/layout-default/theme/darkBlue/components/Footer.vue +147 -147
  127. package/src/views/layout-default/theme/darkBlue/components/LeftNavbar.vue +465 -465
  128. package/src/views/layout-default/theme/darkBlue/components/Navbar.vue +200 -200
  129. package/src/views/layout-default/theme/darkBlue/components/Sidebar/SidebarItem.vue +69 -69
  130. package/src/views/layout-default/theme/darkBlue/components/Sidebar/index.vue +49 -49
  131. package/src/views/layout-default/theme/darkBlue/components/index.js +15 -15
  132. package/src/views/pc/Internationalization.vue +80 -80
  133. package/src/views/pc/default/Layout.vue +442 -442
  134. package/src/views/pc/default/LayoutCard.vue +424 -424
  135. package/src/views/pc/default/assets/flex.scss +99 -99
  136. package/src/views/pc/default/footer-modules/DgFooter/index.vue +179 -179
  137. package/src/views/pc/default/footer-modules/DgFooter/indexSDX.vue +187 -187
  138. package/src/views/pc/default/footer-modules/footer.vue +171 -171
  139. package/src/views/pc/default/footer-modules/footerAns.vue +167 -167
  140. package/src/views/pc/default/footer-modules/footerBulk.vue +169 -169
  141. package/src/views/pc/default/footer-modules/footerDM.vue +254 -254
  142. package/src/views/pc/default/footer-modules/footerDefault.vue +267 -267
  143. package/src/views/pc/default/footer-modules/footerDefaultA.vue +270 -270
  144. package/src/views/pc/default/footer-modules/footerDefaultNew.vue +201 -201
  145. package/src/views/pc/default/footer-modules/footerHDB.vue +153 -153
  146. package/src/views/pc/default/footer-modules/footerHy.vue +63 -63
  147. package/src/views/pc/default/footer-modules/footerKYW.vue +163 -163
  148. package/src/views/pc/default/footer-modules/footerMh.vue +30 -30
  149. package/src/views/pc/default/footer-modules/footerNew.vue +116 -116
  150. package/src/views/pc/default/footer-modules/footer_yzj.vue +169 -169
  151. package/src/views/pc/default/footer-modules/footerayd.vue +85 -85
  152. package/src/views/pc/default/footer-modules/ymFooter.vue +154 -154
  153. package/src/views/pc/default/footer-modules/zgl.vue +250 -250
  154. package/src/views/pc/default/header-modules/DgHeader/Logo.vue +57 -57
  155. package/src/views/pc/default/header-modules/DgHeader/Search.vue +135 -135
  156. package/src/views/pc/default/header-modules/DgHeader/Settleup.vue +46 -46
  157. package/src/views/pc/default/header-modules/DgHeader/index.vue +38 -38
  158. package/src/views/pc/default/header-modules/active.vue +177 -177
  159. package/src/views/pc/default/header-modules/header.vue +97 -97
  160. package/src/views/pc/default/header-modules/headerA.vue +142 -142
  161. package/src/views/pc/default/header-modules/headerFLPT.vue +157 -157
  162. package/src/views/pc/default/header-modules/headerMh.vue +187 -187
  163. package/src/views/pc/default/header-modules/headerNew.vue +121 -121
  164. package/src/views/pc/default/header-modules/headerSDX.vue +304 -304
  165. package/src/views/pc/default/header-modules/headerStyle2.vue +173 -173
  166. package/src/views/pc/default/header-modules/headerStyle3.vue +190 -190
  167. package/src/views/pc/default/header-modules/headerStyle4.vue +163 -163
  168. package/src/views/pc/default/header-modules/headerStyleAns.vue +400 -400
  169. package/src/views/pc/default/header-modules/headerStyleBulk.vue +427 -427
  170. package/src/views/pc/default/header-modules/headerStyleDefalut.vue +209 -209
  171. package/src/views/pc/default/header-modules/headerStyleKYW.vue +435 -435
  172. package/src/views/pc/default/header-modules/headerStyle_yzj.vue +427 -427
  173. package/src/views/pc/default/header-modules/headerayd.vue +187 -187
  174. package/src/views/pc/default/header-modules/index.vue +466 -466
  175. package/src/views/pc/default/header-modules/ymHeader.vue +292 -292
  176. package/src/views/pc/default/header-modules/ysHeader.vue +248 -248
  177. package/src/views/pc/default/header-modules/zgl.vue +855 -855
  178. package/src/views/pc/default/leftMenu-modules/leftMenu-logo.vue +194 -194
  179. package/src/views/pc/default/leftMenu-modules/leftMenu-style2.vue +206 -206
  180. package/src/views/pc/default/leftMenu-modules/leftMenu-style3.vue +207 -207
  181. package/src/views/pc/default/leftMenu-modules/leftMenu-style4.vue +192 -192
  182. package/src/views/pc/default/leftMenu-modules/leftMenu.vue +183 -183
  183. package/src/views/pc/default/leftMenu-modules/leftMenuDefault.vue +212 -212
  184. package/src/views/pc/default/leftMenu-modules/leftMenuDefaultEn.vue +214 -214
  185. package/src/views/pc/default/leftMenu-modules/leftMenuDefaultFLPT.vue +220 -220
  186. package/src/views/pc/default/leftMenu-modules/leftMenuDefaultayd.vue +220 -220
  187. package/src/views/pc/default/nav-modules/nav.vue +52 -52
  188. package/src/views/pc/default/nav-modules/navAns.vue +60 -60
  189. package/src/views/pc/default/nav-modules/navBulk.vue +60 -60
  190. package/src/views/pc/default/top-modules/DgTopShortcut/index.vue +177 -177
  191. package/src/views/pc/default/top-modules/Toplg.vue +280 -280
  192. package/src/views/pc/default/top-modules/topA.vue +136 -136
  193. package/src/views/pc/default/top-modules/topAns.vue +261 -261
  194. package/src/views/pc/default/top-modules/topAns_yzj.vue +282 -282
  195. package/src/views/pc/default/top-modules/topBar.vue +304 -304
  196. package/src/views/pc/default/top-modules/topBulk.vue +280 -280
  197. package/src/views/pc/default/top-modules/topDefault.vue +244 -244
  198. package/src/views/pc/default/top-modules/topDefaultDM.vue +197 -197
  199. package/src/views/pc/default/top-modules/topDefaultNew.vue +271 -271
  200. package/src/views/pc/default/top-modules/topFLPT.vue +197 -197
  201. package/src/views/pc/default/top-modules/topHDB.vue +479 -479
  202. package/src/views/pc/default/top-modules/topKYW.vue +258 -258
  203. package/src/views/pc/default/top-modules/topMh.vue +174 -174
  204. package/src/views/pc/default/top-modules/topNew.vue +97 -97
  205. package/src/views/pc/default/top-modules/topSDX.vue +298 -298
  206. package/src/views/pc/default/top-modules/topSimple.vue +247 -247
  207. package/src/views/pc/default/top-modules/topSimpleHy.vue +256 -256
  208. package/src/views/pc/default/top-modules/topUcc.vue +264 -264
  209. package/src/views/pc/default/top-modules/topayd.vue +170 -170
  210. package/src/views/pc/default/top-modules/ymTop.vue +299 -299
  211. package/src/views/pc/default/top-modules/zgltop.vue +499 -499
  212. package/src/views/routerView.vue +9 -9
  213. package/src/views/templates/components/temp-select.vue +80 -80
  214. package/src/views/templates/components/temp-upload.vue +233 -233
  215. package/src/views/templates/readme.md +2 -2
  216. package/src/views/templates/templateInput.vue +421 -421
  217. package/src/views/templates/templateReadme.html +588 -588
  218. package/src/views/templates/templateReadme.md +619 -619
  219. package/src/views/templates/templateTable.vue +2243 -2243
  220. package/src/views/templates/templateTableData.vue +1883 -1883
  221. package/src/views/templates/templateUi/templateTableContent.vue +187 -187
  222. package/src/views/treeTemplate/index.vue +559 -559
  223. package/src/views/treeTemplate/treeTemplate.md +274 -274
  224. package/src/views/uploadDialog/index copy.vue +352 -352
  225. package/src/views/uploadDialog/index.vue +558 -558
  226. package/src/views/uploadDialog/indexOlay.vue +582 -582
  227. package/src/views/uploadDialog/indexPM.vue +578 -578
  228. package/src/views/uploadDialog/indexUpload.vue +543 -543
  229. package/src/views/uploadDialog/readme.md +45 -45
package/src/views/templates/templateReadme.html CHANGED
@@ -1,589 +1,589 @@
1
- <!DOCTYPE html><html><head><title>templateReadme</title><meta charset='utf-8'><link href='https://dn-maxiang.qbox.me/res-min/themes/marxico.css' rel='stylesheet'><style></style></head><body><div id='preview-contents' class='note-content'>
2
-
3
-
4
-
5
-
6
-
7
- <h4 id="templatereadme">templateReadme</h4>
8
-
9
- <blockquote>
10
- <p>template都是基于element-ui模板进行封装的 <br>
11
- 一、搜索栏 temInput <br>
12
- <strong>temInput</strong>是一个Array，里面包含多个对象 <br>
13
- 暂且支持类型：text、select、date、daterange</p>
14
- </blockquote>
15
-
16
- <pre class="prettyprint hljs-dark"><code class="hljs scala"><div class="hljs-line">{
17
- </div><div class="hljs-line"> label:'标题',<span class="hljs-comment">//可选参数</span>
18
- </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>:<span class="hljs-symbol">'tex</span>t',<span class="hljs-comment">//类型 暂且支持text/select/data/daterange/autocomplete 类型同element一致</span>
19
- </div><div class="hljs-line"> name:<span class="hljs-symbol">'nam</span>e', <span class="hljs-comment">//参数名称</span>
20
- </div><div class="hljs-line"> value:'',<span class="hljs-comment">//参数值，默认为空</span>
21
- </div><div class="hljs-line"> placeholder:<span class="hljs-string">"请输入..."</span> <span class="hljs-comment">//可选参数，提示用语</span>
22
- </div><div class="hljs-line">}
23
- </div><div class="hljs-line"><wbr>
24
- </div><div class="hljs-line">注意：
25
- </div><div class="hljs-line"><span class="hljs-class"><span class="hljs-keyword">type</span> <span class="hljs-title">==</span> <span class="hljs-title">select</span></span>
26
- </div><div class="hljs-line">参数属性多一个options
27
- </div><div class="hljs-line"><span class="hljs-class"><span class="hljs-keyword">type</span> <span class="hljs-title">==</span> <span class="hljs-title">daterange</span></span>
28
- </div><div class="hljs-line">参数属性name:<span class="hljs-string">"startDate,endDate"</span>
29
- </div><div class="hljs-line"><span class="hljs-class"><span class="hljs-keyword">type</span> <span class="hljs-title">===</span> <span class="hljs-title">textMore</span></span>
30
- </div><div class="hljs-line">表示多个
31
- </div><div class="hljs-line">{
32
- </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>: <span class="hljs-string">"textMore"</span>,
33
- </div><div class="hljs-line"> label: <span class="hljs-string">"价格区间"</span>,
34
- </div><div class="hljs-line"> children: [
35
- </div><div class="hljs-line"> {
36
- </div><div class="hljs-line"> name: <span class="hljs-string">"projectMinprice"</span>,
37
- </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入最小价格"</span>,
38
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
39
- </div><div class="hljs-line"> },
40
- </div><div class="hljs-line"> {
41
- </div><div class="hljs-line"> name: <span class="hljs-string">"projectMaxprice"</span>,
42
- </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入最大价格"</span>,
43
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
44
- </div><div class="hljs-line"> }
45
- </div><div class="hljs-line"> ]
46
- </div><div class="hljs-line"> },
47
- </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span><span class="hljs-title">===</span> <span class="hljs-title">autocomplete</span> <span class="hljs-title">//表示text可远程搜索</span></span>
48
- </div><div class="hljs-line"> {
49
- </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>: <span class="hljs-string">"autocomplete"</span>,
50
- </div><div class="hljs-line"> name: <span class="hljs-string">"classtreeName"</span>,
51
- </div><div class="hljs-line"> label: <span class="hljs-string">"搜索"</span>,
52
- </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入产品编号"</span>,
53
- </div><div class="hljs-line"> restaurants: [
54
- </div><div class="hljs-line"> { value: <span class="hljs-string">"三全鲜食（北新泾店）"</span>, address: <span class="hljs-string">"长宁区新渔路144号"</span> },
55
- </div><div class="hljs-line"> ],
56
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
57
- </div><div class="hljs-line"> },
58
- </div><div class="hljs-line"><wbr>
59
- </div><div class="hljs-line">temInput的按钮操作
60
- </div><div class="hljs-line">属性名称为btnArray:[]
61
- </div><div class="hljs-line">{
62
- </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>:<span class="hljs-symbol">'primar</span>y',<span class="hljs-comment">//按钮类型，同element-ui的一致</span>
63
- </div><div class="hljs-line"> id:<span class="hljs-symbol">'quer</span>y',<span class="hljs-comment">//操作的id id的类型query/search,add</span>
64
- </div><div class="hljs-line"> label:<span class="hljs-string">"搜索"</span>,
65
- </div><div class="hljs-line"> url:<span class="hljs-string">""</span>,<span class="hljs-comment">//搜索的url暂且是定义的全局</span>
66
- </div><div class="hljs-line">}
67
- </div><div class="hljs-line">当id == <span class="hljs-symbol">'ad</span>d',表示需要新增模板
68
- </div><div class="hljs-line">需要添加属性
69
- </div><div class="hljs-line">template:{
70
- </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>: <span class="hljs-string">"json"</span>, <span class="hljs-comment">//json类型暂且只支持json类型的</span>
71
- </div><div class="hljs-line"> label: <span class="hljs-string">"编辑标题"</span>,
72
- </div><div class="hljs-line"> formLabelWidth: <span class="hljs-string">"6rem"</span>, <span class="hljs-comment">//长度根据标题长度来，一个字一个rem</span>
73
- </div><div class="hljs-line"> html:[],<span class="hljs-comment">//具体详见模板二 input</span>
74
- </div><div class="hljs-line">};
75
- </div><div class="hljs-line"><span class="hljs-class"><span class="hljs-keyword">type</span> <span class="hljs-title">===</span> <span class="hljs-title">cascader</span></span>
76
- </div><div class="hljs-line">value:[],
77
- </div><div class="hljs-line">{
78
- </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>: <span class="hljs-string">"cascader"</span>,
79
- </div><div class="hljs-line"> name: <span class="hljs-string">"classtreeName"</span>,
80
- </div><div class="hljs-line"> label: <span class="hljs-string">"产品分类"</span>,
81
- </div><div class="hljs-line"> showAllLevels:<span class="hljs-literal">false</span>,<span class="hljs-comment">//可选参数，判断是否是取最后一集</span>
82
- </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请选择产品分类"</span>,
83
- </div><div class="hljs-line"> props: {
84
- </div><div class="hljs-line"> value: <span class="hljs-string">"value"</span>,
85
- </div><div class="hljs-line"> label: <span class="hljs-string">"label"</span>,
86
- </div><div class="hljs-line"> children: <span class="hljs-string">"children"</span>
87
- </div><div class="hljs-line"> },
88
- </div><div class="hljs-line"> value: [],
89
- </div><div class="hljs-line">}
90
- </div></code></pre>
91
-
92
- <p>例子:</p>
93
-
94
- <pre class="prettyprint hljs-dark"><code class="hljs dockerfile"><div class="hljs-line">temInput:[{
95
- </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"标题"</span>,//自定义 title=&gt;label </span>
96
- </div><div class="hljs-line"><span class="bash"></span> type: <span class="hljs-string">"text"</span>,//类型，暂且只支持text/select/date/daterange/button
97
- </div><div class="hljs-line"> name: <span class="hljs-string">"name"</span>,//参数名称
98
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,//值
99
- </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入"</span>//默认提示语，可选参数
100
- </div><div class="hljs-line">},
101
- </div><div class="hljs-line">{
102
- </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"标题"</span>,//自定义</span>
103
- </div><div class="hljs-line"><span class="bash"></span> type: <span class="hljs-string">"select"</span>,//select类型包含options对象，参数<span class="hljs-keyword">label</span><span class="bash">和value</span>
104
- </div><div class="hljs-line"><span class="bash"></span> name: <span class="hljs-string">"name"</span>,//参数名称
105
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,//值
106
- </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入"</span>//默认提示语，可选参数
107
- </div><div class="hljs-line"> props:{ //可选参数，正对select所需要的<span class="hljs-keyword">label</span><span class="bash">和value</span>
108
- </div><div class="hljs-line"><span class="bash"></span> <span class="hljs-keyword">label</span><span class="bash">:<span class="hljs-string">'name'</span>,</span>
109
- </div><div class="hljs-line"><span class="bash"></span> value:<span class="hljs-string">'code'</span>
110
- </div><div class="hljs-line"> },
111
- </div><div class="hljs-line"> options:[
112
- </div><div class="hljs-line"> {
113
- </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">:<span class="hljs-string">''</span>,</span>
114
- </div><div class="hljs-line"><span class="bash"></span> value:<span class="hljs-string">''</span>
115
- </div><div class="hljs-line"> }
116
- </div><div class="hljs-line"> ]
117
- </div><div class="hljs-line">},
118
- </div><div class="hljs-line">{
119
- </div><div class="hljs-line"> type: <span class="hljs-string">"autocomplete"</span>,
120
- </div><div class="hljs-line"> name: <span class="hljs-string">"classtreeName"</span>,
121
- </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"搜索"</span>,</span>
122
- </div><div class="hljs-line"><span class="bash"></span> placeholder: <span class="hljs-string">"请输入产品编号"</span>,
123
- </div><div class="hljs-line"> restaurants: [
124
- </div><div class="hljs-line"> { value: <span class="hljs-string">"三全鲜食（北新泾店）"</span>, address: <span class="hljs-string">"长宁区新渔路144号"</span> },
125
- </div><div class="hljs-line"> ],
126
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
127
- </div><div class="hljs-line"> },
128
- </div><div class="hljs-line">{
129
- </div><div class="hljs-line"> btnArray:[ //按钮的对象数组-搜索
130
- </div><div class="hljs-line"> {
131
- </div><div class="hljs-line"> type:<span class="hljs-string">'primary'</span>,//按钮类型，和element-ui类型一致
132
- </div><div class="hljs-line"> id:<span class="hljs-string">'query'</span>,//id类型，query表示搜索，<span class="hljs-keyword">add</span><span class="bash">-新增，del-删除 query-搜索 其他不确定类型抛出inputBtnClick（<span class="hljs-string">"整个按钮对象"</span>,<span class="hljs-string">"索引值"</span>）方法进行操作</span>
133
- </div><div class="hljs-line"><span class="bash"></span> <span class="hljs-keyword">label</span><span class="bash">:<span class="hljs-string">"搜索"</span>,</span>
134
- </div><div class="hljs-line"><span class="bash"></span> url:<span class="hljs-string">''</span>
135
- </div><div class="hljs-line"> },
136
- </div><div class="hljs-line"> {
137
- </div><div class="hljs-line"> type:<span class="hljs-string">"primary"</span>,
138
- </div><div class="hljs-line"> id:<span class="hljs-string">'add'</span>,
139
- </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">:<span class="hljs-string">"新增"</span>,//当为新增的时候，需使用模板，url是写在模板里面的</span>
140
- </div><div class="hljs-line"><span class="bash"></span> template:{
141
- </div><div class="hljs-line"> type: <span class="hljs-string">"json"</span>, //json类型暂且只支持json类型的
142
- </div><div class="hljs-line"> title: <span class="hljs-string">"编辑标题"</span>,
143
- </div><div class="hljs-line"> formLabelWidth: <span class="hljs-string">"6rem"</span>, //长度根据标题长度来，一个字一个rem
144
- </div><div class="hljs-line"> html:[
145
- </div><div class="hljs-line"> {
146
- </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"名称"</span>,</span>
147
- </div><div class="hljs-line"><span class="bash"></span> type: <span class="hljs-string">"text"</span>,//类型暂且只支持text/upload/textarea/select/date
148
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
149
- </div><div class="hljs-line"> name: <span class="hljs-string">"brandName"</span>
150
- </div><div class="hljs-line"> },
151
- </div><div class="hljs-line"> {
152
- </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"logo"</span>,</span>
153
- </div><div class="hljs-line"><span class="bash"></span> showFileList: false, //false为单个图片.暂且只支持单个图片编辑
154
- </div><div class="hljs-line"> type: <span class="hljs-string">"upload"</span>,
155
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
156
- </div><div class="hljs-line"> name: <span class="hljs-string">"brandLogo"</span>
157
- </div><div class="hljs-line"> },
158
- </div><div class="hljs-line"> {
159
- </div><div class="hljs-line"> btnArray: [
160
- </div><div class="hljs-line"> //id类型，query表示搜索，<span class="hljs-keyword">add</span><span class="bash">-新增，confirm-确定(一般属于编辑里面的)，cancel-取消，del-删除 query-搜索 其他不确定类型抛出inputBtnClick（<span class="hljs-string">"整个按钮对象"</span>,<span class="hljs-string">"索引值"</span>）方法进行操作</span>
161
- </div><div class="hljs-line"><span class="bash"></span> {
162
- </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"取消"</span>, value=&gt;label</span>
163
- </div><div class="hljs-line"><span class="bash"></span> id: <span class="hljs-string">"cancel"</span>
164
- </div><div class="hljs-line"> },
165
- </div><div class="hljs-line"> {
166
- </div><div class="hljs-line"> type: <span class="hljs-string">"primary"</span>,
167
- </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"确定"</span>,</span>
168
- </div><div class="hljs-line"><span class="bash"></span> id: <span class="hljs-string">"add"</span>,
169
- </div><div class="hljs-line"> url: <span class="hljs-string">"/web/rs/brand/saveBrand.json"</span>
170
- </div><div class="hljs-line"> }
171
- </div><div class="hljs-line"> ]
172
- </div><div class="hljs-line"> },
173
- </div><div class="hljs-line"> ],
174
- </div><div class="hljs-line"> rules: {}//规则，和element一致
175
- </div><div class="hljs-line"> }
176
- </div><div class="hljs-line"> }
177
- </div><div class="hljs-line"> ]
178
- </div><div class="hljs-line">}]
179
- </div></code></pre>
180
-
181
-
182
-
183
- <h5 id="二显示temtab">二、显示temTab</h5>
184
-
185
- <pre class="prettyprint hljs-dark"><code class="hljs dts"><div class="hljs-line"><span class="hljs-symbol">temTab:</span> {
186
- </div><div class="hljs-line"><span class="hljs-symbol"> tabPane:</span> [
187
- </div><div class="hljs-line"> {
188
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"操作一"</span>,
189
- </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"参数"</span>,
190
- </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">""</span>
191
- </div><div class="hljs-line"> }
192
- </div><div class="hljs-line"> ]
193
- </div><div class="hljs-line"> },
194
- </div></code></pre>
195
-
196
-
197
-
198
- <h5 id="三显示temtable">三、显示temTable</h5>
199
-
200
- <blockquote>
201
- <p><strong>temTable</strong>是一个对象，包含selection，tableHead，()tableData,可选)，tableBtn，tabBtnWidth（操作的宽度） <br>
202
- <strong>tableBtn</strong>:</p>
203
- </blockquote>
204
-
205
- <pre class="prettyprint hljs-dark"><code class="hljs stylus"><div class="hljs-line">temTable: {
206
- </div><div class="hljs-line"> selection: {
207
- </div><div class="hljs-line"> state: true,
208
- </div><div class="hljs-line"> params: [] <span class="hljs-comment">//单选的参数</span>
209
- </div><div class="hljs-line"> }, <span class="hljs-comment">//表示有单选，可选参数</span>
210
- </div><div class="hljs-line"> tableHead:[
211
- </div><div class="hljs-line"> {
212
- </div><div class="hljs-line"> prop: <span class="hljs-string">"brandName"</span>, <span class="hljs-comment">//基础参数</span>
213
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"品牌名称"</span>，<span class="hljs-comment">//基础参数</span>
214
- </div><div class="hljs-line"> splicing: [<span class="hljs-string">"brandLogo"</span>,<span class="hljs-string">"contractInmoney"</span>, <span class="hljs-string">"goodsNum"</span>], <span class="hljs-comment">//参数可选，表示需要拼接</span>
215
- </div><div class="hljs-line"> imgType: <span class="hljs-number">0</span> <span class="hljs-comment">//当表示有图片的时候，显示，值表示图片的位置 可选参数,</span>
216
- </div><div class="hljs-line"> },
217
- </div><div class="hljs-line"> {
218
- </div><div class="hljs-line"> prop: <span class="hljs-string">"brandName"</span>, <span class="hljs-comment">//基础参数</span>
219
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"品牌名称"</span>，<span class="hljs-comment">//基础参数</span>
220
- </div><div class="hljs-line"> splicing: [<span class="hljs-string">"brandLogo"</span>,<span class="hljs-string">"contractInmoney"</span>, <span class="hljs-string">"goodsNum"</span>], <span class="hljs-comment">//参数可选，表示需要拼接</span>
221
- </div><div class="hljs-line"> },
222
- </div><div class="hljs-line"> {
223
- </div><div class="hljs-line"> prop: <span class="hljs-string">"brandName"</span>, <span class="hljs-comment">//基础参数</span>
224
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"品牌名称"</span>，<span class="hljs-comment">//基础参数</span>
225
- </div><div class="hljs-line"> pair: [<span class="hljs-comment">//表示需要键值对显示的</span>
226
- </div><div class="hljs-line"> {
227
- </div><div class="hljs-line"> key: <span class="hljs-string">"用户名"</span>,
228
- </div><div class="hljs-line"> prop: <span class="hljs-string">"memberBname"</span>
229
- </div><div class="hljs-line"> },
230
- </div><div class="hljs-line"> {
231
- </div><div class="hljs-line"> key: <span class="hljs-string">"收件人"</span>,
232
- </div><div class="hljs-line"> prop: <span class="hljs-string">"goodsReceiptMem"</span>
233
- </div><div class="hljs-line"> },
234
- </div><div class="hljs-line"> {
235
- </div><div class="hljs-line"> key: <span class="hljs-string">"手机号"</span>,
236
- </div><div class="hljs-line"> prop: <span class="hljs-string">"goodsReceiptPhone"</span>
237
- </div><div class="hljs-line"> }
238
- </div><div class="hljs-line"> ], <span class="hljs-comment">//需要以键值对显示，//可选参数</span>
239
- </div><div class="hljs-line"> <span class="hljs-attribute">width</span>:<span class="hljs-number">150</span>,//可选参数
240
- </div><div class="hljs-line"> }，
241
- </div><div class="hljs-line"> {
242
- </div><div class="hljs-line"> prop: <span class="hljs-string">"gmtCreate"</span>,
243
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"下单时间"</span>,
244
- </div><div class="hljs-line"> template: <span class="hljs-string">"format"</span><span class="hljs-comment">//日期类型，做转换</span>
245
- </div><div class="hljs-line"> },
246
- </div><div class="hljs-line"> {
247
- </div><div class="hljs-line"> prop: <span class="hljs-string">"dataState"</span>,
248
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"订单状态"</span>,
249
- </div><div class="hljs-line"> template: { <span class="hljs-comment">//特殊类型转换的</span>
250
- </div><div class="hljs-line"> <span class="hljs-string">"-1"</span>: <span class="hljs-string">"已取消"</span>,
251
- </div><div class="hljs-line"> <span class="hljs-string">"0"</span>: <span class="hljs-string">"审核"</span>,
252
- </div><div class="hljs-line"> <span class="hljs-string">"1"</span>: <span class="hljs-string">"待付款"</span>,
253
- </div><div class="hljs-line"> <span class="hljs-string">"2"</span>: <span class="hljs-string">"待发货"</span>,
254
- </div><div class="hljs-line"> <span class="hljs-string">"3"</span>: <span class="hljs-string">"已发货"</span>,
255
- </div><div class="hljs-line"> <span class="hljs-string">"4"</span>: <span class="hljs-string">"已完成"</span>,
256
- </div><div class="hljs-line"> <span class="hljs-string">"5"</span>: <span class="hljs-string">"交易成功"</span>
257
- </div><div class="hljs-line"> }
258
- </div><div class="hljs-line"> },
259
- </div><div class="hljs-line"> ],
260
- </div><div class="hljs-line"> <span class="hljs-comment">//tableData: [],优化已删除</span>
261
- </div><div class="hljs-line"> tableBtn:[
262
- </div><div class="hljs-line"> {
263
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"查看详情"</span>, name=&gt;<span class="hljs-selector-tag">label</span>
264
- </div><div class="hljs-line"> state: true,
265
- </div><div class="hljs-line"> dataState: <span class="hljs-string">"1"</span>, <span class="hljs-comment">//判断是否显示</span>
266
- </div><div class="hljs-line"> id: <span class="hljs-string">"see"</span>, <span class="hljs-comment">//表示查看详情</span>
267
- </div><div class="hljs-line"> type:<span class="hljs-string">"primary"</span>,<span class="hljs-comment">//和element一致</span>
268
- </div><div class="hljs-line"> template: {
269
- </div><div class="hljs-line"> type: <span class="hljs-string">"json"</span>, <span class="hljs-comment">//表示json类型//可选,</span>
270
- </div><div class="hljs-line"> title: <span class="hljs-string">"查看详情"</span>,
271
- </div><div class="hljs-line"> <span class="hljs-selector-tag">html</span>: [
272
- </div><div class="hljs-line"> {
273
- </div><div class="hljs-line"> type:<span class="hljs-string">'img'</span>,<span class="hljs-comment">//可选参数，表示有图片</span>
274
- </div><div class="hljs-line"> title:<span class="hljs-string">'标题内容'</span>,
275
- </div><div class="hljs-line"> con:<span class="hljs-string">"内容"</span> <span class="hljs-comment">//图片的url</span>
276
- </div><div class="hljs-line"> },
277
- </div><div class="hljs-line"> {
278
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"注册时间"</span>,
279
- </div><div class="hljs-line"> name: <span class="hljs-string">"gmtCreate"</span>,
280
- </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
281
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
282
- </div><div class="hljs-line"> template: <span class="hljs-string">"foramte"</span>
283
- </div><div class="hljs-line"> },
284
- </div><div class="hljs-line"> {
285
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"商家类型"</span>,
286
- </div><div class="hljs-line"> name: <span class="hljs-string">"userinfoType"</span>,
287
- </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
288
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
289
- </div><div class="hljs-line"> template: {
290
- </div><div class="hljs-line"> <span class="hljs-string">"1"</span>: <span class="hljs-string">"个人"</span>,
291
- </div><div class="hljs-line"> <span class="hljs-string">"2"</span>: <span class="hljs-string">"公司"</span>
292
- </div><div class="hljs-line"> }
293
- </div><div class="hljs-line"> },
294
- </div><div class="hljs-line"> { <span class="hljs-comment">//查看需要根据状态值是否显示，添加state一系列</span>
295
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"公司名称"</span>,
296
- </div><div class="hljs-line"> name: <span class="hljs-string">"userinfoCompname"</span>,
297
- </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
298
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
299
- </div><div class="hljs-line"> state: <span class="hljs-string">"2"</span>,
300
- </div><div class="hljs-line"> stateName: <span class="hljs-string">"userinfoType"</span>,
301
- </div><div class="hljs-line"> stateValue: <span class="hljs-string">""</span>
302
- </div><div class="hljs-line"> }
303
- </div><div class="hljs-line"> ]
304
- </div><div class="hljs-line"><wbr>
305
- </div><div class="hljs-line"> }
306
- </div><div class="hljs-line"> },
307
- </div><div class="hljs-line"> {
308
- </div><div class="hljs-line"> dropdown: true, <span class="hljs-comment">// 可选参数，表示在此后面的按钮是需要折叠的</span>
309
- </div><div class="hljs-line"> dropdowMenu: [
310
- </div><div class="hljs-line"> {
311
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"取消订单"</span>,
312
- </div><div class="hljs-line"> dataState: <span class="hljs-string">"1"</span>, <span class="hljs-comment">//判断是否显示</span>
313
- </div><div class="hljs-line"> id: <span class="hljs-string">"cancel"</span>, <span class="hljs-comment">//表示查看详情,需要自定义</span>
314
- </div><div class="hljs-line"> type: <span class="hljs-string">"danger"</span>, <span class="hljs-comment">//和element一致</span>
315
- </div><div class="hljs-line"> prompt：false,<span class="hljs-comment">//可选参数，为false不显示提示框</span>
316
- </div><div class="hljs-line"> promptTitle: <span class="hljs-string">"是否确定付款！"</span>, <span class="hljs-comment">//提示内荣，可选参数,不填则不给提示</span>
317
- </div><div class="hljs-line"> params: {
318
- </div><div class="hljs-line"> contractId: <span class="hljs-string">""</span>
319
- </div><div class="hljs-line"> },
320
- </div><div class="hljs-line"> url: <span class="hljs-string">"/web/oc/contract/offlinePayContractState.json"</span>,
321
- </div><div class="hljs-line"> },
322
- </div><div class="hljs-line"> {
323
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"修改状态"</span>,
324
- </div><div class="hljs-line"> state: true, <span class="hljs-comment">//可选参数表示全部都显示</span>
325
- </div><div class="hljs-line"> id: <span class="hljs-string">"modify"</span>, <span class="hljs-comment">//表示查看详情,需要自定义</span>
326
- </div><div class="hljs-line"> type: <span class="hljs-string">"primary"</span> <span class="hljs-comment">//和element一致</span>
327
- </div><div class="hljs-line"> }
328
- </div><div class="hljs-line"> ]
329
- </div><div class="hljs-line"> }
330
- </div><div class="hljs-line"> {
331
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"查看"</span>, name=&gt;<span class="hljs-selector-tag">label</span>
332
- </div><div class="hljs-line"> state: true,
333
- </div><div class="hljs-line"> id: <span class="hljs-string">"see"</span>, <span class="hljs-comment">//表示查看</span>
334
- </div><div class="hljs-line"> <span class="hljs-comment">//color: "",可选</span>
335
- </div><div class="hljs-line"> template: {
336
- </div><div class="hljs-line"> type: <span class="hljs-string">"json"</span>, <span class="hljs-comment">//表示json类型//可选,</span>
337
- </div><div class="hljs-line"> labelWidth: <span class="hljs-number">100</span>,
338
- </div><div class="hljs-line"> title: <span class="hljs-string">"查看商家详情"</span>
339
- </div><div class="hljs-line"> <span class="hljs-selector-tag">html</span>:[
340
- </div><div class="hljs-line"> {
341
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"站点名称"</span>,
342
- </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>, <span class="hljs-comment">//现在支持text/select/img</span>
343
- </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoName"</span>,
344
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
345
- </div><div class="hljs-line"> },
346
- </div><div class="hljs-line"> {
347
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"产品"</span>,
348
- </div><div class="hljs-line"> type: <span class="hljs-string">"select"</span>,
349
- </div><div class="hljs-line"> name: <span class="hljs-string">"proappCode"</span>,
350
- </div><div class="hljs-line"> template: {
351
- </div><div class="hljs-line"> <span class="hljs-string">"001"</span>: <span class="hljs-string">"设计师A"</span>,
352
- </div><div class="hljs-line"> <span class="hljs-string">"002"</span>: <span class="hljs-string">"设计师B"</span>,
353
- </div><div class="hljs-line"> <span class="hljs-string">"003"</span>: <span class="hljs-string">"设计师C"</span>
354
- </div><div class="hljs-line"> },
355
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
356
- </div><div class="hljs-line"> },
357
- </div><div class="hljs-line"> {
358
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"热门关键词"</span>,
359
- </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
360
- </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoKey"</span>,
361
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
362
- </div><div class="hljs-line"> },
363
- </div><div class="hljs-line"> {
364
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"主域名"</span>,
365
- </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
366
- </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoCompanyurl"</span>,
367
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
368
- </div><div class="hljs-line"> },
369
- </div><div class="hljs-line"> {
370
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"二级域名"</span>,
371
- </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
372
- </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoExchangeurl"</span>,
373
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
374
- </div><div class="hljs-line"> },
375
- </div><div class="hljs-line"> {
376
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"模板"</span>,
377
- </div><div class="hljs-line"> type: <span class="hljs-string">"select"</span>,
378
- </div><div class="hljs-line"> name: <span class="hljs-string">"mmodulCode"</span>,
379
- </div><div class="hljs-line"> template: {
380
- </div><div class="hljs-line"> <span class="hljs-string">"1"</span>: <span class="hljs-string">"设计师A"</span>,
381
- </div><div class="hljs-line"> <span class="hljs-string">"2"</span>: <span class="hljs-string">"设计师B"</span>,
382
- </div><div class="hljs-line"> <span class="hljs-string">"3"</span>: <span class="hljs-string">"设计师C"</span>
383
- </div><div class="hljs-line"> },
384
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
385
- </div><div class="hljs-line"> },
386
- </div><div class="hljs-line"> {
387
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"商城LOGO"</span>,
388
- </div><div class="hljs-line"> type: <span class="hljs-string">"img"</span>,
389
- </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoLogo"</span>,
390
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
391
- </div><div class="hljs-line"> }
392
- </div><div class="hljs-line"> ]
393
- </div><div class="hljs-line"> }
394
- </div><div class="hljs-line"> },
395
- </div><div class="hljs-line"> {
396
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"启用"</span>,
397
- </div><div class="hljs-line"> state: false,
398
- </div><div class="hljs-line"> params: {
399
- </div><div class="hljs-line"> <span class="hljs-comment">//单单只对停用启用有效</span>
400
- </div><div class="hljs-line"> oldDataState: <span class="hljs-string">"0"</span>,
401
- </div><div class="hljs-line"> dataState: <span class="hljs-string">"2"</span>,
402
- </div><div class="hljs-line"> tginfoId: <span class="hljs-string">""</span> <span class="hljs-comment">//没有的值为空</span>
403
- </div><div class="hljs-line"> },
404
- </div><div class="hljs-line"> dataState: <span class="hljs-string">"-1"</span>, <span class="hljs-comment">//状态参数</span>
405
- </div><div class="hljs-line"> id: <span class="hljs-string">"start"</span>
406
- </div><div class="hljs-line"> },
407
- </div><div class="hljs-line"> {
408
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"停用"</span>,
409
- </div><div class="hljs-line"> state: false,
410
- </div><div class="hljs-line"> params: {
411
- </div><div class="hljs-line"> <span class="hljs-comment">//单单只对停用启用有效,需要传的参数</span>
412
- </div><div class="hljs-line"> oldDataState: <span class="hljs-string">"0"</span>,
413
- </div><div class="hljs-line"> dataState: <span class="hljs-string">"2"</span>,
414
- </div><div class="hljs-line"> tginfoId: <span class="hljs-string">""</span> <span class="hljs-comment">//没有的值为空</span>
415
- </div><div class="hljs-line"> },
416
- </div><div class="hljs-line"> dataState: <span class="hljs-string">"0"</span>, <span class="hljs-comment">//状态 参数 dataState存在，state为false</span>
417
- </div><div class="hljs-line"> id: <span class="hljs-string">"stop"</span>, <span class="hljs-comment">//自定义的</span>
418
- </div><div class="hljs-line"> },
419
- </div><div class="hljs-line"> {
420
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"编辑"</span>, <span class="hljs-comment">//暂且只支持表单类型</span>
421
- </div><div class="hljs-line"> state: true,
422
- </div><div class="hljs-line"> id: <span class="hljs-string">"edit"</span>, <span class="hljs-comment">//和编辑</span>
423
- </div><div class="hljs-line"> template: {
424
- </div><div class="hljs-line"> type: <span class="hljs-string">"json"</span>, <span class="hljs-comment">//json类型</span>
425
- </div><div class="hljs-line"> title: <span class="hljs-string">"编辑品牌"</span>,
426
- </div><div class="hljs-line"> formLabelWidth: <span class="hljs-string">"6rem"</span>, <span class="hljs-comment">//长度根据标题长度来，一个字一个rem</span>
427
- </div><div class="hljs-line"> <span class="hljs-selector-tag">html</span>: [
428
- </div><div class="hljs-line"> {
429
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"名称"</span>,
430
- </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
431
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
432
- </div><div class="hljs-line"> name: <span class="hljs-string">"brandName"</span>
433
- </div><div class="hljs-line"> },
434
- </div><div class="hljs-line"> {
435
- </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"logo"</span>,
436
- </div><div class="hljs-line"> showFileList: false, <span class="hljs-comment">//false为单个图片.暂且只支持单个图片编辑</span>
437
- </div><div class="hljs-line"> type: <span class="hljs-string">"upload"</span>,
438
- </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
439
- </div><div class="hljs-line"> name: <span class="hljs-string">"brandLogo"</span>
440
- </div><div class="hljs-line"> }
441
- </div><div class="hljs-line"> ],
442
- </div><div class="hljs-line"> rules: {}
443
- </div><div class="hljs-line"> }
444
- </div><div class="hljs-line"> }
445
- </div><div class="hljs-line"> ]
446
- </div><div class="hljs-line">}
447
- </div></code></pre>
448
-
449
-
450
-
451
- <h5 id="分页">分页</h5>
452
-
453
- <pre class="prettyprint hljs-dark"><code class="hljs dts"><div class="hljs-line"><span class="hljs-symbol">temPage:</span>{ <span class="hljs-comment">//基于element-ui的</span>
454
- </div><div class="hljs-line"><span class="hljs-symbol"> currentPage:</span> <span class="hljs-number">1</span>,
455
- </div><div class="hljs-line"><span class="hljs-symbol"> pageSizes:</span> [<span class="hljs-number">10</span>, <span class="hljs-number">20</span>, <span class="hljs-number">30</span>, <span class="hljs-number">40</span>],
456
- </div><div class="hljs-line"><span class="hljs-symbol"> pageSize:</span> <span class="hljs-number">10</span>,
457
- </div><div class="hljs-line"><span class="hljs-symbol"> total:</span> <span class="hljs-number">1</span>
458
- </div><div class="hljs-line">}
459
- </div></code></pre>
460
-
461
-
462
-
463
- <h5 id="url">url</h5>
464
-
465
- <pre class="prettyprint hljs-dark"><code class="hljs groovy"><div class="hljs-line"><span class="hljs-string">url:</span><span class="hljs-string">'/web/rs/goodsFile/uploadGoodsFile.json'</span>,<span class="hljs-comment">//数据查询url</span>
466
- </div></code></pre>
467
-
468
-
469
-
470
- <h5 id="参数">参数</h5>
471
-
472
- <table><tbody><tr style="font-weight:bold"> <td align="center">参数</td> <td align="center">说明</td> <td align="center">类型</td> <td align="center">状态</td></tr><tr> <td align="center">temInput</td> <td align="center">查询框</td> <td align="center">Array</td> <td align="center">可选</td></tr><tr> <td align="center">temTab</td> <td align="center">tab切换框</td> <td align="center">Object</td> <td align="center">可选</td></tr><tr> <td align="center">temTable</td> <td align="center">table 数据显示</td> <td align="center">Array</td> <td align="center">可选</td></tr><tr> <td align="center">url</td> <td align="center">数据查询url</td> <td align="center">String</td> <td align="center">可选</td></tr><tr> <td align="center">temPage</td> <td align="center">数据分页</td> <td align="center">Object</td> <td align="center">可选</td></tr></tbody></table>
473
-
474
-
475
-
476
- <h5 id="api">API</h5>
477
-
478
- <table><tbody><tr style="font-weight:bold"> <td align="center">事件名称</td> <td align="center">说明</td> <td align="center">回调参数</td> <td align="center">例子</td></tr><tr> <td align="center">inputBtnClick</td> <td align="center">temInput 里面其他按钮操作</td> <td align="center">(data, index)</td> <td align="center"></td></tr><tr> <td align="center">getData（已删除）</td> <td align="center">列表数据返回的接口</td> <td align="center">(data)</td> <td align="center">getData(data) { //获取数据this.temTable.tableData =data;}</td></tr><tr> <td align="center">tableBtnClick</td> <td align="center">table 表格里面其他按钮事件</td> <td align="center">(data,item, index)</td> <td align="center">item.id ===”“,根据id来执行事件</td></tr><tr> <td align="center">handleSelectionChange</td> <td align="center">table 多选按钮</td> <td align="center">handleSelectionChange(val)</td> <td align="center"></td></tr><tr> <td align="center">selChange</td> <td align="center">select 改变时触发</td> <td align="center">selChange(val,item)，val为code值,item为操作json</td> <td align="center"></td></tr><tr> <td align="center">handleSelect</td> <td align="center">input搜索</td> <td align="center">handleSelect(data)</td> <td align="center"></td></tr><tr> <td align="center">btnConfirm</td> <td align="center">提示框确定钩子</td> <td align="center">btnConfirm(data,item)</td> <td align="center"></td></tr></tbody></table>
479
-
480
-
481
-
482
- <h4 id="模板-templateinput">模板 templateInput</h4>
483
-
484
-
485
-
486
- <h5 id="一teminput">一、temInput</h5>
487
-
488
- <blockquote>
489
- <p>支持的type类型:text / number / password /select / cascader / switch / checkbox / radio / textarea/autocomplete</p>
490
- </blockquote>
491
-
492
- <pre class="prettyprint hljs-dark"><code class="hljs dts"><div class="hljs-line"><span class="hljs-symbol">temInput:</span>[
493
- </div><div class="hljs-line"> {
494
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"用户类型"</span>, <span class="hljs-comment">//标题</span>
495
- </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"userinfoType"</span>, <span class="hljs-comment">//参数名称</span>
496
- </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"radio"</span>, <span class="hljs-comment">// 类型，现支持 radio/checkbox/switch/password/textarea/upload</span>
497
- </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">"2"</span>, <span class="hljs-comment">//参数值</span>
498
- </div><div class="hljs-line"><span class="hljs-symbol"> radioGroup:</span> [ <span class="hljs-comment">//选择内容</span>
499
- </div><div class="hljs-line"> {
500
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"公司"</span>,
501
- </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">"2"</span>
502
- </div><div class="hljs-line"> },
503
- </div><div class="hljs-line"> {
504
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"个人"</span>,
505
- </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">"1"</span>
506
- </div><div class="hljs-line"> }
507
- </div><div class="hljs-line"> ]
508
- </div><div class="hljs-line"> },
509
- </div><div class="hljs-line"> {
510
- </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"autocomplete"</span>,
511
- </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"classtreeName"</span>,
512
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"搜索"</span>,
513
- </div><div class="hljs-line"><span class="hljs-symbol"> placeholder:</span> <span class="hljs-string">"请输入产品编号"</span>,
514
- </div><div class="hljs-line"><span class="hljs-symbol"> restaurants:</span> [
515
- </div><div class="hljs-line"> { value: <span class="hljs-string">"三全鲜食（北新泾店）"</span>, address: <span class="hljs-string">"长宁区新渔路144号"</span> },
516
- </div><div class="hljs-line"> ],
517
- </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">""</span>
518
- </div><div class="hljs-line"> },
519
- </div><div class="hljs-line"> {
520
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"公司名称"</span>,
521
- </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"text"</span>,
522
- </div><div class="hljs-line"><span class="hljs-symbol"> state:</span> <span class="hljs-string">"2"</span>, <span class="hljs-comment">//可选参数</span>
523
- </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"userinfoCompname"</span>,
524
- </div><div class="hljs-line"><span class="hljs-symbol"> placeholder:</span> <span class="hljs-string">"输入公司名称"</span>,
525
- </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">""</span>
526
- </div><div class="hljs-line"> },
527
- </div><div class="hljs-line"> {
528
- </div><div class="hljs-line"><span class="hljs-symbol"> btnArray:</span> [ <span class="hljs-comment">//id类型，add-新增，confirm-确定，cancel-取消，reset-重置， 其他不确定类型抛出inputBtnClick（"整个按钮对象","索引值"）方法进行操作</span>
529
- </div><div class="hljs-line"> {
530
- </div><div class="hljs-line"><span class="hljs-symbol"> btnType:</span> <span class="hljs-string">"primary"</span>,
531
- </div><div class="hljs-line"><span class="hljs-symbol"> id:</span> <span class="hljs-string">"confirm"</span>,
532
- </div><div class="hljs-line"><span class="hljs-symbol"> url:</span> <span class="hljs-string">"/web/um/userMerchant/saveUserMerchant.json"</span>,
533
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"立即创建"</span> value=&gt;label
534
- </div><div class="hljs-line"> },
535
- </div><div class="hljs-line"> {
536
- </div><div class="hljs-line"><span class="hljs-symbol"> btnType:</span> <span class="hljs-string">"danger"</span>,
537
- </div><div class="hljs-line"><span class="hljs-symbol"> id:</span> <span class="hljs-string">"reset"</span>,
538
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"重置"</span>
539
- </div><div class="hljs-line"> }
540
- </div><div class="hljs-line"> ]
541
- </div><div class="hljs-line"> }
542
- </div><div class="hljs-line">],
543
- </div><div class="hljs-line"><span class="hljs-symbol">rules:</span>[]<span class="hljs-comment">//规则验证</span>
544
- </div></code></pre>
545
-
546
-
547
-
548
- <h5 id="二其他">二、其他</h5>
549
-
550
- <pre class="prettyprint hljs-dark"><code class="hljs dts"><div class="hljs-line"><span class="hljs-symbol">label:</span> <span class="hljs-string">"商品类型"</span>,
551
- </div><div class="hljs-line"><span class="hljs-symbol">type:</span> <span class="hljs-string">"radio"</span>,
552
- </div><div class="hljs-line"><span class="hljs-symbol">name:</span> <span class="hljs-string">"radio"</span>,
553
- </div><div class="hljs-line"><span class="hljs-symbol">value:</span> <span class="hljs-string">"1"</span>,
554
- </div><div class="hljs-line"><span class="hljs-symbol">labelWidth:</span><span class="hljs-string">""</span>,label的宽度，单位为rem，一个字一个rem,可选参数
555
- </div><div class="hljs-line"><span class="hljs-symbol">tabState:</span> { <span class="hljs-comment">//是需要进行tab切换时使用</span>
556
- </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"userinfoType"</span>,<span class="hljs-comment">//参数名称</span>
557
- </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">"2"</span>,<span class="hljs-comment">//默认参数，需要外部进行监听，当值改变的时候，去改变temInput的值</span>
558
- </div><div class="hljs-line"><span class="hljs-symbol"> typeArray:</span> [<span class="hljs-string">"1"</span>, <span class="hljs-string">"2"</span>] <span class="hljs-comment">//通过typeArray把几种类型传递过去，对数据进行保留</span>
559
- </div><div class="hljs-line">}, <span class="hljs-comment">//可选参数，表示需要监听的</span>
560
- </div><div class="hljs-line">{ <span class="hljs-comment">//需要切换时需要添加state参数</span>
561
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"库存"</span>,
562
- </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"number"</span>,
563
- </div><div class="hljs-line"><span class="hljs-symbol"> disabled:</span>true,<span class="hljs-comment">//可选参数，禁止</span>
564
- </div><div class="hljs-line"><span class="hljs-symbol"> state:</span> true,
565
- </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-number">0</span>,
566
- </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"inventory"</span>,
567
- </div><div class="hljs-line"><span class="hljs-symbol"> placeholder:</span> <span class="hljs-string">"请输入库存"</span>
568
- </div><div class="hljs-line">},
569
- </div><div class="hljs-line">{
570
- </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"商品图片"</span>,
571
- </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"upload"</span>,
572
- </div><div class="hljs-line"><span class="hljs-symbol"> state:</span> true,
573
- </div><div class="hljs-line"><span class="hljs-symbol"> limit:</span> <span class="hljs-number">3</span>,<span class="hljs-comment">//可选参数，默认为1</span>
574
- </div><div class="hljs-line"><span class="hljs-symbol"> showFileList:</span> false, <span class="hljs-comment">//表示单个个图片</span>
575
- </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"picList"</span>,
576
- </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> [] <span class="hljs-comment">//多个图片为数组,单个为字符串"" },</span>
577
- </div></code></pre>
578
-
579
-
580
-
581
- <h5 id="参数-1">参数</h5>
582
-
583
- <table><tbody><tr style="font-weight:bold"> <td align="center">参数名称</td> <td align="center">说明</td> <td align="center">类型</td> <td align="center">例子</td></tr><tr> <td align="center">temInput</td> <td align="center">需要哪些表单</td> <td align="center">Array</td> <td align="center"></td></tr><tr> <td align="center">rules</td> <td align="center">表单验证规则，基于element-ui</td> <td align="center">Array</td> <td align="center"></td></tr><tr> <td align="center">title</td> <td align="center">发布表单的通用标题</td> <td align="center">String</td> <td align="center"></td></tr><tr> <td align="center">labelWidth</td> <td align="center">label的宽度，单位为rem，一个字一个rem,可选参数</td> <td align="center">String</td> <td align="center"></td></tr><tr> <td align="center">tabState</td> <td align="center">表单发布需要切换时使用</td> <td align="center">Object</td> <td align="center"></td></tr></tbody></table>
584
-
585
-
586
-
587
- <h5 id="api-1">API</h5>
588
-
1
+ <!DOCTYPE html><html><head><title>templateReadme</title><meta charset='utf-8'><link href='https://dn-maxiang.qbox.me/res-min/themes/marxico.css' rel='stylesheet'><style></style></head><body><div id='preview-contents' class='note-content'>
2
+
3
+
4
+
5
+
6
+
7
+ <h4 id="templatereadme">templateReadme</h4>
8
+
9
+ <blockquote>
10
+ <p>template都是基于element-ui模板进行封装的 <br>
11
+ 一、搜索栏 temInput <br>
12
+ <strong>temInput</strong>是一个Array，里面包含多个对象 <br>
13
+ 暂且支持类型：text、select、date、daterange</p>
14
+ </blockquote>
15
+
16
+ <pre class="prettyprint hljs-dark"><code class="hljs scala"><div class="hljs-line">{
17
+ </div><div class="hljs-line"> label:'标题',<span class="hljs-comment">//可选参数</span>
18
+ </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>:<span class="hljs-symbol">'tex</span>t',<span class="hljs-comment">//类型 暂且支持text/select/data/daterange/autocomplete 类型同element一致</span>
19
+ </div><div class="hljs-line"> name:<span class="hljs-symbol">'nam</span>e', <span class="hljs-comment">//参数名称</span>
20
+ </div><div class="hljs-line"> value:'',<span class="hljs-comment">//参数值，默认为空</span>
21
+ </div><div class="hljs-line"> placeholder:<span class="hljs-string">"请输入..."</span> <span class="hljs-comment">//可选参数，提示用语</span>
22
+ </div><div class="hljs-line">}
23
+ </div><div class="hljs-line"><wbr>
24
+ </div><div class="hljs-line">注意：
25
+ </div><div class="hljs-line"><span class="hljs-class"><span class="hljs-keyword">type</span> <span class="hljs-title">==</span> <span class="hljs-title">select</span></span>
26
+ </div><div class="hljs-line">参数属性多一个options
27
+ </div><div class="hljs-line"><span class="hljs-class"><span class="hljs-keyword">type</span> <span class="hljs-title">==</span> <span class="hljs-title">daterange</span></span>
28
+ </div><div class="hljs-line">参数属性name:<span class="hljs-string">"startDate,endDate"</span>
29
+ </div><div class="hljs-line"><span class="hljs-class"><span class="hljs-keyword">type</span> <span class="hljs-title">===</span> <span class="hljs-title">textMore</span></span>
30
+ </div><div class="hljs-line">表示多个
31
+ </div><div class="hljs-line">{
32
+ </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>: <span class="hljs-string">"textMore"</span>,
33
+ </div><div class="hljs-line"> label: <span class="hljs-string">"价格区间"</span>,
34
+ </div><div class="hljs-line"> children: [
35
+ </div><div class="hljs-line"> {
36
+ </div><div class="hljs-line"> name: <span class="hljs-string">"projectMinprice"</span>,
37
+ </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入最小价格"</span>,
38
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
39
+ </div><div class="hljs-line"> },
40
+ </div><div class="hljs-line"> {
41
+ </div><div class="hljs-line"> name: <span class="hljs-string">"projectMaxprice"</span>,
42
+ </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入最大价格"</span>,
43
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
44
+ </div><div class="hljs-line"> }
45
+ </div><div class="hljs-line"> ]
46
+ </div><div class="hljs-line"> },
47
+ </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span><span class="hljs-title">===</span> <span class="hljs-title">autocomplete</span> <span class="hljs-title">//表示text可远程搜索</span></span>
48
+ </div><div class="hljs-line"> {
49
+ </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>: <span class="hljs-string">"autocomplete"</span>,
50
+ </div><div class="hljs-line"> name: <span class="hljs-string">"classtreeName"</span>,
51
+ </div><div class="hljs-line"> label: <span class="hljs-string">"搜索"</span>,
52
+ </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入产品编号"</span>,
53
+ </div><div class="hljs-line"> restaurants: [
54
+ </div><div class="hljs-line"> { value: <span class="hljs-string">"三全鲜食（北新泾店）"</span>, address: <span class="hljs-string">"长宁区新渔路144号"</span> },
55
+ </div><div class="hljs-line"> ],
56
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
57
+ </div><div class="hljs-line"> },
58
+ </div><div class="hljs-line"><wbr>
59
+ </div><div class="hljs-line">temInput的按钮操作
60
+ </div><div class="hljs-line">属性名称为btnArray:[]
61
+ </div><div class="hljs-line">{
62
+ </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>:<span class="hljs-symbol">'primar</span>y',<span class="hljs-comment">//按钮类型，同element-ui的一致</span>
63
+ </div><div class="hljs-line"> id:<span class="hljs-symbol">'quer</span>y',<span class="hljs-comment">//操作的id id的类型query/search,add</span>
64
+ </div><div class="hljs-line"> label:<span class="hljs-string">"搜索"</span>,
65
+ </div><div class="hljs-line"> url:<span class="hljs-string">""</span>,<span class="hljs-comment">//搜索的url暂且是定义的全局</span>
66
+ </div><div class="hljs-line">}
67
+ </div><div class="hljs-line">当id == <span class="hljs-symbol">'ad</span>d',表示需要新增模板
68
+ </div><div class="hljs-line">需要添加属性
69
+ </div><div class="hljs-line">template:{
70
+ </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>: <span class="hljs-string">"json"</span>, <span class="hljs-comment">//json类型暂且只支持json类型的</span>
71
+ </div><div class="hljs-line"> label: <span class="hljs-string">"编辑标题"</span>,
72
+ </div><div class="hljs-line"> formLabelWidth: <span class="hljs-string">"6rem"</span>, <span class="hljs-comment">//长度根据标题长度来，一个字一个rem</span>
73
+ </div><div class="hljs-line"> html:[],<span class="hljs-comment">//具体详见模板二 input</span>
74
+ </div><div class="hljs-line">};
75
+ </div><div class="hljs-line"><span class="hljs-class"><span class="hljs-keyword">type</span> <span class="hljs-title">===</span> <span class="hljs-title">cascader</span></span>
76
+ </div><div class="hljs-line">value:[],
77
+ </div><div class="hljs-line">{
78
+ </div><div class="hljs-line"> <span class="hljs-class"><span class="hljs-keyword">type</span></span>: <span class="hljs-string">"cascader"</span>,
79
+ </div><div class="hljs-line"> name: <span class="hljs-string">"classtreeName"</span>,
80
+ </div><div class="hljs-line"> label: <span class="hljs-string">"产品分类"</span>,
81
+ </div><div class="hljs-line"> showAllLevels:<span class="hljs-literal">false</span>,<span class="hljs-comment">//可选参数，判断是否是取最后一集</span>
82
+ </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请选择产品分类"</span>,
83
+ </div><div class="hljs-line"> props: {
84
+ </div><div class="hljs-line"> value: <span class="hljs-string">"value"</span>,
85
+ </div><div class="hljs-line"> label: <span class="hljs-string">"label"</span>,
86
+ </div><div class="hljs-line"> children: <span class="hljs-string">"children"</span>
87
+ </div><div class="hljs-line"> },
88
+ </div><div class="hljs-line"> value: [],
89
+ </div><div class="hljs-line">}
90
+ </div></code></pre>
91
+
92
+ <p>例子:</p>
93
+
94
+ <pre class="prettyprint hljs-dark"><code class="hljs dockerfile"><div class="hljs-line">temInput:[{
95
+ </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"标题"</span>,//自定义 title=&gt;label </span>
96
+ </div><div class="hljs-line"><span class="bash"></span> type: <span class="hljs-string">"text"</span>,//类型，暂且只支持text/select/date/daterange/button
97
+ </div><div class="hljs-line"> name: <span class="hljs-string">"name"</span>,//参数名称
98
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,//值
99
+ </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入"</span>//默认提示语，可选参数
100
+ </div><div class="hljs-line">},
101
+ </div><div class="hljs-line">{
102
+ </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"标题"</span>,//自定义</span>
103
+ </div><div class="hljs-line"><span class="bash"></span> type: <span class="hljs-string">"select"</span>,//select类型包含options对象，参数<span class="hljs-keyword">label</span><span class="bash">和value</span>
104
+ </div><div class="hljs-line"><span class="bash"></span> name: <span class="hljs-string">"name"</span>,//参数名称
105
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,//值
106
+ </div><div class="hljs-line"> placeholder: <span class="hljs-string">"请输入"</span>//默认提示语，可选参数
107
+ </div><div class="hljs-line"> props:{ //可选参数，正对select所需要的<span class="hljs-keyword">label</span><span class="bash">和value</span>
108
+ </div><div class="hljs-line"><span class="bash"></span> <span class="hljs-keyword">label</span><span class="bash">:<span class="hljs-string">'name'</span>,</span>
109
+ </div><div class="hljs-line"><span class="bash"></span> value:<span class="hljs-string">'code'</span>
110
+ </div><div class="hljs-line"> },
111
+ </div><div class="hljs-line"> options:[
112
+ </div><div class="hljs-line"> {
113
+ </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">:<span class="hljs-string">''</span>,</span>
114
+ </div><div class="hljs-line"><span class="bash"></span> value:<span class="hljs-string">''</span>
115
+ </div><div class="hljs-line"> }
116
+ </div><div class="hljs-line"> ]
117
+ </div><div class="hljs-line">},
118
+ </div><div class="hljs-line">{
119
+ </div><div class="hljs-line"> type: <span class="hljs-string">"autocomplete"</span>,
120
+ </div><div class="hljs-line"> name: <span class="hljs-string">"classtreeName"</span>,
121
+ </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"搜索"</span>,</span>
122
+ </div><div class="hljs-line"><span class="bash"></span> placeholder: <span class="hljs-string">"请输入产品编号"</span>,
123
+ </div><div class="hljs-line"> restaurants: [
124
+ </div><div class="hljs-line"> { value: <span class="hljs-string">"三全鲜食（北新泾店）"</span>, address: <span class="hljs-string">"长宁区新渔路144号"</span> },
125
+ </div><div class="hljs-line"> ],
126
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
127
+ </div><div class="hljs-line"> },
128
+ </div><div class="hljs-line">{
129
+ </div><div class="hljs-line"> btnArray:[ //按钮的对象数组-搜索
130
+ </div><div class="hljs-line"> {
131
+ </div><div class="hljs-line"> type:<span class="hljs-string">'primary'</span>,//按钮类型，和element-ui类型一致
132
+ </div><div class="hljs-line"> id:<span class="hljs-string">'query'</span>,//id类型，query表示搜索，<span class="hljs-keyword">add</span><span class="bash">-新增，del-删除 query-搜索 其他不确定类型抛出inputBtnClick（<span class="hljs-string">"整个按钮对象"</span>,<span class="hljs-string">"索引值"</span>）方法进行操作</span>
133
+ </div><div class="hljs-line"><span class="bash"></span> <span class="hljs-keyword">label</span><span class="bash">:<span class="hljs-string">"搜索"</span>,</span>
134
+ </div><div class="hljs-line"><span class="bash"></span> url:<span class="hljs-string">''</span>
135
+ </div><div class="hljs-line"> },
136
+ </div><div class="hljs-line"> {
137
+ </div><div class="hljs-line"> type:<span class="hljs-string">"primary"</span>,
138
+ </div><div class="hljs-line"> id:<span class="hljs-string">'add'</span>,
139
+ </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">:<span class="hljs-string">"新增"</span>,//当为新增的时候，需使用模板，url是写在模板里面的</span>
140
+ </div><div class="hljs-line"><span class="bash"></span> template:{
141
+ </div><div class="hljs-line"> type: <span class="hljs-string">"json"</span>, //json类型暂且只支持json类型的
142
+ </div><div class="hljs-line"> title: <span class="hljs-string">"编辑标题"</span>,
143
+ </div><div class="hljs-line"> formLabelWidth: <span class="hljs-string">"6rem"</span>, //长度根据标题长度来，一个字一个rem
144
+ </div><div class="hljs-line"> html:[
145
+ </div><div class="hljs-line"> {
146
+ </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"名称"</span>,</span>
147
+ </div><div class="hljs-line"><span class="bash"></span> type: <span class="hljs-string">"text"</span>,//类型暂且只支持text/upload/textarea/select/date
148
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
149
+ </div><div class="hljs-line"> name: <span class="hljs-string">"brandName"</span>
150
+ </div><div class="hljs-line"> },
151
+ </div><div class="hljs-line"> {
152
+ </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"logo"</span>,</span>
153
+ </div><div class="hljs-line"><span class="bash"></span> showFileList: false, //false为单个图片.暂且只支持单个图片编辑
154
+ </div><div class="hljs-line"> type: <span class="hljs-string">"upload"</span>,
155
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
156
+ </div><div class="hljs-line"> name: <span class="hljs-string">"brandLogo"</span>
157
+ </div><div class="hljs-line"> },
158
+ </div><div class="hljs-line"> {
159
+ </div><div class="hljs-line"> btnArray: [
160
+ </div><div class="hljs-line"> //id类型，query表示搜索，<span class="hljs-keyword">add</span><span class="bash">-新增，confirm-确定(一般属于编辑里面的)，cancel-取消，del-删除 query-搜索 其他不确定类型抛出inputBtnClick（<span class="hljs-string">"整个按钮对象"</span>,<span class="hljs-string">"索引值"</span>）方法进行操作</span>
161
+ </div><div class="hljs-line"><span class="bash"></span> {
162
+ </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"取消"</span>, value=&gt;label</span>
163
+ </div><div class="hljs-line"><span class="bash"></span> id: <span class="hljs-string">"cancel"</span>
164
+ </div><div class="hljs-line"> },
165
+ </div><div class="hljs-line"> {
166
+ </div><div class="hljs-line"> type: <span class="hljs-string">"primary"</span>,
167
+ </div><div class="hljs-line"> <span class="hljs-keyword">label</span><span class="bash">: <span class="hljs-string">"确定"</span>,</span>
168
+ </div><div class="hljs-line"><span class="bash"></span> id: <span class="hljs-string">"add"</span>,
169
+ </div><div class="hljs-line"> url: <span class="hljs-string">"/web/rs/brand/saveBrand.json"</span>
170
+ </div><div class="hljs-line"> }
171
+ </div><div class="hljs-line"> ]
172
+ </div><div class="hljs-line"> },
173
+ </div><div class="hljs-line"> ],
174
+ </div><div class="hljs-line"> rules: {}//规则，和element一致
175
+ </div><div class="hljs-line"> }
176
+ </div><div class="hljs-line"> }
177
+ </div><div class="hljs-line"> ]
178
+ </div><div class="hljs-line">}]
179
+ </div></code></pre>
180
+
181
+
182
+
183
+ <h5 id="二显示temtab">二、显示temTab</h5>
184
+
185
+ <pre class="prettyprint hljs-dark"><code class="hljs dts"><div class="hljs-line"><span class="hljs-symbol">temTab:</span> {
186
+ </div><div class="hljs-line"><span class="hljs-symbol"> tabPane:</span> [
187
+ </div><div class="hljs-line"> {
188
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"操作一"</span>,
189
+ </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"参数"</span>,
190
+ </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">""</span>
191
+ </div><div class="hljs-line"> }
192
+ </div><div class="hljs-line"> ]
193
+ </div><div class="hljs-line"> },
194
+ </div></code></pre>
195
+
196
+
197
+
198
+ <h5 id="三显示temtable">三、显示temTable</h5>
199
+
200
+ <blockquote>
201
+ <p><strong>temTable</strong>是一个对象，包含selection，tableHead，()tableData,可选)，tableBtn，tabBtnWidth（操作的宽度） <br>
202
+ <strong>tableBtn</strong>:</p>
203
+ </blockquote>
204
+
205
+ <pre class="prettyprint hljs-dark"><code class="hljs stylus"><div class="hljs-line">temTable: {
206
+ </div><div class="hljs-line"> selection: {
207
+ </div><div class="hljs-line"> state: true,
208
+ </div><div class="hljs-line"> params: [] <span class="hljs-comment">//单选的参数</span>
209
+ </div><div class="hljs-line"> }, <span class="hljs-comment">//表示有单选，可选参数</span>
210
+ </div><div class="hljs-line"> tableHead:[
211
+ </div><div class="hljs-line"> {
212
+ </div><div class="hljs-line"> prop: <span class="hljs-string">"brandName"</span>, <span class="hljs-comment">//基础参数</span>
213
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"品牌名称"</span>，<span class="hljs-comment">//基础参数</span>
214
+ </div><div class="hljs-line"> splicing: [<span class="hljs-string">"brandLogo"</span>,<span class="hljs-string">"contractInmoney"</span>, <span class="hljs-string">"goodsNum"</span>], <span class="hljs-comment">//参数可选，表示需要拼接</span>
215
+ </div><div class="hljs-line"> imgType: <span class="hljs-number">0</span> <span class="hljs-comment">//当表示有图片的时候，显示，值表示图片的位置 可选参数,</span>
216
+ </div><div class="hljs-line"> },
217
+ </div><div class="hljs-line"> {
218
+ </div><div class="hljs-line"> prop: <span class="hljs-string">"brandName"</span>, <span class="hljs-comment">//基础参数</span>
219
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"品牌名称"</span>，<span class="hljs-comment">//基础参数</span>
220
+ </div><div class="hljs-line"> splicing: [<span class="hljs-string">"brandLogo"</span>,<span class="hljs-string">"contractInmoney"</span>, <span class="hljs-string">"goodsNum"</span>], <span class="hljs-comment">//参数可选，表示需要拼接</span>
221
+ </div><div class="hljs-line"> },
222
+ </div><div class="hljs-line"> {
223
+ </div><div class="hljs-line"> prop: <span class="hljs-string">"brandName"</span>, <span class="hljs-comment">//基础参数</span>
224
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"品牌名称"</span>，<span class="hljs-comment">//基础参数</span>
225
+ </div><div class="hljs-line"> pair: [<span class="hljs-comment">//表示需要键值对显示的</span>
226
+ </div><div class="hljs-line"> {
227
+ </div><div class="hljs-line"> key: <span class="hljs-string">"用户名"</span>,
228
+ </div><div class="hljs-line"> prop: <span class="hljs-string">"memberBname"</span>
229
+ </div><div class="hljs-line"> },
230
+ </div><div class="hljs-line"> {
231
+ </div><div class="hljs-line"> key: <span class="hljs-string">"收件人"</span>,
232
+ </div><div class="hljs-line"> prop: <span class="hljs-string">"goodsReceiptMem"</span>
233
+ </div><div class="hljs-line"> },
234
+ </div><div class="hljs-line"> {
235
+ </div><div class="hljs-line"> key: <span class="hljs-string">"手机号"</span>,
236
+ </div><div class="hljs-line"> prop: <span class="hljs-string">"goodsReceiptPhone"</span>
237
+ </div><div class="hljs-line"> }
238
+ </div><div class="hljs-line"> ], <span class="hljs-comment">//需要以键值对显示，//可选参数</span>
239
+ </div><div class="hljs-line"> <span class="hljs-attribute">width</span>:<span class="hljs-number">150</span>,//可选参数
240
+ </div><div class="hljs-line"> }，
241
+ </div><div class="hljs-line"> {
242
+ </div><div class="hljs-line"> prop: <span class="hljs-string">"gmtCreate"</span>,
243
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"下单时间"</span>,
244
+ </div><div class="hljs-line"> template: <span class="hljs-string">"format"</span><span class="hljs-comment">//日期类型，做转换</span>
245
+ </div><div class="hljs-line"> },
246
+ </div><div class="hljs-line"> {
247
+ </div><div class="hljs-line"> prop: <span class="hljs-string">"dataState"</span>,
248
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"订单状态"</span>,
249
+ </div><div class="hljs-line"> template: { <span class="hljs-comment">//特殊类型转换的</span>
250
+ </div><div class="hljs-line"> <span class="hljs-string">"-1"</span>: <span class="hljs-string">"已取消"</span>,
251
+ </div><div class="hljs-line"> <span class="hljs-string">"0"</span>: <span class="hljs-string">"审核"</span>,
252
+ </div><div class="hljs-line"> <span class="hljs-string">"1"</span>: <span class="hljs-string">"待付款"</span>,
253
+ </div><div class="hljs-line"> <span class="hljs-string">"2"</span>: <span class="hljs-string">"待发货"</span>,
254
+ </div><div class="hljs-line"> <span class="hljs-string">"3"</span>: <span class="hljs-string">"已发货"</span>,
255
+ </div><div class="hljs-line"> <span class="hljs-string">"4"</span>: <span class="hljs-string">"已完成"</span>,
256
+ </div><div class="hljs-line"> <span class="hljs-string">"5"</span>: <span class="hljs-string">"交易成功"</span>
257
+ </div><div class="hljs-line"> }
258
+ </div><div class="hljs-line"> },
259
+ </div><div class="hljs-line"> ],
260
+ </div><div class="hljs-line"> <span class="hljs-comment">//tableData: [],优化已删除</span>
261
+ </div><div class="hljs-line"> tableBtn:[
262
+ </div><div class="hljs-line"> {
263
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"查看详情"</span>, name=&gt;<span class="hljs-selector-tag">label</span>
264
+ </div><div class="hljs-line"> state: true,
265
+ </div><div class="hljs-line"> dataState: <span class="hljs-string">"1"</span>, <span class="hljs-comment">//判断是否显示</span>
266
+ </div><div class="hljs-line"> id: <span class="hljs-string">"see"</span>, <span class="hljs-comment">//表示查看详情</span>
267
+ </div><div class="hljs-line"> type:<span class="hljs-string">"primary"</span>,<span class="hljs-comment">//和element一致</span>
268
+ </div><div class="hljs-line"> template: {
269
+ </div><div class="hljs-line"> type: <span class="hljs-string">"json"</span>, <span class="hljs-comment">//表示json类型//可选,</span>
270
+ </div><div class="hljs-line"> title: <span class="hljs-string">"查看详情"</span>,
271
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">html</span>: [
272
+ </div><div class="hljs-line"> {
273
+ </div><div class="hljs-line"> type:<span class="hljs-string">'img'</span>,<span class="hljs-comment">//可选参数，表示有图片</span>
274
+ </div><div class="hljs-line"> title:<span class="hljs-string">'标题内容'</span>,
275
+ </div><div class="hljs-line"> con:<span class="hljs-string">"内容"</span> <span class="hljs-comment">//图片的url</span>
276
+ </div><div class="hljs-line"> },
277
+ </div><div class="hljs-line"> {
278
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"注册时间"</span>,
279
+ </div><div class="hljs-line"> name: <span class="hljs-string">"gmtCreate"</span>,
280
+ </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
281
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
282
+ </div><div class="hljs-line"> template: <span class="hljs-string">"foramte"</span>
283
+ </div><div class="hljs-line"> },
284
+ </div><div class="hljs-line"> {
285
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"商家类型"</span>,
286
+ </div><div class="hljs-line"> name: <span class="hljs-string">"userinfoType"</span>,
287
+ </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
288
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
289
+ </div><div class="hljs-line"> template: {
290
+ </div><div class="hljs-line"> <span class="hljs-string">"1"</span>: <span class="hljs-string">"个人"</span>,
291
+ </div><div class="hljs-line"> <span class="hljs-string">"2"</span>: <span class="hljs-string">"公司"</span>
292
+ </div><div class="hljs-line"> }
293
+ </div><div class="hljs-line"> },
294
+ </div><div class="hljs-line"> { <span class="hljs-comment">//查看需要根据状态值是否显示，添加state一系列</span>
295
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"公司名称"</span>,
296
+ </div><div class="hljs-line"> name: <span class="hljs-string">"userinfoCompname"</span>,
297
+ </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
298
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
299
+ </div><div class="hljs-line"> state: <span class="hljs-string">"2"</span>,
300
+ </div><div class="hljs-line"> stateName: <span class="hljs-string">"userinfoType"</span>,
301
+ </div><div class="hljs-line"> stateValue: <span class="hljs-string">""</span>
302
+ </div><div class="hljs-line"> }
303
+ </div><div class="hljs-line"> ]
304
+ </div><div class="hljs-line"><wbr>
305
+ </div><div class="hljs-line"> }
306
+ </div><div class="hljs-line"> },
307
+ </div><div class="hljs-line"> {
308
+ </div><div class="hljs-line"> dropdown: true, <span class="hljs-comment">// 可选参数，表示在此后面的按钮是需要折叠的</span>
309
+ </div><div class="hljs-line"> dropdowMenu: [
310
+ </div><div class="hljs-line"> {
311
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"取消订单"</span>,
312
+ </div><div class="hljs-line"> dataState: <span class="hljs-string">"1"</span>, <span class="hljs-comment">//判断是否显示</span>
313
+ </div><div class="hljs-line"> id: <span class="hljs-string">"cancel"</span>, <span class="hljs-comment">//表示查看详情,需要自定义</span>
314
+ </div><div class="hljs-line"> type: <span class="hljs-string">"danger"</span>, <span class="hljs-comment">//和element一致</span>
315
+ </div><div class="hljs-line"> prompt：false,<span class="hljs-comment">//可选参数，为false不显示提示框</span>
316
+ </div><div class="hljs-line"> promptTitle: <span class="hljs-string">"是否确定付款！"</span>, <span class="hljs-comment">//提示内荣，可选参数,不填则不给提示</span>
317
+ </div><div class="hljs-line"> params: {
318
+ </div><div class="hljs-line"> contractId: <span class="hljs-string">""</span>
319
+ </div><div class="hljs-line"> },
320
+ </div><div class="hljs-line"> url: <span class="hljs-string">"/web/oc/contract/offlinePayContractState.json"</span>,
321
+ </div><div class="hljs-line"> },
322
+ </div><div class="hljs-line"> {
323
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"修改状态"</span>,
324
+ </div><div class="hljs-line"> state: true, <span class="hljs-comment">//可选参数表示全部都显示</span>
325
+ </div><div class="hljs-line"> id: <span class="hljs-string">"modify"</span>, <span class="hljs-comment">//表示查看详情,需要自定义</span>
326
+ </div><div class="hljs-line"> type: <span class="hljs-string">"primary"</span> <span class="hljs-comment">//和element一致</span>
327
+ </div><div class="hljs-line"> }
328
+ </div><div class="hljs-line"> ]
329
+ </div><div class="hljs-line"> }
330
+ </div><div class="hljs-line"> {
331
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"查看"</span>, name=&gt;<span class="hljs-selector-tag">label</span>
332
+ </div><div class="hljs-line"> state: true,
333
+ </div><div class="hljs-line"> id: <span class="hljs-string">"see"</span>, <span class="hljs-comment">//表示查看</span>
334
+ </div><div class="hljs-line"> <span class="hljs-comment">//color: "",可选</span>
335
+ </div><div class="hljs-line"> template: {
336
+ </div><div class="hljs-line"> type: <span class="hljs-string">"json"</span>, <span class="hljs-comment">//表示json类型//可选,</span>
337
+ </div><div class="hljs-line"> labelWidth: <span class="hljs-number">100</span>,
338
+ </div><div class="hljs-line"> title: <span class="hljs-string">"查看商家详情"</span>
339
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">html</span>:[
340
+ </div><div class="hljs-line"> {
341
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"站点名称"</span>,
342
+ </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>, <span class="hljs-comment">//现在支持text/select/img</span>
343
+ </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoName"</span>,
344
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
345
+ </div><div class="hljs-line"> },
346
+ </div><div class="hljs-line"> {
347
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"产品"</span>,
348
+ </div><div class="hljs-line"> type: <span class="hljs-string">"select"</span>,
349
+ </div><div class="hljs-line"> name: <span class="hljs-string">"proappCode"</span>,
350
+ </div><div class="hljs-line"> template: {
351
+ </div><div class="hljs-line"> <span class="hljs-string">"001"</span>: <span class="hljs-string">"设计师A"</span>,
352
+ </div><div class="hljs-line"> <span class="hljs-string">"002"</span>: <span class="hljs-string">"设计师B"</span>,
353
+ </div><div class="hljs-line"> <span class="hljs-string">"003"</span>: <span class="hljs-string">"设计师C"</span>
354
+ </div><div class="hljs-line"> },
355
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
356
+ </div><div class="hljs-line"> },
357
+ </div><div class="hljs-line"> {
358
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"热门关键词"</span>,
359
+ </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
360
+ </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoKey"</span>,
361
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
362
+ </div><div class="hljs-line"> },
363
+ </div><div class="hljs-line"> {
364
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"主域名"</span>,
365
+ </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
366
+ </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoCompanyurl"</span>,
367
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
368
+ </div><div class="hljs-line"> },
369
+ </div><div class="hljs-line"> {
370
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"二级域名"</span>,
371
+ </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
372
+ </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoExchangeurl"</span>,
373
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
374
+ </div><div class="hljs-line"> },
375
+ </div><div class="hljs-line"> {
376
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"模板"</span>,
377
+ </div><div class="hljs-line"> type: <span class="hljs-string">"select"</span>,
378
+ </div><div class="hljs-line"> name: <span class="hljs-string">"mmodulCode"</span>,
379
+ </div><div class="hljs-line"> template: {
380
+ </div><div class="hljs-line"> <span class="hljs-string">"1"</span>: <span class="hljs-string">"设计师A"</span>,
381
+ </div><div class="hljs-line"> <span class="hljs-string">"2"</span>: <span class="hljs-string">"设计师B"</span>,
382
+ </div><div class="hljs-line"> <span class="hljs-string">"3"</span>: <span class="hljs-string">"设计师C"</span>
383
+ </div><div class="hljs-line"> },
384
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
385
+ </div><div class="hljs-line"> },
386
+ </div><div class="hljs-line"> {
387
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"商城LOGO"</span>,
388
+ </div><div class="hljs-line"> type: <span class="hljs-string">"img"</span>,
389
+ </div><div class="hljs-line"> name: <span class="hljs-string">"tginfoLogo"</span>,
390
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>
391
+ </div><div class="hljs-line"> }
392
+ </div><div class="hljs-line"> ]
393
+ </div><div class="hljs-line"> }
394
+ </div><div class="hljs-line"> },
395
+ </div><div class="hljs-line"> {
396
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"启用"</span>,
397
+ </div><div class="hljs-line"> state: false,
398
+ </div><div class="hljs-line"> params: {
399
+ </div><div class="hljs-line"> <span class="hljs-comment">//单单只对停用启用有效</span>
400
+ </div><div class="hljs-line"> oldDataState: <span class="hljs-string">"0"</span>,
401
+ </div><div class="hljs-line"> dataState: <span class="hljs-string">"2"</span>,
402
+ </div><div class="hljs-line"> tginfoId: <span class="hljs-string">""</span> <span class="hljs-comment">//没有的值为空</span>
403
+ </div><div class="hljs-line"> },
404
+ </div><div class="hljs-line"> dataState: <span class="hljs-string">"-1"</span>, <span class="hljs-comment">//状态参数</span>
405
+ </div><div class="hljs-line"> id: <span class="hljs-string">"start"</span>
406
+ </div><div class="hljs-line"> },
407
+ </div><div class="hljs-line"> {
408
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"停用"</span>,
409
+ </div><div class="hljs-line"> state: false,
410
+ </div><div class="hljs-line"> params: {
411
+ </div><div class="hljs-line"> <span class="hljs-comment">//单单只对停用启用有效,需要传的参数</span>
412
+ </div><div class="hljs-line"> oldDataState: <span class="hljs-string">"0"</span>,
413
+ </div><div class="hljs-line"> dataState: <span class="hljs-string">"2"</span>,
414
+ </div><div class="hljs-line"> tginfoId: <span class="hljs-string">""</span> <span class="hljs-comment">//没有的值为空</span>
415
+ </div><div class="hljs-line"> },
416
+ </div><div class="hljs-line"> dataState: <span class="hljs-string">"0"</span>, <span class="hljs-comment">//状态 参数 dataState存在，state为false</span>
417
+ </div><div class="hljs-line"> id: <span class="hljs-string">"stop"</span>, <span class="hljs-comment">//自定义的</span>
418
+ </div><div class="hljs-line"> },
419
+ </div><div class="hljs-line"> {
420
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"编辑"</span>, <span class="hljs-comment">//暂且只支持表单类型</span>
421
+ </div><div class="hljs-line"> state: true,
422
+ </div><div class="hljs-line"> id: <span class="hljs-string">"edit"</span>, <span class="hljs-comment">//和编辑</span>
423
+ </div><div class="hljs-line"> template: {
424
+ </div><div class="hljs-line"> type: <span class="hljs-string">"json"</span>, <span class="hljs-comment">//json类型</span>
425
+ </div><div class="hljs-line"> title: <span class="hljs-string">"编辑品牌"</span>,
426
+ </div><div class="hljs-line"> formLabelWidth: <span class="hljs-string">"6rem"</span>, <span class="hljs-comment">//长度根据标题长度来，一个字一个rem</span>
427
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">html</span>: [
428
+ </div><div class="hljs-line"> {
429
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"名称"</span>,
430
+ </div><div class="hljs-line"> type: <span class="hljs-string">"text"</span>,
431
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
432
+ </div><div class="hljs-line"> name: <span class="hljs-string">"brandName"</span>
433
+ </div><div class="hljs-line"> },
434
+ </div><div class="hljs-line"> {
435
+ </div><div class="hljs-line"> <span class="hljs-selector-tag">label</span>: <span class="hljs-string">"logo"</span>,
436
+ </div><div class="hljs-line"> showFileList: false, <span class="hljs-comment">//false为单个图片.暂且只支持单个图片编辑</span>
437
+ </div><div class="hljs-line"> type: <span class="hljs-string">"upload"</span>,
438
+ </div><div class="hljs-line"> value: <span class="hljs-string">""</span>,
439
+ </div><div class="hljs-line"> name: <span class="hljs-string">"brandLogo"</span>
440
+ </div><div class="hljs-line"> }
441
+ </div><div class="hljs-line"> ],
442
+ </div><div class="hljs-line"> rules: {}
443
+ </div><div class="hljs-line"> }
444
+ </div><div class="hljs-line"> }
445
+ </div><div class="hljs-line"> ]
446
+ </div><div class="hljs-line">}
447
+ </div></code></pre>
448
+
449
+
450
+
451
+ <h5 id="分页">分页</h5>
452
+
453
+ <pre class="prettyprint hljs-dark"><code class="hljs dts"><div class="hljs-line"><span class="hljs-symbol">temPage:</span>{ <span class="hljs-comment">//基于element-ui的</span>
454
+ </div><div class="hljs-line"><span class="hljs-symbol"> currentPage:</span> <span class="hljs-number">1</span>,
455
+ </div><div class="hljs-line"><span class="hljs-symbol"> pageSizes:</span> [<span class="hljs-number">10</span>, <span class="hljs-number">20</span>, <span class="hljs-number">30</span>, <span class="hljs-number">40</span>],
456
+ </div><div class="hljs-line"><span class="hljs-symbol"> pageSize:</span> <span class="hljs-number">10</span>,
457
+ </div><div class="hljs-line"><span class="hljs-symbol"> total:</span> <span class="hljs-number">1</span>
458
+ </div><div class="hljs-line">}
459
+ </div></code></pre>
460
+
461
+
462
+
463
+ <h5 id="url">url</h5>
464
+
465
+ <pre class="prettyprint hljs-dark"><code class="hljs groovy"><div class="hljs-line"><span class="hljs-string">url:</span><span class="hljs-string">'/web/rs/goodsFile/uploadGoodsFile.json'</span>,<span class="hljs-comment">//数据查询url</span>
466
+ </div></code></pre>
467
+
468
+
469
+
470
+ <h5 id="参数">参数</h5>
471
+
472
+ <table><tbody><tr style="font-weight:bold"> <td align="center">参数</td> <td align="center">说明</td> <td align="center">类型</td> <td align="center">状态</td></tr><tr> <td align="center">temInput</td> <td align="center">查询框</td> <td align="center">Array</td> <td align="center">可选</td></tr><tr> <td align="center">temTab</td> <td align="center">tab切换框</td> <td align="center">Object</td> <td align="center">可选</td></tr><tr> <td align="center">temTable</td> <td align="center">table 数据显示</td> <td align="center">Array</td> <td align="center">可选</td></tr><tr> <td align="center">url</td> <td align="center">数据查询url</td> <td align="center">String</td> <td align="center">可选</td></tr><tr> <td align="center">temPage</td> <td align="center">数据分页</td> <td align="center">Object</td> <td align="center">可选</td></tr></tbody></table>
473
+
474
+
475
+
476
+ <h5 id="api">API</h5>
477
+
478
+ <table><tbody><tr style="font-weight:bold"> <td align="center">事件名称</td> <td align="center">说明</td> <td align="center">回调参数</td> <td align="center">例子</td></tr><tr> <td align="center">inputBtnClick</td> <td align="center">temInput 里面其他按钮操作</td> <td align="center">(data, index)</td> <td align="center"></td></tr><tr> <td align="center">getData（已删除）</td> <td align="center">列表数据返回的接口</td> <td align="center">(data)</td> <td align="center">getData(data) { //获取数据this.temTable.tableData =data;}</td></tr><tr> <td align="center">tableBtnClick</td> <td align="center">table 表格里面其他按钮事件</td> <td align="center">(data,item, index)</td> <td align="center">item.id ===”“,根据id来执行事件</td></tr><tr> <td align="center">handleSelectionChange</td> <td align="center">table 多选按钮</td> <td align="center">handleSelectionChange(val)</td> <td align="center"></td></tr><tr> <td align="center">selChange</td> <td align="center">select 改变时触发</td> <td align="center">selChange(val,item)，val为code值,item为操作json</td> <td align="center"></td></tr><tr> <td align="center">handleSelect</td> <td align="center">input搜索</td> <td align="center">handleSelect(data)</td> <td align="center"></td></tr><tr> <td align="center">btnConfirm</td> <td align="center">提示框确定钩子</td> <td align="center">btnConfirm(data,item)</td> <td align="center"></td></tr></tbody></table>
479
+
480
+
481
+
482
+ <h4 id="模板-templateinput">模板 templateInput</h4>
483
+
484
+
485
+
486
+ <h5 id="一teminput">一、temInput</h5>
487
+
488
+ <blockquote>
489
+ <p>支持的type类型:text / number / password /select / cascader / switch / checkbox / radio / textarea/autocomplete</p>
490
+ </blockquote>
491
+
492
+ <pre class="prettyprint hljs-dark"><code class="hljs dts"><div class="hljs-line"><span class="hljs-symbol">temInput:</span>[
493
+ </div><div class="hljs-line"> {
494
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"用户类型"</span>, <span class="hljs-comment">//标题</span>
495
+ </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"userinfoType"</span>, <span class="hljs-comment">//参数名称</span>
496
+ </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"radio"</span>, <span class="hljs-comment">// 类型，现支持 radio/checkbox/switch/password/textarea/upload</span>
497
+ </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">"2"</span>, <span class="hljs-comment">//参数值</span>
498
+ </div><div class="hljs-line"><span class="hljs-symbol"> radioGroup:</span> [ <span class="hljs-comment">//选择内容</span>
499
+ </div><div class="hljs-line"> {
500
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"公司"</span>,
501
+ </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">"2"</span>
502
+ </div><div class="hljs-line"> },
503
+ </div><div class="hljs-line"> {
504
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"个人"</span>,
505
+ </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">"1"</span>
506
+ </div><div class="hljs-line"> }
507
+ </div><div class="hljs-line"> ]
508
+ </div><div class="hljs-line"> },
509
+ </div><div class="hljs-line"> {
510
+ </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"autocomplete"</span>,
511
+ </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"classtreeName"</span>,
512
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"搜索"</span>,
513
+ </div><div class="hljs-line"><span class="hljs-symbol"> placeholder:</span> <span class="hljs-string">"请输入产品编号"</span>,
514
+ </div><div class="hljs-line"><span class="hljs-symbol"> restaurants:</span> [
515
+ </div><div class="hljs-line"> { value: <span class="hljs-string">"三全鲜食（北新泾店）"</span>, address: <span class="hljs-string">"长宁区新渔路144号"</span> },
516
+ </div><div class="hljs-line"> ],
517
+ </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">""</span>
518
+ </div><div class="hljs-line"> },
519
+ </div><div class="hljs-line"> {
520
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"公司名称"</span>,
521
+ </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"text"</span>,
522
+ </div><div class="hljs-line"><span class="hljs-symbol"> state:</span> <span class="hljs-string">"2"</span>, <span class="hljs-comment">//可选参数</span>
523
+ </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"userinfoCompname"</span>,
524
+ </div><div class="hljs-line"><span class="hljs-symbol"> placeholder:</span> <span class="hljs-string">"输入公司名称"</span>,
525
+ </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">""</span>
526
+ </div><div class="hljs-line"> },
527
+ </div><div class="hljs-line"> {
528
+ </div><div class="hljs-line"><span class="hljs-symbol"> btnArray:</span> [ <span class="hljs-comment">//id类型，add-新增，confirm-确定，cancel-取消，reset-重置， 其他不确定类型抛出inputBtnClick（"整个按钮对象","索引值"）方法进行操作</span>
529
+ </div><div class="hljs-line"> {
530
+ </div><div class="hljs-line"><span class="hljs-symbol"> btnType:</span> <span class="hljs-string">"primary"</span>,
531
+ </div><div class="hljs-line"><span class="hljs-symbol"> id:</span> <span class="hljs-string">"confirm"</span>,
532
+ </div><div class="hljs-line"><span class="hljs-symbol"> url:</span> <span class="hljs-string">"/web/um/userMerchant/saveUserMerchant.json"</span>,
533
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"立即创建"</span> value=&gt;label
534
+ </div><div class="hljs-line"> },
535
+ </div><div class="hljs-line"> {
536
+ </div><div class="hljs-line"><span class="hljs-symbol"> btnType:</span> <span class="hljs-string">"danger"</span>,
537
+ </div><div class="hljs-line"><span class="hljs-symbol"> id:</span> <span class="hljs-string">"reset"</span>,
538
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"重置"</span>
539
+ </div><div class="hljs-line"> }
540
+ </div><div class="hljs-line"> ]
541
+ </div><div class="hljs-line"> }
542
+ </div><div class="hljs-line">],
543
+ </div><div class="hljs-line"><span class="hljs-symbol">rules:</span>[]<span class="hljs-comment">//规则验证</span>
544
+ </div></code></pre>
545
+
546
+
547
+
548
+ <h5 id="二其他">二、其他</h5>
549
+
550
+ <pre class="prettyprint hljs-dark"><code class="hljs dts"><div class="hljs-line"><span class="hljs-symbol">label:</span> <span class="hljs-string">"商品类型"</span>,
551
+ </div><div class="hljs-line"><span class="hljs-symbol">type:</span> <span class="hljs-string">"radio"</span>,
552
+ </div><div class="hljs-line"><span class="hljs-symbol">name:</span> <span class="hljs-string">"radio"</span>,
553
+ </div><div class="hljs-line"><span class="hljs-symbol">value:</span> <span class="hljs-string">"1"</span>,
554
+ </div><div class="hljs-line"><span class="hljs-symbol">labelWidth:</span><span class="hljs-string">""</span>,label的宽度，单位为rem，一个字一个rem,可选参数
555
+ </div><div class="hljs-line"><span class="hljs-symbol">tabState:</span> { <span class="hljs-comment">//是需要进行tab切换时使用</span>
556
+ </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"userinfoType"</span>,<span class="hljs-comment">//参数名称</span>
557
+ </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-string">"2"</span>,<span class="hljs-comment">//默认参数，需要外部进行监听，当值改变的时候，去改变temInput的值</span>
558
+ </div><div class="hljs-line"><span class="hljs-symbol"> typeArray:</span> [<span class="hljs-string">"1"</span>, <span class="hljs-string">"2"</span>] <span class="hljs-comment">//通过typeArray把几种类型传递过去，对数据进行保留</span>
559
+ </div><div class="hljs-line">}, <span class="hljs-comment">//可选参数，表示需要监听的</span>
560
+ </div><div class="hljs-line">{ <span class="hljs-comment">//需要切换时需要添加state参数</span>
561
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"库存"</span>,
562
+ </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"number"</span>,
563
+ </div><div class="hljs-line"><span class="hljs-symbol"> disabled:</span>true,<span class="hljs-comment">//可选参数，禁止</span>
564
+ </div><div class="hljs-line"><span class="hljs-symbol"> state:</span> true,
565
+ </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> <span class="hljs-number">0</span>,
566
+ </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"inventory"</span>,
567
+ </div><div class="hljs-line"><span class="hljs-symbol"> placeholder:</span> <span class="hljs-string">"请输入库存"</span>
568
+ </div><div class="hljs-line">},
569
+ </div><div class="hljs-line">{
570
+ </div><div class="hljs-line"><span class="hljs-symbol"> label:</span> <span class="hljs-string">"商品图片"</span>,
571
+ </div><div class="hljs-line"><span class="hljs-symbol"> type:</span> <span class="hljs-string">"upload"</span>,
572
+ </div><div class="hljs-line"><span class="hljs-symbol"> state:</span> true,
573
+ </div><div class="hljs-line"><span class="hljs-symbol"> limit:</span> <span class="hljs-number">3</span>,<span class="hljs-comment">//可选参数，默认为1</span>
574
+ </div><div class="hljs-line"><span class="hljs-symbol"> showFileList:</span> false, <span class="hljs-comment">//表示单个个图片</span>
575
+ </div><div class="hljs-line"><span class="hljs-symbol"> name:</span> <span class="hljs-string">"picList"</span>,
576
+ </div><div class="hljs-line"><span class="hljs-symbol"> value:</span> [] <span class="hljs-comment">//多个图片为数组,单个为字符串"" },</span>
577
+ </div></code></pre>
578
+
579
+
580
+
581
+ <h5 id="参数-1">参数</h5>
582
+
583
+ <table><tbody><tr style="font-weight:bold"> <td align="center">参数名称</td> <td align="center">说明</td> <td align="center">类型</td> <td align="center">例子</td></tr><tr> <td align="center">temInput</td> <td align="center">需要哪些表单</td> <td align="center">Array</td> <td align="center"></td></tr><tr> <td align="center">rules</td> <td align="center">表单验证规则，基于element-ui</td> <td align="center">Array</td> <td align="center"></td></tr><tr> <td align="center">title</td> <td align="center">发布表单的通用标题</td> <td align="center">String</td> <td align="center"></td></tr><tr> <td align="center">labelWidth</td> <td align="center">label的宽度，单位为rem，一个字一个rem,可选参数</td> <td align="center">String</td> <td align="center"></td></tr><tr> <td align="center">tabState</td> <td align="center">表单发布需要切换时使用</td> <td align="center">Object</td> <td align="center"></td></tr></tbody></table>
584
+
585
+
586
+
587
+ <h5 id="api-1">API</h5>
588
+
589
589
  <table><tbody><tr style="font-weight:bold"> <td align="center">事件名称</td> <td align="center">参数</td> <td align="center">回调参数</td> <td align="center">例子</td></tr><tr> <td align="center">inputBtnClick</td> <td align="center">查询按钮事件</td> <td align="center">(data,index)</td> <td align="center"></td></tr></tbody></table></div></body></html>