vue2-client 1.18.4 → 1.18.6

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 (243) hide show
  1. package/.claude/settings.local.json +20 -20
  2. package/.cursorrules +19 -19
  3. package/.env.apply +19 -19
  4. package/.env.gaslink +19 -19
  5. package/.env.his +19 -19
  6. package/.env.liuli +20 -20
  7. package/.env.scada +19 -19
  8. package/.serena/memories/code_style_conventions.md +217 -217
  9. package/.serena/memories/project_overview.md +54 -54
  10. package/.serena/memories/project_structure.md +329 -329
  11. package/.serena/memories/suggested_commands.md +127 -127
  12. package/.serena/memories/task_completion_checklist.md +183 -183
  13. package/.serena/memories/tech_stack.md +94 -94
  14. package/CHANGELOG.md +830 -830
  15. package/CLAUDE.md +97 -97
  16. package/docs/LowCode/lowcode.md +155 -155
  17. package/docs/LowCode/lowcodeForDeveloper.md +230 -230
  18. package/jsconfig.json +19 -19
  19. package/package.json +1 -1
  20. package/public/his/editor/editor.html +51 -51
  21. package/public/his/editor/mock/bind_data.html +779 -779
  22. package/public/his/editor/mock/data_table.html +40 -40
  23. package/public/his/editor/mock/sign.html +75 -75
  24. package/public/his/editor/vender/JsBarcode.all.js +3669 -3669
  25. package/public/his/editor/vender/date97/My97DatePicker.htm +65 -65
  26. package/public/his/editor/vender/date97/WdatePicker.js +677 -677
  27. package/public/his/editor/vender/date97/calendar.js +4 -4
  28. package/public/his/editor/vender/date97/lang/en.js +13 -13
  29. package/public/his/editor/vender/date97/lang/zh-cn.js +13 -13
  30. package/public/his/editor/vender/date97/lang/zh-tw.js +13 -13
  31. package/public/his/editor/vender/date97/skin/WdatePicker.css +10 -10
  32. package/public/his/editor/vender/date97/skin/default/datepicker.css +328 -328
  33. package/public/his/editor/vender/date97/skin/ext/datepicker.css +308 -308
  34. package/public/his/editor/vender/date97/skin/whyGreen/datepicker.css +255 -255
  35. package/public/his/editor/vender/diff.js +1627 -1627
  36. package/public/his/editor/vender/editor.js +1 -1
  37. package/public/his/editor/vender/fabric.js +31187 -31187
  38. package/public/his/editor/vender/jquery/jquery.base64.js +190 -190
  39. package/public/his/editor/vender/jquery/jquery.js +10872 -10872
  40. package/public/his/editor/vender/jquery/jquery.print.js +255 -255
  41. package/public/his/editor/vender/jquery/zTreeStyle/zTreeStyle.css +96 -96
  42. package/public/his/editor/vender/mui/mui.min.css +4 -4
  43. package/public/his/editor/vender/mui/mui.min.js +5 -5
  44. package/public/his/editor/vender/mui/mui.picker.min.css +6 -6
  45. package/public/his/editor/vender/mui/mui.picker.min.js +6 -6
  46. package/public/his/editor/vender/qrcode.js +7 -7
  47. package/public/his/editor/vender/requirejs/require.js +2145 -2145
  48. package/public/his/editor/vender/signature/jSignature.CompressorSVG.js +518 -518
  49. package/public/his/editor/vender/signature/jSignature.UndoButton.js +164 -164
  50. package/public/his/editor/vender/signature/jSignature.js +1486 -1486
  51. package/public/his/editor/vender/validator.js +5094 -5094
  52. package/public/his/editor/vender/weui/weui.css +5659 -5659
  53. package/public/his/editor/vender/weui/weui.min.css +4 -4
  54. package/public/his/editor/vender/weui/weui.min.js +11 -11
  55. package/src/assets/img/paymentMethod/package.info +1 -1
  56. package/src/assets/svg/badtwo.svg +1 -1
  57. package/src/assets/svg/goodtwo.svg +1 -1
  58. package/src/base-client/components/AI/AskAiBtn.vue +136 -136
  59. package/src/base-client/components/AI/demo.vue +31 -31
  60. package/src/base-client/components/common/AddressSearchCombobox/IcMapIcon.vue +16 -16
  61. package/src/base-client/components/common/AddressSearchCombobox/demo.vue +36 -36
  62. package/src/base-client/components/common/AddressSearchCombobox/ic_map.svg +6 -6
  63. package/src/base-client/components/common/CreateQuery/CreateQueryItem.vue +1014 -1014
  64. package/src/base-client/components/common/CreateSimpleFormQuery/CreateSimpleFormQuery.vue +452 -452
  65. package/src/base-client/components/common/CreateSimpleFormQuery/CreateSimpleFormQueryItem.vue +511 -511
  66. package/src/base-client/components/common/HIS/demo.vue +61 -61
  67. package/src/base-client/components/common/LowCodeComponent/LowCodeEditorModal.vue +108 -108
  68. package/src/base-client/components/common/LowCodeComponent/LowCodeEditorPanel.vue +413 -413
  69. package/src/base-client/components/common/LowCodeComponent/LowCodePageOrganization.vue +502 -502
  70. package/src/base-client/components/common/LowCodeComponent/LowCodeRender.vue +728 -728
  71. package/src/base-client/components/common/LowCodeComponent/LowCodeRenderEnter.vue +29 -29
  72. package/src/base-client/components/common/LowCodeComponent/LowCodeUIStore.vue +219 -219
  73. package/src/base-client/components/common/LowCodeComponent/modal/lowCodeAddPageModal.vue +117 -117
  74. package/src/base-client/components/common/LowCodeComponent/modal/lowCodeCustomJSModal.vue +80 -80
  75. package/src/base-client/components/common/LowCodeComponent/modal/lowCodeEventEditorModal.vue +398 -398
  76. package/src/base-client/components/common/LowCodeComponent/modal/lowCodeLifeCycleModal.vue +65 -65
  77. package/src/base-client/components/common/LowCodeComponent/modal/lowCodeLogicCallbackModal.vue +64 -64
  78. package/src/base-client/components/common/LowCodeComponent/modal/lowCodeLogicParamModal.vue +73 -73
  79. package/src/base-client/components/common/LowCodeComponent/modal/lowCodeRunFunctionParamModal.vue +76 -76
  80. package/src/base-client/components/common/Recording/Recording.vue +243 -243
  81. package/src/base-client/components/common/Recording/index.js +3 -3
  82. package/src/base-client/components/common/XAddForm/XAddForm.vue +113 -113
  83. package/src/base-client/components/common/XAddNativeFormOA/XAddNativeFormOA.vue +304 -304
  84. package/src/base-client/components/common/XAddNativeFormOA/index.js +3 -3
  85. package/src/base-client/components/common/XAddNativeFormOA/index.md +146 -146
  86. package/src/base-client/components/common/XAddReport/index.js +3 -3
  87. package/src/base-client/components/common/XAddReport/index.md +56 -56
  88. package/src/base-client/components/common/XBadge/XBadge.vue +94 -94
  89. package/src/base-client/components/common/XButtons/XButtonDemo.vue +28 -28
  90. package/src/base-client/components/common/XButtons/index.js +3 -3
  91. package/src/base-client/components/common/XButtons/index.md +61 -61
  92. package/src/base-client/components/common/XCalendar/XCalendar.vue +4 -4
  93. package/src/base-client/components/common/XCheckList/XCheckList.vue +106 -106
  94. package/src/base-client/components/common/XCheckList/XCheckListDemo.vue +41 -41
  95. package/src/base-client/components/common/XDataCard/index.js +3 -3
  96. package/src/base-client/components/common/XDataCard/index.md +1 -1
  97. package/src/base-client/components/common/XDatePicker/demo.vue +153 -153
  98. package/src/base-client/components/common/XDetailsView/XDetailsView.vue +238 -238
  99. package/src/base-client/components/common/XDetailsView/index.js +3 -3
  100. package/src/base-client/components/common/XForm/XStatusButton.vue +54 -54
  101. package/src/base-client/components/common/XForm/itemComponent/XClickChangeBtn/index.vue +49 -49
  102. package/src/base-client/components/common/XFormGroup/index.js +3 -3
  103. package/src/base-client/components/common/XFormGroup/index.md +38 -38
  104. package/src/base-client/components/common/XFormGroupDetails/index.js +3 -3
  105. package/src/base-client/components/common/XFormTable/XFormTable.vue +1258 -1257
  106. package/src/base-client/components/common/XFormTable/index.md +92 -92
  107. package/src/base-client/components/common/XLabelSelect/XLabelSelect.vue +110 -110
  108. package/src/base-client/components/common/XLabelSelect/XLabelSelectDemo.vue +35 -35
  109. package/src/base-client/components/common/XLicensePlate/XLicensePlate.vue +193 -193
  110. package/src/base-client/components/common/XLicensePlate/XLicensePlateDemo.vue +48 -48
  111. package/src/base-client/components/common/XPrint/OpenInvoice.vue +21 -21
  112. package/src/base-client/components/common/XPrint/PrintHtml.js +98 -98
  113. package/src/base-client/components/common/XPrint/css/hiPrintCss.js +359 -359
  114. package/src/base-client/components/common/XPrint/css/lodopCss.js +26 -26
  115. package/src/base-client/components/common/XPrint/css/print-lock.css +351 -351
  116. package/src/base-client/components/common/XPrint/index.vue +97 -97
  117. package/src/base-client/components/common/XReport/XReportDesign.vue +463 -463
  118. package/src/base-client/components/common/XReport/XReportJsonRender.vue +381 -381
  119. package/src/base-client/components/common/XReport/index.js +3 -3
  120. package/src/base-client/components/common/XReport/print.js +186 -186
  121. package/src/base-client/components/common/XReportDrawer/index.js +3 -3
  122. package/src/base-client/components/common/XReportGrid/index.js +3 -3
  123. package/src/base-client/components/common/XReportGrid/index.md +44 -44
  124. package/src/base-client/components/common/XReportSlot/XReportSlot.vue +110 -110
  125. package/src/base-client/components/common/XReportSlot/index.js +3 -3
  126. package/src/base-client/components/common/XReportSlot/index.md +48 -48
  127. package/src/base-client/components/common/XSimpleDescriptions/XSimpleDescriptions.vue +166 -166
  128. package/src/base-client/components/common/XSimpleDescriptions/index.js +3 -3
  129. package/src/base-client/components/common/XSimpleDescriptions/index.md +7 -7
  130. package/src/base-client/components/common/XTab/XTabDemo.vue +22 -22
  131. package/src/base-client/components/common/XTab/index.js +3 -3
  132. package/src/base-client/components/common/XTable/CustomFuncCel.vue +46 -51
  133. package/src/base-client/components/common/XTable/TableCellRenderer.vue +161 -161
  134. package/src/base-client/components/common/XTagGroup/index.vue +52 -52
  135. package/src/base-client/components/common/XTree/XTree.vue +424 -424
  136. package/src/base-client/components/common/XTree/index.js +3 -3
  137. package/src/base-client/components/common/XTree/index.md +36 -36
  138. package/src/base-client/components/common/XTreeOne/XTreeOne.vue +113 -113
  139. package/src/base-client/components/common/XTreeOne/XTreeOnePro.vue +128 -128
  140. package/src/base-client/components/common/richTextModal/index.vue +56 -56
  141. package/src/base-client/components/common/richTextModal/richDemo.vue +48 -48
  142. package/src/base-client/components/his/XCharge/XChargeDemo.vue +145 -145
  143. package/src/base-client/components/his/XHisEditor/index.js +3 -3
  144. package/src/base-client/components/index.js +51 -51
  145. package/src/base-client/components/layout/XTreeView/XTreeView.vue +130 -130
  146. package/src/base-client/components/layout/XTreeView/index.js +3 -3
  147. package/src/base-client/components/layout/XTreeView/index.md +46 -46
  148. package/src/base-client/components/system/QueryParamsDetailsView/QueryParamsDetailsView.vue +281 -281
  149. package/src/base-client/plugins/GetLoginInfoService.js +183 -183
  150. package/src/base-client/plugins/Recording.js +258 -258
  151. package/src/base-client/plugins/index.js +23 -23
  152. package/src/components/CodeMirror/inedx.vue +118 -118
  153. package/src/components/CodeMirror/setting.js +40 -40
  154. package/src/components/checkbox/ImgCheckbox.vue +117 -117
  155. package/src/components/checkbox/ImgCheckboxGroup.vue +76 -76
  156. package/src/components/checkbox/index.js +9 -9
  157. package/src/components/exception/ExceptionPage.vue +70 -70
  158. package/src/components/g2Charts/constants.js +202 -202
  159. package/src/components/g2Charts/demo.vue +808 -808
  160. package/src/components/g2Charts/designer.vue +228 -228
  161. package/src/components/g2Charts/designerBaseConfig.vue +61 -61
  162. package/src/components/g2Charts/designerDataConfig.vue +259 -259
  163. package/src/components/g2Charts/designerStyleConfig.vue +16 -16
  164. package/src/components/g2Charts/index.vue +397 -397
  165. package/src/components/setting/Setting.vue +234 -234
  166. package/src/config/CreateQueryConfig.js +325 -325
  167. package/src/config/default/antd.config.js +89 -89
  168. package/src/config/default/setting.config.js +55 -55
  169. package/src/font-style/font.css +60 -60
  170. package/src/layouts/PageLayout.vue +151 -151
  171. package/src/layouts/SinglePageView.vue +136 -136
  172. package/src/layouts/header/AdminHeader.vue +132 -132
  173. package/src/layouts/header/InstitutionDetail.vue +181 -181
  174. package/src/layouts/tabs/TabsHead.vue +189 -189
  175. package/src/pages/DefaultExample/index.vue +77 -77
  176. package/src/pages/DynamicStatistics/ChartSelector.vue +331 -331
  177. package/src/pages/DynamicStatistics/DataTabs.vue +83 -83
  178. package/src/pages/DynamicStatistics/DynamicTable.vue +128 -128
  179. package/src/pages/DynamicStatistics/EvaluationArea.vue +69 -69
  180. package/src/pages/DynamicStatistics/FavoriteList.vue +50 -50
  181. package/src/pages/DynamicStatistics/QuestionHistoryAndFavorites.vue +591 -591
  182. package/src/pages/DynamicStatistics/SearchBar.vue +192 -192
  183. package/src/pages/DynamicStatistics/index.vue +282 -282
  184. package/src/pages/Example/childIndex.vue +15 -15
  185. package/src/pages/Example/index.vue +30 -30
  186. package/src/pages/NewDynamicStatistics/ChartSelector.vue +331 -331
  187. package/src/pages/NewDynamicStatistics/DataTabs.vue +122 -122
  188. package/src/pages/NewDynamicStatistics/DynamicTable.vue +128 -128
  189. package/src/pages/NewDynamicStatistics/EvaluationArea.vue +69 -69
  190. package/src/pages/NewDynamicStatistics/FavoriteList.vue +50 -50
  191. package/src/pages/NewDynamicStatistics/QuestionHistoryAndFavorites.vue +289 -289
  192. package/src/pages/NewDynamicStatistics/SearchBar.vue +193 -193
  193. package/src/pages/NewDynamicStatistics/index.vue +258 -258
  194. package/src/pages/Recording/index.vue +77 -77
  195. package/src/pages/ServiceReview/index.vue +284 -284
  196. package/src/pages/SubExample/index.vue +26 -26
  197. package/src/pages/WorkflowDetail/WorkflowPageDetail/TrimTextTail.vue +23 -23
  198. package/src/pages/WorkflowDetail/WorkflowPageDetail/WorkFlowHandle.vue +1815 -1815
  199. package/src/pages/WorkflowDetail/WorkflowPageDetail/WorkFlowTimeline.vue +1014 -1014
  200. package/src/pages/XReportView/index.vue +64 -64
  201. package/src/pages/XTreeOneProExample/index.vue +67 -67
  202. package/src/pages/login/Login.vue +379 -379
  203. package/src/pages/login/LoginV3.vue +389 -389
  204. package/src/pages/lowCode/lowCodeEditor.vue +1219 -1219
  205. package/src/pages/lowCode/lowCodeRenderPage.vue +43 -43
  206. package/src/pages/report/ReportTable.js +124 -124
  207. package/src/pages/resourceManage/orgListManage.vue +98 -98
  208. package/src/pages/system/settings/modifyPassword.vue +117 -117
  209. package/src/pages/system/ticket/index.vue +480 -480
  210. package/src/pages/system/ticket/submitTicketSuccess.vue +484 -484
  211. package/src/pages/userInfoDetailManage/ChangeMeterRecordQuery/index.vue +64 -64
  212. package/src/pages/userInfoDetailManage/InfoChangeRecordQuery/index.vue +64 -64
  213. package/src/pages/userInfoDetailManage/InstructRecordQuery/index.vue +64 -64
  214. package/src/pages/userInfoDetailManage/MeterParamRecordQuery/index.vue +64 -64
  215. package/src/pages/userInfoDetailManage/TransferRecordQuery/index.vue +66 -66
  216. package/src/pages/userInfoDetailManage/WatchCollectionRecordQuery/index.vue +64 -64
  217. package/src/plugins/EventLogPlugin.js +33 -33
  218. package/src/plugins/FindParentsData.js +17 -17
  219. package/src/services/DataModel.js +30 -30
  220. package/src/services/LodopFuncs.js +137 -137
  221. package/src/services/api/TicketDetailsViewApi.js +46 -46
  222. package/src/services/api/entity.js +18 -18
  223. package/src/services/api/index.js +17 -17
  224. package/src/store/modules/account.js +121 -121
  225. package/src/store/modules/index.js +5 -5
  226. package/src/store/modules/lowCode.js +33 -33
  227. package/src/theme/default/style.less +58 -58
  228. package/src/theme/global.less +313 -313
  229. package/src/utils/formatter.js +74 -74
  230. package/src/utils/htmlToPDF.js +108 -108
  231. package/src/utils/htmlToPDFApi.js +5 -5
  232. package/src/utils/login.js +188 -188
  233. package/src/utils/lowcode/lowcodeComponentMixin.js +120 -120
  234. package/src/utils/lowcode/lowcodeLog.js +29 -29
  235. package/src/utils/lowcode/lowcodeUtils.js +373 -373
  236. package/src/utils/lowcode/registerComponentForEditor.js +1 -1
  237. package/src/utils/lowcode/registerComponentForRender.js +11 -11
  238. package/src/utils/map-utils.js +47 -47
  239. package/src/utils/reg.js +95 -95
  240. package/src/utils/runEvalFunction.js +14 -14
  241. package/src/utils/theme-color-replacer-extend.js +92 -92
  242. package/src/utils/util.js +329 -329
  243. package/src/utils/waterMark.js +31 -31
