无人机管理后台前端(已迁走)
罗广辉
2025-10-31 3ea9ee4742a867544c8cf2011aa719ee72f8ecb8
src/views/layerManagement/components/folderFile.vue
@@ -1,14 +1,14 @@
<template>
  <div class="rightContainer">
    <div class="contenttitle">文件夹信息</div>
    <div class="contenttitle">{{itSLandPlanning ? '文件' : '文件夹'}}信息</div>
    <div class="centerBox">
      <div class="itemRow">
        <div class="label">文件夹名称</div>
        <div class="label">{{itSLandPlanning ? '文件' : '文件夹'}}名称</div>
        <div>
          <el-input class="ztzf-input inputName" v-model="formData.name" placeholder="请输入" />
        </div>
      </div>
      <div class="itemRow">
      <div class="itemRow" v-if="!itSLandPlanning">
        <div class="label">关联算法</div>
        <div>
          <el-select
@@ -45,7 +45,7 @@
      </div>
    </div>
    <div class="detailInfo" v-if="layerParams.editFolder">
      <div class="infpItem">
      <div class="infpItem" v-if="!itSLandPlanning">
        <div class="itemData">
          <div class="title">围栏总数量</div>
          <div class="num">
@@ -86,6 +86,7 @@
import dayjs from 'dayjs';
import { deleteFolderApi, deitFolderApi, addFolderApi } from '@/api/layer/index';
import { getTicketInfo } from '@/api/tickets/ticket';
import { computed } from 'vue';
const layerParams = inject('layerParams');
const types = ref([]); //工单类型
const allAlgorithms = ref([]);
@@ -100,6 +101,10 @@
});
const detailData = ref(null);
detailData.value = layerParams.value.editFolderData;
const props = defineProps({
  activeName: String,
});
const itSLandPlanning = computed(() => props.activeName === '国土空间规划')
const getTicketInfoData = async () => {
  const response = await getTicketInfo();
  const { dept_data, event_type, ai_type, info } = response.data.data;
@@ -146,28 +151,18 @@
  clearAllData();
};
const submitHandle = () => {
 if(!formData.value.name){
    ElMessage({
              message: '请输入文件夹名称',
              type: 'error',
            });
            return
  if (!formData.value.name) {
    ElMessage.error('请输入文件夹名称');
    return;
  }
  if(!itSLandPlanning){
    if (!formData.value.event_type) {
      return ElMessage.warning('请选择类型');
    }
     if(!formData.value.event_type){
    ElMessage({
              message: '请选择类型',
              type: 'error',
            });
            return
    if (!formData.value.algorithm_name) {
      return ElMessage.warning('请选择算法')
    }
     if(!formData.value.algorithm_name){
    ElMessage({
              message: '请选择算法',
              type: 'error',
            });
            return
    }
  }
  const params = {
    category_id: layerParams.value.fileType === 1 ? 1 : 2,
    name: formData.value.name,
@@ -181,18 +176,18 @@
  if (layerParams.value.addAnEditingFolder === 1) {
    // 文件夹新增
    addFolderApi(params).then(res => {
           ElMessage.success('新增成功');
      ElMessage.success('新增成功');
      clearAllData();
    });
  } else {
    //文件夹编辑
    deitFolderApi(params).then(res => {
        ElMessage.success('编辑成功');
      ElMessage.success('编辑成功');
      clearAllData();
    });
  }
  clearAllData();
};
onMounted(async () => {
  await getTicketInfoData();
  const addOrEditStatus = layerParams.value.addAnEditingFolder || 1;
  //  判断是否有编辑数据,有则回显
@@ -204,7 +199,7 @@
      name: editData.name,
      event_type: editData.event_type, // 回显“关联算法类型”值
      algorithm_name: editData.algorithm_name, // 回显“算法”值
      total_count: editData.total_count,
      total_area: editData.total_area,
      create_time: editData.create_time ? dayjs(editData.create_time).format('YYYY年MM月DD日') : '',