vue-super-crud 1.7.1 → 1.7.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 (269) hide show
  1. package/README.md +42 -10
  2. package/lib/index.css +1 -1
  3. package/lib/super-crud.min.js +2 -2
  4. package/package.json +21 -16
  5. package/.browserslistrc +0 -3
  6. package/.versionrc.json +0 -36
  7. package/CHANGELOG.md +0 -232
  8. package/babel.config.js +0 -12
  9. package/build/alias.js +0 -10
  10. package/build/build.js +0 -52
  11. package/build/config.js +0 -70
  12. package/deploy.bat +0 -14
  13. package/docs/.vuepress/components/button/base.vue +0 -88
  14. package/docs/.vuepress/components/common/code-format.vue +0 -331
  15. package/docs/.vuepress/components/commonConfig/presetCodeTemplate/base.vue +0 -68
  16. package/docs/.vuepress/components/commonConfig/presetCodeTemplate/customParams.vue +0 -73
  17. package/docs/.vuepress/components/commonConfig/renderType/component.vue +0 -160
  18. package/docs/.vuepress/components/commonConfig/renderType/formatter.vue +0 -49
  19. package/docs/.vuepress/components/commonConfig/renderType/render.vue +0 -91
  20. package/docs/.vuepress/components/commonConfig/renderType/slot.vue +0 -63
  21. package/docs/.vuepress/components/crud/baseUse/baseUse.vue +0 -98
  22. package/docs/.vuepress/components/crud/baseUse/columnAction.vue +0 -72
  23. package/docs/.vuepress/components/crud/baseUse/columnWidth.vue +0 -107
  24. package/docs/.vuepress/components/crud/baseUse/handleRow.vue +0 -65
  25. package/docs/.vuepress/components/crud/baseUse/height.vue +0 -82
  26. package/docs/.vuepress/components/crud/baseUse/index.vue +0 -54
  27. package/docs/.vuepress/components/crud/baseUse/loading.vue +0 -70
  28. package/docs/.vuepress/components/crud/baseUse/pagination.vue +0 -108
  29. package/docs/.vuepress/components/crud/baseUse/selection.vue +0 -114
  30. package/docs/.vuepress/components/crud/baseUse/summaryMethod.vue +0 -118
  31. package/docs/.vuepress/components/crud/baseUse/title.vue +0 -54
  32. package/docs/.vuepress/components/crud/baseUse/toolbar.vue +0 -69
  33. package/docs/.vuepress/components/crud/buttons/common.vue +0 -115
  34. package/docs/.vuepress/components/crud/buttons/fast.vue +0 -82
  35. package/docs/.vuepress/components/crud/contextMenu/base.vue +0 -72
  36. package/docs/.vuepress/components/crud/copy.vue +0 -52
  37. package/docs/.vuepress/components/crud/crudEvents/api.vue +0 -157
  38. package/docs/.vuepress/components/crud/crudEvents/deleteTip.vue +0 -93
  39. package/docs/.vuepress/components/crud/crudEvents/events.vue +0 -188
  40. package/docs/.vuepress/components/crud/dataSort/base.vue +0 -142
  41. package/docs/.vuepress/components/crud/genDynamicColumns/base.vue +0 -53
  42. package/docs/.vuepress/components/crud/genDynamicColumns/dynamicAndFixed.vue +0 -111
  43. package/docs/.vuepress/components/crud/genDynamicColumns/treeDynamic.vue +0 -68
  44. package/docs/.vuepress/components/crud/handleBar/handleRow.vue +0 -65
  45. package/docs/.vuepress/components/crud/handleBar/toolbar.vue +0 -69
  46. package/docs/.vuepress/components/crud/renderType/1.vue +0 -57
  47. package/docs/.vuepress/components/crud/renderType/2.vue +0 -63
  48. package/docs/.vuepress/components/crud/renderType/3.vue +0 -105
  49. package/docs/.vuepress/components/crud/renderType/5.vue +0 -91
  50. package/docs/.vuepress/components/crud/search/1.vue +0 -90
  51. package/docs/.vuepress/components/crud/search/2.vue +0 -78
  52. package/docs/.vuepress/components/crud/search/3.vue +0 -107
  53. package/docs/.vuepress/components/crud/search/base.vue +0 -123
  54. package/docs/.vuepress/components/crud/search/localSearch.vue +0 -124
  55. package/docs/.vuepress/components/crud/search/special.vue +0 -148
  56. package/docs/.vuepress/components/crud/selection/events.vue +0 -47
  57. package/docs/.vuepress/components/crud/selection/pagination.vue +0 -94
  58. package/docs/.vuepress/components/crud/selection/singleSelection.vue +0 -64
  59. package/docs/.vuepress/components/crud/span/base.vue +0 -69
  60. package/docs/.vuepress/components/crud/span/special.vue +0 -75
  61. package/docs/.vuepress/components/crud/summary/base.vue +0 -99
  62. package/docs/.vuepress/components/crud/tableEdit/addDeleteBtn.vue +0 -174
  63. package/docs/.vuepress/components/crud/tableEdit/cellEdit.vue +0 -194
  64. package/docs/.vuepress/components/crud/tableEdit/controlEdit.vue +0 -219
  65. package/docs/.vuepress/components/crud/tableEdit/dialog.vue +0 -172
  66. package/docs/.vuepress/components/crud/tableEdit/free.vue +0 -88
  67. package/docs/.vuepress/components/crud/tableEdit/freeColumn.vue +0 -82
  68. package/docs/.vuepress/components/crud/tableEdit/methods.vue +0 -154
  69. package/docs/.vuepress/components/crud/tableEdit/rowAction.vue +0 -107
  70. package/docs/.vuepress/components/crud/tableEdit/rowBatch.vue +0 -116
  71. package/docs/.vuepress/components/crud/tableEdit/rowClick.vue +0 -98
  72. package/docs/.vuepress/components/crud/validate/base.vue +0 -122
  73. package/docs/.vuepress/components/crud/validate/custom.vue +0 -82
  74. package/docs/.vuepress/components/crud/validate/regulars.vue +0 -88
  75. package/docs/.vuepress/components/crud/validate/relation.vue +0 -91
  76. package/docs/.vuepress/components/crud/validate/tree.vue +0 -82
  77. package/docs/.vuepress/components/dialog/baseUse/base.vue +0 -92
  78. package/docs/.vuepress/components/dialog/baseUse/beforeConfirm.vue +0 -78
  79. package/docs/.vuepress/components/dialog/baseUse/control.vue +0 -79
  80. package/docs/.vuepress/components/dialog/baseUse/drawer.vue +0 -59
  81. package/docs/.vuepress/components/dialog/baseUse/footer.vue +0 -87
  82. package/docs/.vuepress/components/dialog/baseUse/insertSlot.vue +0 -79
  83. package/docs/.vuepress/components/dict/DictLinkage.vue +0 -91
  84. package/docs/.vuepress/components/dict/baseUse.vue +0 -72
  85. package/docs/.vuepress/components/dict/component.vue +0 -82
  86. package/docs/.vuepress/components/dict/localDict.vue +0 -68
  87. package/docs/.vuepress/components/form/baseUse/base.vue +0 -48
  88. package/docs/.vuepress/components/form/baseUse/dataFormat.vue +0 -92
  89. package/docs/.vuepress/components/form/baseUse/deep.vue +0 -57
  90. package/docs/.vuepress/components/form/baseUse/gridLayout.vue +0 -47
  91. package/docs/.vuepress/components/form/baseUse/group.vue +0 -66
  92. package/docs/.vuepress/components/form/baseUse/hidden.vue +0 -40
  93. package/docs/.vuepress/components/form/baseUse/inlineLayout.vue +0 -48
  94. package/docs/.vuepress/components/form/baseUse/label.vue +0 -51
  95. package/docs/.vuepress/components/form/baseUse/tooltip.vue +0 -40
  96. package/docs/.vuepress/components/form/baseUse/validate.vue +0 -52
  97. package/docs/.vuepress/components/form/detail/base.vue +0 -78
  98. package/docs/.vuepress/components/form/detail/border.vue +0 -90
  99. package/docs/.vuepress/components/form/detail/singleDetail.vue +0 -72
  100. package/docs/.vuepress/components/formatData/baseUse.vue +0 -131
  101. package/docs/.vuepress/components/mock/index.js +0 -347
  102. package/docs/.vuepress/components/mockData/custom.vue +0 -69
  103. package/docs/.vuepress/components/mockData/example.vue +0 -290
  104. package/docs/.vuepress/components/positionSlot/base.vue +0 -24
  105. package/docs/.vuepress/components/positionSlot/form.vue +0 -71
  106. package/docs/.vuepress/components/positionSlot/table.vue +0 -85
  107. package/docs/.vuepress/components/tabs/base.vue +0 -57
  108. package/docs/.vuepress/components/temp.js +0 -195
  109. package/docs/.vuepress/config.js +0 -146
  110. package/docs/.vuepress/enhanceApp.js +0 -142
  111. package/docs/.vuepress/public/favicon.ico +0 -0
  112. package/docs/.vuepress/public/super.png +0 -0
  113. package/docs/.vuepress/styles/index.styl +0 -25
  114. package/docs/.vuepress/styles/palette.styl +0 -6
  115. package/docs/README.md +0 -14
  116. package/docs/guide/button/base.md +0 -31
  117. package/docs/guide/commonConfig/jsx.md +0 -166
  118. package/docs/guide/commonConfig/presetCodeTemplate.md +0 -68
  119. package/docs/guide/commonConfig/renderType.md +0 -181
  120. package/docs/guide/crud/baseUse.md +0 -120
  121. package/docs/guide/crud/buttons.md +0 -18
  122. package/docs/guide/crud/config.md +0 -217
  123. package/docs/guide/crud/contextMenu.md +0 -18
  124. package/docs/guide/crud/dataSort.md +0 -66
  125. package/docs/guide/crud/genDynamicColumns.md +0 -145
  126. package/docs/guide/crud/handleBar.md +0 -26
  127. package/docs/guide/crud/renderType.md +0 -4
  128. package/docs/guide/crud/search.md +0 -150
  129. package/docs/guide/crud/selection.md +0 -73
  130. package/docs/guide/crud/span.md +0 -98
  131. package/docs/guide/crud/summary.md +0 -167
  132. package/docs/guide/crud/tableEdit.md +0 -377
  133. package/docs/guide/crud/validate.md +0 -158
  134. package/docs/guide/dialog/baseUse.md +0 -81
  135. package/docs/guide/dict/baseUse.md +0 -174
  136. package/docs/guide/dict/component.md +0 -88
  137. package/docs/guide/dict/config.md +0 -44
  138. package/docs/guide/form/baseUse.md +0 -142
  139. package/docs/guide/form/detail.md +0 -38
  140. package/docs/guide/formatData/baseUse.md +0 -98
  141. package/docs/guide/formatData/config.md +0 -142
  142. package/docs/guide/mockData/base.md +0 -26
  143. package/docs/guide/positionSlot/base.md +0 -41
  144. package/docs/guide/question/base.md +0 -44
  145. package/docs/guide/start/base.md +0 -30
  146. package/docs/guide/tabs/base.md +0 -63
  147. package/examples/App.vue +0 -52
  148. package/examples/Layout/components/AppMain.vue +0 -40
  149. package/examples/Layout/components/Item.vue +0 -29
  150. package/examples/Layout/components/Link.vue +0 -44
  151. package/examples/Layout/components/SidebarItem.vue +0 -93
  152. package/examples/Layout/index.vue +0 -69
  153. package/examples/assets/logo.png +0 -0
  154. package/examples/favicon.ico +0 -0
  155. package/examples/index.html +0 -18
  156. package/examples/main.js +0 -54
  157. package/examples/router/index.js +0 -140
  158. package/examples/store/index.js +0 -0
  159. package/examples/styles/index.scss +0 -63
  160. package/examples/styles/sidebar.scss +0 -226
  161. package/examples/styles/transition.scss +0 -48
  162. package/examples/styles/variables.scss +0 -25
  163. package/examples/views/crud/base.vue +0 -68
  164. package/examples/views/crud/handleRow.vue +0 -84
  165. package/examples/views/crud/search.vue +0 -116
  166. package/examples/views/dashboard/index.vue +0 -244
  167. package/examples/views/dashboard/index1.vue +0 -234
  168. package/examples/views/dashboard/test.vue +0 -9
  169. package/examples/views/formTest/index.vue +0 -168
  170. package/examples/views/nested/menu1/index.vue +0 -7
  171. package/examples/views/nested/menu1/menu1-1/index.vue +0 -7
  172. package/examples/views/nested/menu1/menu1-2/index.vue +0 -7
  173. package/examples/views/nested/menu1/menu1-2/menu1-2-1/index.vue +0 -5
  174. package/examples/views/nested/menu1/menu1-2/menu1-2-2/index.vue +0 -5
  175. package/examples/views/nested/menu1/menu1-3/index.vue +0 -5
  176. package/examples/views/nested/menu2/index.vue +0 -5
  177. package/gulpfile.js +0 -84
  178. package/packages/button/index.vue +0 -189
  179. package/packages/core/components/comp.vue +0 -223
  180. package/packages/core/components/position.vue +0 -135
  181. package/packages/core/components/render.vue +0 -460
  182. package/packages/core/configManager.js +0 -302
  183. package/packages/core/create.js +0 -8
  184. package/packages/core/defaultRender.js +0 -64
  185. package/packages/core/dict/global.js +0 -10
  186. package/packages/core/dict/index.js +0 -432
  187. package/packages/core/dict/mixin.js +0 -94
  188. package/packages/core/event.js +0 -60
  189. package/packages/core/index.js +0 -6
  190. package/packages/core/init.js +0 -122
  191. package/packages/core/mock/genConfig.js +0 -228
  192. package/packages/core/mock/genData.js +0 -422
  193. package/packages/core/mock/index.js +0 -4
  194. package/packages/core/rules.js +0 -111
  195. package/packages/crud/column.vue +0 -205
  196. package/packages/crud/columnAction.vue +0 -207
  197. package/packages/crud/columnCell.vue +0 -146
  198. package/packages/crud/defaultColumn.vue +0 -130
  199. package/packages/crud/drawerColumn.vue +0 -225
  200. package/packages/crud/form.vue +0 -69
  201. package/packages/crud/index.vue +0 -564
  202. package/packages/crud/menuBar.vue +0 -298
  203. package/packages/crud/mixins/cacheHandler.js +0 -36
  204. package/packages/crud/mixins/calcColumnWidth.js +0 -79
  205. package/packages/crud/mixins/calcHeight.js +0 -105
  206. package/packages/crud/mixins/columnHandler.js +0 -128
  207. package/packages/crud/mixins/contextMenu.js +0 -98
  208. package/packages/crud/mixins/dataProcessor.js +0 -202
  209. package/packages/crud/mixins/dialog.js +0 -109
  210. package/packages/crud/mixins/excelHandler.js +0 -150
  211. package/packages/crud/mixins/exposeMethods.js +0 -107
  212. package/packages/crud/mixins/generateDynamicColumns.js +0 -250
  213. package/packages/crud/mixins/props.js +0 -38
  214. package/packages/crud/mixins/searchHandler.js +0 -151
  215. package/packages/crud/mixins/select.js +0 -359
  216. package/packages/crud/mixins/spanMethod.js +0 -288
  217. package/packages/crud/mixins/summary.js +0 -177
  218. package/packages/crud/mixins/tableEdit.js +0 -547
  219. package/packages/crud/mixins/validate.js +0 -219
  220. package/packages/crud/pagination.vue +0 -110
  221. package/packages/crud/search.vue +0 -119
  222. package/packages/crud/searchHeader.vue +0 -231
  223. package/packages/crud/selectBanner.vue +0 -138
  224. package/packages/crud/utils/EditState.js +0 -319
  225. package/packages/crud/utils/excelExport.js +0 -112
  226. package/packages/crud/utils/excelImport.js +0 -112
  227. package/packages/crud/utils/index.js +0 -98
  228. package/packages/dialog/dialog.js +0 -233
  229. package/packages/dialog/dialog.vue +0 -15
  230. package/packages/dialog/index.js +0 -22
  231. package/packages/dict/cascadeFormat.vue +0 -179
  232. package/packages/dict/dateFormat.vue +0 -40
  233. package/packages/dict/form/cascade.vue +0 -61
  234. package/packages/dict/form/checkbox.vue +0 -90
  235. package/packages/dict/form/extendMethod.js +0 -22
  236. package/packages/dict/form/input-base.js +0 -31
  237. package/packages/dict/form/input.js +0 -20
  238. package/packages/dict/form/radio.vue +0 -69
  239. package/packages/dict/form/select.vue +0 -118
  240. package/packages/dict/form/switch.vue +0 -75
  241. package/packages/dict/valueFormat.vue +0 -188
  242. package/packages/directive/dialog/drag.js +0 -86
  243. package/packages/directive/dialog/dragSize.js +0 -42
  244. package/packages/directive/index.js +0 -9
  245. package/packages/directive/insertSlot.js +0 -10
  246. package/packages/form/contextMenu.js +0 -192
  247. package/packages/form/draftDrawer.vue +0 -391
  248. package/packages/form/formAction.vue +0 -97
  249. package/packages/form/formItem.vue +0 -259
  250. package/packages/form/index.vue +0 -451
  251. package/packages/form/props.js +0 -15
  252. package/packages/grid/cell.vue +0 -65
  253. package/packages/grid/index.vue +0 -130
  254. package/packages/group/index.vue +0 -96
  255. package/packages/tabs/index.vue +0 -290
  256. package/packages/tooltip/index.js +0 -9
  257. package/packages/tooltip/tooltip.vue +0 -32
  258. package/packages/tooltip/tooltipComponent.js +0 -38
  259. package/packages/verifyInput/index.vue +0 -131
  260. package/styles/button.scss +0 -3
  261. package/styles/crud.scss +0 -425
  262. package/styles/dialog.scss +0 -95
  263. package/styles/form.scss +0 -532
  264. package/styles/group.scss +0 -78
  265. package/styles/index.scss +0 -94
  266. package/styles/tabs.scss +0 -139
  267. package/styles/verifyInput.scss +0 -56
  268. package/vue-jsx-sync.js +0 -90
  269. package/vue.config.js +0 -54
