<template>
    <fullscreen :fullscreen.sync="fullscreen" class="container">
        <div class="container-box">

            <h2 class="font-ui">培训考试</h2>
            <div class="adv-type">
                <div @click="jumpinfo('/trainingPlan','培训计划')">
                    <span>
                        <svg class="icon"
                            style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2960">
                            <path
                                d="M292 192h440c55.228 0 100 44.772 100 100v440c0 55.228-44.772 100-100 100H292c-55.228 0-100-44.772-100-100V292c0-55.228 44.772-100 100-100z"
                                fill="#4988FD" p-id="2961"></path>
                            <path
                                d="M574.07 283.178h117.568c27.164 0 49.186 22.022 49.186 49.186v117.568c0 27.166-22.022 49.186-49.186 49.186h-117.568c-27.164 0-49.188-22.022-49.188-49.186v-117.568c0-27.164 22.024-49.186 49.188-49.186z"
                                fill="#DFECFD" p-id="2962"></path>
                            <path
                                d="M308.596 605.028h406.8c14.042 0 25.424 10.742 25.424 24s-11.384 24-25.424 24h-406.8c-14.04-0.014-25.424-10.754-25.424-24 0-13.242 11.384-24 25.424-24zM307.172 704.122h211.136c13.25 0.32 23.732 11.32 23.414 24.57-0.31 12.8-10.614 23.106-23.414 23.414H307.172c-13.25-0.32-23.734-11.32-23.414-24.572 0.31-12.802 10.614-23.104 23.414-23.412z"
                                fill="#FFFFFF" p-id="2963"></path>
                            <path
                                d="M307.172 301.118h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.8 10.614-23.102 23.414-23.412zM307.172 381.402h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.572 0.31-12.802 10.614-23.106 23.414-23.414zM307.172 461.672h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.798 10.614-23.102 23.414-23.412z"
                                fill="#DFECFD" p-id="2964"></path>
                        </svg>
                    </span>
                    <span>培训计划</span>
                </div>
                <div @click="jumpinfo('/trainAssess','培训考核')">
                    <span>
                        <svg class="icon"
                            style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2960">
                            <path
                                d="M292 192h440c55.228 0 100 44.772 100 100v440c0 55.228-44.772 100-100 100H292c-55.228 0-100-44.772-100-100V292c0-55.228 44.772-100 100-100z"
                                fill="#4988FD" p-id="2961"></path>
                            <path
                                d="M574.07 283.178h117.568c27.164 0 49.186 22.022 49.186 49.186v117.568c0 27.166-22.022 49.186-49.186 49.186h-117.568c-27.164 0-49.188-22.022-49.188-49.186v-117.568c0-27.164 22.024-49.186 49.188-49.186z"
                                fill="#DFECFD" p-id="2962"></path>
                            <path
                                d="M308.596 605.028h406.8c14.042 0 25.424 10.742 25.424 24s-11.384 24-25.424 24h-406.8c-14.04-0.014-25.424-10.754-25.424-24 0-13.242 11.384-24 25.424-24zM307.172 704.122h211.136c13.25 0.32 23.732 11.32 23.414 24.57-0.31 12.8-10.614 23.106-23.414 23.414H307.172c-13.25-0.32-23.734-11.32-23.414-24.572 0.31-12.802 10.614-23.104 23.414-23.412z"
                                fill="#FFFFFF" p-id="2963"></path>
                            <path
                                d="M307.172 301.118h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.8 10.614-23.102 23.414-23.412zM307.172 381.402h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.572 0.31-12.802 10.614-23.106 23.414-23.414zM307.172 461.672h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.798 10.614-23.102 23.414-23.412z"
                                fill="#DFECFD" p-id="2964"></path>
                        </svg>
                    </span>
                    <span>培训考核</span>
                </div>
                <div @click="jumpinfo('/trainStatis','培训统计')">
                    <span>
                        <svg class="icon"
                            style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2960">
                            <path
                                d="M292 192h440c55.228 0 100 44.772 100 100v440c0 55.228-44.772 100-100 100H292c-55.228 0-100-44.772-100-100V292c0-55.228 44.772-100 100-100z"
                                fill="#4988FD" p-id="2961"></path>
                            <path
                                d="M574.07 283.178h117.568c27.164 0 49.186 22.022 49.186 49.186v117.568c0 27.166-22.022 49.186-49.186 49.186h-117.568c-27.164 0-49.188-22.022-49.188-49.186v-117.568c0-27.164 22.024-49.186 49.188-49.186z"
                                fill="#DFECFD" p-id="2962"></path>
                            <path
                                d="M308.596 605.028h406.8c14.042 0 25.424 10.742 25.424 24s-11.384 24-25.424 24h-406.8c-14.04-0.014-25.424-10.754-25.424-24 0-13.242 11.384-24 25.424-24zM307.172 704.122h211.136c13.25 0.32 23.732 11.32 23.414 24.57-0.31 12.8-10.614 23.106-23.414 23.414H307.172c-13.25-0.32-23.734-11.32-23.414-24.572 0.31-12.802 10.614-23.104 23.414-23.412z"
                                fill="#FFFFFF" p-id="2963"></path>
                            <path
                                d="M307.172 301.118h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.8 10.614-23.102 23.414-23.412zM307.172 381.402h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.572 0.31-12.802 10.614-23.106 23.414-23.414zM307.172 461.672h107.964c13.25 0.32 23.734 11.322 23.414 24.572-0.31 12.8-10.614 23.104-23.414 23.414h-107.964c-13.25-0.32-23.734-11.322-23.414-24.574 0.31-12.798 10.614-23.102 23.414-23.412z"
                                fill="#DFECFD" p-id="2964"></path>
                        </svg>
                    </span>
                    <span>培训统计</span>
                </div>
            </div>
            <h2 class="font-ui">考核通报</h2>
            <div class="adv-type">
                <div @click="jumpinfo('/foocusAssess','集中考核')">
                    <span>
                        <svg class="icon"
                            style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
                            <path
                                d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
                                fill="#4988FD" p-id="3380"></path>
                            <path
                                d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
                                fill="#4988FD" p-id="3381"></path>
                            <path
                                d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
                                fill="#DFECFD" p-id="3382"></path>
                            <path
                                d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
                                fill="#DFECFD" p-id="3383"></path>
                        </svg>
                    </span>
                    <span>集中考核</span>
                </div>
            </div>
            <h2 class="font-ui">宣传落实</h2>
            <div class="adv-type">
                <div @click="jumpinfo('/propaganda','宣传落实')">
                    <span>
                        <svg class="icon"
                            style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
                            <path
                                d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
                                fill="#4988FD" p-id="3380"></path>
                            <path
                                d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
                                fill="#4988FD" p-id="3381"></path>
                            <path
                                d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
                                fill="#DFECFD" p-id="3382"></path>
                            <path
                                d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
                                fill="#DFECFD" p-id="3383"></path>
                        </svg>
                    </span>
                    <span>宣传落实</span>
                </div>
                <div @click="jumpinfo('/pointPosition','宣传点位清单')">
                    <span>
                        <svg class="icon"
                            style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
                            <path
                                d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
                                fill="#4988FD" p-id="3380"></path>
                            <path
                                d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
                                fill="#4988FD" p-id="3381"></path>
                            <path
                                d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
                                fill="#DFECFD" p-id="3382"></path>
                            <path
                                d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
                                fill="#DFECFD" p-id="3383"></path>
                        </svg>
                    </span>
                    <span>宣传点位清单</span>
                </div>
                <div @click="jumpinfo('/Hallstore','厅店级宣传点位清单')">
                    <span>
                        <svg class="icon"
                            style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
                            <path
                                d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
                                fill="#4988FD" p-id="3380"></path>
                            <path
                                d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
                                fill="#4988FD" p-id="3381"></path>
                            <path
                                d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
                                fill="#DFECFD" p-id="3382"></path>
                            <path
                                d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
                                fill="#DFECFD" p-id="3383"></path>
                        </svg>
                    </span>
                    <span>厅店级宣传点位清单</span>
                </div>
            </div>
            <h2 class="font-ui">经验共享</h2>
            <div class="adv-type">
                <div @click="jumpinfo('/experienceCollec','营销经验收集')">
                    <span>
                        <svg class="icon"
                            style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
                            <path
                                d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
                                fill="#4988FD" p-id="3380"></path>
                            <path
                                d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
                                fill="#4988FD" p-id="3381"></path>
                            <path
                                d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
                                fill="#DFECFD" p-id="3382"></path>
                            <path
                                d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
                                fill="#DFECFD" p-id="3383"></path>
                        </svg>
                    </span>
                    <span>营销经验收集</span>
                </div>
                <div @click="jumpinfo('/experCollec','经验共享库')">
                    <span>
                        <svg class="icon"
                            style="width: 100%;height: 100%;vertical-align: middle;fill: currentColor;overflow: hidden;"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3379">
                            <path
                                d="M232 192h560c22.092 0 40 17.908 40 40v560c0 22.092-17.908 40-40 40H232c-22.092 0-40-17.908-40-40V232c0-22.092 17.908-40 40-40z"
                                fill="#4988FD" p-id="3380"></path>
                            <path
                                d="M792 832H232c-22.056 0-40-17.944-40-40V232c0-22.056 17.944-40 40-40h560c22.056 0 40 17.944 40 40v560c0 22.056-17.944 40-40 40z m-540-60h520V252H252v520z"
                                fill="#4988FD" p-id="3381"></path>
                            <path
                                d="M352 532c-11.046 0-20-8.956-20-20v-160c0-11.046 8.954-20 20-20s20 8.954 20 20v160c0 11.044-8.954 20-20 20z"
                                fill="#DFECFD" p-id="3382"></path>
                            <path
                                d="M424 372h-144c-11.046 0-20-8.954-20-20s8.954-20 20-20h144c11.046 0 20 8.954 20 20s-8.954 20-20 20zM732 372H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 448H512c-11.046 0-20-8.954-20-20s8.954-20 20-20h220c11.044 0 20 8.954 20 20s-8.956 20-20 20zM732 524H512c-11.046 0-20-8.956-20-20 0-11.046 8.954-20 20-20h220c11.044 0 20 8.954 20 20 0 11.044-8.956 20-20 20zM732 692H280c-11.046 0-20-8.956-20-20s8.954-20 20-20h452c11.044 0 20 8.956 20 20s-8.956 20-20 20z"
                                fill="#DFECFD" p-id="3383"></path>
                        </svg>
                    </span>
                    <span>经验共享库</span>
                </div>
            </div>
        </div>

    </fullscreen>

