vue2-client 1.18.3 → 1.18.5

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 (244) 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 +51 -51
  133. package/src/base-client/components/common/XTable/TableCellRenderer.vue +161 -161
  134. package/src/base-client/components/common/XTable/XTableWrapper.vue +1 -1
  135. package/src/base-client/components/common/XTagGroup/index.vue +52 -52
  136. package/src/base-client/components/common/XTree/XTree.vue +424 -424
  137. package/src/base-client/components/common/XTree/index.js +3 -3
  138. package/src/base-client/components/common/XTree/index.md +36 -36
  139. package/src/base-client/components/common/XTreeOne/XTreeOne.vue +113 -113
  140. package/src/base-client/components/common/XTreeOne/XTreeOnePro.vue +128 -128
  141. package/src/base-client/components/common/richTextModal/index.vue +56 -56
  142. package/src/base-client/components/common/richTextModal/richDemo.vue +48 -48
  143. package/src/base-client/components/his/XCharge/XChargeDemo.vue +145 -145
  144. package/src/base-client/components/his/XHisEditor/index.js +3 -3
  145. package/src/base-client/components/index.js +51 -51
  146. package/src/base-client/components/layout/XTreeView/XTreeView.vue +130 -130
  147. package/src/base-client/components/layout/XTreeView/index.js +3 -3
  148. package/src/base-client/components/layout/XTreeView/index.md +46 -46
  149. package/src/base-client/components/system/QueryParamsDetailsView/QueryParamsDetailsView.vue +281 -281
  150. package/src/base-client/plugins/GetLoginInfoService.js +183 -183
  151. package/src/base-client/plugins/Recording.js +258 -258
  152. package/src/base-client/plugins/index.js +23 -23
  153. package/src/components/CodeMirror/inedx.vue +118 -118
  154. package/src/components/CodeMirror/setting.js +40 -40
  155. package/src/components/checkbox/ImgCheckbox.vue +117 -117
  156. package/src/components/checkbox/ImgCheckboxGroup.vue +76 -76
  157. package/src/components/checkbox/index.js +9 -9
  158. package/src/components/exception/ExceptionPage.vue +70 -70
  159. package/src/components/g2Charts/constants.js +202 -202
  160. package/src/components/g2Charts/demo.vue +808 -808
  161. package/src/components/g2Charts/designer.vue +228 -228
  162. package/src/components/g2Charts/designerBaseConfig.vue +61 -61
  163. package/src/components/g2Charts/designerDataConfig.vue +259 -259
  164. package/src/components/g2Charts/designerStyleConfig.vue +16 -16
  165. package/src/components/g2Charts/index.vue +397 -397
  166. package/src/components/setting/Setting.vue +234 -234
  167. package/src/config/CreateQueryConfig.js +325 -325
  168. package/src/config/default/antd.config.js +89 -89
  169. package/src/config/default/setting.config.js +55 -55
  170. package/src/font-style/font.css +60 -60
  171. package/src/layouts/PageLayout.vue +151 -151
  172. package/src/layouts/SinglePageView.vue +136 -136
  173. package/src/layouts/header/AdminHeader.vue +132 -132
  174. package/src/layouts/header/InstitutionDetail.vue +181 -181
  175. package/src/layouts/tabs/TabsHead.vue +189 -189
  176. package/src/pages/DefaultExample/index.vue +77 -77
  177. package/src/pages/DynamicStatistics/ChartSelector.vue +331 -331
  178. package/src/pages/DynamicStatistics/DataTabs.vue +83 -83
  179. package/src/pages/DynamicStatistics/DynamicTable.vue +128 -128
  180. package/src/pages/DynamicStatistics/EvaluationArea.vue +69 -69
  181. package/src/pages/DynamicStatistics/FavoriteList.vue +50 -50
  182. package/src/pages/DynamicStatistics/QuestionHistoryAndFavorites.vue +591 -591
  183. package/src/pages/DynamicStatistics/SearchBar.vue +192 -192
  184. package/src/pages/DynamicStatistics/index.vue +282 -282
  185. package/src/pages/Example/childIndex.vue +15 -15
  186. package/src/pages/Example/index.vue +30 -30
  187. package/src/pages/NewDynamicStatistics/ChartSelector.vue +331 -331
  188. package/src/pages/NewDynamicStatistics/DataTabs.vue +122 -122
  189. package/src/pages/NewDynamicStatistics/DynamicTable.vue +128 -128
  190. package/src/pages/NewDynamicStatistics/EvaluationArea.vue +69 -69
  191. package/src/pages/NewDynamicStatistics/FavoriteList.vue +50 -50
  192. package/src/pages/NewDynamicStatistics/QuestionHistoryAndFavorites.vue +289 -289
  193. package/src/pages/NewDynamicStatistics/SearchBar.vue +193 -193
  194. package/src/pages/NewDynamicStatistics/index.vue +258 -258
  195. package/src/pages/Recording/index.vue +77 -77
  196. package/src/pages/ServiceReview/index.vue +284 -284
  197. package/src/pages/SubExample/index.vue +26 -26
  198. package/src/pages/WorkflowDetail/WorkflowPageDetail/TrimTextTail.vue +23 -23
  199. package/src/pages/WorkflowDetail/WorkflowPageDetail/WorkFlowHandle.vue +1815 -1815
  200. package/src/pages/WorkflowDetail/WorkflowPageDetail/WorkFlowTimeline.vue +1014 -1014
  201. package/src/pages/XReportView/index.vue +64 -64
  202. package/src/pages/XTreeOneProExample/index.vue +67 -67
  203. package/src/pages/login/Login.vue +379 -379
  204. package/src/pages/login/LoginV3.vue +389 -389
  205. package/src/pages/lowCode/lowCodeEditor.vue +1219 -1219
  206. package/src/pages/lowCode/lowCodeRenderPage.vue +43 -43
  207. package/src/pages/report/ReportTable.js +124 -124
  208. package/src/pages/resourceManage/orgListManage.vue +98 -98
  209. package/src/pages/system/settings/modifyPassword.vue +117 -117
  210. package/src/pages/system/ticket/index.vue +480 -480
  211. package/src/pages/system/ticket/submitTicketSuccess.vue +484 -484
  212. package/src/pages/userInfoDetailManage/ChangeMeterRecordQuery/index.vue +64 -64
  213. package/src/pages/userInfoDetailManage/InfoChangeRecordQuery/index.vue +64 -64
  214. package/src/pages/userInfoDetailManage/InstructRecordQuery/index.vue +64 -64
  215. package/src/pages/userInfoDetailManage/MeterParamRecordQuery/index.vue +64 -64
  216. package/src/pages/userInfoDetailManage/TransferRecordQuery/index.vue +66 -66
  217. package/src/pages/userInfoDetailManage/WatchCollectionRecordQuery/index.vue +64 -64
  218. package/src/plugins/EventLogPlugin.js +33 -33
  219. package/src/plugins/FindParentsData.js +17 -17
  220. package/src/services/DataModel.js +30 -30
  221. package/src/services/LodopFuncs.js +137 -137
  222. package/src/services/api/TicketDetailsViewApi.js +46 -46
  223. package/src/services/api/entity.js +18 -18
  224. package/src/services/api/index.js +17 -17
  225. package/src/store/modules/account.js +121 -121
  226. package/src/store/modules/index.js +5 -5
  227. package/src/store/modules/lowCode.js +33 -33
  228. package/src/theme/default/style.less +58 -58
  229. package/src/theme/global.less +313 -313
  230. package/src/utils/formatter.js +74 -74
  231. package/src/utils/htmlToPDF.js +108 -108
  232. package/src/utils/htmlToPDFApi.js +5 -5
  233. package/src/utils/login.js +188 -188
  234. package/src/utils/lowcode/lowcodeComponentMixin.js +120 -120
  235. package/src/utils/lowcode/lowcodeLog.js +29 -29
  236. package/src/utils/lowcode/lowcodeUtils.js +373 -373
  237. package/src/utils/lowcode/registerComponentForEditor.js +1 -1
  238. package/src/utils/lowcode/registerComponentForRender.js +11 -11
  239. package/src/utils/map-utils.js +47 -47
  240. package/src/utils/reg.js +95 -95
  241. package/src/utils/runEvalFunction.js +14 -14
  242. package/src/utils/theme-color-replacer-extend.js +92 -92
  243. package/src/utils/util.js +329 -329
  244. 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
+ }