bri-components 1.3.60 → 1.3.62

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,18 +1,19 @@
1
1
  <template>
2
2
  <div class="DshFlatTable">
3
- <!-- 操作按钮 -->
4
- <dsh-buttons
5
- class="DshFlatTable-btns"
6
- itemClass="DshFlatTable-btns-item"
7
- :list="$getOperationList(topOperationBtns)"
8
- @click="$dispatchEvent($event)"
9
- ></dsh-buttons>
3
+ <!-- 顶部 -->
4
+ <dsh-render :render="getTableTopRender()"></dsh-render>
5
+
6
+ <!-- 搜索条件 -->
7
+ <dsh-render
8
+ v-if="!this.isEnlarge"
9
+ :render="topSearchRender"
10
+ ></dsh-render>
10
11
 
11
12
  <!-- 表格 -->
12
13
  <bri-table
13
14
  class="DshFlatTable-main"
14
15
  :columns="showColumns"
15
- :data="allListData"
16
+ :data="renderedListData"
16
17
  :footer-data="footerData"
17
18
  :propsObj="tablePropsObj"
18
19
  @changeSelect="changeSelect"
@@ -20,24 +21,30 @@
20
21
  ></bri-table>
21
22
 
22
23
  <!-- 添加行 -->
23
- <dsh-buttons
24
- class="DshFlatTable-create"
25
- :list="$getOperationList(['canCreate'])"
26
- @click="$dispatchEvent($event, null, null, allListData)"
27
- ></dsh-buttons>
24
+ <dsh-render :render="createOperationRender"></dsh-render>
28
25
 
29
- <!-- 全屏查看 -->
26
+ <!-- 全屏模式 -->
30
27
  <dsh-modal
28
+ class="DshFlatTable-fullscreen"
31
29
  v-model="isEnlarge"
32
30
  :mode="modalPropsObj.mode"
33
31
  :propsObj="modalPropsObj"
34
32
  >
35
- <template v-if="isEnlargeFlag">
33
+ <div
34
+ v-if="isEnlargeFlag"
35
+ class="DshFlatTable-fullscreen-inner"
36
+ >
37
+ <!-- 顶部 -->
38
+ <dsh-render :render="getTableTopRender(true)"></dsh-render>
39
+
40
+ <!-- 搜索条件 -->
41
+ <dsh-render :render="topSearchRender"></dsh-render>
42
+
36
43
  <!-- 表格 -->
37
44
  <bri-table
38
45
  class="DshFlatTable-main"
39
46
  :columns="showColumns"
40
- :data="allListData"
47
+ :data="renderedListData"
41
48
  :footer-data="footerData"
42
49
  :propsObj="tablePropsObj"
43
50
  @changeSelect="changeSelect"
@@ -45,39 +52,26 @@
45
52
  ></bri-table>
46
53
 
47
54
  <!-- 添加行 -->
48
- <dsh-buttons
49
- class="DshFlatTable-create"
50
- :list="$getOperationList(['canCreate'])"
51
- @click="$dispatchEvent($event, null, null, allListData)"
52
- ></dsh-buttons>
53
- </template>
55
+ <dsh-render :render="createOperationRender"></dsh-render>
56
+ </div>
54
57
  </dsh-modal>
55
58
 
56
- <!-- 导入模态框 -->
57
- <flat-table-import-modal
58
- v-if="showImportModal"
59
- v-model="showImportModal"
60
- :propsObj="propsObj"
61
- :importParams="importParams"
62
- @importCb="importCb"
63
- ></flat-table-import-modal>
59
+ <!-- 各种模态框共用 -->
60
+ <dsh-render :render="dshRender"></dsh-render>
64
61
  </div>
65
62
  </template>
66
63
 
67
64
  <script>
68
65
  import tableBaseMixin from "./mixins/tableBaseMixin.js";
69
- import flatTableMixin from "./mixins/flatTableMixin.js";
70
- import flatTableImportModal from "./common/flatTableImportModal.vue";
66
+ import DshFlatTableMixin from "./mixins/DshFlatTableMixin.js";
71
67
 
72
68
  export default {
73
69
  name: "DshFlatTable",
74
70
  mixins: [
75
71
  tableBaseMixin,
76
- flatTableMixin
72
+ DshFlatTableMixin
77
73
  ],
78
- components: {
79
- flatTableImportModal
80
- },
74
+ components: {},
81
75
  props: {},
82
76
  data () {
83
77
  return {};
@@ -90,23 +84,16 @@
90
84
 
91
85
  <style lang="less" scoped>
92
86
  .DshFlatTable {
93
- &-btns {
94
- margin-bottom: 3px;
95
- text-align: right;
96
- color: @textColor;
97
-
98
- &-item {
99
-
100
- }
101
- }
102
87
 
103
88
  &-main {
104
89
  width: 100%;
105
90
  height: auto;
106
91
  }
107
92
 
108
- &-create {
109
- margin-top: 3px;
93
+ &-fullscreen {
94
+ &-inner {
95
+ padding: 10px 20px;
96
+ }
110
97
  }
111
98
  }
112
99
  </style>