import {getByLoginUser,getIssueSurvey} from '../../../../api/issue'
Page({
    data: {
        deptId:'',
        show:false,//控制下拉列表的显示隐藏，false隐藏、true显示
        selectData:[
            {
                children:[],
                label:'全部',
                value:''
            }
        ],//下拉列表的数据
        index:0,//选择的下拉列表下标
        noProjectData:[],
        unpassedProjectPercent:'',
        unpassedProject:'',
        hotClose:[],
        issueTotal:'',
        deadline:'',
        hotNumber:'',
        hotPercent:'',
        closedNumber:'',
        closedPercent:'',
        isShow:false,
        isshow2:false,
        ProjectData:[],
        resolvedData:[],
        data:{},
        resolvedPercent:'',
        beSolvedPercent:'',
        passedProjectPercent:'',
        colorProject:[],
        colorNoProject:[],
        visibleCascader:false,//三级联动
        SeletedTitle:'全部',
        idLength:0,
        isShowEcharts:true,
    },
     // 点击下拉显示框
    selectTap(){
        this.setData({
        visibleCascader:true,
        isShowEcharts:false
        });
    },
    onLoad: function () {
         this.getByLoginUser()
         this.getIssueSurvey()
    },
    /*****获取下拉菜单 *****/
    async getByLoginUser(){
        try{
            let res:any = await getByLoginUser()
            let arr:any = [
                {
                    children:[],
                    label:'全部',
                    value:''
                }
            ]
            this.setData({
                optionsCascader:arr.concat(res.data.options)
            })
            wx.setStorageSync('childrenID', this.data.deptId);
        }catch(err){
            console.log(err)
        }
    },
    /********联动选择开始******/ 
    // 关闭选择分类
    onCloseCascader() {
        this.setData({
        visibleCascader: false,
        isShowEcharts:!this.data.isShowEcharts,
        })
        this.getIssueSurvey()
    },
     // 改变选择分类
    onChangeCascader(e:any) {
        this.setData({
             value2: e.detail.value, //这个是所有的id
             idLength:e.detail.value.length,
            //  deptId:e.detail.value[this.data.idLength],
             SeletedTitle: e.detail.options.map((n:any) => n.label).join('/'), //给下拉框赋值
             isShowEcharts:false
        })
        e.detail.value.forEach((item:any)=>{
            this.setData({
                deptId:item
            })
        })
        wx.setStorageSync('childrenID', this.data.deptId);
    },
    /********联动选择开始******/ 
    /*******获取议题详情******/
    async getIssueSurvey(){
        wx.showLoading({
          title: 'Loading...', //提示的内容,
          mask: true, //显示透明蒙层，防止触摸穿透,
        })
        try{
            let res:any = await getIssueSurvey(this.data.deptId)
            // 未转项目
            let arr = [
            {
                value:res.data.list.unpassedProject,
                name:'未转项目'
            },
            {
                value:res.data.list.passedProject,
                name:'已转项目'
            },
            ]
            /****热议中,已关闭 ****/
            if(res.data.list.hotNumber==0 && res.data.list.closedNumber==0){
                // @ts-ignore
                let hotClose = [
                    {
                        value:res.data.list.hotNumber,
                        name:'热议中'
                    },
                    {
                        value:res.data.list.closedNumber,
                        name:'已关闭'
                    }
                ]
                this.setData({
                    // @ts-ignore
                    colorNoProject:["#AD6DFE", "#FFA270"]
                })
            }
            if(res.data.list.hotNumber==0 && res.data.list.closedNumber !==0){
                // @ts-ignore
                let hotClose = [
                    {
                        value:res.data.list.closedNumber,
                        name:'已关闭'
                    }
                ]
                this.setData({
                    // @ts-ignore
                    colorNoProject:["#FFA270"]
                })
            }
            if(res.data.list.hotNumber !==0 && res.data.list.closedNumber ==0){
                // @ts-ignore
                let hotClose = [
                    {
                        value:res.data.list.hotNumber,
                        name:'热议中'
                    }
                ]
                this.setData({
                    // @ts-ignore
                    colorNoProject:["#AD6DFE"]
                })
            }
            if(res.data.list.hotNumber !==0 && res.data.list.closedNumber !==0){
                 /****热议中已关闭****/
                 // @ts-ignore
                let hotClose = [
                    {
                        value:res.data.list.hotNumber,
                        name:'热议中'
                    },
                    {
                        value:res.data.list.closedNumber,
                        name:'已关闭'
                    }
                ]
                this.setData({
                    // @ts-ignore
                    colorNoProject:["#AD6DFE", "#FFA270"]
                })
            }
            /****热议中 ,已关闭****/
            // 已解决
            if(res.data.list.resolvedNumber==0 && res.data.list.beSolvedNumber==0){
                /*****已解决待解决 *****/
                // @ts-ignore
                let resolved = [
                    {
                        value:res.data.list.resolvedNumber,
                        name:'已解决'
                    },
                    {
                        value:res.data.list.beSolvedNumber,
                        name:'待解决'
                    }
                ]
                this.setData({
                    // @ts-ignore
                    colorProject:["#63CFED", "#FF773F"]
                })
            }
            if(res.data.list.resolvedNumber==0 && res.data.list.beSolvedNumber !==0){
                // @ts-ignore
                let resolved = [
                    {
                        value:res.data.list.beSolvedNumber,
                        name:'待解决'
                    }
                    
                ]
                this.setData({
                    // @ts-ignore
                    colorProject:["#FF773F"]
                })
            }
            if(res.data.list.resolvedNumber !==0 && res.data.list.beSolvedNumber ==0){
                // @ts-ignore
                let resolved = [
                    {
                        value:res.data.list.resolvedNumber,
                        name:'已解决'
                    },
                ]
                this.setData({
                    // @ts-ignore
                    colorProject:["#63CFED"]
                })
            }
            if(res.data.list.resolvedNumber !==0 && res.data.list.beSolvedNumber !==0){
                /*****已解决待解决 *****/
                // @ts-ignore
                let resolved = [
                    {
                        value:res.data.list.resolvedNumber,
                        name:'已解决'
                    },
                    {
                        value:res.data.list.beSolvedNumber,
                        name:'待解决'
                    }
                ]
                this.setData({
                    // @ts-ignore
                    colorProject:["#63CFED", "#FF773F"]
                })
            }
            this.setData({
                deadline:res.data.deadline,//时间
                issueTotal:res.data.list.issueTotal,//议题总数
                // @ts-ignore
                noProjectData:arr,//未转项目echarts
                // @ts-ignore
                hotClose:hotClose,//未转项目echarts
                unpassedProjectPercent:(res.data.list.unpassedProjectPercent),//未转项目占比
                unpassedProject:res.data.list.unpassedProject,//未转项目
                hotNumber:res.data.list.hotNumber,//热议中
                hotPercent:res.data.list.hotPercent,//热议占比
                closedNumber:res.data.list.closedNumber,//已关闭
                closedPercent:res.data.list.closedPercent,//已关闭占比
                isShow:true,
                isshow2:true,
                // 已转项目数据
                // @ts-ignore
                ProjectData:arr,//echarts
                // @ts-ignore
                resolvedData:resolved,//echarts
                data:res.data.list,//所有数据
                resolvedPercent:res.data.list.resolvedPercent,//已解决项目占比
                beSolvedPercent:res.data.list.beSolvedPercent,//待解决项目占比
                passedProjectPercent:res.data.list.passedProjectPercent
            })
            wx.hideLoading();
        } catch(err){
            console.log(err)
            wx.hideLoading();
        }
        
    },
  })