Smart_platform_ui/src/components/bill/billApplication.vue

<template>
  <basic-container>
    <avue-crud :option="option"
               :data="dataList"
               ref="crud"
               v-model="form"
               :page.sync="page"
               :search.sync="search"
               :table-loading="loading"
               @search-change="searchChange"
               @search-reset="searchReset"
               @selection-change="selectionChange"
               @current-change="currentChange"
               @size-change="sizeChange"
               @refresh-change="refreshChange"
               @on-load="onLoad">
      <template slot="corpIdSearch">
        <select-component
          v-model="search.corpId"
          :configuration="configuration"
        ></select-component>
      </template>
      <template slot="costTypeSearch">
        <breakdown-select
          v-model="search.costType"
          :configuration="breakConfiguration"
        ></breakdown-select>
      </template>
    </avue-crud>
    <div style="padding: 10px;display: flex;justify-content: flex-end;">
       <span slot="footer" class="dialog-footer" >
           <el-button @click="$emit('choceApplication')">关闭</el-button>
       </span>
    </div>
  </basic-container>
</template>

<script>
  import option from "./config/application.json";
  import { getBillList } from "@/api/financialManagement/paymentRequest";

  export default {
    name: "billApplication",
    props:{
      billId:{
        type:String
      },
      choceApplication: {
        type: Function
      }
    },
    data() {
      return {
        loading : false,
        form: {},
        search:{},
        show:true,
        detailData:{},
        option: option,
        parentId:0,
        dataList: [],
        page: {
          pageSize: 10,
          pagerCount: 5,
          total: 0,
        },
        query:{},
        configuration:{
          multipleChoices:false,
          multiple:false,
          disabled:false,
          searchShow:true,
          collapseTags:false,
          clearable:true,
          placeholder:'请点击右边按钮选择',
          dicData:[]
        },
        breakConfiguration:{
          multipleChoices:false,
          multiple:false,
          disabled:false,
          searchShow:true,
          collapseTags:false,
          clearable:true,
          placeholder:'请点击右边按钮选择',
          dicData:[]
        },
      }
    },
    created() {

    },
    mounted() {
      option.height = window.innerHeight - 200 ;
    },
    methods: {
      //新单打开
      addReceipt(row){
        this.detailData = {
          id: row.id,
          status: 1
        };
        this.show = false;
      },
      //编辑打开
      editOpen(row, status){
        this.detailData = {
          id: row.id,
          status: status
        };
        this.show = false;
      },
      //点击搜索按钮触发
      searchChange(params, done) {
        this.query = params;
        this.page.currentPage = 1;
        this.onLoad(this.page, params);
        done()
      },
      searchReset() {
        console.log('1')
      },
      selectionChange() {
        console.log('1')
      },
      currentChange() {
        console.log('1')
      },
      sizeChange() {
        console.log('1')
      },
      refreshChange() {
        console.log('1')
      },
      onLoad(page, params = {}) {
        this.loading = true;
        params.srcParentId = this.billId
        if (params.createTime != undefined) {  //合同
          params.createStartDate = params.createTime[0]+ " " + "00:00:00";
          params.createEndDate = params.createTime[1] + " " + "23:59:59";
          this.$delete(params,'createTime')
        }
        getBillList(page.currentPage, page.pageSize,params).then(res=>{
          this.dataList = res.data.data.records
          this.page.total = res.data.data.total
          this.loading = false;
        })
      },
      goBack() {
        this.detailData=this.$options.data().detailData
        this.show = true;
      }
    }
  }
</script>

<style scoped>

</style>