var vms = Vue.component("Company-amplify-yyqk", {
    template: `
        <div>
            <div class="amplify-title-icon">
                <img src="https://fileimg.makalu.cc/WEB_DBD5893450984E50AFF356EF44FF4139.png"  @click="openAmplify">
            </div>
            <transition name="el-zoom-in-top">
                <div class="amplify-fixed" v-show="show"  style="display: none" @click="closeAmplifyAll">
                    <div class="amplify-max">
                        <div class="amplify-title">
                            <div>应用情况</div>
                            <div class="amplify-close" @click="closeAmplify"><i class="el-icon-close"></i></div>
                        </div>   
                        <div class="amplify-content">
                            <!--内容区域-->  
                            
                         <div style="height: 500px">
                             <el-row>
                                <el-col :span="12" style="height: 500px">
                                    <div class="amplify-xhz-glr-title">
                                        <div class="amplify-glr-title">项目详情</div>
                                    </div>
                                    <div class="amplify-xhz-czz-number">
                                        <div class="amplify-czz-number-content1">
                                            <div class="amplify-czz-number-img czz-number-img-blue">
                                                <img :src="statusUrl+'images/circle_icon_1.png'">
                                            </div>
                                            <div class="amplify-survey_content_number">
                                                <p>开累项目</p>
                                                <div class="amplify-survey_content_value"><span>{{projectUseInfo.sumNum}}</span>个</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="amplify-xhz-czz-number">
                                        <div class="amplify-czz-number-content1">
                                            <div class="amplify-czz-number-img czz-number-img-green">
                                                <img :src="statusUrl+'images/circle_icon_2.png'">
                                            </div>
                                            <div class="amplify-survey_content_number">
                                                <p>在建项目</p>
                                                <div class="amplify-survey_content_value survey_content_value_color_green"><span>{{projectUseInfo.ingNum}}</span> 个</div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                                <el-col :span="12">
                                    <div class="amplify-xhz-glr-title">
                                        <div class="amplify-glr-title">拌和站生产情况</div>
                                    </div>
                                    <div class="amplify-xhz-czz-number">
                                        <div class="amplify-czz-number-content1">
                                            <div class="amplify-czz-number-img czz-number-img-blue">
                                                <img :src="statusUrl+'images/circle_icon_1.png'">
                                            </div>
                                            <div class="amplify-survey_content_number">
                                                <p>在建搅拌站</p>
                                                <div class="amplify-survey_content_value"><span>{{projectUseInfo.monitorIngNum}}</span> 个</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="amplify-xhz-czz-number">
                                        <div class="amplify-czz-number-content1">
                                            <div class="amplify-czz-number-img czz-number-img-green">
                                                <img :src="statusUrl+'images/circle_icon_3.png'">
                                            </div>
                                            <div class="amplify-survey_content_number">
                                                <p>已监控</p>
                                                <div class="amplify-survey_content_value survey_content_value_color_green"><span>{{projectUseInfo.monitorNum}}</span> 个</div>
                                            </div>
                                        </div>
                                    </div>
                                </el-col>
                            </el-row>
                        
                        </div>
                            
                        </div>  
                    </div>
                </div>
            </transition>
        </div>
    `,
    props: {
        businessdata:{
            type:Object
        }
    },
    data() {
        return {
            show:false,
            //应用情况基础信息
            projectUseInfo:{
                sumNum:0,
                ingNum:0,
                monitorNum:0,
                monitorIngNum:0
            },
            //材料销号制值大屏服务统一管理
            requestService: {
                //项目应用情况统计请求服务
                getProjectStatisticsRPTV1Service:"getProjectStatisticsRPTV1Service",
            },
            //静态资源访问路径
            statusUrl:"https://filedown.makalu.cc/clxh/screen/",
            domainName:'https://wzxh.crfeb.com.cn/MklBaseController/getService?userId=8401&chinaKey=135f90b1bdafccab494a937eaccdedac',
        }
    },
    mounted(){
        console.log(this.businessdata)
    },
    methods: {
        openAmplify(){
            this.show = true
            this.getProjectStatisticsRPTV1Service()
        },
        closeAmplify(){
            this.show = false
        },
        closeAmplifyAll(e){
            if(e.target.className == 'amplify-fixed'){
                this.show = false
            }
        },
        //项目应用情况统计请求服务
        async getProjectStatisticsRPTV1Service(){
            let result =  await this.asyncAjax(this.domainName,"GET",{
                service:this.requestService.getProjectStatisticsRPTV1Service,
                deptId:this.businessdata.orgBaseInfo.deptId,
                // projectId:this.orgBaseInfo.projectId
            })
            if(result.code == "000000" && result.data){
                let {sumNum,ingNum} =result.data[0]
                //开累项目数
                this.projectUseInfo.sumNum = sumNum
                //在建项目数
                this.projectUseInfo.ingNum = ingNum
            }
        },

        //封装同步ajax
        asyncAjax(url,method,data) {
            return new Promise((resolve,reject)=>{
                $.ajax({
                    url,
                    method,
                    data,
                    success:res=>{
                        resolve(res)
                    }}).catch(res=>{
                    reject(res)
                })
            })
        },


    },
    watch:{

    },

})