icore-pass/src/views/TMS/bmstrain/components/statementDetailsOrder.vue

<template>
  <!-- 火运计费账单所属详单页面 -->
  <div class="purchaseOrder">
    <div class="top">
    </div>
     <el-divider content-position="left">计费详单</el-divider>
    <dilTable v-bind.sync="option">
      <el-table-column fixed="right" label="操作" align="center" width="100">
        <template slot-scope="scope">
          <el-button @click="btnclick(scope.row.detailsId)" type="text" size="small"
            >火运实绩</el-button
          >
          <!-- <el-button @click="onclick(scope.row.batchId)" type="text" size="small"
            >汽运实绩</el-button
          > -->
        </template>
      </el-table-column>
    </dilTable>
  </div>
</template>

<script>
export default {
  name: "purchaseOrder",
  data() {
    return {
      input:"",
      option: {
        // 表格请求数据的地址
        requestUrl: "/api/v1/bms/getComplateTrainDetailsList?apiId=118&batchId="
          + this.$route.params.batchId + "&statementId=" + this.$route.query.statementId,
      },
      tableData: [{
            shipperName: '',
            shipCost: '',
            lossCost: '',
            waterFees: '',
            statementTotalAmount: ''
          }]
    };
  },
  mounted(){
    // this.initialization();
  },
  methods: {
    // initialization(){
    //   this.$axios.post('/api/v1/bmsship/bmsshipstatement/getAllCost?batchId='+this.$route.params.batchId).then((res)=>{
    //     this.tableData = res.data.data
    //   })
    // },
    // onclick(batchId) {
    //   this.$route.push("/bmsship/shipResult/" + batchId)
    // },
    btnclick(detailsId) {
      this.$router.push("/bmstrain/trainResult/" + detailsId);
    },
    // click(batchId) {
    //   this.$route.push("/bmsship/shipResult/" + batchId)
    // },
  },
};
</script>
<style lang='scss' scoped>
.purchaseOrder {
  .top {
    padding: 1.25rem 1.875rem;
  }
}
</style>