|
|
@@ -25,28 +25,15 @@
|
|
|
</div>
|
|
|
<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"
|
|
|
+ <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;
|
|
|
- "
|
|
|
+ <span style="margin-left: 4px; font-size: 10px; font-weight: 400; color: rgba(0, 0, 0, 0.45); line-height: 22px"
|
|
|
>/ {{ total }}</span
|
|
|
>
|
|
|
</div>
|
|
|
<div class="selected">
|
|
|
- <el-tag
|
|
|
- v-for="(person, index) in selectedPeople"
|
|
|
- :key="index"
|
|
|
- closable
|
|
|
- @close="handleTagClose(person.code)"
|
|
|
- >
|
|
|
+ <el-tag v-for="(person, index) in selectedPeople" :key="index" closable @close="handleTagClose(person.code)">
|
|
|
{{ person.name }}
|
|
|
</el-tag>
|
|
|
</div>
|
|
|
@@ -59,27 +46,17 @@
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
- import { onMounted, ref, watch, computed } from 'vue';
|
|
|
+ import { onMounted, ref } from 'vue';
|
|
|
import { Search } from '@element-plus/icons-vue';
|
|
|
import { ElTree } from 'element-plus';
|
|
|
import { ElMessage } from 'element-plus';
|
|
|
- import { countLeafNodes } from '@/views/message/persongroup/utils/index';
|
|
|
- import { getList, getPushRange, updatePushRange } from '@/api/message/question-notifications';
|
|
|
- import useComTree from '@/views/system-config/scene-manage/store/use-com-tree';
|
|
|
- import { storeToRefs } from 'pinia';
|
|
|
- import { cloneDeep } from 'lodash-es';
|
|
|
- import { TreeKey } from 'element-plus/es/components/tree/src/tree.type';
|
|
|
+ import { getPushRange, updatePushRange } from '@/api/message/question-notifications';
|
|
|
import { treeSelected } from '../type';
|
|
|
- import {
|
|
|
- CameraTree,
|
|
|
- CameraTreeNodeType,
|
|
|
- CameraQueryForm,
|
|
|
- getCameraTree,
|
|
|
- } from '@/api/camera/camera-preview';
|
|
|
+ import { CameraTree, getCameraTree } from '@/api/camera/camera-preview';
|
|
|
|
|
|
const props = defineProps<{
|
|
|
selectedUser: treeSelected[];
|
|
|
- reFreshCamera: (arr: treeSelected[]) => unknown;
|
|
|
+ refreshCamera: (arr: treeSelected[]) => unknown;
|
|
|
}>();
|
|
|
|
|
|
//相机树信息
|
|
|
@@ -106,47 +83,9 @@
|
|
|
});
|
|
|
};
|
|
|
|
|
|
- const comTree = useComTree();
|
|
|
- const { comTreeData } = storeToRefs(comTree);
|
|
|
- const loading = ref(true);
|
|
|
const queryStr = ref<string>('');
|
|
|
const defaultProps = { label: 'name' };
|
|
|
- const nodeData = computed(() => {
|
|
|
- const newList: any[] = [];
|
|
|
- if (comTreeData.value && comTreeData.value.length) {
|
|
|
- for (let i = 0; i < comTreeData.value.length; i++) {
|
|
|
- const data = comTreeData.value[i];
|
|
|
- if (data.children && data.children.length) {
|
|
|
- const treeItem = {
|
|
|
- id: data.id,
|
|
|
- code: data.id,
|
|
|
- name: data.name,
|
|
|
- children: data
|
|
|
- .labelList!.map((item) => {
|
|
|
- return {
|
|
|
- id: item.id,
|
|
|
- code: item.code,
|
|
|
- name: item.name,
|
|
|
- children: data
|
|
|
- .children!.filter((children) => children.sceneLabelId === item.id)
|
|
|
- .map((children) => {
|
|
|
- return {
|
|
|
- id: children.id,
|
|
|
- code: children.code,
|
|
|
- name: children.name,
|
|
|
- isShop: true,
|
|
|
- };
|
|
|
- }),
|
|
|
- };
|
|
|
- })
|
|
|
- .filter((label) => label.children.length),
|
|
|
- };
|
|
|
- newList.push(treeItem);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- return newList;
|
|
|
- });
|
|
|
+
|
|
|
const filterNode = (query, nodeData, node) => {
|
|
|
if (!query) return true;
|
|
|
nodeData.filter = nodeData.name!.includes(query);
|
|
|
@@ -180,7 +119,7 @@
|
|
|
type: 'success',
|
|
|
plain: true,
|
|
|
});
|
|
|
- props.reFreshCamera(selectedPeople.value);
|
|
|
+ props.refreshCamera(selectedPeople.value);
|
|
|
})
|
|
|
.catch((error) => {
|
|
|
console.error(error);
|