<template>
    <div v-if="routes.length" class="performance-container flex-justify-start">
        <div>
            <el-tabs tab-position="left" v-model="name">
                <el-tab-pane
                    v-for="({ label, name }, index) in routes"
                    :key="index"
                    :name="name"
                    :label="label"
                ></el-tab-pane>
            </el-tabs>
        </div>
        <div class="container-viewport flex-1">
            <div class="font-size-30 padding-bottom-20 padding-left-20">
                {{ handleLabel(name) }}
            </div>
            <div
                v-if="!loading"
                class="performance-container-viewport-component"
                :is="`${name}`"
            ></div>
        </div>
    </div>
</template>
<script>
import collect from "./collect.vue";
import launch from "./launch.vue"

export default {
    components: {
        collect,
        launch
    },
    data() {
        return {
            loading: true,
            name: "launch",
            routes: [ {
                    label:'我发起的',
                    name:'launch'
                },{
                    label:'我接收的',
                    name:'collect'
                }

            ],
        };
    },
    methods: {
        handleLabel(name) {
            const array = this.routes.filter(
                (element) => element.name === name
            );
            return array[0].label;
        },
        handleInit() {
            sessionStorage.setItem("global_process", JSON.stringify([]));
            sessionStorage.setItem(
                "global_data",
                JSON.stringify([
                    {
                        template_name: `信息技术中心2021年度部门GS绩效计划`,
                        template_date: "2021-12-01 12:00:00",
                        template_number: `ADMIN`,
                        template_class: `部门绩效`,
                        template_status: `在用`,
                        template_type: `科室绩效`,
                        department_status: "待处理",
                        issue_status: 0,
                        template_excel: [
                            {
                                index: 1,
                                subject: "政企能力攻坚工程",
                                origin: "八大工程",
                                content:
                                    "1、落实5G专网能力建设，完成5G尊享业务开通能力上线； \n2、持续完善“四个一”能力，完成“一张发票”的预存发票合并打印，专票报表查询等功能上线。\n3、优化客户建档能力，完成客户创建功能中“企业致信”企业证照验证功能开发。",
                                mark: "1、推进项目支撑能力升级：\n1.1、4月完成资金管理、响应交付功能上线；\n1.2、6月完成政企沙盘、行业库、标杆项目库功能上线；\n1.3、12月完成商机管理、角色管理、欠费管理、ESOP迁移、六项重点产品甩单支撑能力建设、ICT项目支撑能力升级。",
                                score: "1",
                                leader: "刘洁",
                            },
                            {
                                index: 2,
                                subject: "市场升级转型工程",
                                origin: "八大工程",
                                content:
                                    "1、龙江生活安卓版APP上线，龙江生活公众号关注有礼功能及活动上线；\n2、完成新增36个标签、挂尾短信渠道权限设置、营销免打扰功能优化、稽核平台对接等功能建设。\n3、在兼顾开发任务的前提下，利用10、11两个月时间实现数据赢APP架构升级，解决业务响应速度问题。",
                                mark: "重点项目支撑：\n结合业务部门需求在规定时间内完成产品营销体系在个人/家庭/新兴市场、渠道运营体系在实体/线上渠道、一体化管理体系在考核管理/风险防控等方面相关的重点项目需求开发，并保证需求上线质量。\n计分方法：\n此项1分，共计7项工作，每项全部按时、保质完成得0.15分，每延期1周扣0.05分，扣完为止。如需求不明确或存在变更，视具体明确时间延期算分。",
                                score: "1",
                                leader: "李方岩",
                            },
                            {
                                index: 3,
                                subject: "品质服务领先工程",
                                origin: "八大工程",
                                content:
                                    "1、提升服务管控体系和标准服务规范的系统能力支撑\n2、提升注智赋能服务管理的系统支撑能力\n3、优化前移赋权一线能力",
                                mark: "重点项目支撑：\n结合业务部门需求在规定时间内完成产品营销体系在个人/家庭/新兴市场、渠道运营体系在实体/线上渠道、一体化管理体系在考核管理/风险防控等方面相关的重点项目需求开发，并保证需求上线质量。\n计分方法：\n此项1分，共计7项工作，每项全部按时、保质完成得0.15分，每延期1周扣0.05分，扣完为止。如需求不明确或存在变更，视具体明确时间延期算分。",
                                score: "1",
                                leader: "吴磊",
                            },
                            {
                                index: 4,
                                subject: "管理提质增效工程",
                                origin: "八大工程",
                                content:
                                    "1.1一点直通平台：1、按照新社交媒体平台建设思路重新整理建设方案，并持续推进。\n同时引入四川公司一线直通车中台能力，与战略部交流、决策。\n1.2 流程监控分析平台：完成调整及确认设计方案。\n2.1 承接各部门信息化需求（信息技术中心负责部分）：10月按业务部门需求调整进度计划完成信息化开发。\n2.2、部门内信息化需求规划及相关建设推进。\n3、有效落实风险防控主体责任。\n4、开展柔性组织建设，不断完善柔性组织管理体系。",
                                mark: "重点项目支撑：\n结合业务部门需求在规定时间内完成产品营销体系在个人/家庭/新兴市场、渠道运营体系在实体/线上渠道、一体化管理体系在考核管理/风险防控等方面相关的重点项目需求开发，并保证需求上线质量。\n计分方法：\n此项1分，共计7项工作，每项全部按时、保质完成得0.15分，每延期1周扣0.05分，扣完为止。如需求不明确或存在变更，视具体明确时间延期算分。",
                                score: "0.5",
                                leader: "孙震",
                            },
                            {
                                index: 5,
                                subject: "改革创新深化工程",
                                origin: "八大工程",
                                content:
                                    "完成智慧中台场景：网格运营-OAO、网格运营-倒三角支撑、网格运营-存量运营、网格运营-楼宇攻坚、网格运营-构建宽带作战地图集团测试验收工作",
                                mark: "重点项目支撑：\n结合业务部门需求在规定时间内完成产品营销体系在个人/家庭/新兴市场、渠道运营体系在实体/线上渠道、一体化管理体系在考核管理/风险防控等方面相关的重点项目需求开发，并保证需求上线质量。\n计分方法：\n此项1分，共计7项工作，每项全部按时、保质完成得0.15分，每延期1周扣0.05分，扣完为止。如需求不明确或存在变更，视具体明确时间延期算分。",
                                score: "0.5",
                                leader: "赵洪松",
                            },
                            {
                                index: 6,
                                subject: "网络能力领先工程",
                                origin: "八大工程",
                                content:
                                    "集中化系统上线后低效硬件资产清理工作\n当集中化系统在一级IT云完成上线后，对进乡208机房内的信息技术中心剩余低效硬件资产进行业务清理和资产搬迁，协同网络部共同清空进乡208机房设备，解决政企互联网带宽入驻业务在进乡机柜和带宽紧张的问题。",
                                mark: "重点项目支撑：\n结合业务部门需求在规定时间内完成产品营销体系在个人/家庭/新兴市场、渠道运营体系在实体/线上渠道、一体化管理体系在考核管理/风险防控等方面相关的重点项目需求开发，并保证需求上线质量。\n计分方法：\n此项1分，共计7项工作，每项全部按时、保质完成得0.15分，每延期1周扣0.05分，扣完为止。如需求不明确或存在变更，视具体明确时间延期算分。",
                                score: "0.5",
                                leader: "孙川",
                            },
                            {
                                index: 7,
                                subject: "知识能力转型工程",
                                origin: "八大工程",
                                content:
                                    "推进能力学习体系建设及一级培养认证工作",
                                mark: "重点项目支撑：\n结合业务部门需求在规定时间内完成产品营销体系在个人/家庭/新兴市场、渠道运营体系在实体/线上渠道、一体化管理体系在考核管理/风险防控等方面相关的重点项目需求开发，并保证需求上线质量。\n计分方法：\n此项1分，共计7项工作，每项全部按时、保质完成得0.15分，每延期1周扣0.05分，扣完为止。如需求不明确或存在变更，视具体明确时间延期算分。",
                                score: "0.5",
                                leader: "韦琳娜",
                            },
                            {
                                index: 8,
                                subject: "10086投诉降幅",
                                origin: "八大工程",
                                content:
                                    "按照部门考核要求，年度完成业务支撑类投诉较去年下降18%的要求。截止本月累计降幅较去年下降10%以上。",
                                mark: "重点项目支撑：\n结合业务部门需求在规定时间内完成产品营销体系在个人/家庭/新兴市场、渠道运营体系在实体/线上渠道、一体化管理体系在考核管理/风险防控等方面相关的重点项目需求开发，并保证需求上线质量。\n计分方法：\n此项1分，共计7项工作，每项全部按时、保质完成得0.15分，每延期1周扣0.05分，扣完为止。如需求不明确或存在变更，视具体明确时间延期算分。",
                                score: "5",
                                leader: "吴磊",
                            },
                            {
                                index: 9,
                                subject: "智慧中台运营",
                                origin: "八大工程",
                                content:
                                    "累计完成19个场景开发和上线，完成6个场景验证测试。",
                                mark: "重点项目支撑：\n结合业务部门需求在规定时间内完成产品营销体系在个人/家庭/新兴市场、渠道运营体系在实体/线上渠道、一体化管理体系在考核管理/风险防控等方面相关的重点项目需求开发，并保证需求上线质量。\n计分方法：\n此项1分，共计7项工作，每项全部按时、保质完成得0.15分，每延期1周扣0.05分，扣完为止。如需求不明确或存在变更，视具体明确时间延期算分。",
                                score: "5",
                                leader: "刘洁",
                            },
                            {
                                index: 10,
                                subject: "BOSS/CRM东北节点",
                                origin: "八大工程",
                                content:
                                    "4月份已完成我省13个地市的省级CRM/BOSS系统东北节点系统割接上线工作。",
                                mark: "重点项目支撑：\n结合业务部门需求在规定时间内完成产品营销体系在个人/家庭/新兴市场、渠道运营体系在实体/线上渠道、一体化管理体系在考核管理/风险防控等方面相关的重点项目需求开发，并保证需求上线质量。\n计分方法：\n此项1分，共计7项工作，每项全部按时、保质完成得0.15分，每延期1周扣0.05分，扣完为止。如需求不明确或存在变更，视具体明确时间延期算分。",
                                score: "5",
                                leader: "刘洁",
                            },
                        ],
                    },
                ])
            );
        },
    },
    mounted() {
        this.handleInit();
        this.$nextTick(() => {
            this.loading = false;
        });
    },
};
</script>
<style lang="scss" scoped>
.performance-container {
    background: #ffffff;
    padding-top: 20px;
    margin: 15px;
    overflow: auto;
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    height: 100%;
    overflow-x: hidden;
    &-viewport {
        width: 100%;
        overflow: auto;
    }
}
</style>
