|
|
@@ -18,6 +18,7 @@
|
|
|
:props="defaultProps"
|
|
|
:render-after-expand="false"
|
|
|
:filter-node-method="filterNode"
|
|
|
+ :default-checked-keys="defaultSelectedByCode"
|
|
|
accordion
|
|
|
@node-click="handleNodeClick"
|
|
|
@check-change="handleCheckChange"
|
|
|
@@ -26,10 +27,7 @@
|
|
|
<div class="right" style="margin-left: 16px">
|
|
|
<div class="head" style="margin-bottom: 22px">
|
|
|
<span style="font-weight: 400; font-size: 16px; color: rgba(0, 0, 0, 0.88); line-height: 22px"
|
|
|
- >已选择({{ selected }}</span
|
|
|
- >
|
|
|
- <span style="margin-left: 4px; font-size: 10px; font-weight: 400; color: rgba(0, 0, 0, 0.45); line-height: 22px"
|
|
|
- >/ {{ total }}</span
|
|
|
+ >已选择({{ selected }})</span
|
|
|
>
|
|
|
</div>
|
|
|
<div class="selected">
|
|
|
@@ -97,6 +95,7 @@
|
|
|
const treeRef = ref<InstanceType<typeof ElTree>>();
|
|
|
const total = ref<number>(0);
|
|
|
const selected = ref<number>(0);
|
|
|
+ const defaultSelectedByCode = ref<(string | number)[]>([]);
|
|
|
const selectedPeople = ref<treeSelected[]>([]);
|
|
|
const handleTagClose = (code) => {
|
|
|
const index = selectedPeople.value.findIndex((item) => item.code === code);
|
|
|
@@ -155,6 +154,8 @@
|
|
|
onMounted(() => {
|
|
|
getPushRange().then((res) => {
|
|
|
selectedPeople.value = res;
|
|
|
+ selected.value = selectedPeople.value.length;
|
|
|
+ defaultSelectedByCode.value = selectedPeople.value.map((item) => item.code);
|
|
|
});
|
|
|
getCameraData({});
|
|
|
});
|