vue-insagent-pc/src/views/Task/External/TemporaryOrder.vue

<template>
  <!--布局容器-->
  <div class="InvoicedAndSettled" style="width: 99%; margin-top: 0px">
    <templateTable
      :formList="formList"
      :searchData.sync="searchData"
      :tableConfig="tableConfig"
      :data="tableData"
      @findPage="findPage"
      @handleSearchList="handleSearchList"
      :pagination="pageData"
    >
    </templateTable>
    <el-dialog
      title="编辑"
      :visible.sync="dialogVisible"
      width="70%"
      :before-close="handleClose"
    >
      <!-- <templateTable ref="templateTable" :tableConfig="tableConfigDetail" :data="formTableData"
                @findPage="findPageDetail">
                <template slot="settlementAmount" slot-scope="scope">
                    <el-input v-model="scope.row.invoicCommissionFeevalue" style="width:120px" size="mini"></el-input>
                </template>
            </templateTable>
            <span slot="footer" class="dialog-footer">
                <el-button size="small" @click="submitBalance" type="primary">结算</el-button>
                <el-button size="small" @click="dialogVisible = false">取消</el-button>
            </span> -->
    </el-dialog>
  </div>
</template>
<script>
import templateTable from "@/components/TemplateTable/index.vue";
import { mapState } from "vuex";

export default {
  name: "baosi",
  components: { templateTable },
  created() {},
  computed: {
    ...mapState({
      perms: (state) => state.user.perms,
    }),
  },
  data() {
    return {
      fileList: [],
      searchData: {},
      formList: [
        {
          label: "订单号",
          prop: "id",
          type: "input",
        },
        // {
        //     label: "审核人",
        //     prop: "auditname",
        //     type: "input",
        // },
        {
          label: "车牌号",
          prop: "licenseno",
          type: "input",
        },
      ],
      tableConfig: {
        columns: [
          {
            prop: "id",
            label: "订单号",
            type: "text",
          },
          //   {
          //     prop: "auditname",
          //     label: "审核人",
          //     type: "text",
          //   },
          {
            prop: "licenseno",
            label: "车牌号",
            type: "text",
          },
          //   {
          //     prop: "rejectinfo",
          //     label: "驳回原因",
          //     type: "text",
          //   },
          {
            prop: "jqpremium",
            label: "交强保费",
            type: "text",
          },
          {
            prop: "sypremium",
            label: "商业保费",
            type: "text",
          },
          {
            prop: "taxamount",
            label: "车船税",
            type: "text",
          },
          {
            prop: "sumpremium",
            label: "保费合计",
            type: "text",
          },
        ],
        loading: true,
        isPaginationShow: true,
        optBtns: [
          {
            type: "primary",
            label: "编辑",
            click: (row, index) => {
              return this.haldNewDetail(row);
            },
          },
        ],
      },
      tableData: [],
      pageData: {
        pageNum: 1,
        pageSize: 20,
      },
      dialogVisible: false,
    };
  },
  created() {
    this.findPage();
  },
  methods: {
    // 查询
    handleSearchList(data) {
      this.findPage(data);
    },

    //列表数据
    findPage(data) {
      this.tableConfig.loading = true;
      this.$api.task.stagePage({ ...this.pageData, ...data }).then((res) => {
        if (res.code == 200) {
          this.tableData = res.data.records;
          this.pageData.pageNum = res.data.pageNum;
          this.pageData.pageSize = res.data.pageSize;
          this.pageData.totalSize = res.data.totalSize;
          this.tableConfig.loading = false;
        } else {
          this.$message.error(res.msg);
        }
      });
    },
    haldNewDetail(row) {
      this.$api.letter.getByOrderNo({ orderNo: row.orderno }).then((res) => {
        if (res.code == 200) {
          this.$router.push({
            path: "/task/external/externalOrders",
            query: {
              data: {
                ...res.data,
                orderExternalStatus: row.orderExternalStatus,
              },
            },
          });
        } else {
          this.$message.error(res.msg);
        }
      });
      // this.dialogVisible = true
    },
    handleClose() {
      this.findPage();
      this.dialogVisible = false;
    },

    tablePageChange(val) {
      this.pageData.pageSize = val;
      this.findPage();
    },
    tableCurrentChange(val) {
      this.pageData.pageNum = val;
      this.findPage();
    },
  },
};
</script>
      
<style scoped lang="scss">
</style>