{"remainingRequest":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\operationFees.vue?vue&type=template&id=257df166&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\operationFees.vue","mtime":1702926540383},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"operationFees\">\n    <headline></headline>\n    <div class=\"right-bar-bg\"></div>\n    <div class=\"left-sidebar\">\n        <div class=\"section-wrapper\">\n            <div class=\"section-header\">\n                <span>收费方式</span>\n            </div>\n            <div class=\"section-content-wrapper fee flex-column\">\n                <div class=\"fee-type\">\n                    <div class=\"fee-type-label flex-center\">\n                        <img\n                            src=\"../../assets/img/bigScreen/icon-fee.png\"\n                        />\n                        <span>ETC和非ETC占比</span>\n                    </div>\n                    <div class=\"fee-type-content flex-between\">\n                        <span class=\"label\">ETC</span>\n                        <span class=\"fee-type-bar-bg\">\n                            <span\n                                class=\"fee-type-bar\"\n                                :style=\"`width:${ETC}%`\"\n                            ></span>\n                        </span>\n                        <span class=\"count\">{{ ETC }}%</span>\n                    </div>\n                    <div class=\"fee-type-content flex-between\">\n                        <span class=\"label\">非ETC</span>\n                        <span class=\"fee-type-bar-bg\">\n                            <span\n                                class=\"fee-type-bar\"\n                                :style=\"`width:${NonETC}%`\"\n                            ></span>\n                        </span>\n                        <span class=\"count\">{{ NonETC }}%</span>\n                    </div>\n                </div>\n                <div class=\"fee-type\">\n                    <div class=\"fee-type-label flex-center\">\n                        <img\n                            src=\"../../assets/img/bigScreen/icon-fee.png\"\n                        />\n                        <span>现金和非现金占比</span>\n                    </div>\n                    <div class=\"fee-type-content flex-between\">\n                        <span class=\"label\">非现金</span>\n                        <span class=\"fee-type-bar-bg\">\n                            <span\n                                class=\"fee-type-bar cash\"\n                                :style=\"`width:${NonCash}%`\"\n                            ></span>\n                        </span>\n                        <span class=\"count cash\">{{ NonCash }}%</span>\n                    </div>\n                    <div class=\"fee-type-content flex-between cash\">\n                        <span class=\"label\">现金</span>\n                        <span class=\"fee-type-bar-bg\">\n                            <span\n                                class=\"fee-type-bar cash\"\n                                :style=\"`width:${Cash}%`\"\n                            ></span>\n                        </span>\n                        <span class=\"count cash\">{{ Cash }}%</span>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"section-wrapper section-wrapper2\">\n            <div class=\"section-header\">\n                <span>门架识别率</span>\n            </div>\n            <div class=\"section-content-wrapper\" id=\"yujue-chart\"></div>\n        </div>\n        <div class=\"section-wrapper\">\n            <div class=\"section-header\">\n                <span>减免车辆通行费情况</span>\n            </div>\n            <div\n                v-loading=\"loadObj.barChartTData\"\n                :element-loading-background=\"loadingColor\"\n                class=\"section-content-wrapper\"\n                id=\"reduction-bar\"\n            ></div>\n        </div>\n    </div>\n    <div class=\"center-side-wrapper\">\n        <div class=\"bg\"></div>\n        <div class=\"total flex-center\">\n            总交易额<span class=\"total-count\">\n                {{ totalTransaction.toLocaleString() }}</span\n            >\n            万元\n        </div>\n        <div class=\"total-num-wrapper car-total\">\n            <div class=\"label\">通行车辆(万辆)</div>\n            <div class=\"num-wrapper\">\n                <template v-for=\"item in totalCar\">\n                    <keep-alive :key=\"item\">\n                        <div\n                            class=\"number-blocks-point\"\n                            v-if=\"item === '.' || item === ','\"\n                        >\n                            <span>{{ item }}</span>\n                        </div>\n                        <div\n                            v-else\n                            class=\"number-blocks-wrapper\"\n                            :style=\"`transform: translate(0, ${\n                                -100 * Number(item)\n                            }%)`\"\n                        >\n                            <div\n                                v-for=\"num in 10\"\n                                :key=\"num\"\n                                class=\"number-block\"\n                            >\n                                {{ num - 1 }}\n                            </div>\n                        </div>\n                    </keep-alive>\n                </template>\n            </div>\n        </div>\n        <div class=\"total-num-wrapper reduce-total\">\n            <div class=\"label\">减免费用(万元)</div>\n            <div class=\"num-wrapper\">\n                <template v-for=\"item in totalReduce\">\n                    <keep-alive :key=\"item\">\n                        <div\n                            class=\"number-blocks-point\"\n                            v-if=\"item === '.' || item === ','\"\n                        >\n                            <span>{{ item }}</span>\n                        </div>\n                        <div\n                            v-else\n                            class=\"number-blocks-wrapper\"\n                            :style=\"`transform: translate(0, ${\n                                -100 * Number(item)\n                            }%)`\"\n                        >\n                            <div\n                                v-for=\"num in 10\"\n                                :key=\"num\"\n                                class=\"number-block\"\n                            >\n                                {{ num - 1 }}\n                            </div>\n                        </div>\n                    </keep-alive>\n                </template>\n            </div>\n        </div>\n        <div class=\"total-num-wrapper toll-total\">\n            <div class=\"label\">通行费用(万元)</div>\n            <div class=\"num-wrapper\">\n                <template v-for=\"item in totalToll\">\n                    <keep-alive :key=\"item\">\n                        <div\n                            class=\"number-blocks-point\"\n                            v-if=\"item === '.' || item === ','\"\n                        >\n                            <span>{{ item }}</span>\n                        </div>\n                        <div\n                            v-else\n                            class=\"number-blocks-wrapper\"\n                            :style=\"`transform: translate(0, ${\n                                -100 * Number(item)\n                            }%)`\"\n                        >\n                            <div\n                                v-for=\"num in 10\"\n                                :key=\"num\"\n                                class=\"number-block\"\n                            >\n                                {{ num - 1 }}\n                            </div>\n                        </div>\n                    </keep-alive>\n                </template>\n            </div>\n        </div>\n        <div class=\"total-search-type flex\">\n            <div\n                :class=\"[\n                    'search-type-item',\n                    {active: activeSearchType == item.key},\n                ]\"\n                v-for=\"item in totalSearchType\"\n                :key=\"item.key\"\n                @click=\"changeTotalSearchType(item.key)\"\n            >\n                {{ item.label }}\n            </div>\n        </div>\n    </div>\n    <div class=\"right-side-wrapper flex-column\">\n        <div class=\"right-side-section\">\n            <div class=\"section-header\">\n                <span>车辆记录</span>\n            </div>\n            <div class=\"section-content-wrapper\">\n                <div class=\"scroll-table-header\">\n                    <div\n                        class=\"header-item\"\n                        v-for=\"column in scrollheader\"\n                        :key=\"column.name\"\n                        :style=\"{width: column.width}\"\n                    >\n                        {{ column.name }}\n                    </div>\n                </div>\n                <div\n                    v-if=\"!scrollListData.length && !loadObj.scrollListData\"\n                    class=\"scroll-table-body flex-center\"\n                >\n                    暂无数据\n                </div>\n                <vue-seamless-scroll\n                    v-else\n                    v-loading=\"loadObj.scrollListData\"\n                    :element-loading-background=\"loadingColor\"\n                    class=\"scroll-table-body\"\n                    :data=\"scrollListData\"\n                    :class-option=\"optionSingleHeightTime\"\n                >\n                    <div\n                        class=\"scroll-table-column\"\n                        v-for=\"column in scrollListData\"\n                        :key=\"column.id\"\n                    >\n                        <div\n                            class=\"column-item ellipsis\"\n                            style=\"width: 30%\"\n                            :title=\"\n                                column.startTime &&\n                                column.startTime.slice(5)\n                            \"\n                        >\n                            {{\n                                column.startTime &&\n                                column.startTime.slice(5)\n                            }}\n                        </div>\n                        <div\n                            class=\"column-item ellipsis\"\n                            style=\"width: 18%\"\n                            :title=\"column.laneName\"\n                        >\n                            {{ column.laneName }}\n                        </div>\n                        <div\n                            class=\"column-item ellipsis\"\n                            style=\"width: 26%\"\n                            :title=\"column.carNo\"\n                        >\n                            {{ column.carNo }}\n                        </div>\n                        <div\n                            class=\"column-item ellipsis\"\n                            style=\"width: 26%\"\n                            :title=\"column.actualityMoney\"\n                        >\n                            {{ column.actualityMoney }} 元\n                        </div>\n                    </div>\n                </vue-seamless-scroll>\n            </div>\n        </div>\n        <div class=\"right-side-section\">\n            <div class=\"section-header\">\n                <span>各类车辆通行统计</span>\n            </div>\n            <div\n                class=\"section-content-wrapper\"\n                id=\"line-chart-right\"\n                v-loading=\"loadObj.barChartRLData\"\n                :element-loading-background=\"loadingColor\"\n            ></div>\n        </div>\n    </div>\n    <div class=\"bottom-side flex-between\">\n        <div class=\"bottom-left\">\n            <div class=\"section-header long\">\n                <span>通行费同比</span>\n            </div>\n            <div\n                v-loading=\"loadObj.barChartBLData\"\n                :element-loading-background=\"loadingColor\"\n                class=\"section-content-wrapper\"\n                id=\"bar-chart-bl\"\n            ></div>\n        </div>\n        <div class=\"bottom-right\">\n            <div class=\"section-header long\">\n                <span>车流量同比</span>\n            </div>\n            <div\n                v-loading=\"loadObj.barChartBRData\"\n                :element-loading-background=\"loadingColor\"\n                class=\"section-content-wrapper\"\n                id=\"bar-chart-br\"\n            ></div>\n        </div>\n    </div>\n</div>\n",null]}