vue2-client 1.17.30 → 1.17.32

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,89 +1,89 @@
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
- serviceName="af-system"
12
- ref="xFormTable">
13
- </x-form-table>
14
- </a-card>
15
- </template>
16
-
17
- <script>
18
- import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
19
- import { microDispatch } from '@vue2-client/utils/microAppUtils'
20
-
21
- export default {
22
- name: 'Demo',
23
- components: {
24
- XFormTable
25
- },
26
- data () {
27
- return {
28
- // 查询配置文件名
29
- queryParamsName: 'ceshiCRUD',
30
- // 查询配置左侧tree
31
- xTreeConfigName: 'addressType',
32
- // 新增表单固定值
33
- fixedAddForm: {},
34
- // 是否显示详情抽屉
35
- detailVisible: false,
36
- // 当前记录
37
- record: {},
38
- // 选中的行keys
39
- selectedKeys: [],
40
- selected: {
41
- keys: [],
42
- rows: []
43
- }
44
- }
45
- },
46
- methods: {
47
- test () {
48
- this.$refs.xFormTable.setTableData([])
49
- },
50
- defaultF () {
51
- this.$refs.xFormTable.setTableSize('default')
52
- },
53
- middleF () {
54
- this.$refs.xFormTable.setTableSize('middle')
55
- },
56
- smallF () {
57
- this.$refs.xFormTable.setTableSize('small')
58
- },
59
- columnClick (key, value, record) {
60
- microDispatch({
61
- type: 'v3route',
62
- path: '/bingliguanli/dianzibingliluru',
63
- props: { selected: arguments[0].his_f_admission_id }
64
- })
65
- },
66
- action (record, id, actionType) {
67
- this.detailVisible = true
68
- console.log('触发了详情操作', record, id, actionType)
69
- },
70
- onClose () {
71
- this.detailVisible = false
72
- // 关闭详情之后重新查询表单
73
- this.$refs.xFormTable.refreshTable(true)
74
- },
75
- selectRow (selectedRowKeys, selectedRows) {
76
- this.selected = {
77
- keys: selectedRowKeys,
78
- rows: selectedRows
79
- }
80
- console.log('selectedDemo', this.selected)
81
- },
82
- },
83
- computed: {},
84
- }
85
- </script>
86
-
87
- <style scoped>
88
-
89
- </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
+ serviceName="af-system"
12
+ ref="xFormTable">
13
+ </x-form-table>
14
+ </a-card>
15
+ </template>
16
+
17
+ <script>
18
+ import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable.vue'
19
+ import { microDispatch } from '@vue2-client/utils/microAppUtils'
20
+
21
+ export default {
22
+ name: 'Demo',
23
+ components: {
24
+ XFormTable
25
+ },
26
+ data () {
27
+ return {
28
+ // 查询配置文件名
29
+ queryParamsName: 'ceshiCRUD',
30
+ // 查询配置左侧tree
31
+ xTreeConfigName: 'addressType',
32
+ // 新增表单固定值
33
+ fixedAddForm: {},
34
+ // 是否显示详情抽屉
35
+ detailVisible: false,
36
+ // 当前记录
37
+ record: {},
38
+ // 选中的行keys
39
+ selectedKeys: [],
40
+ selected: {
41
+ keys: [],
42
+ rows: []
43
+ }
44
+ }
45
+ },
46
+ methods: {
47
+ test () {
48
+ this.$refs.xFormTable.setTableData([])
49
+ },
50
+ defaultF () {
51
+ this.$refs.xFormTable.setTableSize('default')
52
+ },
53
+ middleF () {
54
+ this.$refs.xFormTable.setTableSize('middle')
55
+ },
56
+ smallF () {
57
+ this.$refs.xFormTable.setTableSize('small')
58
+ },
59
+ columnClick (key, value, record) {
60
+ microDispatch({
61
+ type: 'v3route',
62
+ path: '/bingliguanli/dianzibingliluru',
63
+ props: { selected: arguments[0].his_f_admission_id }
64
+ })
65
+ },
66
+ action (record, id, actionType) {
67
+ this.detailVisible = true
68
+ console.log('触发了详情操作', record, id, actionType)
69
+ },
70
+ onClose () {
71
+ this.detailVisible = false
72
+ // 关闭详情之后重新查询表单
73
+ this.$refs.xFormTable.refreshTable(true)
74
+ },
75
+ selectRow (selectedRowKeys, selectedRows) {
76
+ this.selected = {
77
+ keys: selectedRowKeys,
78
+ rows: selectedRows
79
+ }
80
+ console.log('selectedDemo', this.selected)
81
+ },
82
+ },
83
+ computed: {},
84
+ }
85
+ </script>
86
+
87
+ <style scoped>
88
+
89
+ </style>
@@ -617,7 +617,7 @@ export default {
617
617
  })
618
618
 
619
619
  // 处理子节点样式
620
- // this.parseNestedStyles(classConfig, childStyles)
620
+ this.parseNestedStyles(classConfig, childStyles)
621
621
  })
622
622
  return {
623
623
  rootStyles,
@@ -606,19 +606,20 @@ export default {
606
606
  </script>
607
607
 
608
608
  <style scoped lang="less">
609
- // 修复滚动条容器不影响表头高度
610
- :deep(.ant-table-hide-scrollbar) {
611
- scrollbar-color: auto !important;
612
- }
613
-
614
- // 修复表头间距
609
+ /* 精确修复表头空白问题 */
615
610
  :deep(.ant-table-fixed-header .ant-table-scroll .ant-table-header) {
616
- margin-bottom: -6px !important;
611
+ margin-bottom: 0 !important;
612
+ overflow-x: hidden !important;
613
+ }
614
+ /* 统一表头行高和垂直对齐 */
615
+ :deep(.ant-table-thead > tr) {
616
+ height: 54px !important;
617
+ line-height: 54px !important;
617
618
  }
618
-
619
- // 关键修复:让表头单元格可以超出边界显示
620
619
  :deep(.ant-table-thead > tr > th) {
621
- overflow: visible !important;
620
+ padding: 0 16px !important;
621
+ vertical-align: middle !important;
622
+ border-bottom: 1px solid #f0f0f0;
622
623
  }
623
624
  </style>
624
625
  <style>