import { LightningElement, wire, api, track } from 'lwc';
import oninit from '@salesforce/apex/LexInventoryViewController.init';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
import searchOrder from '@salesforce/apex/LexInventoryViewController.searchConsumableorderdetails';
import { NavigationMixin } from 'lightning/navigation';
const columns = [
    {
        label: '消耗品名称',
        fieldName: 'Name__c',
        type: 'Name',
        sortable: true,
        initialWidth: 250,
        cellAttributes: { alignment: 'left' }
    },
    {
        label: '第三分类',
        fieldName: 'Category3__c',
        hideDefaultActions: true,
        sortable: true,
        initialWidth: 90
    },
    {
        label: '第四分类',
        fieldName: 'Category4__c',
        hideDefaultActions: true,
        sortable: true,
        initialWidth: 90
    },
    {
        label: '第五分类',
        fieldName: 'Category5__c',
        hideDefaultActions: true,
        initialWidth: 90
    },

    {
        label: '规格',
        fieldName: 'packing_list',
        hideDefaultActions: true
    },
    {
        label: '单位',
        fieldName: 'BoxPiece',
        hideDefaultActions: true
    },
    {
        label: '注册证编码号',
        fieldName: 'approbation_No',
        initialWidth: 180,
        hideDefaultActions: true
    },
    {
        label: '注册有效期',
        fieldName: 'expiration_Date',
        hideDefaultActions: true,
        initialWidth: 150
    },
    {
        label: 'CFDA状态',
        fieldName: 'SFDA_Status__c',
        hideDefaultActions: true,
        initialWidth: 100
    },
    {
        label: '使用期限',
        fieldName: 'guaranteeperiod',
        hideDefaultActions: true,
        initialWidth: 100
    },
    {
        label: '有效期内库存',
        fieldName: 'limitCount',
        hideDefaultActions: true,
        sortable: true,
        initialWidth: 100
    },
    {
        label: '过期库存',
        fieldName: 'overlimitCount',
        hideDefaultActions: true,
        initialWidth: 100
    }
];

