Vue.component("process-control-new", {
    template: `
        <div class="process-control-new">
            <div :class="chooseProcessControlMenu == i?'process-control-new-list active':'process-control-new-list'" v-for="(item,i) in processControlData" 
                :style="!item.url ? 'cursor: no-drop' :''"
                @click="onProcessControl(i,i,item.url)"
            >
                <div class="process-control-new-run">
<!--                    <div class="process-control-new-order">{{'0'+item.number}}</div>-->
                    <div class="process-control-new-order">{{'0'+(i+1)}}</div>
                    <div class="process-control-new-content">
                        <div class="process-control-new-title">
                            {{item.label}}
                        </div>
                        <div class="process-control-new-data">
                            <div class="process-control-new-number-1">{{item.left_title}}：<span>{{item.left_data}}{{item.left_unit}}</span></div>
                            <div class="process-control-new-number-2">{{item.right_title}}：<span>{{item.right_data}}{{item.right_unit}}</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    `,
    props: {
        active: {
            type: Number
        }
    },
    data() {
        return {
            chooseProcessControlMenu: 0,
            processControlData:[
                {
                    number:1,
                    label:'取样送检',
                    left_title:'取样数',
                    left_data:0,
                    left_unit:'次',
                    right_title:'报告返回率',
                    right_data:0,
                    right_unit:'%',
                    url: "/weixin/screen/toQualityQYSJ"
                },
                {
                    number:2,
                    label:'标养室监测',
                    left_title:'当前温度',
                    left_data:0,
                    left_unit:'℃',
                    right_title:'当前湿度',
                    right_data:0,
                    right_unit:'%RH',
                    url: "/weixin/screen/toQualityBYSJC"
                },
                {
                    number:3,
                    label:'混凝土强度监测',
                    left_title:'成熟度',
                    left_data:0,
                    left_unit:'°C*小时',
                    right_title:'当前温度',
                    right_data:0,
                    right_unit:'℃',
                    url: "/weixin/screen/toQualityHNTJC"
                },
/*                {
                    number:4,
                    label:'过程验收',
                    left_title:'验收次数',
                    left_data:0,
                    left_unit:'次',
                    right_title:'合格率',
                    right_data:0,
                    right_unit:'%',
                    url: "/weixin/screen/toQualityGCYS"
                },*/
                {
                    number:5,
                    label:'举牌验收',
                    left_title:'验收次数',
                    left_data:0,
                    left_unit:'次',
                    right_title:'合格率',
                    right_data:0,
                    right_unit:'%',
                    url: "/weixin/screen/toQualityJPYS"
                },
                {
                    number:6,
                    label:'实测实量',
                    left_title:'验收次数',
                    left_data:0,
                    left_unit:'次',
                    right_title:'合格率',
                    right_data:0,
                    right_unit:'%',
                },
            ]
        }
    },
    mounted() {
        this.getData()
        this.chooseProcessControlMenu = localStorage.getItem("chooseProcessControlMenu")
    },
    methods: {
        getData(){
            axios.post("/api/getProcessControlCount",{
                dept_id:JSON.parse(localStorage.getItem("data")).dept_id ,
                project_id: JSON.parse(localStorage.getItem("data")).id
            }).then(res => {
                let data = res.data.data
                this.processControlData = [
                    {
                        number:1,
                        label:'取样送检',
                        left_title:'取样数',
                        left_data:data.samplingCount ? data.samplingCount.left_data : 0,
                        left_unit:'次',
                        right_title:'报告返回率',
                        right_data:data.samplingCount ? (data.samplingCount.right_data * 100 ).toFixed(2) : 0,
                        right_unit:'%',
                        url: "/weixin/screen/toQualityQYSJ"
                    },
                    {
                        number:2,
                        label:'标养室监测',
                        left_title:'当前温度',
                        left_data:data.markingRoomCount ? data.markingRoomCount.left_data : 0,
                        left_unit:'℃',
                        right_title:'当前湿度',
                        right_data:data.markingRoomCount ?Number( data.markingRoomCount.right_data).toFixed(2) : 0,
                        right_unit:'%RH',
                        url: "/weixin/screen/toQualityBYSJC"
                    },
                    {
                        number:3,
                        label:'混凝土强度监测',
                        left_title:'成熟度',
                        left_data:data.concreteCount ? data.concreteCount.left_data : 0,
                        left_unit:'°C*小时',
                        right_title:'当前温度',
                        right_data:data.concreteCount ? Number(data.concreteCount.right_data).toFixed(2) : 0,
                        right_unit:'℃',
                        url: "/weixin/screen/toQualityHNTJC"
                    },
           /*         {
                        number:4,
                        label:'过程验收',
                        left_title:'验收次数',
                        left_data:data.courseReceivingCount ? data.courseReceivingCount.left_data : 0,
                        left_unit:'次',
                        right_title:'合格率',
                        right_data:data.courseReceivingCount ? data.courseReceivingCount.right_data.toFixed(2) : 0,
                        right_unit:'%',
                        url: "/weixin/screen/toQualityGCYS"
                    },*/
                    {
                        number:5,
                        label:'举牌验收',
                        left_title:'验收次数',
                        left_data:data.raisingCount ? data.raisingCount.left_data : 0,
                        left_unit:'次',
                        right_title:'合格率',
                        right_data:data.raisingCount ? (data.raisingCount.right_data * 100).toFixed(2) : 0,
                        right_unit:'%',
                        url: "/weixin/screen/toQualityJPYS"
                    },
                    {
                        number:6,
                        label:'实测实量',
                        left_title:'验收次数',
                        left_data:data.measuredQuantityCount ? data.measuredQuantityCount.left_data : 0,
                        left_unit:'次',
                        right_title:'合格率',
                        right_data:data.measuredQuantityCount ? data.measuredQuantityCount.right_data.toFixed(2) : 0,
                        right_unit:'%',
                    },
                ]
            })
        },
        onProcessControl(n, top ,url) {
            if (url) {
                localStorage.setItem("chooseProcessControlMenu", n)
                let chooseMenu = {
                    mainMenu:4,
                    itemMenu:top,
                }
                localStorage.setItem("chooseMenu",JSON.stringify(chooseMenu));
                // 跳转页面
                location.href = url
            }
        }
    },
    watch: {},

})