无人机管理后台前端(已迁走)
张含笑
2025-09-01 2140d4d5dd07de04f420c045bd08b06f21e1cd08
src/views/resource/components/spotDetails.vue
@@ -58,7 +58,7 @@
          <div class="table-content">
            <div class="tabname">图斑列表</div>
            <el-table
              class="ztzf-table"
              ref="polygonTableEle"
              highlight-current-row
              :row-class-name="tableRowClassName"
@@ -70,7 +70,7 @@
                  {{ ($index + 1).toString().padStart(2, '0') }}
                </template>
              </el-table-column>
              <el-table-column prop="dkbh" align="center" label="图斑名称" />
              <el-table-column prop="dkbh" align="center" label="图斑名称" show-overflow-tooltip/>
              <el-table-column prop="is_exception" align="center" label="图斑状态">
                <template #default="scope">
                  <span>{{ scope.row.is_exception === 2 ? '异常' : '正常' }}</span>
@@ -85,8 +85,8 @@
            </el-table>
            <div class="pagination-container">
              <el-pagination
                :current-page="params.current"
                :page-size="params.size"
                :current-page="params.page"
                :page-size="params.pageSize"
                background
                layout="prev, pager, next"
                prev-text="上一页"
@@ -227,29 +227,39 @@
  });
};
const params = ref({
  current: 1,
  size: 20,
  page: 1,
  pageSize: 20,
});
// 图斑管理表格
const getTableList = () => {
  const params = {
  const requestParams = {
    patchesInfoId: props.detailid,
    page: params.value.page,
    pageSize: params.value.pageSize
  };
  tableMapListApi(params).then(res => {
  tableMapListApi(requestParams).then(res => {
    tableData.value = res.data.data.map(item => ({
      ...item,
      dkfw: item.sdfw && item.is_exception == 1 ? item.sdfw : item.dkfw,
    }));
    // 先清空地图现有图斑
    total.value = res.data.total || res.data.data.length;
    tbJwdList = [];
    viewer?.entities.removeAll(); // 清除所有实体
    // 加载图斑
    viewer?.entities.removeAll();
    entitiesAddSpot();
  });
};
const handleSizeChange = () => {};
const handleCurrentChange = () => {};
const handleSizeChange = (val) => {
  params.value.pageSize = val;
  params.value.page = 1; // 重置到第一页
  getTableList();
};
const handleCurrentChange = (val) => {
  params.value.page = val;
  getTableList();
};
const tableData = ref([]);
// 地图
const initMap = () => {
@@ -442,10 +452,7 @@
    type: patchTypeItem?.originalValue || patchTypeItem?.value || '',
    id: props.detailList.id,
  };
  patchEditApi(updateParams).then(res => {
    console.log('111', res.data.data);
    ElMessage.success(res.data.data);
    refreshonload();
    uploadPatchDialog.value = false;
@@ -610,7 +617,7 @@
    .el-table__inner-wrapper::before,
    .el-table__inner-wrapper::after {
      background-color: transparent !important;
      display: none !important; // 彻底隐藏伪元素边框
      // display: none !important; // 彻底隐藏伪元素边框
    }
    .el-table__header-wrapper th {
      border: none !important;