agilebuilder-ui 1.1.36-p1 → 1.1.36-sit2
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.
- package/lib/{401-b8934d65.js → 401-ce759760.js} +1 -1
- package/lib/{404-743a4631.js → 404-5fcc1a6f.js} +1 -1
- package/lib/{iframe-page-5e102433.js → iframe-page-a51e6412.js} +1 -1
- package/lib/{index-a0c08bb5.js → index-51824aff.js} +1545 -1513
- package/lib/super-ui.css +1 -1
- package/lib/super-ui.js +1 -1
- package/lib/super-ui.umd.cjs +100 -100
- package/lib/{tab-content-iframe-index-e9b465bf.js → tab-content-iframe-index-b132e3ad.js} +1 -1
- package/lib/{tab-content-index-313404d0.js → tab-content-index-1af3948e.js} +1 -1
- package/lib/{tache-subprocess-history-7d87cd77.js → tache-subprocess-history-af6fbc5a.js} +1 -1
- package/package.json +1 -1
- package/packages/department-tree/src/department-tree.vue +130 -123
- package/packages/department-tree-inline/src/department-multi-tree-inline.vue +435 -466
- package/packages/department-tree-inline/src/department-single-tree-inline.vue +335 -342
- package/packages/department-tree-inline/src/department-tree-inline.vue +18 -11
- package/packages/department-tree-inline/src/department-tree-service.js +10 -11
- package/packages/department-tree-mobile/src/department-tree-app.vue +103 -75
- package/packages/department-tree-mobile/src/department-tree-inline-app.vue +256 -225
- package/packages/department-tree-mobile/src/department-tree-service.ts +98 -75
- package/packages/department-user-tree/src/department-user-multiple-tree.vue +111 -115
- package/packages/department-user-tree/src/department-user-single-tree.vue +85 -88
- package/packages/department-user-tree/src/department-user-tree.vue +127 -119
- package/packages/department-user-tree-inline/src/department-user-multiple-tree-inline.vue +6 -1
- package/packages/department-user-tree-inline/src/department-user-single-tree-inline.vue +5 -0
- package/packages/department-user-tree-inline/src/department-user-tree-inline.vue +18 -11
- package/packages/department-user-tree-inline/src/department-user-tree-multi-service.js +25 -51
- package/packages/department-user-tree-inline/src/group-user/group-list.vue +97 -90
- package/packages/department-user-tree-inline/src/group-user/group-user.vue +28 -32
- package/packages/department-user-tree-mobile/src/department-user-tree-app.vue +103 -75
- package/packages/department-user-tree-mobile/src/department-user-tree-inline-app.vue +282 -224
- package/packages/department-user-tree-mobile/src/department-user-tree-service.ts +58 -51
- package/packages/fs-upload-new/src/file-upload-mobile/file-upload-browser.vue +1 -1
- package/packages/organization-input/src/organization-input.vue +34 -12
- package/packages/super-grid/src/apis.js +21 -4
- package/packages/super-grid/src/dynamic-input.vue +1 -12
- package/packages/super-grid/src/normal-column-content.vue +2 -1
- package/packages/super-grid/src/row-operation.vue +23 -13
- package/packages/super-grid/src/super-grid.vue +51 -42
- package/packages/super-grid/src/utils.js +13 -8
- package/packages/super-icon/src/index.vue +4 -1
- package/packages/workgroup-tree/src/workgroup-tree.vue +117 -110
- package/packages/workgroup-tree-inline/src/workgroup-tree-inline.vue +6 -1
- package/packages/workgroup-tree-mobile/src/workgroup-tree-app.vue +103 -75
- package/packages/workgroup-tree-mobile/src/workgroup-tree-inline-app.vue +229 -208
- package/src/api/sso-service.js +6 -5
- package/src/store/modules/table.js +0 -1
- package/src/styles/theme/dark-blue/sidebar.scss +9 -0
- package/src/styles/theme/gray/sidebar.scss +9 -8
- package/src/styles/theme/green/sidebar.scss +10 -0
- package/src/styles/theme/ocean-blue/sidebar.scss +9 -0
- package/src/styles/theme/tiffany-blue-mobile/sidebar.scss +9 -0
- package/src/utils/insert_css.js +1 -1
- package/src/views/dsc-component/Sidebar/SidebarItem.vue +2 -2
- package/src/views/dsc-component/Sidebar/index.vue +36 -18
- package/src/views/layout/components/Menubar/Item.vue +0 -9
- package/src/views/layout/components/Menubar/SidebarItem.vue +2 -2
- package/src/views/layout/components/Sidebar/Item.vue +4 -1
- package/src/views/layout/components/Sidebar/SidebarItem.vue +2 -2
|
@@ -1,64 +1,71 @@
|
|
|
1
|
-
export function getTenant
|
|
1
|
+
export function getTenant() {
|
|
2
2
|
const parentId = 0
|
|
3
|
-
return window['$vueApp'].config.globalProperties.$http.get(
|
|
3
|
+
return window['$vueApp'].config.globalProperties.$http.get(
|
|
4
|
+
window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/departments/' + parentId
|
|
5
|
+
)
|
|
4
6
|
}
|
|
5
7
|
|
|
6
8
|
// 获得公司节点的孩子节点
|
|
7
|
-
export function getTenantChildren
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
export function getTenantChildren(departmentInfo, tenantNodeId, limitFilterColumn) {
|
|
10
|
+
if (departmentInfo && departmentInfo.length > 0) {
|
|
11
|
+
// 加载指定部门时,展开公司节点
|
|
12
|
+
return loadPointDepartments(departmentInfo, limitFilterColumn)
|
|
13
|
+
} else {
|
|
14
|
+
// 加载整个组织结构树时,展开公司节点
|
|
15
|
+
return loadDepartment(tenantNodeId, null)
|
|
16
|
+
}
|
|
16
17
|
}
|
|
17
18
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
// 加载指定部门节点
|
|
20
|
+
export function loadPointDepartments(departmentInfo, limitFilterColumn) {
|
|
21
|
+
return new Promise((resolve, reject) => {
|
|
22
|
+
let url = window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/point-department-users'
|
|
23
|
+
if (limitFilterColumn) {
|
|
24
|
+
url += '/' + limitFilterColumn
|
|
25
|
+
}
|
|
26
|
+
window['$vueApp'].config.globalProperties.$http.post(url, departmentInfo).then((children) => {
|
|
23
27
|
resolve(children)
|
|
24
28
|
})
|
|
25
29
|
})
|
|
26
30
|
}
|
|
27
31
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
branchId: null
|
|
35
|
-
}
|
|
36
|
-
if (branchId) {
|
|
37
|
-
param.branchId = branchId
|
|
38
|
-
}
|
|
39
|
-
return new Promise((resolve,reject)=>{
|
|
40
|
-
window['$vueApp'].config.globalProperties.$http.post(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/department-users', param)
|
|
41
|
-
.then(children => {
|
|
42
|
-
resolve(children)
|
|
43
|
-
})
|
|
44
|
-
})
|
|
32
|
+
// 加载当前节点的子节点
|
|
33
|
+
export function loadDepartment(parentId, branchId) {
|
|
34
|
+
let param = {
|
|
35
|
+
parentId: parentId,
|
|
36
|
+
needVirtualUser: false,
|
|
37
|
+
branchId: null
|
|
45
38
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
selectDepts.forEach(dept => {
|
|
49
|
-
defaultCheckedKeys.push(dept.nodeId)
|
|
50
|
-
})
|
|
51
|
-
}
|
|
52
|
-
// ,
|
|
53
|
-
// isDeptOrUser (item, dept) {
|
|
54
|
-
// return item.id === dept.id && item.nodeType && dept.nodeType && item.nodeType === dept.nodeType
|
|
55
|
-
// },
|
|
56
|
-
export function getUserInDepartments (departmentIds) {
|
|
57
|
-
return window['$vueApp'].config.globalProperties.$http.post(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/user-only-in-departments', departmentIds)
|
|
39
|
+
if (branchId) {
|
|
40
|
+
param.branchId = branchId
|
|
58
41
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
42
|
+
return new Promise((resolve, reject) => {
|
|
43
|
+
window['$vueApp'].config.globalProperties.$http
|
|
44
|
+
.post(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/department-users', param)
|
|
45
|
+
.then((children) => {
|
|
46
|
+
resolve(children)
|
|
47
|
+
})
|
|
48
|
+
})
|
|
49
|
+
}
|
|
50
|
+
export function checkedDeptDefault(selectDepts, defaultCheckedKeys) {
|
|
51
|
+
defaultCheckedKeys = []
|
|
52
|
+
selectDepts.forEach((dept) => {
|
|
53
|
+
defaultCheckedKeys.push(dept.nodeId)
|
|
54
|
+
})
|
|
55
|
+
}
|
|
56
|
+
// ,
|
|
57
|
+
// isDeptOrUser (item, dept) {
|
|
58
|
+
// return item.id === dept.id && item.nodeType && dept.nodeType && item.nodeType === dept.nodeType
|
|
59
|
+
// },
|
|
60
|
+
export function getUserInDepartments(departmentIds) {
|
|
61
|
+
return window['$vueApp'].config.globalProperties.$http.post(
|
|
62
|
+
window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/user-only-in-departments',
|
|
63
|
+
departmentIds
|
|
64
|
+
)
|
|
65
|
+
}
|
|
66
|
+
// getTenantNoDeptUsers () {
|
|
67
|
+
// return this.$http.get(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/tenant-no-dept-users')
|
|
68
|
+
// },
|
|
69
|
+
// getBranchNoDeptUsers (branchId) {
|
|
70
|
+
// return this.$http.get(window['$vueApp'].config.globalProperties.baseAPI + '/component/organization-trees/branch-no-dept-users/' + branchId)
|
|
71
|
+
// }
|
|
@@ -362,7 +362,7 @@ function validateCanUploadFile(file, limitFileSize) {
|
|
|
362
362
|
ElMessage({
|
|
363
363
|
showClose: true,
|
|
364
364
|
type: 'warning',
|
|
365
|
-
message: t('
|
|
365
|
+
message: t('imatrixUIMessage.exceedFileSize', { fileName: file.name, fileSize: limitFileSize })
|
|
366
366
|
})
|
|
367
367
|
// 返回false停止上传
|
|
368
368
|
isCanUpload = false
|
|
@@ -39,6 +39,7 @@
|
|
|
39
39
|
:search-field="searchField"
|
|
40
40
|
:select-user-info="selectOrganizationInfo"
|
|
41
41
|
:separator="separator"
|
|
42
|
+
:limit-filter-column="limitFilterColumn"
|
|
42
43
|
@close="closeOrganizationTree"
|
|
43
44
|
/>
|
|
44
45
|
<!-- 部门树 -->
|
|
@@ -47,8 +48,10 @@
|
|
|
47
48
|
:check-strictly="typeof checkStrictly === 'undefined' ? false : checkStrictly"
|
|
48
49
|
:multiple="typeof multiple === 'undefined' ? false : multiple"
|
|
49
50
|
:search-field="searchField"
|
|
51
|
+
:department-info="departmentInfo"
|
|
50
52
|
:select-department-info="selectOrganizationInfo"
|
|
51
53
|
:separator="separator"
|
|
54
|
+
:limit-filter-column="limitFilterColumn"
|
|
52
55
|
width="30%"
|
|
53
56
|
@close="closeOrganizationTree"
|
|
54
57
|
/>
|
|
@@ -60,6 +63,7 @@
|
|
|
60
63
|
:search-field="searchField"
|
|
61
64
|
:select-workgroup-info="selectOrganizationInfo"
|
|
62
65
|
:separator="separator"
|
|
66
|
+
:limit-filter-column="limitFilterColumn"
|
|
63
67
|
width="30%"
|
|
64
68
|
@close="closeOrganizationTree"
|
|
65
69
|
/>
|
|
@@ -71,6 +75,7 @@
|
|
|
71
75
|
:search-field="searchField"
|
|
72
76
|
:select-user-info="selectOrganizationInfo"
|
|
73
77
|
:separator="separator"
|
|
78
|
+
:limit-filter-column="limitFilterColumn"
|
|
74
79
|
width="30%"
|
|
75
80
|
@close="closeOrganizationTree"
|
|
76
81
|
/>
|
|
@@ -102,11 +107,14 @@
|
|
|
102
107
|
import { Delete as ElIconDelete, Search as ElIconSearch } from '@element-plus/icons-vue'
|
|
103
108
|
// import Vue from 'vue'
|
|
104
109
|
import { getPropNameWhenJoinTable, setEntityFieldValue } from '../../../src/utils/util'
|
|
105
|
-
|
|
110
|
+
import DepartmentUserTree from '../../department-user-tree/src/department-user-tree.vue'
|
|
111
|
+
import DepartmentTree from '../../department-tree/src/department-tree.vue'
|
|
106
112
|
export default {
|
|
107
113
|
components: {
|
|
108
114
|
ElIconSearch,
|
|
109
|
-
ElIconDelete
|
|
115
|
+
ElIconDelete,
|
|
116
|
+
DepartmentUserTree,
|
|
117
|
+
DepartmentTree
|
|
110
118
|
},
|
|
111
119
|
name: 'OrganizationInput',
|
|
112
120
|
model: {
|
|
@@ -184,6 +192,11 @@ export default {
|
|
|
184
192
|
pageModels: {
|
|
185
193
|
type: Object,
|
|
186
194
|
default: null
|
|
195
|
+
},
|
|
196
|
+
// 根据变量限制部门时,根据部门表的哪个字段进行过滤,默认是code
|
|
197
|
+
limitFilterColumn: {
|
|
198
|
+
type: String,
|
|
199
|
+
default: 'code'
|
|
187
200
|
}
|
|
188
201
|
},
|
|
189
202
|
data() {
|
|
@@ -369,20 +382,24 @@ export default {
|
|
|
369
382
|
}
|
|
370
383
|
}
|
|
371
384
|
return mainDeptIds.join(this.separator)
|
|
372
|
-
} else if (orgDataType === 'mainDeptCode') {
|
|
373
|
-
// 正职部门code
|
|
374
|
-
|
|
385
|
+
} else if (orgDataType === 'mainDeptCode' || orgDataType === 'mainDeptName') {
|
|
386
|
+
// 正职部门code或名称
|
|
387
|
+
// 这里的orgDataType是mainDeptCode或mainDeptName
|
|
388
|
+
// 需要根据orgDataType来判断返回的值
|
|
389
|
+
// 如果是mainDeptCode,则返回mainDepartmentCode,如果是mainDeptName,则返回mainDepartmentName
|
|
390
|
+
const mainDeptColumn = []
|
|
391
|
+
const key = orgDataType === 'mainDeptCode' ? 'mainDepartmentCode' : 'mainDepartmentName'
|
|
375
392
|
if (isUserTree) {
|
|
376
393
|
const users = selectNodeInfo.users
|
|
377
394
|
if (users) {
|
|
378
395
|
users.forEach((user) => {
|
|
379
|
-
if (user
|
|
380
|
-
|
|
396
|
+
if (user[key]) {
|
|
397
|
+
mainDeptColumn.push(user[key])
|
|
381
398
|
}
|
|
382
399
|
})
|
|
383
400
|
}
|
|
384
401
|
}
|
|
385
|
-
return
|
|
402
|
+
return mainDeptColumn.join(this.separator)
|
|
386
403
|
} else if (orgDataType === 'subCompanyName') {
|
|
387
404
|
// 分支名称
|
|
388
405
|
const branchNames = []
|
|
@@ -445,16 +462,21 @@ export default {
|
|
|
445
462
|
}
|
|
446
463
|
}
|
|
447
464
|
return mainDeptId
|
|
448
|
-
} else if (orgDataType === 'mainDeptCode') {
|
|
465
|
+
} else if (orgDataType === 'mainDeptCode' || orgDataType === 'mainDeptName') {
|
|
466
|
+
// 正职部门code或名称
|
|
467
|
+
// 这里的orgDataType是mainDeptCode或mainDeptName
|
|
468
|
+
// 需要根据orgDataType来判断返回的值
|
|
469
|
+
// 如果是mainDeptCode,则返回mainDepartmentCode,如果是mainDeptName,则返回mainDepartmentName
|
|
470
|
+
const key = orgDataType === 'mainDeptCode' ? 'mainDepartmentCode' : 'mainDepartmentName'
|
|
449
471
|
// 正职部门code
|
|
450
|
-
let
|
|
472
|
+
let mainDeptColumn = null
|
|
451
473
|
if (isUserTree) {
|
|
452
474
|
const user = selectNodeInfo.user
|
|
453
475
|
if (user) {
|
|
454
|
-
|
|
476
|
+
mainDeptColumn = user[key]
|
|
455
477
|
}
|
|
456
478
|
}
|
|
457
|
-
return
|
|
479
|
+
return mainDeptColumn
|
|
458
480
|
} else if (orgDataType === 'subCompanyName') {
|
|
459
481
|
// 分支名称
|
|
460
482
|
let branchName = null
|
|
@@ -134,7 +134,12 @@ const apis = {
|
|
|
134
134
|
}
|
|
135
135
|
},
|
|
136
136
|
// 新建行
|
|
137
|
-
createRow(listCode, row, options) {
|
|
137
|
+
createRow(listCode, row, options, event) {
|
|
138
|
+
// addRowIndex 表示新建行插入到第几行后面,默认是-1表示添加到最后面
|
|
139
|
+
let addRowIndex = -1
|
|
140
|
+
if (event && event.rowIndex > -1) {
|
|
141
|
+
addRowIndex = event.rowIndex + 1
|
|
142
|
+
}
|
|
138
143
|
return new Promise((resolve, reject) => {
|
|
139
144
|
if (!listCode) {
|
|
140
145
|
listCode = store.get('_list_code')
|
|
@@ -257,10 +262,18 @@ const apis = {
|
|
|
257
262
|
if (gridParams.isSubTableShowPage !== undefined && gridParams.isSubTableShowPage === true) {
|
|
258
263
|
// 子表集合添加该新建的行。会触发watch subTableData的监控
|
|
259
264
|
gridParams.isChangePage = true
|
|
260
|
-
|
|
265
|
+
if (addRowIndex >= 0) {
|
|
266
|
+
gridParams.subTableData.splice(addRowIndex, 0, row)
|
|
267
|
+
} else {
|
|
268
|
+
gridParams.subTableData.splice(gridParams.subTableData.length, 0, row)
|
|
269
|
+
}
|
|
261
270
|
} else {
|
|
262
271
|
// 子表不分页
|
|
263
|
-
|
|
272
|
+
if (addRowIndex >= 0) {
|
|
273
|
+
gridData.splice(addRowIndex, 0, row)
|
|
274
|
+
} else {
|
|
275
|
+
gridData.splice(gridData.length, 0, row)
|
|
276
|
+
}
|
|
264
277
|
if (gridParams.lineEdit.editingCell) {
|
|
265
278
|
gridParams.lineEdit.editingCell.row = gridData.length
|
|
266
279
|
}
|
|
@@ -284,7 +297,11 @@ const apis = {
|
|
|
284
297
|
// console.log('创建行所属的list2', gridData)
|
|
285
298
|
// console.log('创建行所属的打印gridParams.gridData', gridParams.gridData)
|
|
286
299
|
const orgRow = Object.assign({}, row)
|
|
287
|
-
|
|
300
|
+
if (addRowIndex >= 0) {
|
|
301
|
+
gridParams.orgGridData.splice(addRowIndex, 0, orgRow)
|
|
302
|
+
} else {
|
|
303
|
+
gridParams.orgGridData.splice(0, 0, orgRow)
|
|
304
|
+
}
|
|
288
305
|
if (!gridParams.lineEdit.editingCell) {
|
|
289
306
|
gridParams.lineEdit.editingCell = {}
|
|
290
307
|
gridParams.lineEdit.validateErrorField = ''
|
|
@@ -531,7 +531,7 @@ import dynamicSourceSelect from '../../dynamic-source-select/src/dynamic-source-
|
|
|
531
531
|
import { getEntityFieldValue, setEntityFieldValue } from '../../../src/utils/util'
|
|
532
532
|
import { getToken } from '../../../src/utils/auth'
|
|
533
533
|
import apis from './apis'
|
|
534
|
-
import ViewImageDialog from './view-image-dialog'
|
|
534
|
+
import ViewImageDialog from './view-image-dialog.vue'
|
|
535
535
|
import { $emit } from '../../utils/gogocodeTransfer'
|
|
536
536
|
import eventBus from './eventBus'
|
|
537
537
|
import { isMobileBrowser, getAuthSource } from '../../../src/utils/common-util'
|
|
@@ -664,7 +664,6 @@ export default {
|
|
|
664
664
|
// 表示手机浏览器访问的
|
|
665
665
|
userAgent = 'browser'
|
|
666
666
|
}
|
|
667
|
-
console.log('superGrid----window.location.protocol---', window.location.protocol)
|
|
668
667
|
const isDingTalk = getAuthSource() === 'dingtalk' ? true : false
|
|
669
668
|
const isApk = isMobile && userAgent && userAgent === 'app' ? true : false
|
|
670
669
|
const isShowScanIcon =
|
|
@@ -677,14 +676,6 @@ export default {
|
|
|
677
676
|
const colConfigure = gridParams.colConfigureMap ? gridParams.colConfigureMap[this.column.prop] : null
|
|
678
677
|
const runtimeInfo = colConfigure && colConfigure.runtime ? colConfigure.runtime : {}
|
|
679
678
|
const designProperty = runtimeInfo.props ? runtimeInfo.props : {}
|
|
680
|
-
console.log(
|
|
681
|
-
'super-grid-dynamicInput--designProperty=',
|
|
682
|
-
designProperty,
|
|
683
|
-
'colConfigure=',
|
|
684
|
-
colConfigure,
|
|
685
|
-
'gridParams.colConfigureMap=',
|
|
686
|
-
gridParams.colConfigureMap
|
|
687
|
-
)
|
|
688
679
|
return {
|
|
689
680
|
deptManTree: false, // 是否是部门人员树
|
|
690
681
|
isMultiTree: false, // 是否是多选树
|
|
@@ -1133,7 +1124,6 @@ export default {
|
|
|
1133
1124
|
this.blurEvent()
|
|
1134
1125
|
isInputVal = true
|
|
1135
1126
|
if (this.innerValue && this.isInputControl() && this.column.dataType === 'TEXT') {
|
|
1136
|
-
console.log('trim value', this.innerValue)
|
|
1137
1127
|
this.innerValue = this.innerValue.trim()
|
|
1138
1128
|
}
|
|
1139
1129
|
}
|
|
@@ -1977,7 +1967,6 @@ export default {
|
|
|
1977
1967
|
this.blurEvent()
|
|
1978
1968
|
},
|
|
1979
1969
|
packageCustomRules(columnRule) {
|
|
1980
|
-
console.log('packageCustomRules---columnRule=', columnRule)
|
|
1981
1970
|
if (!columnRule) {
|
|
1982
1971
|
return
|
|
1983
1972
|
}
|
|
@@ -106,8 +106,10 @@
|
|
|
106
106
|
:is-show="operation.isShow"
|
|
107
107
|
:label="operation.props.label ? operation.props.label : row[column.prop]"
|
|
108
108
|
:on-click="operation.onClick"
|
|
109
|
+
:operation="operation"
|
|
109
110
|
:operation-index="operationIndex"
|
|
110
111
|
:operation-setting="operation.props"
|
|
112
|
+
:event-name="operation.eventName"
|
|
111
113
|
:row-index="rowIndex"
|
|
112
114
|
:list-code="listCode"
|
|
113
115
|
:parent-form-data="parentFormData"
|
|
@@ -1184,7 +1186,6 @@ export default {
|
|
|
1184
1186
|
return 'primary'
|
|
1185
1187
|
},
|
|
1186
1188
|
changeDisabled(state) {
|
|
1187
|
-
debugger
|
|
1188
1189
|
this.disabled = state
|
|
1189
1190
|
},
|
|
1190
1191
|
refreshList() {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<!--将@click改为@mousedown.native是因为操作列保存按钮时事件和input等组件的@blur冲突,导致保存需要保存两次,因为
|
|
3
3
|
@blur先于@click执行的,所以只会执行@blur,@click就失效了,@mousedown是先于@blur执行的-->
|
|
4
|
-
<span :style="myStyle">
|
|
4
|
+
<span class="table-operation-row-btn" :style="myStyle">
|
|
5
5
|
<template v-if="isShowButton()">
|
|
6
6
|
<el-tooltip :disabled="tooltipDisabled" :content="label" placement="top">
|
|
7
|
-
<template v-if="operationSettingData
|
|
7
|
+
<template v-if="operationSettingData?.permission">
|
|
8
8
|
<component
|
|
9
9
|
v-bind="operationSettingData"
|
|
10
10
|
:is="isElementType"
|
|
@@ -77,9 +77,13 @@ export default {
|
|
|
77
77
|
type: String,
|
|
78
78
|
default: null,
|
|
79
79
|
},
|
|
80
|
+
operation: {
|
|
81
|
+
type: Object,
|
|
82
|
+
default: () => ({}),
|
|
83
|
+
},
|
|
80
84
|
operationSetting: {
|
|
81
85
|
type: Object,
|
|
82
|
-
default:
|
|
86
|
+
default: () => ({}),
|
|
83
87
|
},
|
|
84
88
|
operationIndex: {
|
|
85
89
|
type: Number,
|
|
@@ -92,6 +96,11 @@ export default {
|
|
|
92
96
|
parentFormData: {
|
|
93
97
|
type: Object,
|
|
94
98
|
default: null
|
|
99
|
+
},
|
|
100
|
+
// 按钮绑定的事件名称
|
|
101
|
+
eventName: {
|
|
102
|
+
type: String,
|
|
103
|
+
default: null
|
|
95
104
|
}
|
|
96
105
|
},
|
|
97
106
|
data() {
|
|
@@ -104,19 +113,20 @@ export default {
|
|
|
104
113
|
...mapGetters(['preventReclick']),
|
|
105
114
|
// 是否是保存按钮
|
|
106
115
|
isSaveRow() {
|
|
107
|
-
return
|
|
116
|
+
return ['lineEditSave', 'saveRow'].includes(this.eventName)
|
|
108
117
|
},
|
|
109
118
|
// 是否是删除按钮
|
|
110
119
|
isDeleteRow() {
|
|
111
|
-
return
|
|
120
|
+
return ['lineEditDelete', 'deleteRow'].includes(this.eventName)
|
|
112
121
|
},
|
|
113
122
|
// 是否是修改按钮
|
|
114
123
|
isEditRow() {
|
|
115
|
-
return
|
|
124
|
+
return ['lineEditUpdate', 'editRow'].includes(this.eventName)
|
|
116
125
|
},
|
|
117
126
|
// 是否是取消按钮
|
|
118
127
|
isRestoreRow() {
|
|
119
|
-
return
|
|
128
|
+
return ['restoreEdit', 'restoreRow'].includes(this.eventName)
|
|
129
|
+
// return /^\s*function\s+restoreRow*\s*\(/.test((this.onClick ?? ''))
|
|
120
130
|
},
|
|
121
131
|
// 前置图标
|
|
122
132
|
prefixIcon() {
|
|
@@ -142,16 +152,16 @@ export default {
|
|
|
142
152
|
},
|
|
143
153
|
// 后置图标
|
|
144
154
|
suffixIcon() {
|
|
145
|
-
if(['right'].includes(this.
|
|
155
|
+
if(['right'].includes(this.operationSetting.iconPosition)) return this.operationSetting.iconValue
|
|
146
156
|
return undefined
|
|
147
157
|
},
|
|
148
158
|
// 是否显示文字按钮 > 图标模式
|
|
149
159
|
isTextIcon() {
|
|
150
160
|
if (this.isTableBtnLinkShow) {
|
|
151
|
-
if (this.
|
|
161
|
+
if (this.operationSetting.isTextIcon === undefined) {
|
|
152
162
|
return this.isSaveRow || this.isDeleteRow || this.isEditRow || this.isRestoreRow
|
|
153
163
|
}
|
|
154
|
-
return this.
|
|
164
|
+
return this.operationSetting.isTextIcon
|
|
155
165
|
} else {
|
|
156
166
|
return false
|
|
157
167
|
}
|
|
@@ -166,14 +176,14 @@ export default {
|
|
|
166
176
|
},
|
|
167
177
|
// 是否自动开启表格 按钮 转 文字按钮
|
|
168
178
|
isTableBtnLinkShow() {
|
|
169
|
-
if (this.operationSetting
|
|
179
|
+
if (this.operationSetting?.text) return true
|
|
170
180
|
if (this.isTableBtnLink && this.elementType === 'el-button') {
|
|
171
|
-
return [this.operationSetting
|
|
181
|
+
return [this.operationSetting?.text, this.operationSetting?.plain, this.operationSetting?.round].every(v => v === undefined)
|
|
172
182
|
}
|
|
173
183
|
return false
|
|
174
184
|
},
|
|
175
185
|
operationSettingData() {
|
|
176
|
-
const dataList = { ...this.operationSetting }
|
|
186
|
+
const dataList = { ...(this.operationSetting ?? {}) }
|
|
177
187
|
if (this.isTableBtnLinkShow) {
|
|
178
188
|
dataList.underline = false
|
|
179
189
|
delete dataList.text
|