feat: 名称修改

罗广辉

2025-10-11 02409bfbe15f22fc3b5dccadabfd860a660a49d9

 src/views/resource/patchManagement.vue

@@ -55,7 +55,7 @@
        <el-form-item label="图斑类型" prop="region">
          <el-select v-model="ruleForm.region" placeholder="请选择图斑类型">
            <el-option
              v-for="item in spotTypeOption"
              v-for="item in allspotTypeOption"
              :key="item.value"
              :label="item.label"
              :value="item.value"
@@ -63,7 +63,6 @@
          </el-select>
        </el-form-item>
        <el-form-item class="center-align">
          <!-- <el-button type="primary"> 图斑上传 </el-button> -->
          <el-upload
            action="#"
            :show-file-list="false"
@@ -83,12 +82,14 @@
      v-model:show="uploadPatchDialog"
      :title="spotDetailsTitle"
      :detailid="detailid"
      :detailList="detailList"
      :spotTypeOption="allspotTypeOption"
      :regionalData="regionalData"
    ></SpotDetails>
    <!-- <patchDetails ref="patchDetails" /> -->
  </basic-container>
</template>

<script setup>
import {findAreaName} from '@/utils/areaUtils'
import {
  spotManagementTableApi,
  searchManagementApi,
@@ -96,6 +97,7 @@
  tableMapListApi,
  exportExcel,
  patchDeleteApi,
  listOfSpotTypesApi,
} from '@/api/patchManagement/index';
import { getRegionTreeAll } from '@/api/job/task';
import { ref, computed, watch } from 'vue';
@@ -107,6 +109,7 @@
import patchDetails from '@/views/resource/components/patchDetails.vue';
import SpotDetails from '@/views/resource/components/spotDetails.vue';
const spotDetailsTitle = ref('');
const detailList = ref('');
const store = useStore();
const router = useRouter();
const ruleFormRef = ref(null);
@@ -141,14 +144,15 @@
  currentPage: 1,
  total: 0,
  lotTypeId: '',
  updateUser: '',
  areaCode:'',
  fileName:''
  createUser: '',
  areaCode: '',
  fileName: '',
});

const selectionList = ref([]);

const option = ref({
  align: 'center',
  headerAlign: 'center',
  addBtn: false,
  tip: false,
  searchShow: true,
@@ -156,6 +160,8 @@
  searchMenuPosition: 'right',
  border: true,
  index: true,
  indexLabel: '序号',
   indexWidth: 60,
  selection: true,
  grid: false,
  menuWidth: 240,
@@ -177,6 +183,8 @@
      prop: 'file_name',
      span: 24,
      search: true,
      overHidden: true,
      showOverflowTooltip: true,
      searchSpan: 4,
      rules: [{ required: true, message: '请输入文件名称', trigger: 'blur' }],
    },
@@ -209,8 +217,9 @@
    },
    {
      label: '行政区划',
      prop: 'ossCode111',
      prop: 'areaName',
      span: 24,
      width: 180,
      searchLabelWidth: 100,
      search: true,
      searchSpan: 4,
@@ -225,7 +234,7 @@
    },
    {
      label: '数据来源',
      prop: 'ossCode',
      prop: 'dataFrom',
      span: 24,
      rules: [{ required: true, message: '请输入数据来源', trigger: 'blur' }],
    },
@@ -260,7 +269,6 @@
// ===== computed =====
const userInfo = computed(() => store.getters.userInfo);
const permission = computed(() => store.getters.permission);

const permissionList = computed(() => ({
  addBtn: !!permission.value.oss_add,
  viewBtn: !!permission.value.oss_view,
@@ -270,12 +278,11 @@

const ids = computed(() => selectionList.value.map(ele => ele.id).join(','));
// 获取行政区划

const regionalData = ref([]);
const requestDockInfo = () => {
  getRegionTreeAll({ parentCode: userAreaCode.value }).then(res => {
    const areaCodes = [361104, 361124, 3611040, 361104000000];
    const rawData = res.data.data ? [res.data.data] : [];
    // 过滤函数
    regionalData.value = rawData;
    const filterTree = nodes => {
      return nodes.filter(node => {
        const nodeCodeStr = node.id.toString();
@@ -292,6 +299,7 @@
      });
    };
    deptTreeData.value = filterTree(rawData);
    onLoad(page.value);
  });
};
// 获取搜索数据
@@ -304,16 +312,37 @@
        uniqueMap.set(key, value);
      }
    });
    const creatorOptionuniqueMap = new Map();
    res.data.data.user_names.forEach(item => {
      const [key, value] = Object.entries(item)[0];
      if (!creatorOptionuniqueMap.has(key)) {
        creatorOptionuniqueMap.set(key, value);
      }
    });
    spotTypeOption.value = Array.from(uniqueMap).map(([key, value]) => ({
      label: value,
      value: key,
    }));
    creatorOption.value = res.data.data.user_names.map(item => ({
      label: item,
      value: item,
    creatorOption.value = Array.from(creatorOptionuniqueMap).map(([key, value]) => ({
      label: value,
      value: key,
    }));
    regionalScope.value = res.data.data.area_codes;
    requestDockInfo();
  });
};
const allspotTypeOption = ref([]);
// 获取上传图斑类型
const getlistOfSpotTypesApi = () => {
  const searchparams = {
    current: 1,
    size: 9999,
  };
  listOfSpotTypesApi(searchparams).then(res => {
    allspotTypeOption.value = res.data.data.records.map(item => ({
      label: item.patches_type,
      value: item.id,
    }));
  });
};
// ===== watch =====
@@ -358,23 +387,25 @@
};

