无人机管理后台前端(已迁走)
张含笑
2025-10-31 542b8e753af8040dd9519552ce0593fcd9642b41
feat:调整,删除
3 files modified
61 ■■■■■ changed files
src/views/layerManagement/components/folderFile.vue 2 ●●● patch | view | raw | blame | history
src/views/layerManagement/components/leftList.vue 54 ●●●●● patch | view | raw | blame | history
src/views/layerManagement/components/rightEdit.vue 5 ●●●●● patch | view | raw | blame | history
src/views/layerManagement/components/folderFile.vue
@@ -157,7 +157,7 @@
    ElMessage.error('请输入文件夹名称');
    return;
  }
  if(!itSLandPlanning){
  if(!itSLandPlanning.value){
    if (!formData.value.event_type && layerParams.value.fileType === 1) {
      ElMessage.warning('请选择类型');
      return;
src/views/layerManagement/components/leftList.vue
@@ -70,10 +70,10 @@
            <div class="tree-node-actions">
              <el-button link
                icon="el-icon-location"
                @click="handleLocation(node)"
                @click.stop="handleLocation(node)"
              ></el-button>
              <el-button icon="el-icon-edit" link @click.stop="handleEdit(node)"></el-button>
              <el-button icon="el-icon-delete" link @click="handleDelete(node)"></el-button>
              <el-button icon="el-icon-delete" link @click.stop="handleDelete(node)"></el-button>
            </div>
          </div>
        </template>
@@ -183,11 +183,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);
    console.log('node',node.data);
 emit('update:coverData', [node.data]);
  }
};
// 编辑按钮事件
@@ -218,19 +218,33 @@
// 删除按钮事件
const handleDelete = node => {
let id = node.data.id;
if(node.data.level === 2 ){
deleteFolderApi(id).then(res => {
      ElMessage.success('删除成功');
  gettreeDataApi();
  let id = node.data.id;
  // 弹出确认弹框
  ElMessageBox.confirm(
    '确定要删除该内容吗?',
    '提示',
    {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning'
    }
  ).then(() => {
    // 点击确定,执行删除逻辑
    if (node.data.level === 2) {
      deleteFolderApi(id).then(res => {
        ElMessage.success('删除成功');
        gettreeDataApi();
      });
    } else if (node.data.level === 3) {
      deleteFenceApi(id).then(res => {
        ElMessage.success('删除成功');
        gettreeDataApi();
      });
    }
  }).catch(() => {
    // 点击取消,不执行操作
    ElMessage.warning('已取消删除');
  });
}else if(node.data.level === 3){
deleteFenceApi(id).then(res => {
    ElMessage.success('删除成功');
  gettreeDataApi();
  });
}
};
// 新增围栏
const addFence = () => {
@@ -345,6 +359,8 @@
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px 8px 8px 8px;
  padding: 16px 12px;
  display: flex;
  flex-direction: column;
}
.searchBox {
@@ -410,7 +426,9 @@
  //    background-color: rgba(30, 45, 81, 0.5) !important;
  //  }
  //}
overflow-y: scroll;
height: 0;
flex-grow: 1;
  .isTheTerritory{
    :deep(){
      .el-tree-node__expand-icon{
src/views/layerManagement/components/rightEdit.vue
@@ -36,9 +36,10 @@
      <div class="itemRow" v-if="layerParams.fenceType === 2">
        <div class="label">禁飞区管控时间</div>
        <div>
            <!-- popper-class="ztzf-layer-date-picker-popper  " -->
          <el-date-picker
            :disabled="isDisabled"
            class="ztzf-layer-date-picker "
            v-model="timeValue"
            type="datetimerange"
@@ -122,7 +123,7 @@
      </div>
    </div>
    <div class="btnGroups">
      <img src="/src/assets/images/layerManagement/savebtn.svg" alt="" @click="submitHandle" />
      <img  src="/src/assets/images/layerManagement/savebtn.svg" alt="" @click="submitHandle" />
      <img src="/src/assets/images/layerManagement/cancelbtn.svg" @click="cancelHandel" alt="" />
    </div>
  </div>