无人机管理后台前端(已迁走)
张含笑
2025-10-31 2c8b6c370dde23d1a648a1eb9e96b733b7781f7f
feat:添加限制
4 files modified
88 ■■■■■ changed files
src/views/layerManagement/components/folderFile.vue 22 ●●●●● patch | view | raw | blame | history
src/views/layerManagement/components/leftList.vue 9 ●●●● patch | view | raw | blame | history
src/views/layerManagement/components/rightEdit.vue 35 ●●●● patch | view | raw | blame | history
src/views/layerManagement/index.vue 22 ●●●●● patch | view | raw | blame | history
src/views/layerManagement/components/folderFile.vue
@@ -146,6 +146,28 @@
  clearAllData();
};
const submitHandle = () => {
 if(!formData.value.name){
    ElMessage({
              message: '请输入文件夹名称',
              type: 'error',
            });
            return
    }
     if(!formData.value.event_type){
    ElMessage({
              message: '请选择类型',
              type: 'error',
            });
            return
    }
     if(!formData.value.algorithm_name){
    ElMessage({
              message: '请选择算法',
              type: 'error',
            });
            return
    }
  const params = {
    category_id: layerParams.value.fileType === 1 ? 1 : 2,
    name: formData.value.name,
src/views/layerManagement/components/leftList.vue
@@ -111,8 +111,6 @@
const handleCheck = (checkedNodesData, checkedKeysData) => {
  const filteredNodes = checkedKeysData.checkedNodes.filter(node => node.level === 3);
  checkedNodes.value = checkedNodesData.checkedNodes;
  console.log(' checkedKeysData.checkedNodes', checkedNodes.value);
  checkedKeys.value = filteredNodes.map(node => node.id);
  coverData.value = filteredNodes;
  emit('update:coverData', coverData.value);
@@ -143,6 +141,9 @@
};
// 定位按钮事件
const handleLocation = (node) => {
checkedKeys.value = [];
      checkedNodes.value = [];
      coverData.value = [];
  if (node.data.level === 2) {
    const folderChildren = node.data.children || [];
    const childrenIds = folderChildren.map(child => child.id);
@@ -150,7 +151,11 @@
    checkedKeys.value = childrenIds;
    checkedNodes.value = folderChildren;
    coverData.value = folderChildren;
    console.log('1111',node.data.children);
    emit('update:coverData', coverData.value);
  }else{
    console.log('node',node);
  }
};
// 编辑按钮事件
src/views/layerManagement/components/rightEdit.vue
@@ -62,12 +62,12 @@
        </div>
      </div>
      <div class="infpItem" v-if="layerParams.fenceType === 2">
        <div class="itemData">
        <!-- <div class="itemData">
          <div class="title">禁飞区面积</div>
          <div class="num">
            <span>{{ fenceArea }}</span> m²
          </div>
        </div>
        </div> -->
        <div class="itemData">
          <div class="title">禁飞区高度</div>
          <div class="num noFly">
@@ -169,6 +169,34 @@
  EventBus.emit('gettreeDataApi');
};
const submitHandle = () => {
    if(fenceArea.value === 0 ){
    ElMessage({
              message: '请绘制区域',
              type: 'error',
            });
            return
    }
      if(!formData.value.folder_id){
    ElMessage({
              message: '请选择文件夹',
              type: 'error',
            });
             return
    }
     if(!formData.value.name){
    ElMessage({
              message: '请输入名称',
              type: 'error',
            });
             return
    }
       if(!formData.value.altitude && layerParams.value.fenceType === 2){
    ElMessage({
              message: '请输入高度',
              type: 'error',
            });
             return
    }
  const params = {
     folder_id: formData.value.folder_id,
    name: formData.value.name,
@@ -178,13 +206,12 @@
    altitude: formData.value.altitude,
    geo_data: layerParams.value.polygonPosition,
     control_start_time:formData.value.control_start_time,
  control_end_time:formData.value.control_end_time,
      control_end_time:formData.value.control_end_time,
  };
  // 如果是编辑模式,才添加 id
  if (layerParams.value.decideWhetherToAddOrEdit === 2) {
    params.id = detailData.value.id;
  }
  if (layerParams.value.decideWhetherToAddOrEdit === 1) {
    //围栏新增
    addFenceApi(params).then(res => {
src/views/layerManagement/index.vue
@@ -9,6 +9,9 @@
      </div>
      <!-- 地图 -->
      <div class="mapContainer">
        <div class="tool-tip" v-if="layerParams.addNest ">
                点击地图生成测绘区域
        </div>
        <div id="layMap" class="ztzf-cesium"></div>
        <leftList
          v-if="
@@ -376,5 +379,24 @@
    width: 100%;
    height: 100%;
  }
  .tool-tip {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 800px;
    height: 64px;
    right: 430px;
    top: 60px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-size: 18px;
    color: #ffffff;
    background: rgba(11, 31, 58, 0.7);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
}
</style>