feat:样式调整

张含笑

2025-09-01 2140d4d5dd07de04f420c045bd08b06f21e1cd08

feat:样式调整

 src/page/index/tags.vue

@@ -21,7 +21,7 @@
        </el-tab-pane>
      </el-tabs>
      <el-dropdown class="avue-tags__menu">
        <el-button type="primary">
        <el-button type="primary" style="background: #409eff;border-color: #409eff">
          {{ $t('tagsView.menu') }}
          <i class="el-icon-arrow-down el-icon--right"></i>
        </el-button>

 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;

 src/views/resource/patchManagement.vue

@@ -180,6 +180,8 @@
      prop: 'file_name',
      span: 24,
      search: true,
       overHidden: true, 
        showOverflowTooltip: true,
      searchSpan: 4,
      rules: [{ required: true, message: '请输入文件名称', trigger: 'blur' }],
    },
@@ -455,7 +457,6 @@
      dataFrom:i.date_from === 0? '本地上传':'国土调查云',
      areaName: findAreaName(i.area_code)
    }));
     console.log('表格数据',data.value );
    loading.value = false;
    selectionClear();
  });
@@ -526,6 +527,7 @@
  if (!['kmz', 'kml', 'zip'].includes(fileSuffix)) {
    return ElMessage.error('请上传zip/kmz/kml格式的文件');
  }
  
  let data = new FormData();
  let type = t === '3' ? '' : t;
  const params = {
@@ -533,15 +535,28 @@
    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('上传成功');
box.value = false
searchReset()
    init();
  
    box.value = false;

    ruleForm.name = '';
    ruleForm.region = '';
   
    if (ruleFormRef.value) {
      ruleFormRef.value.resetFields();
    }
 
    searchReset();
  });
};
provide('searchReset', searchReset);