{"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=2ce4fc18&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\operationFees.vue","mtime":1704446570210},{"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 @changeTollStation=\"getData\" @changeMonth=\"getDate\"></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\n        class=\"section-content-wrapper fee flex-column\"\n        v-loading=\"loadObj.payTypeData\"\n        :element-loading-background=\"loadingColor\"\n      >\n        <div class=\"fee-type\">\n          <div class=\"fee-type-label flex-center\">\n            <img src=\"../../assets/img/bigScreen/icon-fee.png\" />\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 class=\"fee-type-bar\" :style=\"`width:${ETC}%`\"></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 class=\"fee-type-bar\" :style=\"`width:${NonETC}%`\"></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 src=\"../../assets/img/bigScreen/icon-fee.png\" />\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\n        v-loading=\"loadObj.yujueChartData\"\n        :element-loading-background=\"loadingColor\"\n        class=\"section-content-wrapper\"\n        id=\"yujue-chart\"\n      ></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 income\">\n      <div class=\"label\">收入指标(元)</div>\n      <div class=\"num-wrapper\">\n        <template v-for=\"item in totalIncome\">\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, ${-100 * Number(item)}%)`\"\n            >\n              <div v-for=\"num in 10\" :key=\"num\" class=\"number-block\">\n                {{ num - 1 }}\n              </div>\n            </div>\n          </keep-alive>\n        </template>\n      </div>\n    </div>\n    <div class=\"total-num-wrapper proxy\">\n      <div class=\"label\">日均通行费(元)</div>\n      <div class=\"num-wrapper\">\n        <template v-for=\"item in TransactionDaily\">\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 class=\"number-blocks-rate\" v-else-if=\"item === '%'\">\n              {{ item }}\n            </div>\n            <div\n              v-else\n              class=\"number-blocks-wrapper\"\n              :style=\"`transform: translate(0, ${-100 * Number(item)}%)`\"\n            >\n              <div v-for=\"num in 10\" :key=\"num\" class=\"number-block\">\n                {{ num - 1 }}\n              </div>\n            </div>\n          </keep-alive>\n        </template>\n      </div>\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, ${-100 * Number(item)}%)`\"\n            >\n              <div v-for=\"num in 10\" :key=\"num\" class=\"number-block\">\n                {{ num - 1 }}\n              </div>\n            </div>\n          </keep-alive>\n        </template>\n      </div>\n    </div>\n    <div class=\"total-num-wrapper car-daily\">\n      <div class=\"label\">日均车流量(辆)</div>\n      <div class=\"num-wrapper\">\n        <template v-for=\"item in totalCarDaily\">\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, ${-100 * Number(item)}%)`\"\n            >\n              <div v-for=\"num in 10\" :key=\"num\" class=\"number-block\">\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=\"['search-type-item', {active: activeSearchType == item.key}]\"\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\n          class=\"scroll-table-header\"\n          :class=\"{foutHeader: scrollListData.length == 4}\"\n        >\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            :class=\"{fourColumn: scrollListData.length == 4}\"\n            v-for=\"(column, index) in scrollListData\"\n            :key=\"index\"\n          >\n            <div class=\"column-item ellipsis\" style=\"width: 26%\">\n              {{ index + 1 }}\n            </div>\n            <div\n              class=\"column-item ellipsis\"\n              style=\"width: 48%\"\n              :title=\"column.name\"\n            >\n              {{ column.name }}\n            </div>\n            <div class=\"column-item ellipsis flex-center\" style=\"width: 24%\">\n              <div class=\"flex-center\">\n                <span\n                  :class=\"[\n                    'dot',\n                    `dot${column.status}`,\n                    {dotshine: column.status !== 1},\n                  ]\"\n                ></span>\n                <span>{{ formatStatus(column.status) }}</span>\n              </div>\n            </div>\n          </div>\n        </vue-seamless-scroll>\n      </div>\n    </div>\n    <div class=\"right-side-section\">\n      <div class=\"section-header out\">\n        <span>各类车辆通行统计</span>\n        <div class=\"total-car-type flex\">\n          <div\n            :class=\"['car-type-item', {active: activeCarType == item.key}]\"\n            v-for=\"item in totalCarType\"\n            :key=\"item.key\"\n            @click=\"changeTotalCarType(item.key)\"\n          >\n            {{ item.label }}\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"section-content-wrapper\"\n        id=\"line-chart-right\"\n        v-loading=\"loadObj.PieData\"\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]}