@@ -1,82 +0,0 @@
1
- <template>
2
- <div>
3
- <el-button type="primary" @click="isEdit = !isEdit"
4
- >切换第三列编辑状态</el-button
5
- >
6
- <sc-crud :search.sync="searchForm" :options="options" :data="data">
7
- </sc-crud>
8
- </div>
9
- </template>
10
-
11
- <script>
12
- export default {
13
- data() {
14
- return {
15
- searchForm: {},
16
- data: [
17
- {
18
- id: 1,
19
- name: "张三",
20
- gender: "男",
21
- age: 20,
22
- city: "北京",
23
- date: "2021-01-01",
24
- },
25
- {
26
- id: 2,
27
- name: "李四",
28
- gender: "女",
29
- age: 21,
30
- city: "上海",
31
- date: "2021-01-02",
32
- },
33
- {
34
- id: 3,
35
- name: "王五",
36
- gender: "男",
37
- age: 22,
38
- city: "广州",
39
- date: "2021-01-03",
40
- },
41
- {
42
- id: 4,
43
- name: "赵六",
44
- gender: "女",
45
- age: 23,
46
- city: "深圳",
47
- date: "2021-01-04",
48
- },
49
- ],
50
- isEdit: true,
51
- };
52
- },
53
- computed: {
54
- options() {
55
- return {
56
- renderColumns: [
57
- { prop: "name", label: "姓名" },
58
- {
59
- prop: "gender",
60
- label: "性别",
61
- isEdit: true,
62
- },
63
- {
64
- prop: "age",
65
- label: "年龄",
66
- isEdit: this.isEdit,
67
- },
68
- {
69
- prop: "city",
70
- label: "城市",
71
- },
72
- {
73
- prop: "date",
74
- label: "日期",
75
- isEdit: true,
76
- },
77
- ],
78
- };
79
- },
80
- },
81
- };
82
- </script>
@@ -1,154 +0,0 @@
1
- <template>
2
- <div>
3
- <div class="demo-section">
4
- <h3>方法调用示例:</h3>
5
- <el-button @click="setFirstRowEdit">设置第一行编辑</el-button>
6
- <el-button @click="setMultiRowEdit">设置多行编辑</el-button>
7
- <el-button @click="cancelRowEdit">取消编辑</el-button>
8
- <el-button @click="saveRowEdit">保存编辑</el-button>
9
- </div>
10
-
11
- <div style="margin-bottom: 20px;">
12
- <h3>其他操作:</h3>
13
- <el-button @click="addNewRow">新增行</el-button>
14
- <el-button @click="addNewRowToFirst">新增至首行</el-button>
15
- <el-button @click="clearAllEditStatus">清除所有编辑</el-button>
16
- <el-button @click="showEditingStatus">显示编辑状态</el-button>
17
- </div>
18
-
19
- <sc-crud
20
- :search.sync="searchForm"
21
- ref="crud"
22
- :options="options"
23
- :data="data"
24
- >
25
- </sc-crud>
26
- </div>
27
- </template>
28
-
29
- <script>
30
- export default {
31
- data() {
32
- return {
33
- searchForm: {},
34
- data: [
35
- {
36
- id: 1,
37
- name: "张三",
38
- gender: "男",
39
- age: 20,
40
- city: "北京",
41
- date: "2021-01-01",
42
- },
43
- {
44
- id: 2,
45
- name: "李四",
46
- gender: "女",
47
- age: 21,
48
- city: "上海",
49
- date: "2021-01-02",
50
- },
51
- {
52
- id: 3,
53
- name: "王五",
54
- gender: "男",
55
- age: 22,
56
- city: "广州",
57
- date: "2021-01-03",
58
- },
59
- ],
60
- };
61
- },
62
- computed: {
63
- options() {
64
- return {
65
- editConfig: {
66
- mode: "row",
67
- trigger: "manual",
68
- edit: true,
69
- },
70
- renderColumns: [
71
- { prop: "name", label: "姓名" },
72
- {
73
- prop: "gender",
74
- label: "性别",
75
- form: {
76
- comp: {
77
- name: "el-select",
78
- options: [
79
- { value: "男", label: "男" },
80
- { value: "女", label: "女" },
81
- ],
82
- },
83
- },
84
- },
85
- { prop: "age", label: "年龄" },
86
- { prop: "city", label: "城市" },
87
- { prop: "date", label: "日期" },
88
- ],
89
- };
90
- },
91
- },
92
- methods: {
93
- // 设置第一行进入编辑状态
94
- setFirstRowEdit() {
95
- const firstRow = this.data[0];
96
- this.$refs.crud.setRowEdit(firstRow, {
97
- type: "edit",
98
- prop: "name", // 聚焦到name列
99
- });
100
- },
101
-
102
- // 设置多行进入编辑状态
103
- setMultiRowEdit() {
104
- const rows = this.data.slice(0, 2); // 获取前两行
105
- this.$refs.crud.setRowEdit(rows, { type: "edit" });
106
- },
107
-
108
- // 取消编辑状态
109
- cancelRowEdit() {
110
- const editingRows = this.$refs.crud.getEditingRows();
111
- this.$refs.crud.setRowEdit(editingRows, { type: "cancel" });
112
- },
113
-
114
- // 保存编辑状态
115
- saveRowEdit() {
116
- const editingRows = this.$refs.crud.getEditingRows();
117
- this.$refs.crud.setRowEdit(editingRows, { type: "save" });
118
- },
119
-
120
- // 新增行
121
- addNewRow() {
122
- this.$refs.crud.addRow({
123
- name: "新用户",
124
- gender: "男",
125
- age: 25,
126
- });
127
- },
128
-
129
- // 在首行新增
130
- addNewRowToFirst() {
131
- this.$refs.crud.addRow(
132
- {
133
- name: "新用户",
134
- gender: "男",
135
- age: 25,
136
- },
137
- "first"
138
- );
139
- },
140
-
141
- // 清除所有编辑状态
142
- clearAllEditStatus() {
143
- this.$refs.crud.clearAllEdit();
144
- },
145
-
146
- // 显示编辑状态信息
147
- showEditingStatus() {
148
- // 获取所有编辑状态的行
149
- const editingRows = this.$refs.crud.getEditingRows();
150
- console.log("正在编辑的行:", editingRows);
151
- },
152
- },
153
- };
154
- </script>
@@ -1,107 +0,0 @@
1
- <template>
2
- <div>
3
- <sc-crud
4
- :search.sync="searchForm"
5
- :options="options"
6
- :data="data"
7
- @edit="edit"
8
- @save="save"
9
- @cancel="cancel"
10
- >
11
- </sc-crud>
12
- </div>
13
- </template>
14
-
15
- <script>
16
- export default {
17
- data() {
18
- return {
19
- searchForm: {},
20
- data: [
21
- {
22
- id: 1,
23
- name: "张三",
24
- gender: "男",
25
- age: 20,
26
- city: "北京",
27
- date: "2021-01-01",
28
- },
29
- {
30
- id: 2,
31
- name: "李四",
32
- gender: "女",
33
- age: 21,
34
- city: "上海",
35
- date: "2021-01-02",
36
- },
37
- {
38
- id: 3,
39
- name: "王五",
40
- gender: "男",
41
- age: 22,
42
- city: "广州",
43
- date: "2021-01-03",
44
- },
45
- {
46
- id: 4,
47
- name: "赵六",
48
- gender: "女",
49
- age: 23,
50
- city: "深圳",
51
- date: "2021-01-04",
52
- },
53
- ],
54
- isEdit: true,
55
- };
56
- },
57
- computed: {
58
- options() {
59
- return {
60
- editConfig: {
61
- mode: "row",
62
- trigger: "manual",
63
- edit: {
64
- hasPermi: ["xx:xx:xx"],
65
- }, // 操作列按钮配置
66
- },
67
- renderColumns: [
68
- { prop: "name", label: "姓名" },
69
- {
70
- prop: "gender",
71
- label: "性别",
72
- },
73
- {
74
- prop: "age",
75
- label: "年龄",
76
- },
77
- {
78
- prop: "city",
79
- label: "城市",
80
- },
81
- {
82
- prop: "date",
83
- label: "日期",
84
- },
85
- ],
86
- };
87
- },
88
- },
89
- methods: {
90
- edit(done, scope) {
91
- console.log("edit", scope);
92
- this.$message.info("点击编辑", scope);
93
- done();
94
- },
95
- save(done, scope) {
96
- console.log("save", scope);
97
- this.$message.success("点击保存", scope);
98
- done();
99
- },
100
- cancel(done, scope) {
101
- console.log("cancel", scope);
102
- this.$message.warning("点击取消", scope);
103
- done();
104
- },
105
- },
106
- };
107
- </script>
@@ -1,116 +0,0 @@
1
- <template>
2
- <div>
3
- <el-button @click="isSelection = !isSelection"
4
- >切换为批量编辑选中项</el-button
5
- >
6
- <el-button @click="isAll = !isAll">切换为编辑所有项</el-button>
7
- <sc-crud
8
- ref="crud"
9
- :search.sync="searchForm"
10
- :options="options"
11
- :data="data"
12
- @batchEdit="batchEdit"
13
- @batchSave="batchSave"
14
- @batchCancel="batchCancel"
15
- >
16
- </sc-crud>
17
- </div>
18
- </template>
19
-
20
- <script>
21
- export default {
22
- data() {
23
- return {
24
- searchForm: {},
25
- data: [
26
- {
27
- id: 1,
28
- name: "张三",
29
- gender: "男",
30
- age: 20,
31
- city: "北京",
32
- date: "2021-01-01",
33
- },
34
- {
35
- id: 2,
36
- name: "李四",
37
- gender: "女",
38
- age: 21,
39
- city: "上海",
40
- date: "2021-01-02",
41
- },
42
- {
43
- id: 3,
44
- name: "王五",
45
- gender: "男",
46
- age: 22,
47
- city: "广州",
48
- date: "2021-01-03",
49
- },
50
- {
51
- id: 4,
52
- name: "赵六",
53
- gender: "女",
54
- age: 23,
55
- city: "深圳",
56
- date: "2021-01-04",
57
- },
58
- ],
59
- isEdit: true,
60
- isSelection: false,
61
- isAll: false,
62
- };
63
- },
64
- computed: {
65
- options() {
66
- return {
67
- editConfig: {
68
- mode: "row",
69
- trigger: "manual",
70
- batch: {
71
- isSelect: this.isSelection,
72
- hasPermi: ["xx:xx:xx"],
73
- }, // 批量操作按钮配置
74
- },
75
- selection: this.isSelection,
76
- renderColumns: [
77
- { prop: "name", label: "姓名" },
78
- {
79
- prop: "gender",
80
- label: "性别",
81
- },
82
- {
83
- prop: "age",
84
- label: "年龄",
85
- },
86
- {
87
- prop: "city",
88
- label: "城市",
89
- },
90
- {
91
- prop: "date",
92
- label: "日期",
93
- },
94
- ],
95
- };
96
- },
97
- },
98
- methods: {
99
- batchEdit(done) {
100
- console.log("batchEdit");
101
- this.$message.info("点击批量编辑");
102
- done(this.isAll ? this.data : this.data.slice(0, 2));
103
- },
104
- batchSave(done, rows) {
105
- console.log("batchSave", rows);
106
- this.$message.success("点击批量保存", rows);
107
- done();
108
- },
109
- batchCancel(done, rows) {
110
- console.log("batchCancel", rows);
111
- this.$message.warning("点击批量取消", rows);
112
- done();
113
- },
114
- },
115
- };
116
- </script>
@@ -1,98 +0,0 @@
1
- <template>
2
- <div>
3
- <sc-crud
4
- :search.sync="searchForm"
5
- :options="options"
6
- :data="data"
7
- @edit="edit"
8
- @save="save"
9
- >
10
- </sc-crud>
11
- </div>
12
- </template>
13
-
14
- <script>
15
- export default {
16
- data() {
17
- return {
18
- searchForm: {},
19
- data: [
20
- {
21
- id: 1,
22
- name: "张三",
23
- gender: "男",
24
- age: 20,
25
- city: "北京",
26
- date: "2021-01-01",
27
- },
28
- {
29
- id: 2,
30
- name: "李四",
31
- gender: "女",
32
- age: 21,
33
- city: "上海",
34
- date: "2021-01-02",
35
- },
36
- {
37
- id: 3,
38
- name: "王五",
39
- gender: "男",
40
- age: 22,
41
- city: "广州",
42
- date: "2021-01-03",
43
- },
44
- {
45
- id: 4,
46
- name: "赵六",
47
- gender: "女",
48
- age: 23,
49
- city: "深圳",
50
- date: "2021-01-04",
51
- },
52
- ],
53
- isEdit: true,
54
- };
55
- },
56
- computed: {
57
- options() {
58
- return {
59
- editConfig: {
60
- mode: "row",
61
- trigger: "click",
62
- },
63
- renderColumns: [
64
- { prop: "name", label: "姓名" },
65
- {
66
- prop: "gender",
67
- label: "性别",
68
- },
69
- {
70
- prop: "age",
71
- label: "年龄",
72
- },
73
- {
74
- prop: "city",
75
- label: "城市",
76
- },
77
- {
78
- prop: "date",
79
- label: "日期",
80
- },
81
- ],
82
- };
83
- },
84
- },
85
- methods: {
86
- edit(done, scope) {
87
- this.$message.info("编辑");
88
- console.log(scope, "edit");
89
- done();
90
- },
91
- save(done, scope) {
92
- this.$message.success("保存");
93
- console.log(scope, "save");
94
- done();
95
- },
96
- },
97
- };
98
- </script>
@@ -1,122 +0,0 @@
1
- <template>
2
- <div>
3
- <sc-crud
4
- ref="crud"
5
- :search.sync="searchForm"
6
- :options="options"
7
- :data="data"
8
- >
9
- </sc-crud>
10
- </div>
11
- </template>
12
-
13
- <script>
14
- export default {
15
- data() {
16
- return {
17
- searchForm: {},
18
- data: [
19
- {
20
- createTime: "2018-06-02 12:28:47",
21
- createUser: 94,
22
- id: 56,
23
- idNumber: "8",
24
- name: "",
25
- password: "sed laboris",
26
- phone: "18157668675",
27
- gender: "男",
28
- age: 20,
29
- status: 35,
30
- updateTime: "2018-09-08 16:33:19",
31
- updateUser: 58,
32
- username: "石洋",
33
- },
34
- {
35
- createTime: "2018-06-02 12:28:47",
36
- createUser: 94,
37
- id: 57,
38
- idNumber: "8",
39
- name: "",
40
- password: "sed laboris",
41
- phone: "18157668675",
42
- gender: "男",
43
- age: 20,
44
- status: 35,
45
- updateTime: "2018-09-08 16:33:19",
46
- updateUser: 58,
47
- username: "石洋",
48
- },
49
- ],
50
- };
51
- },
52
- computed: {
53
- options() {
54
- return {
55
- handleRow: {
56
- handles: [
57
- {
58
- label: "表格校验",
59
- type: "primary",
60
- onClick: (ctx) => {
61
- this.$refs.crud.validate();
62
- },
63
- },
64
- {
65
- label: "清除校验",
66
- type: "primary",
67
- onClick: (ctx) => {
68
- this.$refs.crud.clearValidate();
69
- },
70
- },
71
- {
72
- label: "表格第二行校验",
73
- type: "primary",
74
- onClick: (ctx) => {
75
- this.$refs.crud.validateField(1);
76
- },
77
- },
78
- ],
79
- },
80
- renderColumns: [
81
- {
82
- prop: "name",
83
- label: "昵称",
84
- isEdit: true,
85
- required: true,
86
- },
87
- {
88
- prop: "username",
89
- label: "姓名",
90
- },
91
- {
92
- prop: "gender",
93
- label: "性别",
94
- required: true,
95
- isEdit: true,
96
- form: {
97
- // 使用form字段自定义编辑模式的组件
98
- comp: {
99
- name: "el-select",
100
- clearable: true,
101
- children: [
102
- {
103
- name: "el-option",
104
- label: "男",
105
- value: "男",
106
- },
107
- {
108
- name: "el-option",
109
- label: "女",
110
- value: "女",
111
- },
112
- ],
113
- },
114
- },
115
- },
116
- ],
117
- };
118
- },
119
- },
120
- methods: {},
121
- };
122
- </script>