jf-frock/src/views/BidSystem/QuotaRequisition.vue

<template>
    <div>
         <Toptitle title="定额领料单"></Toptitle>
         <div style="height:85%;overflow:auto">
         <Form :label-width='80' style="display:flex;margin-top:15px">
             <FormItem label='项目编码' style="width:300px">
                 <Select v-model="searchData.order_no" filterable multiple>
                     <Option v-for="(item,index) in order" :key="index" :value="item" :label="item"/>
                 </Select>
             </FormItem>
             <FormItem label='项目名称' style="width:300px">
                 <Select v-model="searchData.residential_name" filterable multiple>
               <Option v-for="(item,index) in residential_name" :key="index" :value="item" :label="item"/>
                 </Select>
             </FormItem>
             <FormItem label='项目简称' style="width:300px">
                 <Select v-model="searchData.abbreviation" filterable multiple>
                      <Option v-for="(item,index) in abbreviation" :key="index" :value="item" :label="item"/>
                 </Select>
             </FormItem>
             <FormItem>
                 <Button type="primary" @click="initData(searchData)">搜索</Button>
            </FormItem>
         </Form>
         <Table :data='tableData' :columns='tableColumns' border>
                  <template slot="set" slot-scope="{row}">
                      <a @click="goPageDetail(row)">详情</a>
                  </template>
         </Table>
         </div>
          <div style="text-align:center">
          <Page :page-size-opts="[10, 20, 30, 40,100]"
                @on-page-size-change='changeSize'
                @on-change='changePage'
                :current='pageIndex'
                show-total
                :total="total"
                show-sizer
                :page-size='pageSize' />
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            abbreviation:[],
            order:[],
            residential_name:[],
            proxyData:{},
            pageSize:10,
            pageIndex:1,
            total:0,
            tableData:[],
            tableColumns:[
                {title:'项目编码',align:'center',key:'order_no'},
                {title:'项目名称',align:'center',key:'residential_name'},
                {title:'项目简称',align:'center',key:'abbreviation'},
                {title:'操作',align:'center',key:'',slot:'set'}
            ],
            searchData:{
              order_no:'',
	         residential_name:'',
	         abbreviation:''
            }
        }
    },
    mounted(){
      this.initData();
    },
    methods:{
        changeSize(e){
            this.pageIndex = 1;
            this.pageSize = e;
            this.initData(this.proxyData)
        },
        changePage(e){
          this.pageIndex = e;
          this.initData(this.proxyData)
        },
        goPageDetail(row){
            this.$router.push({path:'/cms/BidSystem/QuotaRequisitionDetail',query:{order_no:row.order_no}});
        },
        initData(row){
            this.proxyData = row;
              this.axios.post('/api/finance_quota_list',{page_index:this.pageIndex,page_size:this.pageSize,...row}).then(res=>{
                  this.tableData = res.data.data;
                  this.total = res.data.total;
                  this.abbreviation = res.data.abbreviation;
                  this.order = res.data.order;
                  this.residential_name = res.data.residential_name;
              })
        }
    }
}
</script>
<style lang="scss" scoped>

</style>