</template>
<script>
    import mySearch from "../../../components/search.vue";
    import myMessage from "../../../components/myMessage.vue"
    import toolList from '../../../components/toolList'
    import myUpload from '../../../components/upload'

    export default {
        components: {
            mySearch,
            myMessage,
            toolList,
            myUpload
        },
        data() {

            return {
                fullscreen: false,
                lockFlag: 'see',
                province: true,
                orgsts:0
            }
        },
        methods: {
            jumpinfot(p, n) {
                this.$http({
                    url: "/sysmgr/csysuserinfo/queryUserInfoByLoginNo",
                    method: "post",
                    headers: {
                        "Content-Type": "application/json",
                    },
                    data: {},
                }).then((res) => {
                    if(res.data.companyFlag == 1){
                        this.$router.push({
                            path: p,
                        });
                        this.setabList(n, p);
                    }else if(res.data.companyFlag == 0){
                        this.$router.push({
                            path: '/settlementEval',
                        });
                        this.setabList(n, 'settlementEval');
                    }
                });
            },
            jumpinfo(p, n) {
                this.$router.push({
                    path: p,
                });
                this.setabList(n, p);
            },
            setabList(n, p) {
                let params = {
                    children: "",
                    name: n,
                    rountPath: p,
                    target: "_self",
                };
                for (let i = 0; i < this.$store.state.tabList.length; i++) {
                    if (this.$store.state.tabList[i].name === params.name) {
                        this.$store.state.tabList[i] = params;
                    }
                }
                let set = new Set([...this.$store.state.tabList, params]);
                set.add(params);
                this.$store.commit("setDefaultActive", params.rountPath);
                this.$store.commit("setTabList", Array.from(set));
            },
            getUser() {
                this.userInfo = JSON.parse(window.sessionStorage.userInfo);
                let menus = JSON.parse(window.sessionStorage.childrenMenus);
                for(let n=0;n<menus.length;n++){
                    if (menus[n].jspUrl == "/organizaStructure") {
                        this.orgsts = 1;
                    }
                }
                console.log(this.orgsts)
            }
        },
        mounted() {
            this.getUser();
        },
        created() {

        }
    }
</script>
<style scoped lang="scss">
    .container-box {
        height: calc(100vh - 200px);
        overflow-y: scroll;
        padding-bottom: 20px;
    }

    .adv-type {
        margin: 20px 0;
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        // border: 1px solid #ddd;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);

        div {
            width: 20%;
            text-align: center;
            height: 80px;
            overflow: hidden;
            min-width: 100px;
            cursor: pointer;
            padding-top: 10px;
            margin: 10px 0;
        }

        div:hover {
            background: #CFE8FC;
            border-radius: 5px;
        }

        span {
            width: 100%;
            display: inline-block;
            height: 40px;

            // line-height: 40px;
            i {
                color: #0074D9;
                font-size: 36px;
            }
        }

        .wfour {
            width: 25%;
        }

        .wfive {
            width: 20%;
        }
    }
</style>
