|  | @@ -0,0 +1,402 @@
 | 
	
		
			
				|  |  | +<!-- 采购订单主表选择 -->
 | 
	
		
			
				|  |  | +<template>
 | 
	
		
			
				|  |  | +    <a-modal
 | 
	
		
			
				|  |  | +      title="选择采购订单(Select Purchase Order)"
 | 
	
		
			
				|  |  | +      width="95%"
 | 
	
		
			
				|  |  | +      :visible="visible"
 | 
	
		
			
				|  |  | +      :maskClosable="false"
 | 
	
		
			
				|  |  | +      switchFullscreen
 | 
	
		
			
				|  |  | +      @ok = "handleOk"
 | 
	
		
			
				|  |  | +      @cancel="handleCancel">
 | 
	
		
			
				|  |  | +        <div>
 | 
	
		
			
				|  |  | +          <a-card  :body-style="{ padding: '10px' }" :bordered="false" style="margin: 10px;">
 | 
	
		
			
				|  |  | +            <div class="table-page-search-wrapper">
 | 
	
		
			
				|  |  | +                <a-form :model="queryParams" :label-col="labelCol" :wrapper-col="wrapperCol" @keyup.enter.native="searchQuery" >
 | 
	
		
			
				|  |  | +                <a-row :gutter="24">
 | 
	
		
			
				|  |  | +                    <a-col :md="6" :sm="8">
 | 
	
		
			
				|  |  | +                        <a-form-item label="订单编号(bill code)">
 | 
	
		
			
				|  |  | +                            <j-input placeholder="请输入" v-model:value="queryParams.billCode"></j-input>
 | 
	
		
			
				|  |  | +                        </a-form-item>
 | 
	
		
			
				|  |  | +                    </a-col>
 | 
	
		
			
				|  |  | +                    <a-col :md="6" :sm="8">
 | 
	
		
			
				|  |  | +                        <a-form-item label="单据日期(bill date)">
 | 
	
		
			
				|  |  | +                            <a-range-picker value-format="YYYY-MM-DD"  v-model:value="billDate"  @change="changeBillDate" class="query-group-cust"/>
 | 
	
		
			
				|  |  | +                        </a-form-item>
 | 
	
		
			
				|  |  | +                    </a-col> 
 | 
	
		
			
				|  |  | +                    <template v-if="toggleSearchStatus">
 | 
	
		
			
				|  |  | +                        <a-col :md="6" :sm="8">
 | 
	
		
			
				|  |  | +                            <a-form-item label="项目(project)">
 | 
	
		
			
				|  |  | +                                <ApiSelect
 | 
	
		
			
				|  |  | +                                    :api="ProjectOption"
 | 
	
		
			
				|  |  | +                                    showSearch
 | 
	
		
			
				|  |  | +                                    v-model:value="queryParams.project"
 | 
	
		
			
				|  |  | +                                    optionFilterProp="label"
 | 
	
		
			
				|  |  | +                                    resultField="records"
 | 
	
		
			
				|  |  | +                                    labelField="code"
 | 
	
		
			
				|  |  | +                                    valueField="id"
 | 
	
		
			
				|  |  | +                                    :params='{pageSize:-1}'
 | 
	
		
			
				|  |  | +                                    />
 | 
	
		
			
				|  |  | +                            </a-form-item>
 | 
	
		
			
				|  |  | +                        </a-col>
 | 
	
		
			
				|  |  | +                        <a-col :md="6" :sm="8">
 | 
	
		
			
				|  |  | +                            <a-form-item label="产品分类(production class)" :label-col="labelCol1" :wrapper-col="wrapperCol1">
 | 
	
		
			
				|  |  | +                                <ApiSelect
 | 
	
		
			
				|  |  | +                                :api="ClassList"
 | 
	
		
			
				|  |  | +                                showSearch
 | 
	
		
			
				|  |  | +                                v-model:value="queryParams.productionClass"
 | 
	
		
			
				|  |  | +                                optionFilterProp="label"
 | 
	
		
			
				|  |  | +                                resultField="records"
 | 
	
		
			
				|  |  | +                                labelField="name"
 | 
	
		
			
				|  |  | +                                valueField="id"
 | 
	
		
			
				|  |  | +                                :params='{pageSize:-1}'
 | 
	
		
			
				|  |  | +                                />
 | 
	
		
			
				|  |  | +                            </a-form-item>
 | 
	
		
			
				|  |  | +                        </a-col>
 | 
	
		
			
				|  |  | +                        <a-col :md="6" :sm="8">
 | 
	
		
			
				|  |  | +                            <a-form-item label="供应商(supplier)">
 | 
	
		
			
				|  |  | +                                <ApiSelect
 | 
	
		
			
				|  |  | +                                :api="supplierOption"
 | 
	
		
			
				|  |  | +                                showSearch
 | 
	
		
			
				|  |  | +                                v-model:value="queryParams.supplier"
 | 
	
		
			
				|  |  | +                                optionFilterProp="label"
 | 
	
		
			
				|  |  | +                                resultField="records"
 | 
	
		
			
				|  |  | +                                labelField="name"
 | 
	
		
			
				|  |  | +                                valueField="id"
 | 
	
		
			
				|  |  | +                                :params='{pageSize:-1}'
 | 
	
		
			
				|  |  | +                                />
 | 
	
		
			
				|  |  | +                            </a-form-item>
 | 
	
		
			
				|  |  | +                        </a-col>
 | 
	
		
			
				|  |  | +                        <a-col :md="6" :sm="8">
 | 
	
		
			
				|  |  | +                            <a-form-item label="优先级(priority)" >
 | 
	
		
			
				|  |  | +                                <JDictSelectTag v-model:value="queryParams.priority" placeholder="请选择" dictCode="priority" style="width: 100%;"/>
 | 
	
		
			
				|  |  | +                            </a-form-item>
 | 
	
		
			
				|  |  | +                        </a-col>
 | 
	
		
			
				|  |  | +                        
 | 
	
		
			
				|  |  | +                        <a-col :md="6" :sm="8">
 | 
	
		
			
				|  |  | +                            <a-form-item label="机型(model)">
 | 
	
		
			
				|  |  | +                                <j-input placeholder="请输入" v-model:value="queryParams.headModel"></j-input>
 | 
	
		
			
				|  |  | +                            </a-form-item>
 | 
	
		
			
				|  |  | +                        </a-col>
 | 
	
		
			
				|  |  | +                        <a-col :md="6" :sm="8">
 | 
	
		
			
				|  |  | +                            <a-form-item label="产品编码(product code)" :label-col="labelCol1" :wrapper-col="wrapperCol1">
 | 
	
		
			
				|  |  | +                                <j-input placeholder="请输入" v-model:value="queryParams.productCode"></j-input>
 | 
	
		
			
				|  |  | +                            </a-form-item>
 | 
	
		
			
				|  |  | +                        </a-col>                  
 | 
	
		
			
				|  |  | +                    </template>
 | 
	
		
			
				|  |  | +                    <a-col :md="6" :sm="8">
 | 
	
		
			
				|  |  | +                        <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
 | 
	
		
			
				|  |  | +                            <a-button type="primary" @click="searchQuery" >查询(search)</a-button>
 | 
	
		
			
				|  |  | +                            <a-button type="primary" @click="searchReset"  style="margin-left: 8px">重置(reset)</a-button>
 | 
	
		
			
				|  |  | +                            <a @click="handleToggleSearch" style="margin-left: 8px">
 | 
	
		
			
				|  |  | +                            {{ toggleSearchStatus ? '收起' : '展开' }}
 | 
	
		
			
				|  |  | +                            <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
 | 
	
		
			
				|  |  | +                            </a>
 | 
	
		
			
				|  |  | +                        </span>
 | 
	
		
			
				|  |  | +                    </a-col>
 | 
	
		
			
				|  |  | +                </a-row>
 | 
	
		
			
				|  |  | +            </a-form>
 | 
	
		
			
				|  |  | +           </div>
 | 
	
		
			
				|  |  | +        </a-card>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +        <a-card  :body-style="{ padding: '10px' }" :bordered="false" style="margin: 10px;">
 | 
	
		
			
				|  |  | +            <a-alert type="info" show-icon class="alert" style="margin-bottom: 8px">
 | 
	
		
			
				|  |  | +            <template #message>
 | 
	
		
			
				|  |  | +                <template v-if="selectedRowKeys.length > 0">
 | 
	
		
			
				|  |  | +                <span>已选中 {{ selectedRowKeys.length }} 条记录</span>
 | 
	
		
			
				|  |  | +                <a-divider type="vertical" />
 | 
	
		
			
				|  |  | +                <a @click="selectedRowKeys = []">清空</a>
 | 
	
		
			
				|  |  | +                </template>
 | 
	
		
			
				|  |  | +                <template v-else>
 | 
	
		
			
				|  |  | +                <span>未选中任何数据</span>
 | 
	
		
			
				|  |  | +                </template>
 | 
	
		
			
				|  |  | +            </template>
 | 
	
		
			
				|  |  | +            </a-alert>
 | 
	
		
			
				|  |  | +            <a-table
 | 
	
		
			
				|  |  | +                :columns="columns"
 | 
	
		
			
				|  |  | +                :row-key="record => record.rowKey"
 | 
	
		
			
				|  |  | +                :data-source="dataSource"
 | 
	
		
			
				|  |  | +                bordered
 | 
	
		
			
				|  |  | +                size="small"
 | 
	
		
			
				|  |  | +                @change="handleTableChange"
 | 
	
		
			
				|  |  | +                :pagination="pagination"
 | 
	
		
			
				|  |  | +                :scroll="{ x: 1800, y: 400 }"
 | 
	
		
			
				|  |  | +                :rowSelection="{ onSelect: onSelect, onSelectAll: onSelectAll,selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +            </a-table>
 | 
	
		
			
				|  |  | +        </a-card>
 | 
	
		
			
				|  |  | +      </div>
 | 
	
		
			
				|  |  | +    </a-modal>
 | 
	
		
			
				|  |  | +</template>
 | 
	
		
			
				|  |  | +<script lang="ts" setup>
 | 
	
		
			
				|  |  | +    import {ref, reactive } from 'vue';
 | 
	
		
			
				|  |  | +    import { defHttp} from '/@/utils/http/axios';
 | 
	
		
			
				|  |  | +    import { message } from 'ant-design-vue';
 | 
	
		
			
				|  |  | +    import {  ApiSelect, } from '/@/components/Form/index';
 | 
	
		
			
				|  |  | +    import { filterObj, getFileAccessHttpUrl } from '/@/utils/common/compUtils';
 | 
	
		
			
				|  |  | +    import { JDictSelectTag,JInput} from '/@/components/Form';
 | 
	
		
			
				|  |  | +    import {ProjectOption,supplierOption,ClassList} from '../purchase/arrivedGoods/ArriveGoodsForm.api';
 | 
	
		
			
				|  |  | +    const emit = defineEmits([ 'selectPurchaseOrderMian']); //定义emit
 | 
	
		
			
				|  |  | +    var visible = ref(false)
 | 
	
		
			
				|  |  | +    var getListUrl=ref('')
 | 
	
		
			
				|  |  | +    const columns = [
 | 
	
		
			
				|  |  | +        { 
 | 
	
		
			
				|  |  | +            type: 'selection',
 | 
	
		
			
				|  |  | +            fixed: 'left',
 | 
	
		
			
				|  |  | +            width:0
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        {
 | 
	
		
			
				|  |  | +            title: '订单编号(bill code)',
 | 
	
		
			
				|  |  | +            dataIndex: 'billCode',
 | 
	
		
			
				|  |  | +            key: 'billCode',
 | 
	
		
			
				|  |  | +            align:"center",
 | 
	
		
			
				|  |  | +            width:250,
 | 
	
		
			
				|  |  | +            
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        {
 | 
	
		
			
				|  |  | +            title: '单据日期(bill date)',
 | 
	
		
			
				|  |  | +            dataIndex: 'billDate',
 | 
	
		
			
				|  |  | +            key: 'billDate',
 | 
	
		
			
				|  |  | +            align:"center"
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        {
 | 
	
		
			
				|  |  | +            title: '项目(project)',
 | 
	
		
			
				|  |  | +            dataIndex: 'projectName',
 | 
	
		
			
				|  |  | +            key: 'projectName',
 | 
	
		
			
				|  |  | +            align:"center",
 | 
	
		
			
				|  |  | +            width:250,
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        {
 | 
	
		
			
				|  |  | +            title: '供应商(supplier name)',
 | 
	
		
			
				|  |  | +            dataIndex: 'supplierName',
 | 
	
		
			
				|  |  | +            key: 'supplierName',
 | 
	
		
			
				|  |  | +            align:"center"
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        {
 | 
	
		
			
				|  |  | +            title: '优先级(priority)',
 | 
	
		
			
				|  |  | +            dataIndex: 'priority_dictText',
 | 
	
		
			
				|  |  | +            key: 'priority_dictText',
 | 
	
		
			
				|  |  | +            align:"center"
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        {
 | 
	
		
			
				|  |  | +            title: '产品分类(production class)',
 | 
	
		
			
				|  |  | +            dataIndex: 'productionClass_dictText',
 | 
	
		
			
				|  |  | +            key: 'productionClass_dictText',
 | 
	
		
			
				|  |  | +            align:"center",
 | 
	
		
			
				|  |  | +            width:250,
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        {
 | 
	
		
			
				|  |  | +            title: '机型(model)',
 | 
	
		
			
				|  |  | +            dataIndex: 'model',
 | 
	
		
			
				|  |  | +            key: 'model',
 | 
	
		
			
				|  |  | +            align:"center"
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +    ];
 | 
	
		
			
				|  |  | +    const labelCol = ref({
 | 
	
		
			
				|  |  | +    xs: { span: 24 },
 | 
	
		
			
				|  |  | +    sm: { span: 9 },
 | 
	
		
			
				|  |  | +    });
 | 
	
		
			
				|  |  | +    const wrapperCol = ref({
 | 
	
		
			
				|  |  | +        xs: { span: 24 },
 | 
	
		
			
				|  |  | +        sm: { span: 15 },
 | 
	
		
			
				|  |  | +    });
 | 
	
		
			
				|  |  | +    const labelCol1 = ref({
 | 
	
		
			
				|  |  | +    xs: { span: 24 },
 | 
	
		
			
				|  |  | +    sm: { span: 10 },
 | 
	
		
			
				|  |  | +    });
 | 
	
		
			
				|  |  | +    const wrapperCol1 = ref({
 | 
	
		
			
				|  |  | +        xs: { span: 24 },
 | 
	
		
			
				|  |  | +        sm: { span: 14 },
 | 
	
		
			
				|  |  | +    });
 | 
	
		
			
				|  |  | +    const dataSource =ref([]);
 | 
	
		
			
				|  |  | +    let selectedRowKeys = ref([]);
 | 
	
		
			
				|  |  | +    let selectionRows = ref([]);
 | 
	
		
			
				|  |  | +    const toggleSearchStatus = ref(false);
 | 
	
		
			
				|  |  | +    var billDate = ref([])
 | 
	
		
			
				|  |  | +    const queryParams = ref({
 | 
	
		
			
				|  |  | +        billCode:'',
 | 
	
		
			
				|  |  | +        project:'',
 | 
	
		
			
				|  |  | +        projectName:'',
 | 
	
		
			
				|  |  | +        productionClass:'',
 | 
	
		
			
				|  |  | +        priority:'',
 | 
	
		
			
				|  |  | +        supplier:'',
 | 
	
		
			
				|  |  | +        supplierName:'',
 | 
	
		
			
				|  |  | +        headModel:'',
 | 
	
		
			
				|  |  | +        productCode:'',
 | 
	
		
			
				|  |  | +        billDate_begin:'',
 | 
	
		
			
				|  |  | +        billDate_end:'',
 | 
	
		
			
				|  |  | +        saleDepartment:'',
 | 
	
		
			
				|  |  | +        salesman:'',
 | 
	
		
			
				|  |  | +    });
 | 
	
		
			
				|  |  | +    let pagination = ref({
 | 
	
		
			
				|  |  | +      current: 1,
 | 
	
		
			
				|  |  | +      pageSize: 10,
 | 
	
		
			
				|  |  | +      total: '', // 假设总共有100条数据
 | 
	
		
			
				|  |  | +      showSizeChanger: true,
 | 
	
		
			
				|  |  | +      showQuickJumper: true,
 | 
	
		
			
				|  |  | +      showTotal: (total, range) => {
 | 
	
		
			
				|  |  | +          return range[0] + "-" + range[1] + " 共" + total + "条"
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      size:'small'
 | 
	
		
			
				|  |  | +    });
 | 
	
		
			
				|  |  | +    function loadData(){
 | 
	
		
			
				|  |  | +        let params = getQueryParams();
 | 
	
		
			
				|  |  | +        defHttp.get({ url: getListUrl.value,params}, { isTransformResponse: false })
 | 
	
		
			
				|  |  | +        .then((res) => {
 | 
	
		
			
				|  |  | +            if (res.success) {
 | 
	
		
			
				|  |  | +                res.result.records.map(item=>{
 | 
	
		
			
				|  |  | +                        item.rowKey = item.id
 | 
	
		
			
				|  |  | +                })
 | 
	
		
			
				|  |  | +                dataSource.value = res.result.records;
 | 
	
		
			
				|  |  | +                pagination.value.total = res.result.total;
 | 
	
		
			
				|  |  | +                pagination.value.current = res.result.current;
 | 
	
		
			
				|  |  | +                pagination.value.pageSize = res.result.size;                
 | 
	
		
			
				|  |  | +            } else {
 | 
	
		
			
				|  |  | +                message.error(res.message);
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +        })
 | 
	
		
			
				|  |  | +        .finally(() => {
 | 
	
		
			
				|  |  | +            // loading.value = false;
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function getQueryParams(){
 | 
	
		
			
				|  |  | +        let params = Object.assign(queryParams.value);
 | 
	
		
			
				|  |  | +        params.pageNo = pagination.value.current;
 | 
	
		
			
				|  |  | +        params.pageSize = pagination.value.pageSize;
 | 
	
		
			
				|  |  | +        return filterObj(params);
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function handleTableChange(paginations, filters, sorter){
 | 
	
		
			
				|  |  | +        pagination.value.total = paginations.total;
 | 
	
		
			
				|  |  | +        pagination.value.current = paginations.current;
 | 
	
		
			
				|  |  | +        pagination.value.pageSize = paginations.pageSize;
 | 
	
		
			
				|  |  | +        loadData()
 | 
	
		
			
				|  |  | +    };
 | 
	
		
			
				|  |  | +    function searchQuery(){
 | 
	
		
			
				|  |  | +        pagination.value.current =1;
 | 
	
		
			
				|  |  | +        selectedRowKeys.value = []
 | 
	
		
			
				|  |  | +        selectionRows.value=[]
 | 
	
		
			
				|  |  | +        loadData();
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function searchReset(){
 | 
	
		
			
				|  |  | +        billDate.value = []
 | 
	
		
			
				|  |  | +        pagination.value.current =1;
 | 
	
		
			
				|  |  | +        queryParams.value = {
 | 
	
		
			
				|  |  | +            billCode:'',
 | 
	
		
			
				|  |  | +            project:'',
 | 
	
		
			
				|  |  | +            projectName:'',
 | 
	
		
			
				|  |  | +            productionClass:'',
 | 
	
		
			
				|  |  | +            priority:'',
 | 
	
		
			
				|  |  | +            supplier:'',
 | 
	
		
			
				|  |  | +            supplierName:'',
 | 
	
		
			
				|  |  | +            headModel:'',
 | 
	
		
			
				|  |  | +            productCode:'',
 | 
	
		
			
				|  |  | +            billDate_begin:'',
 | 
	
		
			
				|  |  | +            billDate_end:'',
 | 
	
		
			
				|  |  | +            saleDepartment:'',
 | 
	
		
			
				|  |  | +            salesman:'',
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +        pagination.value.current =1;
 | 
	
		
			
				|  |  | +        pagination.value.pageSize = 10; 
 | 
	
		
			
				|  |  | +        selectedRowKeys.value = []
 | 
	
		
			
				|  |  | +        selectionRows.value=[]
 | 
	
		
			
				|  |  | +        loadData();
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function handleToggleSearch(){
 | 
	
		
			
				|  |  | +        toggleSearchStatus.value = !toggleSearchStatus.value;
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function onSelectChange(selectedRowKeys1, selectionRows1) {
 | 
	
		
			
				|  |  | +        var arr = []
 | 
	
		
			
				|  |  | +        selectionRows.value.map(item=>{
 | 
	
		
			
				|  |  | +            arr.push(item.rowKey)
 | 
	
		
			
				|  |  | +        })
 | 
	
		
			
				|  |  | +        selectedRowKeys.value =  arr
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function onSelect(record, selected, selectionRows1, nativeEvent) {
 | 
	
		
			
				|  |  | +        if (selected) {
 | 
	
		
			
				|  |  | +            selectionRows.value.push(record)
 | 
	
		
			
				|  |  | +            console.log( selectionRows.value);
 | 
	
		
			
				|  |  | +        }else{
 | 
	
		
			
				|  |  | +            const delIndex = selectionRows.value.findIndex((val) => {
 | 
	
		
			
				|  |  | +            return val.rowKey === record.rowKey
 | 
	
		
			
				|  |  | +            })
 | 
	
		
			
				|  |  | +            selectionRows.value.splice(delIndex, 1)
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function onSelectAll(selected, selectionRows1, changeRows) {
 | 
	
		
			
				|  |  | +        if (selected) {
 | 
	
		
			
				|  |  | +            selectionRows.value = selectionRows.value.concat(changeRows)
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +        if (!selected) {
 | 
	
		
			
				|  |  | +            let selectionRows2 = JSON.parse(JSON.stringify(selectionRows.value))
 | 
	
		
			
				|  |  | +            const delIndex = []
 | 
	
		
			
				|  |  | +            selectionRows2.forEach((item, index) => {
 | 
	
		
			
				|  |  | +            changeRows.forEach((val, itemIndex) => {
 | 
	
		
			
				|  |  | +                if (item.rowKey === val.rowKey) {
 | 
	
		
			
				|  |  | +                delIndex.push(index)
 | 
	
		
			
				|  |  | +                }
 | 
	
		
			
				|  |  | +            })
 | 
	
		
			
				|  |  | +            })
 | 
	
		
			
				|  |  | +            delIndex.forEach((item) => {
 | 
	
		
			
				|  |  | +            delete selectionRows2[item]
 | 
	
		
			
				|  |  | +            })
 | 
	
		
			
				|  |  | +            selectionRows2 = selectionRows2.filter((item) => {
 | 
	
		
			
				|  |  | +                return item !== undefined
 | 
	
		
			
				|  |  | +            })
 | 
	
		
			
				|  |  | +            selectionRows.value = selectionRows2
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function handleOk(){
 | 
	
		
			
				|  |  | +        emit('selectPurchaseOrderMian', selectionRows.value)
 | 
	
		
			
				|  |  | +        handleCancel()
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function handleCancel(){
 | 
	
		
			
				|  |  | +      visible.value = false
 | 
	
		
			
				|  |  | +      selectedRowKeys.value = []
 | 
	
		
			
				|  |  | +      selectionRows.value=[]
 | 
	
		
			
				|  |  | +      queryParams.value = {
 | 
	
		
			
				|  |  | +            billCode:'',
 | 
	
		
			
				|  |  | +            project:'',
 | 
	
		
			
				|  |  | +            projectName:'',
 | 
	
		
			
				|  |  | +            productionClass:'',
 | 
	
		
			
				|  |  | +            priority:'',
 | 
	
		
			
				|  |  | +            supplier:'',
 | 
	
		
			
				|  |  | +            supplierName:'',
 | 
	
		
			
				|  |  | +            headModel:'',
 | 
	
		
			
				|  |  | +            productCode:'',
 | 
	
		
			
				|  |  | +            billDate_begin:'',
 | 
	
		
			
				|  |  | +            billDate_end:'',
 | 
	
		
			
				|  |  | +            saleDepartment:'',
 | 
	
		
			
				|  |  | +            salesman:'',
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +        pagination.value.current =1;
 | 
	
		
			
				|  |  | +        pagination.value.pageSize = 10; 
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function getTable(){
 | 
	
		
			
				|  |  | +        visible.value = true
 | 
	
		
			
				|  |  | +        getListUrl.value = '/purCode/purOrder/listAlert'
 | 
	
		
			
				|  |  | +        loadData()
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    function changeBillDate(prop){
 | 
	
		
			
				|  |  | +       if(prop){
 | 
	
		
			
				|  |  | +            billDate.value = prop
 | 
	
		
			
				|  |  | +            queryParams.value.billDate_begin = prop[0]
 | 
	
		
			
				|  |  | +            queryParams.value.billDate_end = prop[1]
 | 
	
		
			
				|  |  | +       }else{
 | 
	
		
			
				|  |  | +            billDate.value = []
 | 
	
		
			
				|  |  | +            queryParams.value.billDate_begin = ''
 | 
	
		
			
				|  |  | +            queryParams.value.billDate_end = ''
 | 
	
		
			
				|  |  | +       }
 | 
	
		
			
				|  |  | +       
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    defineExpose({
 | 
	
		
			
				|  |  | +      getTable,
 | 
	
		
			
				|  |  | +    });
 | 
	
		
			
				|  |  | +</script>
 | 
	
		
			
				|  |  | +<style scoped lang="less">
 | 
	
		
			
				|  |  | +/deep/.ant-form-item{
 | 
	
		
			
				|  |  | +    margin-bottom: 8px !important;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +// /deep/.ant-table-wrapper .ant-table-thead > tr > th, .ant-table-wrapper .ant-table-thead > tr > td{
 | 
	
		
			
				|  |  | +//     padding: 8px !important;
 | 
	
		
			
				|  |  | +// }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +</style>
 |