vue2-client 1.17.48 → 1.17.49

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,143 +1,113 @@
1
- <template>
2
- <a-card :bordered="false">
3
- <x-form-table
4
- title="示例表单"
5
- queryParamsName="ceshiCRUD"
6
- :fixedAddForm="fixedAddForm"
7
- :externalSelectedRowKeys="selectedKeys"
8
- @action="action"
9
- @selectRow="selectRow"
10
- @columnClick="columnClick"
11
- @ceshi="ceshi"
12
- serviceName="af-safecheck"
13
- ref="xFormTable"
14
- >
15
- </x-form-table>
16
- <a-modal
17
- v-model="formModalVisible"
18
- title="工单回访"
19
- :zIndex="1002"
20
- width="50vw"
21
- :destroy-on-close="true"
22
- @cancel="formModalVisible = false"
23
- >
24
- <x-add-native-form
25
- ref="xForm"
26
- />
27
- </a-modal>
28
- </a-card>
29
- </template>
30
-
31
- <script>
32
- import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
33
- import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
34
- import { microDispatch } from '@vue2-client/utils/microAppUtils'
35
- import { getConfigByNameAsync } from '@vue2-client/services/api/common'
36
-
37
- export default {
38
- name: 'Demo',
39
- components: {
40
- XFormTable,
41
- XAddNativeForm,
42
- },
43
- data () {
44
- return {
45
- // 查询配置文件名
46
- queryParamsName: 'ceshiCRUD',
47
- // 查询配置左侧tree
48
- xTreeConfigName: 'addressType',
49
- // 新增表单固定值
50
- fixedAddForm: {},
51
- // 是否显示详情抽屉
52
- detailVisible: false,
53
- // 当前记录
54
- record: {},
55
- // 选中的行keys
56
- selectedKeys: [],
57
- selected: {
58
- keys: [],
59
- rows: [],
60
- },
61
- formModalVisible: false,
62
- }
63
- },
64
- methods: {
65
- // input框 行編輯參數傳遞
66
- ceshi (...args) {
67
- // attr, value, currentRecord, currentIndex, nextRecord, nextIndex
68
- const [attr, value, currentRecord, currentIndex, nextRecord, nextIndex] =
69
- args
70
- console.log(
71
- 'ceshi',
72
- attr,
73
- value,
74
- currentRecord,
75
- currentIndex,
76
- nextRecord,
77
- nextIndex
78
- )
79
- // 示例:当按下 Enter 键且有下一行时,跳转到下一行的同一列
80
- // 可以在这里执行业务逻辑(例如:保存数据)
81
- console.log('当前行:', currentIndex, '下一行:', nextIndex)
82
- if (!nextIndex) {
83
- this.$message.warning('没有下一行')
84
- return
85
- }
86
- // 跳转到下一行的同一列
87
- this.$refs.xFormTable.$refs.xTable.focusInput(nextIndex, attr.model)
88
- },
89
- test () {
90
- this.$refs.xFormTable.setTableData([])
91
- },
92
- defaultF () {
93
- this.$refs.xFormTable.setTableSize('default')
94
- },
95
- middleF () {
96
- this.$refs.xFormTable.setTableSize('middle')
97
- },
98
- smallF () {
99
- this.$refs.xFormTable.setTableSize('small')
100
- },
101
- columnClick (key, value, record) {
102
- microDispatch({
103
- type: 'v3route',
104
- path: '/bingliguanli/dianzibingliluru',
105
- props: { selected: arguments[0].his_f_admission_id },
106
- })
107
- },
108
- action (record, id, actionType) {
109
- getConfigByNameAsync('backVisitForm', 'af-telephone').then(config => {
110
- this.formModalVisible = true
111
- this.$nextTick(
112
- () => {
113
- this.formModalVisible = true
114
- this.$refs.xForm.init({
115
- formItems: config.formJson,
116
- title: '工单回访',
117
- businessType: '新增',
118
- ...config,
119
- modifyModelData: { data: { id: 1 } },
120
- })
121
- })
122
- })
123
- // this.detailVisible = true
124
- // console.log('触发了详情操作', record, id, actionType)
125
- },
126
- onClose () {
127
- this.detailVisible = false
128
- // 关闭详情之后重新查询表单
129
- this.$refs.xFormTable.refreshTable(true)
130
- },
131
- selectRow (selectedRowKeys, selectedRows) {
132
- this.selected = {
133
- keys: selectedRowKeys,
134
- rows: selectedRows,
135
- }
136
- console.log('selectedDemo', this.selected)
137
- },
138
- },
139
- computed: {},
140
- }
141
- </script>
142
-
143
- <style scoped></style>
1
+ <template>
2
+ <a-card :bordered="false">
3
+ <x-form-table
4
+ title="示例表单"
5
+ :queryParamsName="queryParamsName"
6
+ :fixedAddForm="fixedAddForm"
7
+ :externalSelectedRowKeys="selectedKeys"
8
+ @action="action"
9
+ @selectRow="selectRow"
10
+ @columnClick="columnClick"
11
+ @ceshi="ceshi"
12
+ serviceName="af-revenue"
13
+ ref="xFormTable"
14
+ >
15
+ </x-form-table>
16
+ </a-card>
17
+ </template>
18
+
19
+ <script>
20
+ import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
21
+ import { microDispatch } from '@vue2-client/utils/microAppUtils'
22
+
23
+ export default {
24
+ name: 'Demo',
25
+ components: {
26
+ XFormTable,
27
+ },
28
+ data () {
29
+ return {
30
+ // 查询配置文件名
31
+ queryParamsName: 'ceshiCRUD',
32
+ // 查询配置左侧tree
33
+ xTreeConfigName: 'addressType',
34
+ // 新增表单固定值
35
+ fixedAddForm: {},
36
+ // 是否显示详情抽屉
37
+ detailVisible: false,
38
+ // 当前记录
39
+ record: {},
40
+ // 选中的行keys
41
+ selectedKeys: [],
42
+ selected: {
43
+ keys: [],
44
+ rows: [],
45
+ },
46
+ }
47
+ },
48
+ methods: {
49
+ // input框 行編輯參數傳遞
50
+ ceshi (...args) {
51
+ // attr, value, currentRecord, currentIndex, nextRecord, nextIndex
52
+ const [attr, value, currentRecord, currentIndex, nextRecord, nextIndex] =
53
+ args
54
+ console.log(
55
+ 'ceshi',
56
+ attr,
57
+ value,
58
+ currentRecord,
59
+ currentIndex,
60
+ nextRecord,
61
+ nextIndex
62
+ )
63
+ // 示例:当按下 Enter 键且有下一行时,跳转到下一行的同一列
64
+ // 可以在这里执行业务逻辑(例如:保存数据)
65
+ console.log('当前行:', currentIndex, '下一行:', nextIndex)
66
+ if (!nextIndex) {
67
+ this.$message.warning('没有下一行')
68
+ return
69
+ }
70
+ // 跳转到下一行的同一列
71
+ this.$refs.xFormTable.$refs.xTable.focusInput(nextIndex, attr.model)
72
+ },
73
+ test () {
74
+ this.$refs.xFormTable.setTableData([])
75
+ },
76
+ defaultF () {
77
+ this.$refs.xFormTable.setTableSize('default')
78
+ },
79
+ middleF () {
80
+ this.$refs.xFormTable.setTableSize('middle')
81
+ },
82
+ smallF () {
83
+ this.$refs.xFormTable.setTableSize('small')
84
+ },
85
+ columnClick (key, value, record) {
86
+ microDispatch({
87
+ type: 'v3route',
88
+ path: '/bingliguanli/dianzibingliluru',
89
+ props: { selected: arguments[0].his_f_admission_id },
90
+ })
91
+ },
92
+ action (record, id, actionType) {
93
+ this.detailVisible = true
94
+ console.log('触发了详情操作', record, id, actionType)
95
+ },
96
+ onClose () {
97
+ this.detailVisible = false
98
+ // 关闭详情之后重新查询表单
99
+ this.$refs.xFormTable.refreshTable(true)
100
+ },
101
+ selectRow (selectedRowKeys, selectedRows) {
102
+ this.selected = {
103
+ keys: selectedRowKeys,
104
+ rows: selectedRows,
105
+ }
106
+ console.log('selectedDemo', this.selected)
107
+ },
108
+ },
109
+ computed: {},
110
+ }
111
+ </script>
112
+
113
+ <style scoped></style>
@@ -1,186 +1,186 @@
1
- // print.js
2
-
3
- export function printElement (elementToPrint) {
4
- // 创建一个新的浏览器窗口
5
- const printWindow = window.open('', '_blank', 'height=1024,width=768')
6
- // 设置新窗口的文档内容
7
- printWindow.document.write(`
8
- <html>
9
- <head>
10
- <title>Print</title>
11
- <style>
12
- @page {
13
- size: auto;
14
- margin: 0mm;
15
- }
16
- html, body {
17
- margin: 0;
18
- padding: 0;
19
- width: 100%;
20
- height: 100%;
21
- }
22
- #print-container {
23
- display: none
24
- }
25
- .img{
26
- width: 95%;
27
- height: 180px;
28
- object-fit: cover;
29
- }
30
- .reportMain {
31
- text-align: center;
32
- margin: 0 auto;
33
- font-size: 16px;
34
- color: #000;
35
- background-color: #fff;
36
- padding: 15px;
37
- border-radius: 8px;
38
-
39
- .reportTitle {
40
- font-weight: bold;
41
- }
42
-
43
- .subTitle {
44
- display: flex;
45
- justify-content: space-between;
46
- margin-bottom: 1%;
47
-
48
- .subTitleItems {
49
- max-width: 30%;
50
- }
51
- }
52
-
53
- .inputsDiv {
54
- display: flex;
55
- justify-content: space-between;
56
- .inputsDivItem {
57
- display: flex;
58
- align-items: center;
59
- padding: 0 4px;
60
- white-space: nowrap;
61
- .inputsDivItemLabel {
62
- padding: 0 4px;
63
- }
64
- }
65
- }
66
-
67
- .reportTable {
68
- width: 100%;
69
- border-collapse: collapse;
70
- table-layout:fixed;
71
- word-break:break-all;
72
- text-align: center;
73
- }
74
- }
75
- .reportMainForDisplay {
76
- text-align: center;
77
- margin: 10% auto;
78
- font-size: 16px;
79
- color: #000;
80
- background-color: #fff;
81
- padding: 15px;
82
- border-radius: 8px;
83
-
84
- .reportTitle {
85
- font-weight: bold;
86
- }
87
-
88
- .subTitle {
89
- display: flex;
90
- justify-content: space-between;
91
-
92
- .subTitleItems {
93
- max-width: 30%;
94
- }
95
- }
96
-
97
- .inputsDiv {
98
- display: flex;
99
- justify-content: space-around;
100
- .inputsDivItem {
101
- display: flex;
102
- align-items: center;
103
- padding: 0 4px;
104
- white-space: nowrap;
105
- .inputsDivItemLabel {
106
- padding: 0 4px;
107
- }
108
- }
109
- }
110
-
111
- .reportTable {
112
- width: 100%;
113
- border-collapse: collapse;
114
- table-layout:fixed;
115
- word-break:break-all;
116
- }
117
- }
118
- .reportMainNoPadding {
119
- text-align: center;
120
- margin: 0 auto;
121
- font-size: 16px;
122
- color: #000;
123
- background-color: #fff;
124
- border-radius: 8px;
125
-
126
- .reportTitle {
127
- font-weight: bold;
128
- }
129
-
130
- .subTitle {
131
- display: flex;
132
- justify-content: space-between;
133
-
134
- .subTitleItems {
135
- max-width: 30%;
136
- }
137
- }
138
-
139
- .inputsDiv {
140
- display: flex;
141
- justify-content: space-between;
142
- .inputsDivItem {
143
- display: flex;
144
- align-items: center;
145
- padding: 0 4px;
146
- white-space: nowrap;
147
- .inputsDivItemLabel {
148
- padding: 0 4px;
149
- }
150
- }
151
- }
152
-
153
- .reportTable {
154
- width: 100%;
155
- border-collapse: collapse;
156
- table-layout:fixed;
157
- word-break:break-all;
158
- }
159
- }
160
- .tools{
161
- position: fixed;
162
- right: 2%;
163
- text-align: right;
164
- width: 60%;
165
- cursor: pointer;
166
- .toolsItem{
167
- width: 15%;
168
- margin-right: 3%;
169
- display: inline-block;
170
- }
171
- }
172
- </style>
173
- </head>
174
- <body>
175
- <!-- 将需要打印的元素内容复制到新窗口中 -->
176
- ${elementToPrint.innerHTML}
177
- </body>
178
- </html>
179
- `)
180
- // 延迟执行打印,以确保新窗口的内容已加载完成
181
- printWindow.document.close() // 关闭文档流,确保内容完全加载
182
- setTimeout(() => {
183
- printWindow.print() // 调用打印方法
184
- printWindow.close()
185
- }, 500) // 延迟500毫秒后执行打印
186
- }
1
+ // print.js
2
+
3
+ export function printElement (elementToPrint) {
4
+ // 创建一个新的浏览器窗口
5
+ const printWindow = window.open('', '_blank', 'height=1024,width=768')
6
+ // 设置新窗口的文档内容
7
+ printWindow.document.write(`
8
+ <html>
9
+ <head>
10
+ <title>Print</title>
11
+ <style>
12
+ @page {
13
+ size: auto;
14
+ margin: 0mm;
15
+ }
16
+ html, body {
17
+ margin: 0;
18
+ padding: 0;
19
+ width: 100%;
20
+ height: 100%;
21
+ }
22
+ #print-container {
23
+ display: none
24
+ }
25
+ .img{
26
+ width: 95%;
27
+ height: 180px;
28
+ object-fit: cover;
29
+ }
30
+ .reportMain {
31
+ text-align: center;
32
+ margin: 0 auto;
33
+ font-size: 16px;
34
+ color: #000;
35
+ background-color: #fff;
36
+ padding: 15px;
37
+ border-radius: 8px;
38
+
39
+ .reportTitle {
40
+ font-weight: bold;
41
+ }
42
+
43
+ .subTitle {
44
+ display: flex;
45
+ justify-content: space-between;
46
+ margin-bottom: 1%;
47
+
48
+ .subTitleItems {
49
+ max-width: 30%;
50
+ }
51
+ }
52
+
53
+ .inputsDiv {
54
+ display: flex;
55
+ justify-content: space-between;
56
+ .inputsDivItem {
57
+ display: flex;
58
+ align-items: center;
59
+ padding: 0 4px;
60
+ white-space: nowrap;
61
+ .inputsDivItemLabel {
62
+ padding: 0 4px;
63
+ }
64
+ }
65
+ }
66
+
67
+ .reportTable {
68
+ width: 100%;
69
+ border-collapse: collapse;
70
+ table-layout:fixed;
71
+ word-break:break-all;
72
+ text-align: center;
73
+ }
74
+ }
75
+ .reportMainForDisplay {
76
+ text-align: center;
77
+ margin: 10% auto;
78
+ font-size: 16px;
79
+ color: #000;
80
+ background-color: #fff;
81
+ padding: 15px;
82
+ border-radius: 8px;
83
+
84
+ .reportTitle {
85
+ font-weight: bold;
86
+ }
87
+
88
+ .subTitle {
89
+ display: flex;
90
+ justify-content: space-between;
91
+
92
+ .subTitleItems {
93
+ max-width: 30%;
94
+ }
95
+ }
96
+
97
+ .inputsDiv {
98
+ display: flex;
99
+ justify-content: space-around;
100
+ .inputsDivItem {
101
+ display: flex;
102
+ align-items: center;
103
+ padding: 0 4px;
104
+ white-space: nowrap;
105
+ .inputsDivItemLabel {
106
+ padding: 0 4px;
107
+ }
108
+ }
109
+ }
110
+
111
+ .reportTable {
112
+ width: 100%;
113
+ border-collapse: collapse;
114
+ table-layout:fixed;
115
+ word-break:break-all;
116
+ }
117
+ }
118
+ .reportMainNoPadding {
119
+ text-align: center;
120
+ margin: 0 auto;
121
+ font-size: 16px;
122
+ color: #000;
123
+ background-color: #fff;
124
+ border-radius: 8px;
125
+
126
+ .reportTitle {
127
+ font-weight: bold;
128
+ }
129
+
130
+ .subTitle {
131
+ display: flex;
132
+ justify-content: space-between;
133
+
134
+ .subTitleItems {
135
+ max-width: 30%;
136
+ }
137
+ }
138
+
139
+ .inputsDiv {
140
+ display: flex;
141
+ justify-content: space-between;
142
+ .inputsDivItem {
143
+ display: flex;
144
+ align-items: center;
145
+ padding: 0 4px;
146
+ white-space: nowrap;
147
+ .inputsDivItemLabel {
148
+ padding: 0 4px;
149
+ }
150
+ }
151
+ }
152
+
153
+ .reportTable {
154
+ width: 100%;
155
+ border-collapse: collapse;
156
+ table-layout:fixed;
157
+ word-break:break-all;
158
+ }
159
+ }
160
+ .tools{
161
+ position: fixed;
162
+ right: 2%;
163
+ text-align: right;
164
+ width: 60%;
165
+ cursor: pointer;
166
+ .toolsItem{
167
+ width: 15%;
168
+ margin-right: 3%;
169
+ display: inline-block;
170
+ }
171
+ }
172
+ </style>
173
+ </head>
174
+ <body>
175
+ <!-- 将需要打印的元素内容复制到新窗口中 -->
176
+ ${elementToPrint.innerHTML}
177
+ </body>
178
+ </html>
179
+ `)
180
+ // 延迟执行打印,以确保新窗口的内容已加载完成
181
+ printWindow.document.close() // 关闭文档流,确保内容完全加载
182
+ setTimeout(() => {
183
+ printWindow.print() // 调用打印方法
184
+ printWindow.close()
185
+ }, 500) // 延迟500毫秒后执行打印
186
+ }