OlyMEBG.git - Gitblit

import { LightningElement,track } from 'lwc';
// import TestGetData from '@salesforce/apex/OpportunityService.TestGetData';
// import saveInquiryData from '@salesforce/apex/OpportunityService.saveInquiryData';
 
// import saveInquiryDataTemp from '@salesforce/apex/OpportunityService.saveInquiryDataTemp';
 
export default class TestCheckGroup extends LightningElement {
    
    @track  optionsdata=[
        {
            label:"名称",
            props:"Name",
            Type:"text",
            CheckOptionData:[1,2,3]
        },
        {
            label:"年龄",
            props:"Age",
            Type:"input",
            CheckOptionData:[1,2,3]
        },
        {
            label:"性别",
            props:"Sex",
            Type:"checkBox",
            CheckOptionData:['男','女']
        },
        
        {
            label:"出生日期",
            props:"Dates",
            Type:"date"
        },
        {
            label:"选着设备",
            props:"SB",
            Type:"search",
            searchTableDataInit:()=>
            {
                return [
                {option1:"1",option2:"22",option3:"333",Id:'a1'},
                {option1:"1",option2:"22",option3:"333",Id:'a2'},
            ]
            },
            searchTableSave:
            (result)=>{
                console.warn(result);
     
                var items = [];
                var values = "";
                result.value.forEach(item=>{
                    values += item.Id+"-";
                })
                this.selectdata.forEach(item=>{
                    var temp = {...{},...item};
                    if (temp.Id == result.Id) {
                        temp[result.prop] = values;
                    }
                    items.push(temp);
                })
                this.selectdata = items;
                this.template.querySelector('[data-parent-id="table1"]').refreshdata(this.selectdata);
            }
            ,
            isSingle:true
            ,
            searchoption:[     
                {label:"option1",props:"option1",},
                {label:"option2",props:"option2"},
                {label:"option3",props:"option3"},
            ],
            isQuery:true,
            queryOption:[
                {label:"姓名",prop:"option1",Type:"input",value:'11'},
                {label:"姓名",prop:"option2",Type:"checkBox",CheckOptionData:['男','女'],value:'男'},
                {label:"姓名",prop:"option3",Type:"date",value:'2020-10-10'},
            ],
            queryTable:
            (props)=>{return [
                {option1:"1",option2:"22",option3:"333",Id:'a1',option4:"444"},
 
            ]},
        },
        {
            label:"选着学校",
            props:"XX",
            Type:"search",
            searchTableDataInit:
            ()=>{return [
            {option1:"1",option2:"22",option3:"333",Id:'a1'},
            {option1:"1",option2:"22",option3:"333",Id:'a2'},
            ]
        },
        searchTableSave:
        (result)=>{
            console.warn(result);
        },
        searchoption:[
            {label:"option1",props:"option1",},
            {label:"option2",props:"option2"},
            {label:"option3",props:"option3"},
        ]
    },
 
 
    ]
 
 
     @track selectdata=[
        {Name:"name1",Id:"1",Age:1,Sex:"男",Dates:"2012-01-01",SB:"123",XX:"123"},
        {Name:"name2",Id:"2",Age:2,Sex:"男",Dates:"1999-11-21",SB:"456",XX:"123"},
        {Name:"name3",Id:"3",Age:3,Sex:"女",Dates:"2012-01-01",SB:"aaa",XX:"123"},
        {Name:"name5",Id:"4",Age:4,Sex:"男",Dates:"1999-01-01",SB:"bb",XX:"123"},
        {Name:"name5",Id:"5",Age:5,Sex:"女",Dates:"2012-01-01",SB:"ccc",XX:"123"},
    ]
 
 
    @track  notselectdata=[
        {Name:"Notname1",Id:"17",Age:1,Sex:"男",Dates:"2012-01-01",SB:"123"},
        {Name:"Notname2",Id:"21",Age:2,Sex:"男",Dates:"1999-11-21",SB:"456"},
        {Name:"Notname3",Id:"31",Age:3,Sex:"女",Dates:"2012-01-01",SB:"aaa"},
        {Name:"Notname5",Id:"41",Age:4,Sex:"男",Dates:"1999-01-01",SB:"bb"},
    ]
 
    @track isselectedtable = true;
 
 
    initsearchdata(event){
        var detail = event.detail;
        
        return [];
 
    }
 
    datachange(event)
    {
        console.warn("datachange");
        console.warn(event.detail.Id);
    }
 
    IdStr = 6;
    onChange(){
        this.selectdata = [        {Name:"name1",Id:"1",Age:1,Sex:"男",Dates:"2012-01-01",SB:"123"}, ];
        var tems = this.template.querySelector('[data-parent-id="table1"]').refreshdata(this.selectdata);
        
    }
 
 
    selectedchange(event)
    {
        console.warn("selectedchange");
        console.warn(event.detail);
    }
 
    @track selecttitle ="111"
    @track notselecttitle ="222"
 
 
    // ===============table2
 
