tenant-Platform/src/views/quoteConfig/agreement/components/operatorTrajectory.vue

<template>
  <el-dialog :close-on-click-modal="false" v-model="dialog" title="轨迹" width="1200">
    <ComplexTable :tableData="tableData" tableheight="calc(100vh - 410px)" :columns="columns" :columnwidth="200"
      :pageInfo="pageInfo" @getList="getList">
      <template v-slot:operation="scope">
        <el-button type="primary" link @click="detail(scope.operationData.id)">
          查看详情
        </el-button>
      </template>
    </ComplexTable>
  </el-dialog>
</template>
<script lang="ts" setup>
import api from '@/api';

const dialog = ref(false)
const tableData = ref([])
const columns = [
  { prop: "operationContent", label: "操作内容描述", minWidth: '500', },
  {
    prop: "operatorName", label: "操作类型", width: '120',
  },
  { prop: "createTime", label: "操作时间", width: '240', },
  {
    prop: "createByName", label: "操作人", width: '120',
  },

];
const pageInfo = ref({
  pageNum: 1,
  pageSize: 20,
  sizes: [10, 20, 30, 40, 50],
  total: 100,
});
//分页事件
const getList = (item) => {
  pageInfo.value.pageNum = item.pageNum;
  pageInfo.value.pageSize = item.pageSize;
  findpage();
};
function findpage(primaryValue) {
  api.agreementApi.operatorTrajectoryList({ pages: pageInfo.value.pageNum, size: pageInfo.value.pageSize, primaryValue }).then((res: any) => {
    if (res.code == '200') {
      tableData.value = res.data.records;
      pageInfo.value.pageNum = res.data.current;
      pageInfo.value.pageSize = res.data.size;
      pageInfo.value.total = res.data.total;
    }
  });
}

const operAtorTrajectory = (primaryValue) => {
  findpage(primaryValue)
  tableData.value = []
  dialog.value = true
}

const myRouter = useRouter()
const detail = (id) => {
  myRouter.push({
    path: '/systemManage/logManage/logDetail',
    query: {
      id
    }
  })
  dialog.value = false
}

defineExpose({
  operAtorTrajectory,
});
</script>