centaline-data-driven 1.1.55 → 1.1.56

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 (193) hide show
  1. package/.babelrc +12 -12
  2. package/.editorconfig +9 -9
  3. package/.gitattributes +63 -63
  4. package/.postcssrc.js +10 -10
  5. package/Centaline.Front_End.DataDriven.csproj +37 -37
  6. package/Centaline.Front_End.DataDriven.sln +25 -25
  7. package/Properties/launchSettings.json +26 -26
  8. package/README.md +140 -140
  9. package/build/build.js +41 -41
  10. package/build/centaline/centaline.path.js +59 -59
  11. package/build/centaline/webpack.centaline.conf.js +106 -106
  12. package/build/check-versions.js +54 -54
  13. package/build/utils.js +102 -102
  14. package/build/vue-loader.conf.js +22 -22
  15. package/build/webpack.base.conf.js +82 -82
  16. package/build/webpack.dev.conf.js +111 -111
  17. package/build/webpack.prod.conf.js +145 -145
  18. package/config/dev.env.js +12 -12
  19. package/config/index.js +73 -73
  20. package/config/prod.env.js +4 -4
  21. package/index.html +14 -14
  22. package/package.json +75 -75
  23. package/src/App.vue +10 -10
  24. package/src/Detail.vue +26 -26
  25. package/src/Edit.vue +66 -32
  26. package/src/Form.vue +30 -29
  27. package/src/SearchList.vue +40 -40
  28. package/src/SearchTree.vue +55 -51
  29. package/src/Tabs.vue +19 -19
  30. package/src/centaline/api/index.js +249 -249
  31. package/src/centaline/comfirm/index.js +11 -11
  32. package/src/centaline/comfirm/src/comfirm.vue +44 -44
  33. package/src/centaline/common/index.js +738 -738
  34. package/src/centaline/css/common.css +748 -748
  35. package/src/centaline/css/max.css +207 -207
  36. package/src/centaline/dialogList/index.js +11 -11
  37. package/src/centaline/dialogList/src/dialog.vue +210 -210
  38. package/src/centaline/dialogList/src/dialogList.vue +65 -65
  39. package/src/centaline/dialogList/src/dialogNew.vue +78 -78
  40. package/src/centaline/dialogList/src/drag.js +77 -77
  41. package/src/centaline/directives/index.js +23 -23
  42. package/src/centaline/dynamicBtn/index.js +11 -11
  43. package/src/centaline/dynamicBtn/src/dynamicBtn.vue +100 -100
  44. package/src/centaline/dynamicCb/index.js +11 -11
  45. package/src/centaline/dynamicCb/src/dynamicCb.vue +72 -72
  46. package/src/centaline/dynamicCheckbox/index.js +11 -11
  47. package/src/centaline/dynamicCheckbox/src/dynamicCheckbox.vue +128 -128
  48. package/src/centaline/dynamicComboBoxWithTextBox/index.js +11 -11
  49. package/src/centaline/dynamicComboBoxWithTextBox/src/dynamicComboBoxWithTextBox.vue +240 -240
  50. package/src/centaline/dynamicD/index.js +11 -11
  51. package/src/centaline/dynamicD/src/dynamicD.vue +92 -92
  52. package/src/centaline/dynamicDetail/index.js +10 -10
  53. package/src/centaline/dynamicDetail/src/dynamicDetail.vue +40 -40
  54. package/src/centaline/dynamicDetail/src/dynamicPropertyDetailOFI.vue +1280 -1280
  55. package/src/centaline/dynamicDetail/src/dynamicPropertyDetailRET.vue +1293 -1293
  56. package/src/centaline/dynamicDrop/index.js +11 -11
  57. package/src/centaline/dynamicDrop/src/dynamicDrop.vue +54 -54
  58. package/src/centaline/dynamicDtd/index.js +11 -11
  59. package/src/centaline/dynamicDtd/src/dynamicDtd.vue +125 -125
  60. package/src/centaline/dynamicDtd/src/dynamicDtdOld.vue +93 -93
  61. package/src/centaline/dynamicFile/index.js +11 -11
  62. package/src/centaline/dynamicFile/src/dynamicFile.vue +288 -288
  63. package/src/centaline/dynamicForm/index.js +24 -24
  64. package/src/centaline/dynamicForm/src/dynamicForm.vue +564 -564
  65. package/src/centaline/dynamicForm/src/dynamicFormList.vue +209 -209
  66. package/src/centaline/dynamicForm/src/dynamicFormListTable.vue +376 -376
  67. package/src/centaline/dynamicGp/index.js +11 -11
  68. package/src/centaline/dynamicGp/src/dynamicGp.vue +27 -27
  69. package/src/centaline/dynamicHyperLink/index.js +11 -11
  70. package/src/centaline/dynamicHyperLink/src/dynamicHyperLink.vue +54 -54
  71. package/src/centaline/dynamicInput/index.js +35 -35
  72. package/src/centaline/dynamicInput/src/dynamicInput.vue +35 -35
  73. package/src/centaline/dynamicInputNumber/index.js +11 -11
  74. package/src/centaline/dynamicInputNumber/src/dynamicInputNumber.vue +157 -157
  75. package/src/centaline/dynamicIti/index.js +11 -11
  76. package/src/centaline/dynamicIti/src/dynamicIti.vue +148 -148
  77. package/src/centaline/dynamicL/index.js +11 -11
  78. package/src/centaline/dynamicL/src/dynamicL.vue +37 -37
  79. package/src/centaline/dynamicLabel/index.js +11 -11
  80. package/src/centaline/dynamicLabel/src/dynamicLabel.vue +73 -73
  81. package/src/centaline/dynamicLs/index.js +22 -22
  82. package/src/centaline/dynamicLs/src/dynamicLs.vue +233 -233
  83. package/src/centaline/dynamicMo/index.js +13 -13
  84. package/src/centaline/dynamicMo/src/dynamicMo.vue +421 -421
  85. package/src/centaline/dynamicMt/index.js +11 -11
  86. package/src/centaline/dynamicMt/src/dynamicMt.vue +44 -44
  87. package/src/centaline/dynamicPlaceHolder/index.js +11 -11
  88. package/src/centaline/dynamicPlaceHolder/src/dynamicPlaceHolder.vue +29 -29
  89. package/src/centaline/dynamicPopupSearchList/index.js +11 -11
  90. package/src/centaline/dynamicPopupSearchList/src/dynamicPopupSearchList.vue +157 -157
  91. package/src/centaline/dynamicPopupSearchList/src/dynamicPopupSearchListTable.vue +239 -239
  92. package/src/centaline/dynamicRichText/index.js +11 -11
  93. package/src/centaline/dynamicRichText/src/dynamicRichText.vue +33 -33
  94. package/src/centaline/dynamicSearchList/index.js +11 -11
  95. package/src/centaline/dynamicSearchList/src/dynamicSearchCategory.vue +121 -121
  96. package/src/centaline/dynamicSearchList/src/dynamicSearchList.vue +135 -135
  97. package/src/centaline/dynamicSearchList/src/dynamicSearchScreen.vue +206 -206
  98. package/src/centaline/dynamicSearchList/src/dynamicSearchTable.vue +1069 -1069
  99. package/src/centaline/dynamicSearchList/src/dynamicTableStatistics.vue +41 -41
  100. package/src/centaline/dynamicSearchList/src/dynamicTableTip.vue +46 -46
  101. package/src/centaline/dynamicSearchList/src/dynamicTableToolbar.vue +61 -61
  102. package/src/centaline/dynamicSeg/index.js +11 -11
  103. package/src/centaline/dynamicSeg/src/dynamicSeg.vue +100 -100
  104. package/src/centaline/dynamicSensitiveEye/index.js +11 -11
  105. package/src/centaline/dynamicSensitiveEye/src/dynamicSensitiveEye.vue +74 -74
  106. package/src/centaline/dynamicSo/index.js +14 -14
  107. package/src/centaline/dynamicSo/src/dynamicSo.vue +328 -328
  108. package/src/centaline/dynamicSo/src/dynamicSo/345/211/257/346/234/254.vue +69 -69
  109. package/src/centaline/dynamicSos/index.js +14 -14
  110. package/src/centaline/dynamicSos/src/dynamicSos - /345/244/215/345/210/266.vue" +223 -223
  111. package/src/centaline/dynamicSos/src/dynamicSos.vue +260 -260
  112. package/src/centaline/dynamicSw/index.js +11 -11
  113. package/src/centaline/dynamicSw/src/dynamicSw.vue +74 -74
  114. package/src/centaline/dynamicT/index.js +11 -11
  115. package/src/centaline/dynamicT/src/dynamicT.vue +79 -79
  116. package/src/centaline/dynamicTab/index.js +11 -11
  117. package/src/centaline/dynamicTab/src/dynamicTab.vue +49 -49
  118. package/src/centaline/dynamicTabs/index.js +11 -11
  119. package/src/centaline/dynamicTabs/src/dynamicTabs.vue +69 -69
  120. package/src/centaline/dynamicTags/index.js +13 -13
  121. package/src/centaline/dynamicTags/src/dynamicTags - /345/244/215/345/210/266.vue" +391 -391
  122. package/src/centaline/dynamicTags/src/dynamicTags.vue +427 -427
  123. package/src/centaline/dynamicTimeSelect/index.js +11 -11
  124. package/src/centaline/dynamicTimeSelect/src/dynamicTimeSelect.vue +141 -141
  125. package/src/centaline/dynamicTree/index.js +11 -11
  126. package/src/centaline/dynamicTree/src/dynamicSearchTree.vue +66 -66
  127. package/src/centaline/dynamicTree/src/dynamicTree.vue +233 -233
  128. package/src/centaline/dynamicTree/src/dynamicTreeList.vue +74 -74
  129. package/src/centaline/formData/index.js +289 -290
  130. package/src/centaline/imgPreview/index.js +42 -42
  131. package/src/centaline/imgPreview/src/imgPreview.vue +26 -26
  132. package/src/centaline/index.js +51 -51
  133. package/src/centaline/loader/index.js +157 -157
  134. package/src/centaline/loader/src/ctl/Base.js +261 -261
  135. package/src/centaline/loader/src/ctl/Button.js +44 -44
  136. package/src/centaline/loader/src/ctl/Cb.js +27 -27
  137. package/src/centaline/loader/src/ctl/Checkbox.js +107 -107
  138. package/src/centaline/loader/src/ctl/ComboBoxWithTextBox.js +162 -162
  139. package/src/centaline/loader/src/ctl/D.js +31 -31
  140. package/src/centaline/loader/src/ctl/Detail.js +175 -175
  141. package/src/centaline/loader/src/ctl/Dtd.js +115 -115
  142. package/src/centaline/loader/src/ctl/DtdOld.js +129 -129
  143. package/src/centaline/loader/src/ctl/File.js +296 -292
  144. package/src/centaline/loader/src/ctl/Form.js +380 -380
  145. package/src/centaline/loader/src/ctl/FormList.js +428 -428
  146. package/src/centaline/loader/src/ctl/GM.js +20 -20
  147. package/src/centaline/loader/src/ctl/Gp.js +9 -9
  148. package/src/centaline/loader/src/ctl/Hd.js +13 -13
  149. package/src/centaline/loader/src/ctl/HyperLink.js +24 -24
  150. package/src/centaline/loader/src/ctl/InputNumber.js +51 -51
  151. package/src/centaline/loader/src/ctl/Iti.js +108 -108
  152. package/src/centaline/loader/src/ctl/L.js +18 -18
  153. package/src/centaline/loader/src/ctl/Mo.js +183 -183
  154. package/src/centaline/loader/src/ctl/Mt.js +20 -20
  155. package/src/centaline/loader/src/ctl/PlaceHolder.js +17 -17
  156. package/src/centaline/loader/src/ctl/Router.js +273 -273
  157. package/src/centaline/loader/src/ctl/SearchCategory.js +54 -54
  158. package/src/centaline/loader/src/ctl/SearchScreen.js +236 -236
  159. package/src/centaline/loader/src/ctl/SearchTable.js +772 -772
  160. package/src/centaline/loader/src/ctl/Seg.js +37 -37
  161. package/src/centaline/loader/src/ctl/SensitiveEye.js +65 -65
  162. package/src/centaline/loader/src/ctl/So.js +117 -117
  163. package/src/centaline/loader/src/ctl/Sos.js +128 -128
  164. package/src/centaline/loader/src/ctl/Sw.js +27 -27
  165. package/src/centaline/loader/src/ctl/T.js +65 -65
  166. package/src/centaline/loader/src/ctl/Tabs.js +57 -57
  167. package/src/centaline/loader/src/ctl/Tags.js +191 -191
  168. package/src/centaline/loader/src/ctl/TimeSelect.js +87 -87
  169. package/src/centaline/loader/src/ctl/Tree.js +151 -151
  170. package/src/centaline/loader/src/ctl/Ttts.js +78 -78
  171. package/src/centaline/loader/src/ctl/lib/Enum.js +563 -563
  172. package/src/centaline/loader/src/ctl/lib/LibFunction.js +364 -364
  173. package/src/centaline/loader/src/ctl.js +36 -36
  174. package/src/centaline/mixins/dynamicElement.js +151 -151
  175. package/src/centaline/mixins/dynamicSelect.js +84 -84
  176. package/src/centaline/mixins/emitter.js +33 -33
  177. package/src/centaline/progress/index.js +11 -11
  178. package/src/centaline/progress/src/progress.vue +70 -70
  179. package/src/centaline/quickInput/src/quickInput.vue +64 -64
  180. package/src/centaline/selectOption/src/selectOption.vue +61 -61
  181. package/src/centaline/selectOption/src/selectOptionVertical.vue +80 -80
  182. package/src/centaline/templateControls/index.js +17 -17
  183. package/src/centaline/templateControls/src/dynamicTableA.vue +20 -20
  184. package/src/centaline/templateControls/src/dynamicTableCurrency.vue +62 -62
  185. package/src/centaline/templateControls/src/dynamicTableImg.vue +25 -25
  186. package/src/centaline/templates/index.js +34 -34
  187. package/src/centaline/templates/src/ContractSearch.js +67 -67
  188. package/src/centaline/templates/src/test.js +44 -44
  189. package/src/centaline/validate/index.js +332 -332
  190. package/src/main.js +47 -46
  191. package/src/router/index.js +44 -44
  192. package/wwwroot/static/centaline/centaline-data-driven.js +1 -1
  193. package/wwwroot/static/centaline/centaline-data-driven.js.map +1 -1
