{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\WindFarmOverview\\CrewOverview.vue?vue&type=template&id=2d0a03ca&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\WindFarmOverview\\CrewOverview.vue","mtime":1667804639712},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"page-container\" @click=\"showCrewList = false\">\n    <div class=\"main-left\">\n        <div class=\"main-card main-card2\">\n            <div class=\"card-head\">机组概况</div>\n            <div class=\"crew-info-top\">\n                <div class=\"icon-flag-ship\" v-if=\"isFlagship\">\n                    <i class=\"icon-qizhi\"></i>\n                    <span>旗</span>\n                </div>\n                <div class=\"crew-state-container\">\n                    <div class=\"state-img\">\n                        <img\n                            :src=\"bindImg(state.workModeSrc)\"\n                            v-show=\"state.workModeSrc\"\n                        />\n                    </div>\n                    <div>\n                        <div\n                            class=\"crew-state-code orange\"\n                            @click.stop=\"toggleCrewList\"\n                        >\n                            {{ crewName\n                            }}<!--{{ crewNumber }}-->\n                            <i\n                                :class=\"`el-icon-caret-bottom selectIcon ${\n                                    showCrewList ? 'change' : ''\n                                }`\"\n                            ></i>\n                            <transition name=\"fade\">\n                                <div\n                                    class=\"crew-select-container\"\n                                    v-if=\"showCrewList\"\n                                >\n                                    <el-scrollbar class=\"editScroll\">\n                                        <div\n                                            :class=\"`crew-option ${\n                                                crew.fanCode == crewNumber\n                                                    ? 'active'\n                                                    : ''\n                                            }`\"\n                                            v-for=\"crew in crewsListOrigin\"\n                                            :key=\"crew.id\"\n                                            @click.stop=\"changeCrew(crew)\"\n                                        >\n                                            {{ crew.fanName }}\n                                            <!--{{ crew.fanCode }}-->\n                                        </div>\n                                    </el-scrollbar>\n                                </div>\n                            </transition>\n                        </div>\n                        <div class=\"crew-state-code\">\n                            {{ state.workModeSrc | workModeFilter }}\n                        </div>\n                        <div\n                            :class=\"`crew-state-code ${\n                                state.comState == 0 ? 'green' : 'red'\n                            }`\"\n                        >\n                            {{ state.comState | comStateFilter }}\n                        </div>\n                    </div>\n                </div>\n                <div class=\"crew-state-info\">\n                    机组类型：{{ state.type }}\n                </div>\n                <div class=\"crew-state-info\">\n                    所属环线：{{ state.line }}\n                </div>\n            </div>\n            <div class=\"crew-info-list\">\n                <div\n                    class=\"info-section\"\n                    v-for=\"(value, key) in mainData\"\n                    :key=\"key\"\n                >\n                    <span class=\"info-section-icon\">\n                        <i :class=\"`icon-${value.icon}`\"></i>\n                    </span>\n                    <div>\n                        <div class=\"info-section-name\">\n                            {{ value.name }}\n                            <span>({{ value.unit }})</span>\n                        </div>\n                        <div class=\"info-section-value\">\n                            {{ value.value }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"main-center\">\n        <!-- 使用v-for 循环 对象嵌套层级过深，影响性能。数据改偏平不使用循环 -->\n        <div\n            class=\"crew-section-info\"\n            :style=\"`${\n                boardkey1.left ? 'left:' + boardkey1.left + '%' : ''\n            };\n            ${boardkey1.right ? 'right:' + boardkey1.right + '%' : ''};\n            ${boardkey1.top ? 'top:' + boardkey1.top + '%' : ''};\n            ${boardkey1.bottom ? 'bottom:' + boardkey1.bottom + '%' : ''}`\"\n        >\n            <div\n                class=\"crew-section-title\"\n                @click=\"toggleBoard('boardkey1')\"\n            >\n                <span\n                    ><i :class=\"`icon-${boardkey1.icon}`\"></i>\n                    {{ boardkey1.text }}</span\n                >\n\n                <i\n                    :class=\"`el-icon-caret-bottom selectIcon ${\n                        boardkey1.showList ? 'change' : ''\n                    }`\"\n                ></i>\n            </div>\n            <div\n                :class=\"`crew-section-container ${\n                    boardkey1.showList ? 'show' : ''\n                }`\"\n            >\n                <div\n                    class=\"crew-section-item\"\n                    :key=\"keys\"\n                    v-for=\"(value, keys) in boardkey1Data\"\n                >\n                    <span class=\"crew-piont-name\">{{ value.name }}</span>\n\n                    <span\n                        v-if=\"value.isBoolean\"\n                        :class=\"\n                            value.value ? 'crew-piont-on' : 'crew-piont-off'\n                        \"\n                    ></span>\n                    <span v-else>\n                        <span class=\"crew-piont-value\">{{\n                            value.value\n                        }}</span>\n                        {{ value.unit }}\n                    </span>\n                </div>\n            </div>\n            <div v-if=\"!boardkey1.showList\" class=\"more\">......</div>\n        </div>\n        <div\n            class=\"crew-section-info\"\n            :style=\"`${\n                boardkey2.left ? 'left:' + boardkey2.left + '%' : ''\n            };\n            ${boardkey2.right ? 'right:' + boardkey2.right + '%' : ''};\n            ${boardkey2.top ? 'top:' + boardkey2.top + '%' : ''};\n            ${boardkey2.bottom ? 'bottom:' + boardkey2.bottom + '%' : ''}`\"\n        >\n            <div\n                class=\"crew-section-title\"\n                @click=\"toggleBoard('boardkey2')\"\n            >\n                <span\n                    ><i :class=\"`icon-${boardkey2.icon}`\"></i>\n                    {{ boardkey2.text }}</span\n                >\n\n                <i\n                    :class=\"`el-icon-caret-bottom selectIcon ${\n                        boardkey2.showList ? 'change' : ''\n                    }`\"\n                ></i>\n            </div>\n            <div\n                :class=\"`crew-section-container ${\n                    boardkey2.showList ? 'show' : ''\n                }`\"\n            >\n                <div\n                    class=\"crew-section-item\"\n                    :key=\"key\"\n                    v-for=\"(value, key) in boardkey2Data\"\n                >\n                    <span class=\"crew-piont-name\">{{ value.name }}</span>\n\n                    <span\n                        v-if=\"value.isBoolean\"\n                        :class=\"\n                            value.value ? 'crew-piont-on' : 'crew-piont-off'\n                        \"\n                    ></span>\n                    <span v-else>\n                        <span class=\"crew-piont-value\">{{\n                            value.value\n                        }}</span>\n                        {{ value.unit }}\n                    </span>\n                </div>\n            </div>\n            <div v-if=\"!boardkey2.showList\" class=\"more\">......</div>\n        </div>\n        <div\n            class=\"crew-section-info\"\n            :style=\"`${\n                boardkey3.left ? 'left:' + boardkey3.left + '%' : ''\n            };\n            ${boardkey3.right ? 'right:' + boardkey3.right + '%' : ''};\n            ${boardkey3.top ? 'top:' + boardkey3.top + '%' : ''};\n            ${boardkey3.bottom ? 'bottom:' + boardkey3.bottom + '%' : ''}`\"\n        >\n            <div\n                class=\"crew-section-title\"\n                @click=\"toggleBoard('boardkey3')\"\n            >\n                <span\n                    ><i :class=\"`icon-${boardkey3.icon}`\"></i>\n                    {{ boardkey3.text }}</span\n                >\n\n                <i\n                    :class=\"`el-icon-caret-bottom selectIcon ${\n                        boardkey3.showList ? 'change' : ''\n                    }`\"\n                ></i>\n            </div>\n            <div\n                :class=\"`crew-section-container ${\n                    boardkey3.showList ? 'show' : ''\n                }`\"\n            >\n                <div\n                    class=\"crew-section-item\"\n                    :key=\"key\"\n                    v-for=\"(value, key) in boardkey3Data\"\n                >\n                    <span class=\"crew-piont-name\">{{ value.name }}</span>\n\n                    <span\n                        v-if=\"value.isBoolean\"\n                        :class=\"\n                            value.value ? 'crew-piont-on' : 'crew-piont-off'\n                        \"\n                    ></span>\n                    <span v-else>\n                        <span class=\"crew-piont-value\">{{\n                            value.value\n                        }}</span>\n                        {{ value.unit }}\n                    </span>\n                </div>\n            </div>\n            <div v-if=\"!boardkey3.showList\" class=\"more\">......</div>\n        </div>\n        <div\n            class=\"crew-section-info\"\n            :style=\"`${\n                boardkey4.left ? 'left:' + boardkey4.left + '%' : ''\n            };\n            ${boardkey4.right ? 'right:' + boardkey4.right + '%' : ''};\n            ${boardkey4.top ? 'top:' + boardkey4.top + '%' : ''};\n            ${boardkey4.bottom ? 'bottom:' + boardkey4.bottom + '%' : ''}`\"\n        >\n            <div\n                class=\"crew-section-title\"\n                @click=\"toggleBoard('boardkey4')\"\n            >\n                <span\n                    ><i :class=\"`icon-${boardkey4.icon}`\"></i>\n                    {{ boardkey4.text }}</span\n                >\n\n                <i\n                    :class=\"`el-icon-caret-bottom selectIcon ${\n                        boardkey4.showList ? 'change' : ''\n                    }`\"\n                ></i>\n            </div>\n            <div\n                :class=\"`crew-section-container ${\n                    boardkey4.showList ? 'show' : ''\n                }`\"\n            >\n                <div\n                    class=\"crew-section-item\"\n                    :key=\"key\"\n                    v-for=\"(value, key) in boardkey4Data\"\n                >\n                    <span class=\"crew-piont-name\">{{ value.name }}</span>\n\n                    <span\n                        v-if=\"value.isBoolean\"\n                        :class=\"\n                            value.value ? 'crew-piont-on' : 'crew-piont-off'\n                        \"\n                    ></span>\n                    <span v-else>\n                        <span class=\"crew-piont-value\">{{\n                            value.value\n                        }}</span>\n                        {{ value.unit }}\n                    </span>\n                </div>\n            </div>\n            <div v-if=\"!boardkey4.showList\" class=\"more\">......</div>\n        </div>\n        <div\n            class=\"crew-section-info\"\n            :style=\"`${\n                boardkey5.left ? 'left:' + boardkey5.left + '%' : ''\n            };\n            ${boardkey5.right ? 'right:' + boardkey5.right + '%' : ''};\n            ${boardkey5.top ? 'top:' + boardkey5.top + '%' : ''};\n            ${boardkey5.bottom ? 'bottom:' + boardkey5.bottom + '%' : ''}`\"\n        >\n            <div\n                class=\"crew-section-title\"\n                @click=\"toggleBoard('boardkey5')\"\n            >\n                <span\n                    ><i :class=\"`icon-${boardkey5.icon}`\"></i>\n                    {{ boardkey5.text }}</span\n                >\n\n                <i\n                    :class=\"`el-icon-caret-bottom selectIcon ${\n                        boardkey5.showList ? 'change' : ''\n                    }`\"\n                ></i>\n            </div>\n            <div\n                :class=\"`crew-section-container ${\n                    boardkey5.showList ? 'show' : ''\n                }`\"\n            >\n                <div\n                    class=\"crew-section-item\"\n                    :key=\"key\"\n                    v-for=\"(value, key) in boardkey5Data\"\n                >\n                    <span class=\"crew-piont-name\">{{ value.name }}</span>\n\n                    <span\n                        v-if=\"value.isBoolean\"\n                        :class=\"\n                            value.value ? 'crew-piont-on' : 'crew-piont-off'\n                        \"\n                    ></span>\n                    <span v-else>\n                        <span class=\"crew-piont-value\">{{\n                            value.value\n                        }}</span>\n                        {{ value.unit }}\n                    </span>\n                </div>\n            </div>\n            <div v-if=\"!boardkey5.showList\" class=\"more\">......</div>\n        </div>\n        <div\n            class=\"crew-section-info\"\n            :style=\"`${\n                boardkey6.left ? 'left:' + boardkey6.left + '%' : ''\n            };\n            ${boardkey6.right ? 'right:' + boardkey6.right + '%' : ''};\n            ${boardkey6.top ? 'top:' + boardkey6.top + '%' : ''};\n            ${boardkey6.bottom ? 'bottom:' + boardkey6.bottom + '%' : ''}`\"\n        >\n            <div\n                class=\"crew-section-title\"\n                @click=\"toggleBoard('boardkey6')\"\n            >\n                <span\n                    ><i :class=\"`icon-${boardkey6.icon}`\"></i>\n                    {{ boardkey6.text }}</span\n                >\n\n                <i\n                    :class=\"`el-icon-caret-bottom selectIcon ${\n                        boardkey6.showList ? 'change' : ''\n                    }`\"\n                ></i>\n            </div>\n            <div\n                :class=\"`crew-section-container ${\n                    boardkey6.showList ? 'show' : ''\n                }`\"\n            >\n                <div\n                    class=\"crew-section-item\"\n                    :key=\"key\"\n                    v-for=\"(value, key) in boardkey6Data\"\n                >\n                    <span class=\"crew-piont-name\">{{ value.name }}</span>\n\n                    <span\n                        v-if=\"value.isBoolean\"\n                        :class=\"\n                            value.value ? 'crew-piont-on' : 'crew-piont-off'\n                        \"\n                    ></span>\n                    <span v-else>\n                        <span class=\"crew-piont-value\">{{\n                            value.value\n                        }}</span>\n                        {{ value.unit }}\n                    </span>\n                </div>\n            </div>\n            <div v-if=\"!boardkey6.showList\" class=\"more\">......</div>\n        </div>\n        <div\n            class=\"crew-section-info\"\n            :style=\"`${\n                boardkey7.left ? 'left:' + boardkey7.left + '%' : ''\n            };\n            ${boardkey7.right ? 'right:' + boardkey7.right + '%' : ''};\n            ${boardkey7.top ? 'top:' + boardkey7.top + '%' : ''};\n            ${boardkey7.bottom ? 'bottom:' + boardkey7.bottom + '%' : ''}`\"\n        >\n            <div\n                class=\"crew-section-title\"\n                @click=\"toggleBoard('boardkey7')\"\n            >\n                <span\n                    ><i :class=\"`icon-${boardkey7.icon}`\"></i>\n                    {{ boardkey7.text }}</span\n                >\n\n                <i\n                    :class=\"`el-icon-caret-bottom selectIcon ${\n                        boardkey7.showList ? 'change' : ''\n                    }`\"\n                ></i>\n            </div>\n            <div\n                :class=\"`crew-section-container ${\n                    boardkey7.showList ? 'show' : ''\n                }`\"\n            >\n                <div\n                    class=\"crew-section-item\"\n                    :key=\"key\"\n                    v-for=\"(value, key) in boardkey7Data\"\n                >\n                    <span class=\"crew-piont-name\">{{ value.name }}</span>\n\n                    <span\n                        v-if=\"value.isBoolean\"\n                        :class=\"\n                            value.value ? 'crew-piont-on' : 'crew-piont-off'\n                        \"\n                    ></span>\n                    <span v-else>\n                        <span class=\"crew-piont-value\">{{\n                            value.value\n                        }}</span>\n                        {{ value.unit }}\n                    </span>\n                </div>\n            </div>\n            <div v-if=\"!boardkey7.showList\" class=\"more\">......</div>\n        </div>\n    </div>\n    <div class=\"main-right\">\n        <div class=\"main-card main-card3\">\n            <div class=\"card-head\">实时风速/功率</div>\n            <div\n                id=\"container\"\n                :style=\"{width: '100%', height: '100%'}\"\n            ></div>\n        </div>\n        <div class=\"main-card main-card4\">\n            <div class=\"card-head\">故障告警信息</div>\n            <div class=\"card-btn-group\">\n                <span\n                    :class=\"`message-type-btn ${\n                        currentMessage == 'fault' ? 'active' : ''\n                    }`\"\n                    @click=\"changeMessageType('fault')\"\n                    >故障</span\n                >\n                <span\n                    :class=\"`message-type-btn ${\n                        currentMessage == 'alarm' ? 'active' : ''\n                    }`\"\n                    @click=\"changeMessageType('alarm')\"\n                    >警告</span\n                >\n                <span\n                    :class=\"`message-type-btn ${\n                        currentMessage == 'msg' ? 'active' : ''\n                    }`\"\n                    @click=\"changeMessageType('msg')\"\n                    >消息</span\n                >\n            </div>\n            <div class=\"table-container\" ref=\"tableCon\">\n                <el-table\n                    v-if=\"showTable\"\n                    border\n                    size=\"mini\"\n                    style=\"width: 100%\"\n                    highlight-current-row\n                    :max-height=\"tableHeight\"\n                    :data=\"tableData[currentMessage]\"\n                >\n                    <el-table-column\n                        resizable\n                        align=\"center\"\n                        show-overflow-tooltip\n                        v-for=\"item in tableColumn[currentMessage]\"\n                        :key=\"`${currentMessage}-${item.prop}`\"\n                        :prop=\"item.prop\"\n                        :label=\"item.text\"\n                        :width=\"item.width\"\n                    >\n                        <template slot-scope=\"scope\">\n                            <span\n                                v-if=\"item.renderColumn\"\n                                class=\"msg-code\"\n                                @click=\"handleMsgCode(scope.row[item.prop])\"\n                                >{{ scope.row[item.prop] }}</span\n                            >\n                            <span v-else>{{ scope.row[item.prop] }}</span>\n                        </template>\n                    </el-table-column>\n                </el-table>\n            </div>\n        </div>\n    </div>\n    <alarm-code-explain ref=\"AlarmCodeExplain\" />\n</div>\n",null]}