更新toolbar功能

src/components/earthMap/Toolbar.vue

@@ -110,7 +110,7 @@
 </template>
 
 <script lang="ts">
-  import { computed, defineComponent, ref, onMounted, onBeforeMount, getCurrentInstance, onBeforeUnmount, nextTick, watch } from 'vue';
+  import { computed, defineComponent, ref, onMounted, onBeforeMount, getCurrentInstance, onBeforeUnmount, nextTick, watch, createVNode, render } from 'vue';
   import Window from '@/components/earthMap/components/Window.vue';
   import AddModelWin from '@/components/earthMap/toolbar/AddModelWin.vue';
   import RoamPathList from '@/components/earthMap/RoamPathList.vue';
@@ -138,7 +138,7 @@
   import AddMonitorPointCom from '@/components/earthMap/toolbar/AddMonitorPointCom.vue';
   import AddWaveCom from '@/components/earthMap/toolbar/AddWaveCom.vue';
   import AddRadarCom from '@/components/earthMap/toolbar/AddRadarCom.vue';
-  // import mitt from '/@/utils/mitt';
+  import seneIdTreeSelect from '/@/components/earthMap/components/seneIdTreeSelect.vue';
   import $mitt from '@/utils/earthMap/mitt';
   import { defHttp } from '/@/utils/http/axios';
   import $ from 'jquery';
@@ -1207,6 +1207,27 @@
           //样式
           el.children[2].style.padding = '0px';
           el.children[2].style.transition = 'none';
+          
+          //加入区域场景选择器
+          let divCustom = document.createElement("div");
+          divCustom.setAttribute("data-v-74b863e5", "");
+          divCustom.setAttribute("class", "flatten");
+          divCustom.setAttribute("style", "display: flex; margin-bottom: 20px;");
+          divCustom.innerHTML = 
+          `
+            <label data-v-74b863e5="">所属区域</label> 
+          `
+          let instance: ReturnType<typeof createVNode> | null = null;
+          // 创建虚拟节点,传入模型的数据
+          instance = createVNode(seneIdTreeSelect,{currentModel});
+          // 渲染
+          render(instance, divCustom);
+          // 父节点
+          let fatherNode = el.children[2].children[0].children[0]
+          // 插入位置
+          let insertBeforeWhich = el.children[2].children[0].children[0].children[1];
+          fatherNode.insertBefore(divCustom,insertBeforeWhich);
+
           // 取消按钮元素
           const cancelBtn = el.children[3].children[0];
           // 确认按钮元素
@@ -1215,6 +1236,13 @@
           const xBtn = el.children[1].children[1];
           // 设置确认按钮点击事件
           okBtn.onclick = function () {
+             // console.log("currentModel",currentModel);
+            // return
+            // 判断所属区域
+            if (!currentModel.sceneId) {
+              createMessage.warning('请选择所属区域', 2);
+              return;
+            }
             $mitt.emit('windowCancel');
             // 提交对象
             const submitData: any = {};
@@ -1226,6 +1254,8 @@
             }
             // 模型名称
             submitData.name = currentModel.name;
+             // 场景区域
+            submitData.sceneId = currentModel.sceneId;
             // 线段编码
             submitData.lineCode = currentModel.guid;
             // 首尾相连属性
@@ -1297,6 +1327,10 @@
               .then((response) => {
                 // 成功后挂载节点到树中
                 if (response.success) {
+                  // 记录id
+                  currentModel.id = response.result;
+                    // 设置父节点
+                  const parent = window.$earth.sceneTree.$refs[currentModel.sceneId];
                   // 生成叶子节点
                   const leaf = new window.XE.SceneTree.Leaf(currentModel);
                   // 设置叶子节点标识
@@ -1326,7 +1360,7 @@
                   // 生成显示在树上的节点，此为虚假的节点，关联关系为ref一个为 node_ref 一个为ref
                   const node = {
                     ref: 'node_' + response.result,
-                    title: currentModel.name,
+                    title:'<防区>'+ currentModel.name,
                     expand: false,
                     children: [
                       {
@@ -1350,7 +1384,10 @@
                     ],
                   };
                   // 挂载并显示到树上
-                  window.$earth.sceneTree.$refs.areas.children.push(node);
+                  // window.$earth.sceneTree.$refs.areas.children.push(node);
+                  parent.children.push(node);
+                   // 提示用户
+                  createMessage.success('添加成功！', 2);
                 } else {
                   throw '新增防区数据出错';
                 }