    @track  optionsdata2=[
        {
            label:"询价名称",
            props:"Name",
            Type:"text",
            CheckOptionData:[1,2,3]
        },
        {
            label:"询价编码",
            props:"Opportunity_No__c",
            Type:"input",
            CheckOptionData:[1,2,3]
        },
        {
            label:"医院",
            props:"HP_Name__c",
            Type:"input",
            CheckOptionData:['男','女']
        },
        
        {
            label:"出生日期",
            props:"Dates",
            Type:"date"
        },
        {
            label:"选着设备",
            props:"SB",
            Type:"search",
            searchTableDataInit:()=>
            {
                return [
                {option1:"1",option2:"22",option3:"333",Id:'a1'},
                {option1:"1",option2:"22",option3:"333",Id:'a2'},
            ]
            },
            searchTableSave:
            (result)=>{
                console.warn(result);
                var newarr = [
                    {Name:"Notname2",Opportunity_No__c:"21",HP_Name__c:"123",Sex:"男",Dates:"1999-11-21",SB:"456",Id:this.IdStr++},
                   {Name:"Notname3",Opportunity_No__c:"31",HP_Name__c:"345",Sex:"女",Dates:"2012-01-01",SB:"aaa",Id:this.IdStr++},
                   ]
                this.notselectdata2 = [...this.notselectdata2,...newarr];
                this.template.querySelector('[data-parent-id="table2"]').refreshdata([],this.notselectdata2 );
            }
            ,
            searchoption:[     
                {label:"option1",props:"option1",},
                {label:"option2",props:"option2"},
                {label:"option3",props:"option3"},
            ],
            isQuery:true,
            queryOption:[
                {label:"姓名",prop:"option1",Type:"input",value:'11'},
                {label:"姓名",prop:"option2",Type:"checkBox",CheckOptionData:['男','女'],value:'男'},
                {label:"姓名",prop:"option3",Type:"date",value:'2020-10-10'},
            ],
            queryTable:
            (props)=>{return [
                {option1:"1",option2:"22",option3:"333",Id:'a1',option4:"444"},
 
            ]},
        },
        {
            label:"选着学校",
            props:"XX",
            Type:"search",
            searchTableDataInit:
            ()=>{return [
            {option1:"1",option2:"22",option3:"333",Id:'a1'},
            {option1:"1",option2:"22",option3:"333",Id:'a2'},
            ]
        },
        searchTableSave:
        (result)=>{
            console.warn(result);
        },
        searchoption:[
            {label:"option1",props:"option1",},
            {label:"option2",props:"option2"},
            {label:"option3",props:"option3"},
        ]
    },
 
 
    ]
 
 
    //  @track selectdata2=[
    //     {Name:"name1",Id:"1",Age:1,Sex:"男",Dates:"2012-01-01",SB:"123",XX:"123"},
    //     {Name:"name2",Id:"2",Age:2,Sex:"男",Dates:"1999-11-21",SB:"456",XX:"123"},
    //     {Name:"name3",Id:"3",Age:3,Sex:"女",Dates:"2012-01-01",SB:"aaa",XX:"123"},
    //     {Name:"name5",Id:"4",Age:4,Sex:"男",Dates:"1999-01-01",SB:"bb",XX:"123"},
    //     {Name:"name5",Id:"5",Age:5,Sex:"女",Dates:"2012-01-01",SB:"ccc",XX:"123"},
    // ]
 
 
    @track  notselectdata2=[
        // {Name:"Notname1",Id:"17",Age:111111111111111111111111111111111111111,Sex:"男",Dates:"2012-01-01",SB:"123"},
        // {Name:"Notname2",Id:"21",Age:2,Sex:"男",Dates:"1999-11-21",SB:"456"},
        // {Name:"Notname3",Id:"31",Age:3,Sex:"女",Dates:"2012-01-01",SB:"aaa"},
        // {Name:"Notname5",Id:"41",Age:4,Sex:"男",Dates:"1999-01-01",SB:"bb"},
    ]
 
    @track isselectedtable2 = false;
 
 
    initsearchdata2(event){
        var detail = event.detail;
        
        return [];
 
    }
 
    datachange2(event)
    {
        console.warn("datachange");
        console.warn(event.detail.Id);
    }
 
 
    onChange2(){
        var data = this.template.querySelector('[data-parent-id="table2"]').getdata();
        console.warn(data);
        // this.notselectdata2 = [            {Name:"Notname1",Id:"17",Age:1,Sex:"男",Dates:"2012-01-01",SB:"123"},];
        var tems = this.template.querySelector('[data-parent-id="table2"]').refreshdata([],data.notselectdata);
        
    }
 
 
    selectedchange2(event)
    {
        console.warn("selectedchange");
        console.warn(event.detail);
    }
 
    @track selecttitle2 ="111"
    @track notselecttitle2 ="222"
 
 
 
    connectedCallback()
    {
        this.getTableData();
    }
    getTableData()
    {
        // TestGetData().then(result=>{
        //     var responseObj = JSON.parse(result);
        //     this.notselectdata2 = responseObj;
        //     this.template.querySelector('[data-parent-id="table2"]').refreshdata([],this.notselectdata2 );
        // })
    }
    //调用checkgroup组件 start
    @track
    checkboxgroupoption=[
        { label: '消化科', value: '01210000000QemLAAS' },
        { label: '呼吸科', value: '01210000000QezZAAS' }
    ]
    @track
    checkboxgroupvaluelist=['01210000000QezZAAS']
    @track
    checkboxgroupLabel2='关联战略科室'
    onchangefunction(event){
        debugger;
        this.checkboxgroupvaluelist=event.detail.values;
        console.warn(event.detail.values.join(','));
    }
    checkboxgroupstyle='float: left;';
    //调用checkgroup组件 end
}