|
|
|
@ -2,13 +2,13 @@ export default { |
|
|
|
props: { |
|
|
|
localdata: { |
|
|
|
type: [Array, Object], |
|
|
|
default () { |
|
|
|
default() { |
|
|
|
return [] |
|
|
|
} |
|
|
|
}, |
|
|
|
spaceInfo: { |
|
|
|
type: Object, |
|
|
|
default () { |
|
|
|
default() { |
|
|
|
return {} |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -62,13 +62,13 @@ export default { |
|
|
|
}, |
|
|
|
value: { |
|
|
|
type: [Array, String, Number], |
|
|
|
default () { |
|
|
|
default() { |
|
|
|
return [] |
|
|
|
} |
|
|
|
}, |
|
|
|
modelValue: { |
|
|
|
type: [Array, String, Number], |
|
|
|
default () { |
|
|
|
default() { |
|
|
|
return [] |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -96,8 +96,8 @@ export default { |
|
|
|
type: Object, |
|
|
|
default() { |
|
|
|
return { |
|
|
|
text: "text", |
|
|
|
value: "value" |
|
|
|
text: 'text', |
|
|
|
value: 'value' |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@ -126,59 +126,62 @@ export default { |
|
|
|
return !this.collection.length |
|
|
|
}, |
|
|
|
postField() { |
|
|
|
let fields = [this.field]; |
|
|
|
let fields = [this.field] |
|
|
|
if (this.parentField) { |
|
|
|
fields.push(`${this.parentField} as parent_value`); |
|
|
|
fields.push(`${this.parentField} as parent_value`) |
|
|
|
} |
|
|
|
return fields.join(','); |
|
|
|
return fields.join(',') |
|
|
|
}, |
|
|
|
dataValue() { |
|
|
|
let isModelValue = Array.isArray(this.modelValue) ? (this.modelValue.length > 0) : (this.modelValue !== null || this.modelValue !== undefined) |
|
|
|
let isModelValue = Array.isArray(this.modelValue) ? this.modelValue.length > 0 : this.modelValue !== null || this.modelValue !== undefined |
|
|
|
return isModelValue ? this.modelValue : this.value |
|
|
|
}, |
|
|
|
hasValue() { |
|
|
|
if (typeof this.dataValue === 'number') { |
|
|
|
return true |
|
|
|
} |
|
|
|
return (this.dataValue != null) && (this.dataValue.length > 0) |
|
|
|
return this.dataValue != null && this.dataValue.length > 0 |
|
|
|
} |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.$watch(() => { |
|
|
|
var al = []; |
|
|
|
['pageCurrent', |
|
|
|
'pageSize', |
|
|
|
'spaceInfo', |
|
|
|
'value', |
|
|
|
'modelValue', |
|
|
|
'localdata', |
|
|
|
'collection', |
|
|
|
'action', |
|
|
|
'field', |
|
|
|
'orderby', |
|
|
|
'where', |
|
|
|
'getont', |
|
|
|
'getcount', |
|
|
|
'gettree' |
|
|
|
].forEach(key => { |
|
|
|
al.push(this[key]) |
|
|
|
}); |
|
|
|
return al |
|
|
|
}, (newValue, oldValue) => { |
|
|
|
let needReset = false |
|
|
|
for (let i = 2; i < newValue.length; i++) { |
|
|
|
if (newValue[i] != oldValue[i]) { |
|
|
|
needReset = true |
|
|
|
break |
|
|
|
this.$watch( |
|
|
|
() => { |
|
|
|
let al = [] |
|
|
|
;[ |
|
|
|
'pageCurrent', |
|
|
|
'pageSize', |
|
|
|
'spaceInfo', |
|
|
|
'value', |
|
|
|
'modelValue', |
|
|
|
'localdata', |
|
|
|
'collection', |
|
|
|
'action', |
|
|
|
'field', |
|
|
|
'orderby', |
|
|
|
'where', |
|
|
|
'getont', |
|
|
|
'getcount', |
|
|
|
'gettree' |
|
|
|
].forEach((key) => { |
|
|
|
al.push(this[key]) |
|
|
|
}) |
|
|
|
return al |
|
|
|
}, |
|
|
|
(newValue, oldValue) => { |
|
|
|
for (let i = 2; i < newValue.length; i++) { |
|
|
|
if (newValue[i] != oldValue[i]) { |
|
|
|
needReset = true |
|
|
|
break |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
if (newValue[0] != oldValue[0]) { |
|
|
|
this.page.current = this.pageCurrent |
|
|
|
} |
|
|
|
this.page.size = this.pageSize |
|
|
|
if (newValue[0] != oldValue[0]) { |
|
|
|
this.page.current = this.pageCurrent |
|
|
|
} |
|
|
|
this.page.size = this.pageSize |
|
|
|
|
|
|
|
this.onPropsChange() |
|
|
|
}) |
|
|
|
this.onPropsChange() |
|
|
|
} |
|
|
|
) |
|
|
|
this._treeData = [] |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
@ -225,27 +228,32 @@ export default { |
|
|
|
getOptions.getTreePath = options.getTreePath |
|
|
|
} |
|
|
|
|
|
|
|
db = db.skip(size * (current - 1)).limit(size).get(getOptions) |
|
|
|
db = db |
|
|
|
.skip(size * (current - 1)) |
|
|
|
.limit(size) |
|
|
|
.get(getOptions) |
|
|
|
|
|
|
|
return db |
|
|
|
}, |
|
|
|
getNodeData(callback) { |
|
|
|
if (this.loading) { |
|
|
|
return |
|
|
|
} |
|
|
|
this.loading = true |
|
|
|
this.getCommand({ |
|
|
|
field: this.postField, |
|
|
|
where: this._pathWhere() |
|
|
|
}).then((res) => { |
|
|
|
this.loading = false |
|
|
|
this.selected = res.result.data |
|
|
|
callback && callback() |
|
|
|
}).catch((err) => { |
|
|
|
this.loading = false |
|
|
|
this.errorMessage = err |
|
|
|
}) |
|
|
|
}, |
|
|
|
getNodeData(callback) { |
|
|
|
if (this.loading) { |
|
|
|
return |
|
|
|
} |
|
|
|
this.loading = true |
|
|
|
this.getCommand({ |
|
|
|
field: this.postField, |
|
|
|
where: this._pathWhere() |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
this.loading = false |
|
|
|
this.selected = res.result.data |
|
|
|
callback && callback() |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
this.loading = false |
|
|
|
this.errorMessage = err |
|
|
|
}) |
|
|
|
}, |
|
|
|
getTreePath(callback) { |
|
|
|
if (this.loading) { |
|
|
|
return |
|
|
|
@ -257,16 +265,18 @@ export default { |
|
|
|
getTreePath: { |
|
|
|
startWith: `${this.selfField}=='${this.dataValue}'` |
|
|
|
} |
|
|
|
}).then((res) => { |
|
|
|
this.loading = false |
|
|
|
let treePath = [] |
|
|
|
this._extractTreePath(res.result.data, treePath) |
|
|
|
this.selected = treePath |
|
|
|
callback && callback() |
|
|
|
}).catch((err) => { |
|
|
|
this.loading = false |
|
|
|
this.errorMessage = err |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
this.loading = false |
|
|
|
let treePath = [] |
|
|
|
this._extractTreePath(res.result.data, treePath) |
|
|
|
this.selected = treePath |
|
|
|
callback && callback() |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
this.loading = false |
|
|
|
this.errorMessage = err |
|
|
|
}) |
|
|
|
}, |
|
|
|
loadData() { |
|
|
|
if (this.isLocaldata) { |
|
|
|
@ -306,14 +316,16 @@ export default { |
|
|
|
field: this.postField, |
|
|
|
gettree: true, |
|
|
|
startwith: `${this.selfField}=='${this.dataValue}'` |
|
|
|
}).then((res) => { |
|
|
|
this.loading = false |
|
|
|
callback(res.result.data) |
|
|
|
this.onDataChange() |
|
|
|
}).catch((err) => { |
|
|
|
this.loading = false |
|
|
|
this.errorMessage = err |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
this.loading = false |
|
|
|
callback(res.result.data) |
|
|
|
this.onDataChange() |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
this.loading = false |
|
|
|
this.errorMessage = err |
|
|
|
}) |
|
|
|
}, |
|
|
|
_loadNodeData(callback, pw) { |
|
|
|
if (this.loading) { |
|
|
|
@ -325,18 +337,20 @@ export default { |
|
|
|
field: this.postField, |
|
|
|
where: pw || this._postWhere(), |
|
|
|
pageSize: 500 |
|
|
|
}).then((res) => { |
|
|
|
this.loading = false |
|
|
|
callback(res.result.data) |
|
|
|
this.onDataChange() |
|
|
|
}).catch((err) => { |
|
|
|
this.loading = false |
|
|
|
this.errorMessage = err |
|
|
|
}) |
|
|
|
.then((res) => { |
|
|
|
this.loading = false |
|
|
|
callback(res.result.data) |
|
|
|
this.onDataChange() |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
this.loading = false |
|
|
|
this.errorMessage = err |
|
|
|
}) |
|
|
|
}, |
|
|
|
_pathWhere() { |
|
|
|
let result = [] |
|
|
|
let where_field = this._getParentNameByField(); |
|
|
|
let where_field = this._getParentNameByField() |
|
|
|
if (where_field) { |
|
|
|
result.push(`${where_field} == '${this.dataValue}'`) |
|
|
|
} |
|
|
|
@ -355,7 +369,7 @@ export default { |
|
|
|
result.push(`${parentField} == null || ${parentField} == ""`) |
|
|
|
} |
|
|
|
if (selected.length) { |
|
|
|
for (var i = 0; i < selected.length - 1; i++) { |
|
|
|
for (let i = 0; i < selected.length - 1; i++) { |
|
|
|
result.push(`${parentField} == '${selected[i].value}'`) |
|
|
|
} |
|
|
|
} |
|
|
|
@ -384,33 +398,32 @@ export default { |
|
|
|
return result.join(' || ') |
|
|
|
}, |
|
|
|
_getParentNameByField() { |
|
|
|
const fields = this.field.split(','); |
|
|
|
let where_field = null; |
|
|
|
for (let i = 0; i < fields.length; i++) { |
|
|
|
const items = fields[i].split('as'); |
|
|
|
const fields = this.field.split(',') |
|
|
|
let where_field = null |
|
|
|
for (let target of fields) { |
|
|
|
const items = target.split('as') |
|
|
|
if (items.length < 2) { |
|
|
|
continue; |
|
|
|
continue |
|
|
|
} |
|
|
|
if (items[1].trim() === 'value') { |
|
|
|
where_field = items[0].trim(); |
|
|
|
break; |
|
|
|
where_field = items[0].trim() |
|
|
|
break |
|
|
|
} |
|
|
|
} |
|
|
|
return where_field |
|
|
|
}, |
|
|
|
_isTreeView() { |
|
|
|
return (this.parentField && this.selfField) |
|
|
|
return this.parentField && this.selfField |
|
|
|
}, |
|
|
|
_updateSelected() { |
|
|
|
var dl = this.dataList |
|
|
|
var sl = this.selected |
|
|
|
let dl = this.dataList |
|
|
|
let sl = this.selected |
|
|
|
let textField = this.map.text |
|
|
|
let valueField = this.map.value |
|
|
|
for (var i = 0; i < sl.length; i++) { |
|
|
|
var value = sl[i].value |
|
|
|
var dl2 = dl[i] |
|
|
|
for (var j = 0; j < dl2.length; j++) { |
|
|
|
var item2 = dl2[j] |
|
|
|
for (let i = 0; i < sl.length; i++) { |
|
|
|
let value = sl[i].value |
|
|
|
let dl2 = dl[i] |
|
|
|
for (let item2 of dl2) { |
|
|
|
if (item2[valueField] === value) { |
|
|
|
sl[i].text = item2[textField] |
|
|
|
break |
|
|
|
@ -419,10 +432,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
_updateBindData(node) { |
|
|
|
const { |
|
|
|
dataList, |
|
|
|
hasNodes |
|
|
|
} = this._filterData(this._treeData, this.selected) |
|
|
|
const { dataList, hasNodes } = this._filterData(this._treeData, this.selected) |
|
|
|
|
|
|
|
let isleaf = this._stepSearh === false && !hasNodes |
|
|
|
|
|
|
|
@ -436,7 +446,7 @@ export default { |
|
|
|
if (!isleaf && this.selected.length < dataList.length) { |
|
|
|
this.selected.push({ |
|
|
|
value: null, |
|
|
|
text: "请选择" |
|
|
|
text: '请选择' |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
@ -449,12 +459,14 @@ export default { |
|
|
|
let dataList = [] |
|
|
|
let hasNodes = true |
|
|
|
|
|
|
|
dataList.push(data.filter((item) => { |
|
|
|
return (item.parent_value === null || item.parent_value === undefined || item.parent_value === '') |
|
|
|
})) |
|
|
|
for (let i = 0; i < paths.length; i++) { |
|
|
|
var value = paths[i].value |
|
|
|
var nodes = data.filter((item) => { |
|
|
|
dataList.push( |
|
|
|
data.filter((item) => { |
|
|
|
return item.parent_value === null || item.parent_value === undefined || item.parent_value === '' |
|
|
|
}) |
|
|
|
) |
|
|
|
for (let path of paths) { |
|
|
|
let value = path.value |
|
|
|
let nodes = data.filter((item) => { |
|
|
|
return item.parent_value === value |
|
|
|
}) |
|
|
|
|
|
|
|
@ -471,11 +483,8 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
_extractTree(nodes, result, parent_value) { |
|
|
|
let list = result || [] |
|
|
|
let valueField = this.map.value |
|
|
|
for (let i = 0; i < nodes.length; i++) { |
|
|
|
let node = nodes[i] |
|
|
|
|
|
|
|
for (let node of nodes) { |
|
|
|
let child = {} |
|
|
|
for (let key in node) { |
|
|
|
if (key !== 'children') { |
|
|
|
@ -494,10 +503,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
_extractTreePath(nodes, result) { |
|
|
|
let list = result || [] |
|
|
|
for (let i = 0; i < nodes.length; i++) { |
|
|
|
let node = nodes[i] |
|
|
|
|
|
|
|
for (let node of nodes) { |
|
|
|
let child = {} |
|
|
|
for (let key in node) { |
|
|
|
if (key !== 'children') { |
|
|
|
@ -515,8 +521,7 @@ export default { |
|
|
|
_findNodePath(key, nodes, path = []) { |
|
|
|
let textField = this.map.text |
|
|
|
let valueField = this.map.value |
|
|
|
for (let i = 0; i < nodes.length; i++) { |
|
|
|
let node = nodes[i] |
|
|
|
for (let node of nodes) { |
|
|
|
let children = node.children |
|
|
|
let text = node[textField] |
|
|
|
let value = node[valueField] |
|
|
|
@ -545,7 +550,7 @@ export default { |
|
|
|
this._treeData = [] |
|
|
|
this._extractTree(this.localdata, this._treeData) |
|
|
|
|
|
|
|
var inputValue = this.dataValue |
|
|
|
let inputValue = this.dataValue |
|
|
|
if (inputValue === undefined) { |
|
|
|
return |
|
|
|
} |
|
|
|
|