export default class LexinventoryViewLWC extends NavigationMixin(
    LightningElement
) {
    @track pageRecords = [];
    @track data = [];
    @track message = '';
    @track Name;
    @track CategoryThree;
    @track CategoryFour;
    @track CategoryFive;
    @track orderDetZaikuList = [];
    @track accountName;
    @track agencyProType;
    @track userWorkLocation;
    @track value = '';
    @track showTable = false;
    @track hidecheckboxcolumn = true;
    @track check = false;
    // @track options1 = [];
    // @track options2 = [];
    // @track options3 = [];

    columns = columns;
    defaultSortDirection = 'asc';
    sortDirection = 'asc';
    sortedBy;

    //   columns = columns;

    connectedCallback() {
        oninit()
            .then((result) => {
                result = JSON.parse(JSON.stringify(result));
                console.log('result.status = ' + result.status);
                console.log('result = ' + JSON.stringify(result));
                console.log('result 1= ' + JSON.stringify(result.entity));
                console.log(
                    'result 2= ' + JSON.stringify(result.entity.pageRecords)
                );
                console.log(
                    'result.entity.categoryOptionMap 2= ' +
                        JSON.stringify(result.entity.categoryOptionMap)
                );
                console.log(
                    'result.entity.categoryOptionMap 2= ' +
                        JSON.stringify(result.entity.category4OptionMap)
                );
                console.log(
                    'result.entity.categoryOptionMap 2= ' +
                        JSON.stringify(result.entity.category5OptionMap)
                );
                if (result.status == 'Success') {
                    //   this.pageRecords = result.entity.pageRecords;
                    this.data = result.entity.pageRecords;
                    for (var i in this.data) {
                        this.data[i]['Name__c'] = this.data[i].Prod.Name__c;
                        this.data[i]['Category3__c'] =
                            this.data[i].Prod.Category3__c;
                        this.data[i]['Category4__c'] =
                            this.data[i].Prod.Category3__c;
                        this.data[i]['Category5__c'] =
                            this.data[i].Prod.Category3__c;
                        this.data[i]['SFDA_Status__c'] =
                            this.data[i].Prod.SFDA_Status__c;
                    }
                    console.log();
                    this.showTable = true;
                    this.orderDetZaikuList = result.entity.orderDetZaikuList;
                    this.accountName = result.entity.accountName;
                    this.agencyProType = result.entity.agencyProType;
                    this.userWorkLocation = result.entity.userWorkLocation;
                    let option1ValueTemp = [];
                    for (var key in result.entity.categoryOptionMap) {
                        let object = {};
                        object['label'] = result.entity.categoryOptionMap[key];
                        object['value'] = key;
                        option1ValueTemp.push(object);
                    }
                    this.options1 = option1ValueTemp;
                    console.log(
                        ' this.optionscatone===>' +
                            JSON.stringify(this.optionscatone)
                    );
                    let option2ValueTemp = [];
                    for (var key in result.entity.category4OptionMap) {
                        let object = {};
                        object['label'] = result.entity.category4OptionMap[key];
                        object['value'] = key;
                        option2ValueTemp.push(object);
                    }
                    this.options2 = option2ValueTemp;
                    let option3ValueTemp = [];
                    for (var key in result.entity.category5OptionMap) {
                        let object = {};
                        object['label'] = result.entity.category5OptionMap[key];
                        object['value'] = key;
                        option3ValueTemp.push(object);
                    }
                    this.options3 = option3ValueTemp;

                    console.log(' this.data=====>' + this.data);

                    console.log('this.accountName=====>' + this.accountName);

                    console.log(
                        'this.agencyProType=====>' + this.agencyProType
                    );
                    console.log(
                        'this.userWorkLocationt=====>' + this.userWorkLocation
                    );
                    console.log(
                        'orderDetZaikuList=====>' + this.orderDetZaikuList
                    );
                } else {
                    console.log('Error:' + result.errorMsg);
                    const evt = new ShowToastEvent({
                        title: '解析失败',
                        message: result.errorMsg,
                        variant: 'error'
                    });
                    this.dispatchEvent(evt);
                }
            })
            .catch((error) => {
                console.log('error = ' + JSON.stringify(error));
            });
    }
    sortBy(field, reverse, primer) {
        const key = primer
            ? function (x) {
                  return primer(x[field]);
              }
            : function (x) {
                  return x[field];
              };

        return function (a, b) {
            a = key(a);
            b = key(b);
            return reverse * ((a > b) - (b > a));
        };
    }

    onHandleSort(event) {
        const { fieldName: sortedBy, sortDirection } = event.detail;
        const cloneData = [...this.data];

        cloneData.sort(this.sortBy(sortedBy, sortDirection === 'asc' ? 1 : -1));
        this.data = cloneData;
        this.sortDirection = sortDirection;
        this.sortedBy = sortedBy;
    }
    handlePaginatorChange(event) {
        this.recordsToDisplay = event.detail.recordsToDisplay;
        this.preSelected = event.detail.preSelected;
        if (this.recordsToDisplay && this.recordsToDisplay > 0) {
            this.rowNumberOffset = this.recordsToDisplay[0].rowNumber - 1;
        } else {
            this.rowNumberOffset = 0;
        }
    }

    handleChange(event) {
        let fieldName = event.target.getAttribute('data-field');
        let value = event.detail.value;
        console.log('======>fieldName' + fieldName);
        console.log('======>value' + value);
        switch (fieldName) {
            case 'Name':
                this.Name = value;
                break;
            case 'CategoryThree':
                this.CategoryThree = value;
                break;
            case 'CategoryFour':
                this.CategoryFour = value;
                break;
            case 'CategoryFive':
                this.CategoryFive = value;
                break;
            default:
                console.log('no data');
        }
    }

    searchOrderDetail() {
        this.showTable = false;
        console.log('进入搜索11111111111111');
        console.log('进入搜索');
        console.log('this.CategoryThree = ' + this.CategoryThree);
        console.log('this.CategoryFive = ' + this.CategoryFive);
        searchOrder({
            category1: this.Name,
            Category3: this.CategoryThree,
            Category4: this.CategoryFour,
            Category5: this.CategoryFive,
            orderDetZaikuListLWC: JSON.stringify(this.orderDetZaikuList),
            accountName: this.accountName,
            agencyProType: this.agencyProType,
            userWorkLocation: this.userWorkLocation
        })
            .then((result) => {
                result = JSON.parse(JSON.stringify(result));
                console.log('result搜索 = ' + JSON.stringify(result));
                console.log(
                    'result搜索列表= ' +
                        JSON.stringify(result.entity.pageRecords)
                );
                if (result.status == 'Success') {
                    const evt = new ShowToastEvent({
                        title: '搜索成功',
                        message: result.msg,
                        variant: 'Success'
                    });
                    this.dispatchEvent(evt);
                    this.data = result.entity.pageRecords;
                    this.showTable = true;
                } else {
                    const evt = new ShowToastEvent({
                        title: '',
                        message: result.msg,
                        variant: 'Success'
                    });
                    this.dispatchEvent(evt);
                    this.pageRecords = [];
                    console.log('  this.data===>= ' + this.pageRecords);
                }
            })
            .catch((error) => {
                console.log('error = ' + JSON.stringify(error));
            });
    }

    inventoryCount() {
        console.log('111库存盘点');
        this[NavigationMixin.Navigate]({
            type: 'standard__webPage',
            attributes: {
                url: '/lexInventoryCount'
            }
        });
    }

    handleExpired() {
        this[NavigationMixin.Navigate]({
            type: 'standard__webPage',
            attributes: {
                url: '/lexOverdueStock'
            }
        });
    }

    clearAll() {
        this.Name = '';
        this.value = '无';
        this.template.querySelectorAll('lightning-combobox').forEach((each) => {
            each.value = null;
        });
    }
}