sum +(col.width|l0)，0)>1800 ?'max-content :...-Go服务器开发

在你提供的代码片段中，有一些语法错误和缺失部分。下面是一个补充和修正后的完整示例，确保你的Vue 3和Ant Design Vue组件正常工作。

<template>
  <a-modal v-model:open="isModalDetail" title="诉讼案件管理详情" width="750px">
    <div class="modalForm">
      <a-table
        :columns="detailColumns"
        :data-source="detailData"
        :scroll="{ x: detailColumns.reduce((sum, col) => sum + (col.width || 0), 0) > 1800 ? 'max-content' : undefined }"
        :pagination="{
          current: detailCurrentPage,
          pageSize: detailPageSize,
          total: detailTotalRecords,
          pageSizeOptions: ['10', '20', '30', '40', '100'],
          onShowSizeChange: detailHandlePageSizeChange,
          onChange: detailHandlePageChange,
          showQuickJumper: true,
          showSizeChanger: true,
          showTotal: (total, range) => `显示 ${range[0]}~ ${range[1]}条记录，共 ${total} 条记录`
        }"
      />
    </div>
    <template #footer></template>
  </a-modal>
</template>

<script setup>
import { ref } from 'vue';
import { message } from 'ant-design-vue'; // 确保引入消息提示

const isModalDetail = ref(false);
const detailColumns = []; // 填写你的列定义
const detailPageSize = ref(10);
const detailCurrentPage = ref(1);
const detailTotalRecords = ref(0);
const detailData = ref([]);

const detailHandlePageChange = (page) => {
  detailCurrentPage.value = page;
};

const detailHandlePageSizeChange = (current, size) => {
  detailPageSize.value = size;
  detailCurrentPage.value = current;
};

const openModal = (type, record) => {
  console.log(type, record);
  
  isModalDetail.value = type === 'detail';
  
  const params = {
    start: (detailCurrentPage.value - 1) * detailPageSize.value,
    length: detailPageSize.value,
    searchParams: { id: record.id }
  };
  
  getSuitStageBySuitId(params).then((response) => {
    if(response.success) {
      detailData.value = response.data;
      detailTotalRecords.value = response.recordsFiltered;
    } else {
      message.error(response.message);
    }
    
    isModalDetail.value = true;
  });
};
</script>

<style scoped>
.modalForm {
  /* 自定义样式 */
}
</style>