@@ -1,41 +1,41 @@
1
- <template>
2
- <div class="ct-table-Statistics">
3
- <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
4
- <el-tab-pane v-for="(item, index) in editableTabs" :key="item.name" :label="item.title" :name="item.name" lazy>
5
- </el-tab-pane>
6
- </el-tabs>
7
- </div>
8
- </template>
9
- <script>
10
- export default {
11
- name: 'ct-tableStatistics',
12
- props: {
13
- tip: String,
14
- size: String
15
- },
16
- data() {
17
- return {
18
- activeName: '1',
19
- editableTabs: [
20
- { name: '1', title: '用户管理' },
21
- { name: '2', title: '配置管理' },
22
- { name: '3', title: '角色管理' },
23
- { name: '4', title: '定时任务补偿' },
24
- { name: '5', title: '定时任务补偿2' },
25
- { name: '6', title: '定时任务补偿3' },
26
- { name: '7', title: '定时任务补偿4' },
27
- { name: '8', title: '定时任务补偿5' },
28
- { name: '9', title: '定时任务补偿6' },
29
- { name: '10', title: '定时任务补偿7' }
30
- ],
31
- }
32
- },
33
- methods: {
34
- handleClick(tab, event) {
35
- console.log(tab, event);
36
- }
37
- }
38
- }
39
- </script>
40
- <style>
41
- </style>
1
+ <template>
2
+ <div class="ct-table-Statistics">
3
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
4
+ <el-tab-pane v-for="(item, index) in editableTabs" :key="item.name" :label="item.title" :name="item.name" lazy>
5
+ </el-tab-pane>
6
+ </el-tabs>
7
+ </div>
8
+ </template>
9
+ <script>
10
+ export default {
11
+ name: 'ct-tableStatistics',
12
+ props: {
13
+ tip: String,
14
+ size: String
15
+ },
16
+ data() {
17
+ return {
18
+ activeName: '1',
19
+ editableTabs: [
20
+ { name: '1', title: '用户管理' },
21
+ { name: '2', title: '配置管理' },
22
+ { name: '3', title: '角色管理' },
23
+ { name: '4', title: '定时任务补偿' },
24
+ { name: '5', title: '定时任务补偿2' },
25
+ { name: '6', title: '定时任务补偿3' },
26
+ { name: '7', title: '定时任务补偿4' },
27
+ { name: '8', title: '定时任务补偿5' },
28
+ { name: '9', title: '定时任务补偿6' },
29
+ { name: '10', title: '定时任务补偿7' }
30
+ ],
31
+ }
32
+ },
33
+ methods: {
34
+ handleClick(tab, event) {
35
+ console.log(tab, event);
36
+ }
37
+ }
38
+ }
39
+ </script>
40
+ <style>
41
+ </style>
@@ -1,46 +1,46 @@
1
- <template>
2
- <div class="ct-table-tip ct-table-tip-mini" v-html="tip"></div>
3
- </template>
4
- <script>
5
- export default {
6
- name: 'ct-tabletip',
7
- props: {
8
- tip: String,
9
- size: String
10
- },
11
- data() {
12
- return {}
13
- }
14
- }
15
- </script>
16
- <style>
17
- .ct-table-tip {
18
- color: #606266;
19
- font-size: 18px;
20
- line-height: 40px;
21
- min-height: 40px;
22
- padding-left: 15px;
23
- display: table
24
- }
25
-
26
- .ct-table-tip img {
27
- vertical-align: middle;
28
- }
29
- .ct-table-tip-mini {
30
- font-size: 12px;
31
- line-height: 26px;
32
- min-height: 0px;
33
- }
34
-
35
- .ct-table-tip-small {
36
- font-size: 14px;
37
- line-height: 32px;
38
- min-height: 32px;
39
- }
40
-
41
- .ct-table-tip-medium {
42
- font-size: 16px;
43
- line-height: 36px;
44
- min-height: 36px;
45
- }
46
- </style>
1
+ <template>
2
+ <div class="ct-table-tip ct-table-tip-mini" v-html="tip"></div>
3
+ </template>
4
+ <script>
5
+ export default {
6
+ name: 'ct-tabletip',
7
+ props: {
8
+ tip: String,
9
+ size: String
10
+ },
11
+ data() {
12
+ return {}
13
+ }
14
+ }
15
+ </script>
16
+ <style>
17
+ .ct-table-tip {
18
+ color: #606266;
19
+ font-size: 18px;
20
+ line-height: 40px;
21
+ min-height: 40px;
22
+ padding-left: 15px;
23
+ display: table
24
+ }
25
+
26
+ .ct-table-tip img {
27
+ vertical-align: middle;
28
+ }
29
+ .ct-table-tip-mini {
30
+ font-size: 12px;
31
+ line-height: 26px;
32
+ min-height: 0px;
33
+ }
34
+
35
+ .ct-table-tip-small {
36
+ font-size: 14px;
37
+ line-height: 32px;
38
+ min-height: 32px;
39
+ }
40
+
41
+ .ct-table-tip-medium {
42
+ font-size: 16px;
43
+ line-height: 36px;
44
+ min-height: 36px;
45
+ }
46
+ </style>
@@ -1,61 +1,61 @@
1
- <template>
2
- <div class="ct-tableToolbar" style="width:100%;" v-if="buttons && buttons.length > 0">
3
- <ul>
4
- <li v-for="btn in buttons" class="ct-ToolbarButton max-ToolbarButton">
5
- <component :is="btn.is" :vmodel="btn"
6
- @click="clickHandler(btn,$event)"
7
- @importComplete="importComplete"
8
- v-if="btn.show"
9
- :optionApi="optionApi"
10
- :fileData="getFileData(btn)"></component>
11
- </li>
12
- </ul>
13
- </div>
14
- </template>
15
- <script>
16
- export default {
17
- name: 'ctTableToolbar',
18
- props: {
19
- buttons: Array,
20
- searchModel: Object,
21
- optionApi:String
22
- },
23
- data() {
24
- return {};
25
- },
26
- methods: {
27
- clickHandler(btn, ev) {
28
- this.$emit('click', btn);
29
- },
30
- getFileData(btn) {
31
- if (btn.flagAttachSearchCondition) {
32
- return this.searchModel ? this.searchModel.searchData : {};
33
- }
34
- return this.searchModel ? this.searchModel.searchData : {};
35
- },
36
- importComplete(res) {
37
- this.$emit('importComplete', res);
38
- }
39
- }
40
- }
41
- </script>
42
- <style>
43
- .ct-tableToolbar {
44
- width:100%;
45
- position:relative;
46
- float:left;
47
- padding:0 5px 10px 15px;
48
- background-color:#fff;
49
- border-radius: 6px;
50
- }
51
- .ct-tableToolbar ul {
52
- list-style: none; /* 去掉ul前面的符号 */
53
- margin: 0px; /* 与外界元素的距离为0 */
54
- padding: 0px; /* 与内部元素的距离为0 */
55
- width: auto; /* 宽度根据元素内容调整 */
56
- }
57
- .ct-tableToolbar ul li {
58
- margin-right:5px;
59
- float:left; /* 向左漂移,将竖排变为横排 */
60
- }
61
- </style>
1
+ <template>
2
+ <div class="ct-tableToolbar" style="width:100%;" v-if="buttons && buttons.length > 0">
3
+ <ul>
4
+ <li v-for="btn in buttons" class="ct-ToolbarButton max-ToolbarButton">
5
+ <component :is="btn.is" :vmodel="btn"
6
+ @click="clickHandler(btn,$event)"
7
+ @importComplete="importComplete"
8
+ v-if="btn.show"
9
+ :optionApi="optionApi"
10
+ :fileData="getFileData(btn)"></component>
11
+ </li>
12
+ </ul>
13
+ </div>
14
+ </template>
15
+ <script>
16
+ export default {
17
+ name: 'ctTableToolbar',
18
+ props: {
19
+ buttons: Array,
20
+ searchModel: Object,
21
+ optionApi:String
22
+ },
23
+ data() {
24
+ return {};
25
+ },
26
+ methods: {
27
+ clickHandler(btn, ev) {
28
+ this.$emit('click', btn);
29
+ },
30
+ getFileData(btn) {
31
+ if (btn.flagAttachSearchCondition) {
32
+ return this.searchModel ? this.searchModel.searchData : {};
33
+ }
34
+ return this.searchModel ? this.searchModel.searchData : {};
35
+ },
36
+ importComplete(res) {
37
+ this.$emit('importComplete', res);
38
+ }
39
+ }
40
+ }
41
+ </script>
42
+ <style>
43
+ .ct-tableToolbar {
44
+ width:100%;
45
+ position:relative;
46
+ float:left;
47
+ padding:0 5px 10px 15px;
48
+ background-color:#fff;
49
+ border-radius: 6px;
50
+ }
51
+ .ct-tableToolbar ul {
52
+ list-style: none; /* 去掉ul前面的符号 */
53
+ margin: 0px; /* 与外界元素的距离为0 */
54
+ padding: 0px; /* 与内部元素的距离为0 */
55
+ width: auto; /* 宽度根据元素内容调整 */
56
+ }
57
+ .ct-tableToolbar ul li {
58
+ margin-right:5px;
59
+ float:left; /* 向左漂移,将竖排变为横排 */
60
+ }
61
+ </style>
@@ -1,11 +1,11 @@
1
- import dynamicSeg from './src/dynamicSeg'
2
-
3
- dynamicSeg.install = function (Vue, options) {
4
- Vue.component(dynamicSeg.name, dynamicSeg);
5
- }
6
-
7
- if (typeof window !== 'undefined' && window.Vue) {
8
- window.Vue.use(dynamicSeg);
9
- }
10
-
11
- export default dynamicSeg;
1
+ import dynamicSeg from './src/dynamicSeg'
2
+
3
+ dynamicSeg.install = function (Vue, options) {
4
+ Vue.component(dynamicSeg.name, dynamicSeg);
5
+ }
6
+
7
+ if (typeof window !== 'undefined' && window.Vue) {
8
+ window.Vue.use(dynamicSeg);
9
+ }
10
+
11
+ export default dynamicSeg;
@@ -1,100 +1,100 @@
1
- <template>
2
- <div class="field-top">
3
- <div style="width:100%;display:flex" v-if="model !== null" class="ct-Seg" :class="[model.attrs.size?'ct-Seg-'+model.attrs.size:''
4
- ]">
5
- <div style="flex:1;" :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']">
6
- <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
7
- {{model.label}}
8
- </div>
9
- <div class="ct-radios" :class="[model.showLabel?'showLabel':'',model.value !== ''?'hasValue':'']">
10
- <el-radio v-bind="model.attrs" v-for="(value, index) in model.segmentValue" :key="index" v-model="model.value"
11
- :label="value[model.optionAttrs.value]" :disabled="model.lock" @change="changeHandler1($event)">
12
- {{value[model.optionAttrs.label]}}
13
- </el-radio>
14
- <span v-if="!model.lock" class="el-input__suffix-inner">
15
- <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
16
- </span>
17
- </div>
18
- </div>
19
- <span v-show="!valid" class="errorMessage">
20
- {{validMessage}}
21
- </span>
22
- </div>
23
- </div>
24
- </template>
25
- <script>
26
- import dynamicElement from '../../mixins/dynamicElement';
27
- export default {
28
- name: 'ct-seg',
29
- mixins: [dynamicElement],
30
- props: {
31
- vmodel: Object,
32
- api: String
33
- },
34
- data() {
35
- return {
36
-
37
- };
38
- },
39
- mounted() {
40
- var self = this;
41
- this.$nextTick(function () {
42
- if (self.vmodel) {
43
- self.load(self.vmodel);
44
- self.$emit('loaded');
45
- }
46
- else if (typeof self.source !== 'undefined') {
47
- self.loaderObj.Seg(self.source, (data) => {
48
- self.load(data);
49
- });
50
- }
51
- else if (typeof self.api !== 'undefined') {
52
- self.loaderObj.Seg(self.api, (data) => {
53
- self.load(data);
54
- });
55
- }
56
- });
57
- },
58
- methods: {
59
- load(data) {
60
- this.model = data;
61
- },
62
- clearClickHandle: function (event) {
63
- this.model.value = '';
64
- //this.$emit('input', this.model.value);
65
- //this.$emit('change', this.model.value);
66
- this.inputHandler(this.model.value);
67
- this.changeHandler(this.model.value);
68
- },
69
- changeHandler1: function (event) {
70
- //this.$emit('input', this.model.value);
71
- //this.$emit('change', this.model.value);
72
- this.inputHandler(this.model.value);
73
- this.changeHandler(this.model.value);
74
- }
75
- }
76
- }
77
- </script>
78
- <style>
79
- .ct-Seg .ct-radios {
80
- color: #606266;
81
- border-radius: 4px;
82
- /*border: 1px solid #dcdfe6;*/
83
- line-height: 40px;
84
- /* padding-left: 15px; */
85
- }
86
- .ct-Seg .ct-radios:hover {
87
- border-color: #c0c4cc;
88
- }
89
- /*.ct-Seg .ct-radios .el-radio + .el-radio {
90
- margin-left: 10px;
91
- }*/
92
- .ct-Seg .ct-radios .el-radio {
93
- margin-left: 0px;
94
- margin-right: 15px;
95
- }
96
-
97
- .ct-Seg .ct-radios .ct-Seg-label {
98
- margin-right: 15px;
99
- }
100
- </style>
1
+ <template>
2
+ <div class="field-top">
3
+ <div style="width:100%;display:flex" v-if="model !== null" class="ct-Seg" :class="[model.attrs.size?'ct-Seg-'+model.attrs.size:''
4
+ ]">
5
+ <div style="flex:1;" :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']">
6
+ <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
7
+ {{model.label}}
8
+ </div>
9
+ <div class="ct-radios" :class="[model.showLabel?'showLabel':'',model.value !== ''?'hasValue':'']">
10
+ <el-radio v-bind="model.attrs" v-for="(value, index) in model.segmentValue" :key="index" v-model="model.value"
11
+ :label="value[model.optionAttrs.value]" :disabled="model.lock" @change="changeHandler1($event)">
12
+ {{value[model.optionAttrs.label]}}
13
+ </el-radio>
14
+ <span v-if="!model.lock" class="el-input__suffix-inner">
15
+ <i class="el-input__icon el-icon-circle-close" @click="clearClickHandle"></i>
16
+ </span>
17
+ </div>
18
+ </div>
19
+ <span v-show="!valid" class="errorMessage">
20
+ {{validMessage}}
21
+ </span>
22
+ </div>
23
+ </div>
24
+ </template>
25
+ <script>
26
+ import dynamicElement from '../../mixins/dynamicElement';
27
+ export default {
28
+ name: 'ct-seg',
29
+ mixins: [dynamicElement],
30
+ props: {
31
+ vmodel: Object,
32
+ api: String
33
+ },
34
+ data() {
35
+ return {
36
+
37
+ };
38
+ },
39
+ mounted() {
40
+ var self = this;
41
+ this.$nextTick(function () {
42
+ if (self.vmodel) {
43
+ self.load(self.vmodel);
44
+ self.$emit('loaded');
45
+ }
46
+ else if (typeof self.source !== 'undefined') {
47
+ self.loaderObj.Seg(self.source, (data) => {
48
+ self.load(data);
49
+ });
50
+ }
51
+ else if (typeof self.api !== 'undefined') {
52
+ self.loaderObj.Seg(self.api, (data) => {
53
+ self.load(data);
54
+ });
55
+ }
56
+ });
57
+ },
58
+ methods: {
59
+ load(data) {
60
+ this.model = data;
61
+ },
62
+ clearClickHandle: function (event) {
63
+ this.model.value = '';
64
+ //this.$emit('input', this.model.value);
65
+ //this.$emit('change', this.model.value);
66
+ this.inputHandler(this.model.value);
67
+ this.changeHandler(this.model.value);
68
+ },
69
+ changeHandler1: function (event) {
70
+ //this.$emit('input', this.model.value);
71
+ //this.$emit('change', this.model.value);
72
+ this.inputHandler(this.model.value);
73
+ this.changeHandler(this.model.value);
74
+ }
75
+ }
76
+ }
77
+ </script>
78
+ <style>
79
+ .ct-Seg .ct-radios {
80
+ color: #606266;
81
+ border-radius: 4px;
82
+ /*border: 1px solid #dcdfe6;*/
83
+ line-height: 40px;
84
+ /* padding-left: 15px; */
85
+ }
86
+ .ct-Seg .ct-radios:hover {
87
+ border-color: #c0c4cc;
88
+ }
89
+ /*.ct-Seg .ct-radios .el-radio + .el-radio {
90
+ margin-left: 10px;
91
+ }*/
92
+ .ct-Seg .ct-radios .el-radio {
93
+ margin-left: 0px;
94
+ margin-right: 15px;
95
+ }
96
+
97
+ .ct-Seg .ct-radios .ct-Seg-label {
98
+ margin-right: 15px;
99
+ }
100
+ </style>
@@ -1,11 +1,11 @@
1
- import dynamicSensitiveEye from './src/dynamicSensitiveEye'
2
-
3
- dynamicSensitiveEye.install = function (Vue) {
4
- Vue.component(dynamicSensitiveEye.name, dynamicSensitiveEye);
5
- }
6
-
7
- if (typeof window !== 'undefined' && window.Vue) {
8
- window.Vue.use(dynamicSensitiveEye);
9
- }
10
-
11
- export default dynamicSensitiveEye
1
+ import dynamicSensitiveEye from './src/dynamicSensitiveEye'
2
+
3
+ dynamicSensitiveEye.install = function (Vue) {
4
+ Vue.component(dynamicSensitiveEye.name, dynamicSensitiveEye);
5
+ }
6
+
7
+ if (typeof window !== 'undefined' && window.Vue) {
8
+ window.Vue.use(dynamicSensitiveEye);
9
+ }
10
+
11
+ export default dynamicSensitiveEye