-Go服务器开发

要在点击“跟进”按钮时打开一个新的 Vue 页面（或模态框），并在新页面中展示相关功能操作，你可以按照以下步骤进行修改：

引入路由：确保你的项目中有 Vue Router。首先，安装 Vue Router（如果尚未安装）：
```
npm install vue-router
```
定义路由：在你的路由配置文件中，添加一个新的路由用于展示跟进的功能。

   // router/index.js 或 router.js
   import { createRouter, createWebHistory } from 'vue-router';
   import FollowUpPage from '../views/FollowUpPage.vue'; // 跟进页面的组件路径
   const routes = [
     // ...其他路由
     {
       path: '/follow-up/:id', // 这里假设根据记录ID进行访问
       name: 'FollowUp',
       component: FollowUpPage,
     },
   ];
   const router = createRouter({
     history: createWebHistory(process.env.BASE_URL),
     routes,
   });
   export default router;

修改按钮逻辑：在 a-button 的点击事件中使用 $router.push 方法导航到新页面。

<template>
  <a-table
    :columns="columns"
    :data-source="data"
    ...
  >
    <template #bodyCell="{ column, record }">
      <template v-if="column.key === 'operation'">
        <a-button @click="openModal('edit', record)">编辑</a-button>
      </template>
      <template v-if="column.key === 'operation'">
        <a-button @click="goToFollowUp(record.id)">跟进</a-button>
      </template>
      <template v-if="column.key === 'operation'">
        <a-button @click="complete(record)">完成</a-button>
      </template>
    </template>
  </a-table>
</template>
<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router'; // 引入useRouter钩子
import { Table, Button } from 'ant-design-vue';
const columns = ref([]);
const data = ref([]);
const currentPage = ref(1);
const pageSize = ref(10);
const totalRecords = ref(100);
const router = useRouter(); // 使用router实例
const openModal = (action, record) => {
  console.log(action, record);
};
const goToFollowUp = (id) => {
  router.push({ name: 'FollowUp', params: { id } }); // 导航到跟进页，并传递ID参数
};
const complete = (record) => {
  console.log('完成', record);
};
</script>

创建跟进页面：创建一个新组件 FollowUpPage.vue 用于处理跟进功能。

<template>
  <div>
    <h1>跟进记录 ID: {{ id }}</h1>
    <!-- 在这里添加你的具体操作和功能 -->
  </div>
</template>
<script setup>
import { ref, onMounted } from 'vue';
import { useRoute } from 'vue-router';
const route = useRoute();
const id = ref(route.params.id);
onMounted(() => {
  console.log('当前跟进ID:', id.value);
});
</script>
<style scoped>
/* 添加样式 */
</style>