@@ -1,74 +1,74 @@
1
- const util = require('@vue2-client/utils/util')
2
-
3
- /**
4
- * 把对象按照 js配置文件的格式进行格式化
5
- * @param obj 格式化的对象
6
- * @param dep 层级,此项无需传值
7
- * @returns {string}
8
- */
9
- function formatConfig (obj, dep) {
10
- dep = dep || 1
11
- const LN = '\n'; const TAB = ' '
12
- let indent = ''
13
- for (let i = 0; i < dep; i++) {
14
- indent += TAB
15
- }
16
- let isArray = false; let arrayLastIsObj = false
17
- let str = ''; let prefix = '{'; let subfix = '}'
18
- if (Array.isArray(obj)) {
19
- isArray = true
20
- prefix = '['
21
- subfix = ']'
22
- str = obj.map((item, index) => {
23
- let format = ''
24
- if (typeof item == 'function') {
25
- //
26
- } else if (typeof item == 'object') {
27
- arrayLastIsObj = true
28
- format = `${LN}${indent}${formatConfig(item, dep + 1)},`
29
- } else if ((typeof item == 'number' && !isNaN(item)) || typeof item == 'boolean') {
30
- format = `${item},`
31
- } else if (typeof item == 'string') {
32
- format = `'${item}',`
33
- }
34
- if (index === obj.length - 1) {
35
- format = format.substring(0, format.length - 1)
36
- } else {
37
- arrayLastIsObj = false
38
- }
39
- return format
40
- }).join('')
41
- } else if (typeof obj != 'function' && typeof obj == 'object') {
42
- str = Object.keys(obj).map((key, index, keys) => {
43
- const val = obj[key]
44
- let format = ''
45
- if (typeof val == 'function') {
46
- //
47
- } else if (typeof val == 'object') {
48
- format = `${LN}${indent}${key}: ${formatConfig(val, dep + 1)},`
49
- } else if ((typeof val == 'number' && !isNaN(val)) || typeof val == 'boolean') {
50
- format = `${LN}${indent}${key}: ${val},`
51
- } else if (typeof val == 'string') {
52
- format = `${LN}${indent}${key}: '${val}',`
53
- }
54
- if (index === keys.length - 1) {
55
- format = format.substring(0, format.length - 1)
56
- }
57
- return format
58
- }).join('')
59
- }
60
- const len = TAB.length
61
- if (indent.length >= len) {
62
- indent = indent.substring(0, indent.length - len)
63
- }
64
- if (!isArray || arrayLastIsObj) {
65
- subfix = LN + indent + subfix
66
- }
67
- return `${prefix}${str}${subfix}`
68
- }
69
-
70
- function getRealKeyData (data) {
71
- return util.getRealKeyData(data)
72
- }
73
-
74
- module.exports = { formatConfig, getRealKeyData }
1
+ const util = require('@vue2-client/utils/util')
2
+
3
+ /**
4
+ * 把对象按照 js配置文件的格式进行格式化
5
+ * @param obj 格式化的对象
6
+ * @param dep 层级,此项无需传值
7
+ * @returns {string}
8
+ */
9
+ function formatConfig (obj, dep) {
10
+ dep = dep || 1
11
+ const LN = '\n'; const TAB = ' '
12
+ let indent = ''
13
+ for (let i = 0; i < dep; i++) {
14
+ indent += TAB
15
+ }
16
+ let isArray = false; let arrayLastIsObj = false
17
+ let str = ''; let prefix = '{'; let subfix = '}'
18
+ if (Array.isArray(obj)) {
19
+ isArray = true
20
+ prefix = '['
21
+ subfix = ']'
22
+ str = obj.map((item, index) => {
23
+ let format = ''
24
+ if (typeof item == 'function') {
25
+ //
26
+ } else if (typeof item == 'object') {
27
+ arrayLastIsObj = true
28
+ format = `${LN}${indent}${formatConfig(item, dep + 1)},`
29
+ } else if ((typeof item == 'number' && !isNaN(item)) || typeof item == 'boolean') {
30
+ format = `${item},`
31
+ } else if (typeof item == 'string') {
32
+ format = `'${item}',`
33
+ }
34
+ if (index === obj.length - 1) {
35
+ format = format.substring(0, format.length - 1)
36
+ } else {
37
+ arrayLastIsObj = false
38
+ }
39
+ return format
40
+ }).join('')
41
+ } else if (typeof obj != 'function' && typeof obj == 'object') {
42
+ str = Object.keys(obj).map((key, index, keys) => {
43
+ const val = obj[key]
44
+ let format = ''
45
+ if (typeof val == 'function') {
46
+ //
47
+ } else if (typeof val == 'object') {
48
+ format = `${LN}${indent}${key}: ${formatConfig(val, dep + 1)},`
49
+ } else if ((typeof val == 'number' && !isNaN(val)) || typeof val == 'boolean') {
50
+ format = `${LN}${indent}${key}: ${val},`
51
+ } else if (typeof val == 'string') {
52
+ format = `${LN}${indent}${key}: '${val}',`
53
+ }
54
+ if (index === keys.length - 1) {
55
+ format = format.substring(0, format.length - 1)
56
+ }
57
+ return format
58
+ }).join('')
59
+ }
60
+ const len = TAB.length
61
+ if (indent.length >= len) {
62
+ indent = indent.substring(0, indent.length - len)
63
+ }
64
+ if (!isArray || arrayLastIsObj) {
65
+ subfix = LN + indent + subfix
66
+ }
67
+ return `${prefix}${str}${subfix}`
68
+ }
69
+
70
+ function getRealKeyData (data) {
71
+ return util.getRealKeyData(data)
72
+ }
73
+
74
+ module.exports = { formatConfig, getRealKeyData }
@@ -1,108 +1,108 @@
1
- import html2Canvas from 'html2canvas'
2
-
3
- import jsPDF from 'jspdf'
4
-
5
- // 该方法接收4个参数
6
- // title: PDF的文件名
7
- // id: 需要转PDF的HTML标签的id值
8
- // left: 左右边距,默认是10,单位是mm
9
- // top: 上下边距,默认是10,单位是mm
10
-
11
- const HtmlToPdf = {
12
-
13
- async getPdf (title, id, left = 10, top = 20) {
14
- await html2Canvas(document.querySelector(id), {
15
-
16
- allowTaint: false,
17
-
18
- taintTest: false,
19
-
20
- logging: false,
21
-
22
- useCORS: true,
23
-
24
- dpi: window.devicePixelRatio * 4, // 将分辨率提高到特定的DPI 提高四倍
25
-
26
- scale: 4 // 按比例增加分辨率
27
-
28
- }).then(canvas => {
29
- // eslint-disable-next-line new-cap
30
- const pdf = new jsPDF('p', 'mm', 'a4') // A4纸,纵向
31
-
32
- const ctx = canvas.getContext('2d')
33
-
34
- const a4w = 210 - (left * 2)
35
-
36
- const a4h = 297 - (top * 2) // A4大小,210mm x 297mm,四边各保留10mm的边距,显示区域190x277
37
-
38
- const imgHeight = Math.floor((a4h * canvas.width) / a4w) // 按A4显示比例换算一页图像的像素高度
39
-
40
- let renderedHeight = 0
41
-
42
- while (renderedHeight < canvas.height) {
43
- const page = document.createElement('canvas')
44
-
45
- page.width = canvas.width
46
-
47
- page.height = Math.min(imgHeight, canvas.height - renderedHeight) // 可能内容不足一页
48
-
49
- // 用getImageData剪裁指定区域,并画到前面创建的canvas对象中
50
-
51
- page.getContext('2d').putImageData(
52
-
53
- ctx.getImageData(
54
-
55
- 0,
56
-
57
- renderedHeight,
58
-
59
- canvas.width,
60
-
61
- Math.min(imgHeight, canvas.height - renderedHeight)
62
-
63
- ),
64
-
65
- 0,
66
-
67
- 0
68
-
69
- )
70
-
71
- pdf.addImage(
72
-
73
- page.toDataURL('image/jpeg', 1.0),
74
-
75
- 'JPEG',
76
-
77
- left,
78
-
79
- top,
80
-
81
- a4w,
82
-
83
- Math.min(a4h, (a4w * page.height) / page.width)
84
-
85
- ) // 添加图像到页面,保留10mm边距
86
-
87
- renderedHeight += imgHeight
88
-
89
- if (renderedHeight < canvas.height) {
90
- pdf.addPage() // 如果后面还有内容,添加一个空页
91
- }
92
-
93
- // delete page;
94
- }
95
-
96
- // 保存文件
97
-
98
- pdf.save(title + '.pdf')
99
-
100
- // loading = false;
101
-
102
- // console.log(loading);
103
- })
104
- }
105
-
106
- }
107
-
108
- export default HtmlToPdf
1
+ import html2Canvas from 'html2canvas'
2
+
3
+ import jsPDF from 'jspdf'
4
+
5
+ // 该方法接收4个参数
6
+ // title: PDF的文件名
7
+ // id: 需要转PDF的HTML标签的id值
8
+ // left: 左右边距,默认是10,单位是mm
9
+ // top: 上下边距,默认是10,单位是mm
10
+
11
+ const HtmlToPdf = {
12
+
13
+ async getPdf (title, id, left = 10, top = 20) {
14
+ await html2Canvas(document.querySelector(id), {
15
+
16
+ allowTaint: false,
17
+
18
+ taintTest: false,
19
+
20
+ logging: false,
21
+
22
+ useCORS: true,
23
+
24
+ dpi: window.devicePixelRatio * 4, // 将分辨率提高到特定的DPI 提高四倍
25
+
26
+ scale: 4 // 按比例增加分辨率
27
+
28
+ }).then(canvas => {
29
+ // eslint-disable-next-line new-cap
30
+ const pdf = new jsPDF('p', 'mm', 'a4') // A4纸,纵向
31
+
32
+ const ctx = canvas.getContext('2d')
33
+
34
+ const a4w = 210 - (left * 2)
35
+
36
+ const a4h = 297 - (top * 2) // A4大小,210mm x 297mm,四边各保留10mm的边距,显示区域190x277
37
+
38
+ const imgHeight = Math.floor((a4h * canvas.width) / a4w) // 按A4显示比例换算一页图像的像素高度
39
+
40
+ let renderedHeight = 0
41
+
42
+ while (renderedHeight < canvas.height) {
43
+ const page = document.createElement('canvas')
44
+
45
+ page.width = canvas.width
46
+
47
+ page.height = Math.min(imgHeight, canvas.height - renderedHeight) // 可能内容不足一页
48
+
49
+ // 用getImageData剪裁指定区域,并画到前面创建的canvas对象中
50
+
51
+ page.getContext('2d').putImageData(
52
+
53
+ ctx.getImageData(
54
+
55
+ 0,
56
+
57
+ renderedHeight,
58
+
59
+ canvas.width,
60
+
61
+ Math.min(imgHeight, canvas.height - renderedHeight)
62
+
63
+ ),
64
+
65
+ 0,
66
+
67
+ 0
68
+
69
+ )
70
+
71
+ pdf.addImage(
72
+
73
+ page.toDataURL('image/jpeg', 1.0),
74
+
75
+ 'JPEG',
76
+
77
+ left,
78
+
79
+ top,
80
+
81
+ a4w,
82
+
83
+ Math.min(a4h, (a4w * page.height) / page.width)
84
+
85
+ ) // 添加图像到页面,保留10mm边距
86
+
87
+ renderedHeight += imgHeight
88
+
89
+ if (renderedHeight < canvas.height) {
90
+ pdf.addPage() // 如果后面还有内容,添加一个空页
91
+ }
92
+
93
+ // delete page;
94
+ }
95
+
96
+ // 保存文件
97
+
98
+ pdf.save(title + '.pdf')
99
+
100
+ // loading = false;
101
+
102
+ // console.log(loading);
103
+ })
104
+ }
105
+
106
+ }
107
+
108
+ export default HtmlToPdf
@@ -1,5 +1,5 @@
1
- import HtmlToPdf from '@vue2-client/utils/htmlToPDF'
2
-
3
- export function exportHTMLNodeToPDF (fileName, nodeId) {
4
- HtmlToPdf.getPdf(fileName, nodeId)
5
- }
1
+ import HtmlToPdf from '@vue2-client/utils/htmlToPDF'
2
+
3
+ export function exportHTMLNodeToPDF (fileName, nodeId) {
4
+ HtmlToPdf.getPdf(fileName, nodeId)
5
+ }