vue2-client 1.15.139 → 1.15.141

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.
@@ -1,119 +1,119 @@
1
- <template>
2
- <div class="table-container" :style="{ height: tableHeight }">
3
- <a-table
4
- :columns="processedColumns"
5
- :dataSource="tableData"
6
- :pagination="false"
7
- :bordered="false"
8
- :rowKey="rowKey"
9
- :scroll="{ y: scrollY }"
10
- />
11
- </div>
12
- </template>
13
-
14
- <script>
15
- import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
16
-
17
- export default {
18
- props: {
19
- queryParamsName: String,
20
- rowKey: {
21
- type: String,
22
- default: 'id'
23
- },
24
- parameter: {
25
- type: Object,
26
- default: () => ({})
27
- }
28
- },
29
- data () {
30
- return {
31
- columns: [],
32
- tableData: [],
33
- tableHeight: 'auto', // 默认高度
34
- scrollY: undefined
35
- }
36
- },
37
- watch: {
38
- queryParamsName: {
39
- immediate: true,
40
- handler (val) {
41
- val && this.init(val, this.parameter)
42
- }
43
- }
44
- },
45
- computed: {
46
- processedColumns () {
47
- return this.columns.map(column => ({
48
- ...column,
49
- customHeaderCell: column.headerStyle
50
- ? () => ({ style: column.headerStyle })
51
- : undefined
52
- }))
53
- }
54
- },
55
- methods: {
56
- init (config, parameterData) {
57
- getConfigByName(config, 'af-his', res => {
58
- // 从配置中获取表格高度
59
- this.tableHeight = res.tableHeight || '400px' // 默认400px
60
- this.columns = res.columns || []
61
-
62
- runLogic(res.logicName, parameterData, 'af-his').then(result => {
63
- this.tableData = result.map((item, index) => ({
64
- ...item,
65
- key: item[this.rowKey] || `row_${index}`
66
- }))
67
-
68
- this.$nextTick(() => {
69
- this.scrollY = this.tableHeight
70
- })
71
- })
72
- })
73
- }
74
- }
75
- }
76
- </script>
77
-
78
- <style scoped>
79
- /* 表格容器 */
80
- .table-container {
81
- overflow: hidden;
82
- display: flex;
83
- flex-direction: column;
84
- }
85
-
86
- /* 基础无边框样式 */
87
- /deep/ .ant-table {
88
- border: none !important;
89
- flex: 1;
90
- display: flex;
91
- flex-direction: column;
92
- }
93
-
94
- /deep/ .ant-table-content {
95
- flex: 1;
96
- display: flex;
97
- flex-direction: column;
98
- }
99
-
100
- /deep/ .ant-table-body {
101
- flex: 1;
102
- overflow-y: auto !important;
103
- }
104
-
105
- /deep/ .ant-table-tbody > tr > td {
106
- border-bottom: none !important;
107
- padding: 6px !important;
108
- }
109
-
110
- /deep/ .ant-table-thead > tr > th {
111
- border-bottom: none !important;
112
- background: none !important;
113
- padding: 8px 6px !important;
114
- position: sticky;
115
- top: 0;
116
- z-index: 1;
117
- background-color: white !important;
118
- }
119
- </style>
1
+ <template>
2
+ <div class="table-container" :style="{ height: tableHeight }">
3
+ <a-table
4
+ :columns="processedColumns"
5
+ :dataSource="tableData"
6
+ :pagination="false"
7
+ :bordered="false"
8
+ :rowKey="rowKey"
9
+ :scroll="{ y: scrollY }"
10
+ />
11
+ </div>
12
+ </template>
13
+
14
+ <script>
15
+ import { getConfigByName, runLogic } from '@vue2-client/services/api/common'
16
+
17
+ export default {
18
+ props: {
19
+ queryParamsName: String,
20
+ rowKey: {
21
+ type: String,
22
+ default: 'id'
23
+ },
24
+ parameter: {
25
+ type: Object,
26
+ default: () => ({})
27
+ }
28
+ },
29
+ data () {
30
+ return {
31
+ columns: [],
32
+ tableData: [],
33
+ tableHeight: 'auto', // 默认高度
34
+ scrollY: undefined
35
+ }
36
+ },
37
+ watch: {
38
+ queryParamsName: {
39
+ immediate: true,
40
+ handler (val) {
41
+ val && this.init(val, this.parameter)
42
+ }
43
+ }
44
+ },
45
+ computed: {
46
+ processedColumns () {
47
+ return this.columns.map(column => ({
48
+ ...column,
49
+ customHeaderCell: column.headerStyle
50
+ ? () => ({ style: column.headerStyle })
51
+ : undefined
52
+ }))
53
+ }
54
+ },
55
+ methods: {
56
+ init (config, parameterData) {
57
+ getConfigByName(config, 'af-his', res => {
58
+ // 从配置中获取表格高度
59
+ this.tableHeight = res.tableHeight || '400px' // 默认400px
60
+ this.columns = res.columns || []
61
+
62
+ runLogic(res.logicName, parameterData, 'af-his').then(result => {
63
+ this.tableData = result.map((item, index) => ({
64
+ ...item,
65
+ key: item[this.rowKey] || `row_${index}`
66
+ }))
67
+
68
+ this.$nextTick(() => {
69
+ this.scrollY = this.tableHeight
70
+ })
71
+ })
72
+ })
73
+ }
74
+ }
75
+ }
76
+ </script>
77
+
78
+ <style scoped>
79
+ /* 表格容器 */
80
+ .table-container {
81
+ overflow: hidden;
82
+ display: flex;
83
+ flex-direction: column;
84
+ }
85
+
86
+ /* 基础无边框样式 */
87
+ /deep/ .ant-table {
88
+ border: none !important;
89
+ flex: 1;
90
+ display: flex;
91
+ flex-direction: column;
92
+ }
93
+
94
+ /deep/ .ant-table-content {
95
+ flex: 1;
96
+ display: flex;
97
+ flex-direction: column;
98
+ }
99
+
100
+ /deep/ .ant-table-body {
101
+ flex: 1;
102
+ overflow-y: auto !important;
103
+ }
104
+
105
+ /deep/ .ant-table-tbody > tr > td {
106
+ border-bottom: none !important;
107
+ padding: 6px !important;
108
+ }
109
+
110
+ /deep/ .ant-table-thead > tr > th {
111
+ border-bottom: none !important;
112
+ background: none !important;
113
+ padding: 8px 6px !important;
114
+ position: sticky;
115
+ top: 0;
116
+ z-index: 1;
117
+ background-color: white !important;
118
+ }
119
+ </style>
@@ -560,10 +560,12 @@ export default {
560
560
 
561
561
  {/* 下一页按钮 */}
562
562
  <div
563
- class={['custom-pagination-btn', { disabled: this.localPagination.current === Math.ceil(this.localPagination.total / this.localPagination.pageSize) }]}
563
+ class={['custom-pagination-btn', { disabled: this.localPagination.current === ((this.localPagination && this.localPagination.pageSize) ? Math.ceil(((this.localPagination.total || 0) / (this.localPagination.pageSize || 1))) : 0) || !((this.localPagination && this.localPagination.pageSize) ? Math.ceil(((this.localPagination.total || 0) / (this.localPagination.pageSize || 1))) : 0) }]}
564
564
  onClick={() => {
565
- const totalPages = Math.ceil(this.localPagination.total / this.localPagination.pageSize)
566
- if (this.localPagination.current < totalPages) {
565
+ const totalPages = (this.localPagination && this.localPagination.pageSize)
566
+ ? Math.ceil(((this.localPagination.total || 0) / (this.localPagination.pageSize || 1)))
567
+ : 0
568
+ if (totalPages > 0 && this.localPagination.current < totalPages) {
567
569
  this.pageSize = this.localPagination.pageSize
568
570
  this.pageNum = this.localPagination.current + 1
569
571
  this.loadData({
@@ -578,10 +580,12 @@ export default {
578
580
 
579
581
  {/* 末页按钮 */}
580
582
  <div
581
- class={['custom-pagination-btn', { disabled: this.localPagination.current === Math.ceil(this.localPagination.total / this.localPagination.pageSize) }]}
583
+ class={['custom-pagination-btn', { disabled: this.localPagination.current === ((this.localPagination && this.localPagination.pageSize) ? Math.ceil(((this.localPagination.total || 0) / (this.localPagination.pageSize || 1))) : 0) || !((this.localPagination && this.localPagination.pageSize) ? Math.ceil(((this.localPagination.total || 0) / (this.localPagination.pageSize || 1))) : 0) }]}
582
584
  onClick={() => {
583
- const totalPages = Math.ceil(this.localPagination.total / this.localPagination.pageSize)
584
- if (this.localPagination.current < totalPages) {
585
+ const totalPages = (this.localPagination && this.localPagination.pageSize)
586
+ ? Math.ceil(((this.localPagination.total || 0) / (this.localPagination.pageSize || 1)))
587
+ : 0
588
+ if (totalPages > 0 && this.localPagination.current < totalPages) {
585
589
  this.pageSize = this.localPagination.pageSize
586
590
  this.pageNum = totalPages
587
591
  this.loadData({
@@ -596,7 +600,9 @@ export default {
596
600
 
597
601
  {/* 分页信息 */}
598
602
  <div class="custom-pagination-info">
599
- 共{Math.ceil(this.localPagination.total / this.localPagination.pageSize)}页, {this.localPagination.total}条
603
+ 共{(this.localPagination && this.localPagination.pageSize)
604
+ ? Math.ceil(((this.localPagination.total || 0) / (this.localPagination.pageSize || 1)))
605
+ : 0}页, {(this.localPagination && typeof this.localPagination.total !== 'undefined') ? this.localPagination.total : 0}条
600
606
  </div>
601
607
  </div>
602
608
  ) : (
@@ -1,128 +1,128 @@
1
- const { homePage } = require('../../config')
2
- // 视图组件
3
- const view = {
4
- tabs: () => import('@vue2-client/layouts/tabs'),
5
- blank: () => import('@vue2-client/layouts/BlankView'),
6
- page: () => import('@vue2-client/layouts/PageView'),
7
- // his-web$ceshiGrid?type=GridView&configName=RxPreparedMed
8
- gridView: () => import('@vue2-client/layouts/GridView'),
9
- login: () => import('@vue2-client/pages/login/Login'),
10
- loginv3: () => import('@vue2-client/pages/login/LoginV3')
11
- }
12
- // 动态路由对象定义
13
- const routerResource = {}
14
- // --------------------------------------基本视图组件--------------------------------------
15
- // 空白视图
16
- routerResource.blank = view.blank
17
- // 单页面视图
18
- routerResource.singlePage = view.blank
19
- // 栅格配置视图
20
- routerResource.gridView = () => import('@vue2-client/layouts/GridView')
21
- // 测试
22
- routerResource.businessQuery = view.blank
23
- // 业务查询 - 收费查询
24
- routerResource.chargeQuery = () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue')
25
- // --------------------------------------仪表盘--------------------------------------
26
- routerResource.dashboard = view.blank
27
- // 工作台
28
- routerResource.workplace = () =>
29
- import('@vue2-client/pages/dashboard/workplace')
30
- // --------------------------------------系统配置--------------------------------------
31
- routerResource.system = view.blank
32
- // 字典管理
33
- routerResource.dictionaryManage = () => import('@vue2-client/pages/system/dictionary')
34
- // 文件管理
35
- routerResource.fileManager = () => import('@vue2-client/pages/system/file')
36
- // 登录日志
37
- routerResource.loginInfor = () => import('@vue2-client/pages/system/monitor/loginInfor')
38
- // 操作日志
39
- routerResource.operLog = () => import('@vue2-client/pages/system/monitor/operLog')
40
- // 系统问题反馈工单
41
- routerResource.submitTicket = () => import('@vue2-client/pages/system/ticket')
42
- // 通用服务评价
43
- routerResource.ServiceReview = () => import('@vue2-client/pages/ServiceReview')
44
- // 系统设置
45
- routerResource.settings = () => import('@vue2-client/pages/system/settings')
46
- // 页面编辑器
47
- routerResource.editablePage = () => import('@vue2-client/pages/lowCode/lowCodeEditor.vue')
48
- // 数据检索
49
- routerResource.dynamicStatistics = () => import('@vue2-client/pages/DynamicStatistics')
50
- // 数据检索(新)
51
- routerResource.newDynamicStatistics = () => import('@vue2-client/pages/NewDynamicStatistics')
52
- // 示例页面
53
- routerResource.example = {
54
- path: 'example',
55
- name: '示例主页面',
56
- // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo2.vue'),
57
- // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
58
- // component: () => import('@vue2-client/pages/addressSelect/addressDemo.vue'),
59
- // component: () => import('@vue2-client/base-client/components/common/XDescriptions/demo.vue'),
60
- // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
61
- // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
62
- // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
63
- // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
64
- // component: () => import('@vue2-client/base-client/components/common/XDatePicker/demo.vue'),
65
- // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
66
- // component: () => import('@vue2-client/base-client/components/common/XRate/demo.vue'),
67
- // component: () => import('@vue2-client/base-client/components/common/XForm/demo.vue'),
68
- // component: () => import('@vue2-client/base-client/components/his/XTimeSelect/XTimeSelectDemo.vue'),
69
- // component: () => import('@vue2-client/base-client/components/his/XImportExcelButton/XFrontImportExcelDemo.vue'),
70
- // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
71
- // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
72
- // component: () => import('@vue2-client/pages/XPageViewExample/index.vue'),
73
- // component: () => import('@vue2-client/base-client/components/common/XButtons/XButtonDemo.vue'),
74
- // component: () => import('@vue2-client/base-client/components/common/XLabelSelect/XLabelSelectDemo.vue'),
75
- // component: () => import('@vue2-client/base-client/components/common/XCheckList/XCheckList.vue'),
76
- // component: () => import('@vue2-client/base-client/components/common/XPrint/Demo.vue'),
77
- // component: () => import('@vue2-client/base-client/components/AI/demo.vue'),
78
- // component: () => import('@vue2-client/components/g2Charts/demo.vue'),
79
- // component: () => import('@vue2-client/pages/LogicCallExample/index.vue'),
80
- // component: () => import('@vue2-client/components/FilePreview/FilePreviewDemo.vue'),
81
- // component: () => import('@vue2-client/pages/ReportGrid/index.vue'),
82
- component: () => import('@vue2-client/base-client/components/common/HIS/demo.vue'),
83
- }
84
- // routerResource.example = () =>
85
- // import('@vue2-client/pages/Example')
86
- routerResource.XReportView = () => import('@vue2-client/pages/XReportView')
87
-
88
- routerResource.XReportGrid = () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo')
89
-
90
- routerResource.XTab = () => import('@vue2-client/base-client/components/common/XTab/XTabDemo')
91
-
92
- // 基础路由组件注册
93
- const routerMap = {
94
- login: {
95
- authority: '*',
96
- path: '/login',
97
- component: process.env.VUE_APP_LOGIN_VERSION === 'V3'
98
- ? view.loginv3 : view.login
99
- },
100
- root: {
101
- path: '/',
102
- name: '首页',
103
- // 只有在非微前端环境下才进行重定向,或者通过环境变量控制
104
- redirect: window.__MICRO_APP_ENVIRONMENT__ ? undefined : homePage,
105
- component: process.env.VUE_APP_SINGLE_PAPER === 'TRUE' ? view.blank : view.tabs,
106
- },
107
- exp403: {
108
- authority: '*',
109
- name: 'exp403',
110
- path: '403',
111
- component: () =>
112
- import('@vue2-client/pages/exception/403')
113
- },
114
- exp404: {
115
- name: 'exp404',
116
- path: '404',
117
- component: () =>
118
- import('@vue2-client/pages/exception/404')
119
- },
120
- exp500: {
121
- name: 'exp500',
122
- path: '500',
123
- component: () =>
124
- import('@vue2-client/pages/exception/500')
125
- }
126
- }
127
- Object.assign(routerMap, routerResource)
128
- export default routerMap
1
+ const { homePage } = require('../../config')
2
+ // 视图组件
3
+ const view = {
4
+ tabs: () => import('@vue2-client/layouts/tabs'),
5
+ blank: () => import('@vue2-client/layouts/BlankView'),
6
+ page: () => import('@vue2-client/layouts/PageView'),
7
+ // his-web$ceshiGrid?type=GridView&configName=RxPreparedMed
8
+ gridView: () => import('@vue2-client/layouts/GridView'),
9
+ login: () => import('@vue2-client/pages/login/Login'),
10
+ loginv3: () => import('@vue2-client/pages/login/LoginV3')
11
+ }
12
+ // 动态路由对象定义
13
+ const routerResource = {}
14
+ // --------------------------------------基本视图组件--------------------------------------
15
+ // 空白视图
16
+ routerResource.blank = view.blank
17
+ // 单页面视图
18
+ routerResource.singlePage = view.blank
19
+ // 栅格配置视图
20
+ routerResource.gridView = () => import('@vue2-client/layouts/GridView')
21
+ // 测试
22
+ routerResource.businessQuery = view.blank
23
+ // 业务查询 - 收费查询
24
+ routerResource.chargeQuery = () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue')
25
+ // --------------------------------------仪表盘--------------------------------------
26
+ routerResource.dashboard = view.blank
27
+ // 工作台
28
+ routerResource.workplace = () =>
29
+ import('@vue2-client/pages/dashboard/workplace')
30
+ // --------------------------------------系统配置--------------------------------------
31
+ routerResource.system = view.blank
32
+ // 字典管理
33
+ routerResource.dictionaryManage = () => import('@vue2-client/pages/system/dictionary')
34
+ // 文件管理
35
+ routerResource.fileManager = () => import('@vue2-client/pages/system/file')
36
+ // 登录日志
37
+ routerResource.loginInfor = () => import('@vue2-client/pages/system/monitor/loginInfor')
38
+ // 操作日志
39
+ routerResource.operLog = () => import('@vue2-client/pages/system/monitor/operLog')
40
+ // 系统问题反馈工单
41
+ routerResource.submitTicket = () => import('@vue2-client/pages/system/ticket')
42
+ // 通用服务评价
43
+ routerResource.ServiceReview = () => import('@vue2-client/pages/ServiceReview')
44
+ // 系统设置
45
+ routerResource.settings = () => import('@vue2-client/pages/system/settings')
46
+ // 页面编辑器
47
+ routerResource.editablePage = () => import('@vue2-client/pages/lowCode/lowCodeEditor.vue')
48
+ // 数据检索
49
+ routerResource.dynamicStatistics = () => import('@vue2-client/pages/DynamicStatistics')
50
+ // 数据检索(新)
51
+ routerResource.newDynamicStatistics = () => import('@vue2-client/pages/NewDynamicStatistics')
52
+ // 示例页面
53
+ routerResource.example = {
54
+ path: 'example',
55
+ name: '示例主页面',
56
+ // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo2.vue'),
57
+ // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
58
+ // component: () => import('@vue2-client/pages/addressSelect/addressDemo.vue'),
59
+ // component: () => import('@vue2-client/base-client/components/common/XDescriptions/demo.vue'),
60
+ // component: () => import('@vue2-client/base-client/components/common/XAddNativeForm/demo.vue'),
61
+ // component: () => import('@vue2-client/base-client/components/common/XFormGroup/demo.vue'),
62
+ // component: () => import('@vue2-client/base-client/components/common/XReport/XReportDemo.vue'),
63
+ // component: () => import('@vue2-client/base-client/components/common/XFormTable/demo.vue'),
64
+ // component: () => import('@vue2-client/base-client/components/common/XDatePicker/demo.vue'),
65
+ // component: () => import('@vue2-client/base-client/components/common/XTab/XTabDemo.vue'),
66
+ // component: () => import('@vue2-client/base-client/components/common/XRate/demo.vue'),
67
+ // component: () => import('@vue2-client/base-client/components/common/XForm/demo.vue'),
68
+ // component: () => import('@vue2-client/base-client/components/his/XTimeSelect/XTimeSelectDemo.vue'),
69
+ // component: () => import('@vue2-client/base-client/components/his/XImportExcelButton/XFrontImportExcelDemo.vue'),
70
+ // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
71
+ // component: () => import('@vue2-client/pages/WorkflowDetail/WorkFlowDemo.vue'),
72
+ // component: () => import('@vue2-client/pages/XPageViewExample/index.vue'),
73
+ // component: () => import('@vue2-client/base-client/components/common/XButtons/XButtonDemo.vue'),
74
+ // component: () => import('@vue2-client/base-client/components/common/XLabelSelect/XLabelSelectDemo.vue'),
75
+ // component: () => import('@vue2-client/base-client/components/common/XCheckList/XCheckList.vue'),
76
+ // component: () => import('@vue2-client/base-client/components/common/XPrint/Demo.vue'),
77
+ // component: () => import('@vue2-client/base-client/components/AI/demo.vue'),
78
+ // component: () => import('@vue2-client/components/g2Charts/demo.vue'),
79
+ // component: () => import('@vue2-client/pages/LogicCallExample/index.vue'),
80
+ // component: () => import('@vue2-client/components/FilePreview/FilePreviewDemo.vue'),
81
+ // component: () => import('@vue2-client/pages/ReportGrid/index.vue'),
82
+ component: () => import('@vue2-client/base-client/components/common/HIS/demo.vue'),
83
+ }
84
+ // routerResource.example = () =>
85
+ // import('@vue2-client/pages/Example')
86
+ routerResource.XReportView = () => import('@vue2-client/pages/XReportView')
87
+
88
+ routerResource.XReportGrid = () => import('@vue2-client/base-client/components/common/XReportGrid/XReportDemo')
89
+
90
+ routerResource.XTab = () => import('@vue2-client/base-client/components/common/XTab/XTabDemo')
91
+
92
+ // 基础路由组件注册
93
+ const routerMap = {
94
+ login: {
95
+ authority: '*',
96
+ path: '/login',
97
+ component: process.env.VUE_APP_LOGIN_VERSION === 'V3'
98
+ ? view.loginv3 : view.login
99
+ },
100
+ root: {
101
+ path: '/',
102
+ name: '首页',
103
+ // 只有在非微前端环境下才进行重定向,或者通过环境变量控制
104
+ redirect: window.__MICRO_APP_ENVIRONMENT__ ? undefined : homePage,
105
+ component: process.env.VUE_APP_SINGLE_PAPER === 'TRUE' ? view.blank : view.tabs,
106
+ },
107
+ exp403: {
108
+ authority: '*',
109
+ name: 'exp403',
110
+ path: '403',
111
+ component: () =>
112
+ import('@vue2-client/pages/exception/403')
113
+ },
114
+ exp404: {
115
+ name: 'exp404',
116
+ path: '404',
117
+ component: () =>
118
+ import('@vue2-client/pages/exception/404')
119
+ },
120
+ exp500: {
121
+ name: 'exp500',
122
+ path: '500',
123
+ component: () =>
124
+ import('@vue2-client/pages/exception/500')
125
+ }
126
+ }
127
+ Object.assign(routerMap, routerResource)
128
+ export default routerMap
@@ -1,32 +0,0 @@
1
- <script>
2
- import XCharge from './XCharge.vue'
3
- export default {
4
- name: 'XChargeDemo',
5
- components: {
6
- XCharge,
7
- },
8
- data () {
9
- return {
10
- queryParamsName: '收费组件Config'
11
- }
12
- },
13
- methods: {
14
- change1 (e, item) {
15
- console.log(e, item)
16
- },
17
- method (value) {
18
- console.log(value)
19
- }
20
- }
21
- }
22
- </script>
23
-
24
- <template>
25
- <x-charge :queryParamsName="queryParamsName" @method="method" @change="change1"></x-charge>
26
- </template>
27
-
28
- <style scoped>
29
- .test{
30
- margin-right: 10px;
31
- }
32
- </style>