const rowDel = row => {
 
 ElMessageBox.confirm('确定将选择数据删除?', '提示', {
  ElMessageBox.confirm('确定将选择数据删除?', '提示', {
    confirmButtonText: '确定',
    cancelButtonText: '取消',
    type: 'warning',
  })
  .then(() => patchDeleteApi(row.id))  // 直接传递ID
  .then(() => {
    onLoad(page.value)
    ElMessage.success('操作成功!')
  })
    .then(() => patchDeleteApi(row.id)) // 直接传递ID
    .then(() => {
      onLoad(page.value);
      ElMessage.success('操作成功!');
    });
};

const searchReset = () => {
  page.value.lotTypeId =''
page.value.currentPage=1
page.value.pageSize=20
  page.value.areaCode = '';
  page.value.createUser = '';
  page.value.fileName = '';
  page.value.lotTypeId = '';
  page.value.currentPage = 1;
  page.value.pageSize = 20;
  onLoad(page.value);
};

@@ -382,7 +413,9 @@
  page.value.currentPage = 1;
  page.value.lotTypeId = params.patches_type_desc;
  page.value.createUser = params.user_name;

  page.value.fileName = params.file_name;
  page.value.areaCode = params.areaName;
  page.value.createUser = params.user_name;
  onLoad(page.value);
  done();
};
@@ -424,13 +457,19 @@
    current: pageInfo.currentPage,
    size: pageInfo.pageSize,
    lotTypeId: pageInfo.lotTypeId,
 
    fileName: pageInfo.fileName,
    areaCode: pageInfo.areaCode,
    createUser: pageInfo.createUser,
  };
  loading.value = true;
  spotManagementTableApi(searchparams).then(res => {
    const d = res.data.data;
    page.value.total = d.total;
    data.value = d.records;
    data.value = d.records.map(i => ({
      ...i,
      dataFrom: i.date_from === 0 ? '本地上传' : '国土调查云',
      areaName: findAreaName(i.area_code, regionalData.value, true) 
    }));
    loading.value = false;
    selectionClear();
  });
@@ -441,7 +480,7 @@
  detailid.value = row.id;
  uploadPatchDialog.value = true;
  spotDetailsTitle.value = type === 'detail' ? '图斑详情' : '图斑编辑';

  detailList.value = row;
};

// 跳转至图斑类型管理页面
@@ -451,11 +490,11 @@

// 下载图斑
const downloadPatch = () => {

  if (!selectionList.value.length) {
    return ElMessage.warning('请选择需要导出的数据');
  }
  exportExcel(selectionList.value?.map(i => i.id).join(',')).then(res => {
  const a = selectionList.value.map(i => Number(i.id));
  exportExcel(a).then(res => {
    const elink = document.createElement('a');
    elink.download = new Date().getTime() + '.xls';
    elink.style.display = 'none';
@@ -466,18 +505,17 @@
    document.body.appendChild(elink);
    elink.click();
    document.body.removeChild(elink);

    loading.value = false;
  });
};
// 图斑上传
const uploadFlightFile = (file, t) => {
  console.log('ruleForm', ruleForm, file);

loading.value = true
  const fileSuffix = file.name.substring(file.name.lastIndexOf('.') + 1);
  if (!['kmz', 'kml', 'zip'].includes(fileSuffix)) {
    return ElMessage.error('请上传zip/kmz/kml格式的文件');
  }

  let data = new FormData();
  let type = t === '3' ? '' : t;
  const params = {
@@ -485,18 +523,34 @@
    fileName: ruleForm.name,
    LotTypeId: ruleForm.region,
  };

  Object.keys(params).forEach(key => {
    data.append(key, params[key]);
  });

  uploadManagementApi(data).then(res => {
    if (res.data.code !== 0) return ElMessage.error('上传失败');
    if (res.data.code !== 0) {
      return ElMessage.error('上传失败');
    }

    ElMessage.success('上传成功');

    init();
    box.value = false;

    ruleForm.name = '';
    ruleForm.region = '';

    if (ruleFormRef.value) {
      ruleFormRef.value.resetFields();
    }
loading.value = true
    searchReset();
  });
};
provide('searchReset', searchReset);
onMounted(() => {
  getsearchManagementApi();
  getlistOfSpotTypesApi();
});
</script>