台账推送

src/components/tree/govern/cloudDeviceEntryTree.vue

@@ -1,5 +1,5 @@
 <template>
-    <Tree ref="treRef" :width="width" :data="tree" default-expand-all @changePointType="changePointType" />
+    <Tree ref="treRef" :width="width" :data="tree" default-expand-all @changePointType="changePointType" @onAdd="onAdd"/>
 </template>
 
 <script lang="ts" setup>
@@ -20,7 +20,7 @@ defineOptions({
     name: 'govern/deviceTree'
 })
 
-const emit = defineEmits(['init', 'checkChange', 'pointTypeChange', 'Policy'])
+const emit = defineEmits(['init', 'checkChange', 'pointTypeChange', 'Policy','onAdd'])
 const config = useConfig()
 const tree = ref()
 const dictData = useDictData()
@@ -148,6 +148,10 @@ const info = (selectedNodeId?: string) => {
 const changePointType = (val: any, obj: any) => {
     emit('pointTypeChange', val, obj)
 }
+
+const onAdd = () => {
+    emit('onAdd')
+}
 if (props.template) {
     getTemplateByDept({ id: dictData.state.area[0].id })
         .then((res: any) => {

src/components/tree/index.vue

@@ -10,10 +10,24 @@
                         <Icon name='el-icon-Search' style='font-size: 16px' />
                     </template>
                 </el-input>
+                <el-tooltip placement="bottom" :hide-after="0">
+                        <template #content>
+                            <span>台账推送</span>
+                        </template>
+
+                       <Icon 
+                        name="el-icon-Promotion" 
+                        size="20" 
+                        class="fold ml10 menu-collapse" 
+                        style="cursor: pointer;" 
+                        :style="{ color: config.getColorVal('elementUiPrimary') }" 
+                        @click="onAdd" />
+                </el-tooltip>
                 <!-- <Icon @click='onMenuCollapse' :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
                     :class="menuCollapse ? 'unfold' : ''" size='18' class='fold ml10 menu-collapse'
                     style='cursor: pointer' v-if='props.canExpand' /> -->
             </div>
+
             <el-tree :style="{ height:  'calc(100vh - 200px)' }"
             style=' overflow: auto;' ref='treeRef' :props='defaultProps' highlight-current 
                 @check-change="checkTreeNodeChange" :filter-node-method='filterNode' node-key='id' v-bind='$attrs'>
@@ -35,6 +49,7 @@ import { ElTree } from 'element-plus'
 import { emit } from 'process';
 import { ref, watch } from 'vue'
 import { t } from 'vxe-table';
+import { useConfig } from '@/stores/config'
 
 defineOptions({
     name: 'govern/tree'
@@ -49,6 +64,7 @@ const props = withDefaults(defineProps<Props>(), {
     width: '280px',
     canExpand: true
 })
+const config = useConfig()
 const { proxy } = useCurrentInstance()
 const menuCollapse = ref(false)
 const filterText = ref('')
@@ -56,7 +72,7 @@ const defaultProps = {
     label: 'name',
     value: 'id'
 }
-const emit = defineEmits(['checkTreeNodeChange'])
+const emit = defineEmits(['checkTreeNodeChange','onAdd'])
 watch(filterText, val => {
     treeRef.value!.filter(val)
 })
@@ -105,6 +121,11 @@ const checkTreeNodeChange = () => {
     // console.log(treeRef.value?.getCheckedNodes(), "ikkkkkiisiiisis");
     emit('checkTreeNodeChange', treeRef.value?.getCheckedNodes())
 }
+
+const onAdd = () => {
+    emit('onAdd')
+}
+
 const treeRef = ref<InstanceType<typeof ElTree>>()
 defineExpose({ treeRef })
 </script>