{"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\\itResources.vue?vue&type=template&id=6ca06404&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\itResources.vue","mtime":1703099334246},{"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=\"itResources\">\n  <headline></headline>\n  <div class=\"left-sidebar\">\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>总物理机CPU使用率</span>\n      </div>\n      <div\n        v-if=\"!CPUChartDataResource.length && !loading.CPUChartResource\"\n        class=\"section-content\"\n      >\n        <el-empty\n          description=\"暂无数据\"\n          :image-size=\"100\"\n          :image=\"require('@/assets/img/bigScreen/empty1.png')\"\n        ></el-empty>\n      </div>\n      <div\n        class=\"section-content\"\n        id=\"CPU-chart-resource\"\n        v-loading=\"loading.CPUChartResource\"\n        :element-loading-background=\"loadingColor\"\n      ></div>\n    </div>\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>总物理机内存负载</span>\n      </div>\n      <div\n        v-if=\"!MemoryChartDataResource.length && !loading.MemoryChartResource\"\n        class=\"section-content\"\n      >\n        <el-empty\n          description=\"暂无数据\"\n          :image-size=\"100\"\n          :image=\"require('@/assets/img/bigScreen/empty1.png')\"\n        ></el-empty>\n      </div>\n      <div\n        class=\"section-content\"\n        id=\"Memory-chart-resource\"\n        v-loading=\"loading.MemoryChartResource\"\n        :element-loading-background=\"loadingColor\"\n      ></div>\n    </div>\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>总物理机磁盘IO</span>\n      </div>\n      <div\n        v-if=\"!IOChartDataResource.length && !loading.IOChartResource\"\n        class=\"section-content\"\n      >\n        <el-empty\n          description=\"暂无数据\"\n          :image-size=\"100\"\n          :image=\"require('@/assets/img/bigScreen/empty1.png')\"\n        ></el-empty>\n      </div>\n      <div\n        class=\"section-content\"\n        id=\"IO-chart-resource\"\n        v-loading=\"loading.IOChartResource\"\n        :element-loading-background=\"loadingColor\"\n      ></div>\n    </div>\n  </div>\n  <div class=\"main-container\">\n    <div class=\"data-master\">\n      <div class=\"data-master-container\">\n        <div class=\"master-container-img\">\n          <img src=\"../../assets/img/bigScreen/icon-physicalMachine.png\" />\n        </div>\n        <div class=\"master-container-title\">\n          <div class=\"count\">{{ mainData[0].count }}</div>\n          <div class=\"name\">{{ mainData[0].name }}</div>\n        </div>\n        <div class=\"master-container-data\">\n          <div class=\"point\">\n            <div class=\"point-color blue icon1\"></div>\n            <div class=\"color blue icon1\"></div>\n          </div>\n          <div class=\"value\">已连接：{{ mainData[0].used }}</div>\n          <div class=\"point\">\n            <div class=\"point-color yellow icon2\"></div>\n            <div class=\"color yellow icon2\"></div>\n          </div>\n          <div class=\"value\">未连接：{{ mainData[0].stop }}</div>\n          <div class=\"point\">\n            <div class=\"point-color white icon3\"></div>\n            <div class=\"color white icon3\"></div>\n          </div>\n          <div class=\"value\">其他：{{ mainData[0].other }}</div>\n        </div>\n      </div>\n      <div class=\"data-master-container\">\n        <div class=\"master-container-img\">\n          <img src=\"../../assets/img/bigScreen/icon-VirtualMachine.png\" />\n        </div>\n        <div class=\"master-container-title\">\n          <div class=\"count\">{{ mainData[1].count }}</div>\n          <div class=\"name\">{{ mainData[1].name }}</div>\n        </div>\n        <div class=\"master-container-data\">\n          <div class=\"point\">\n            <div class=\"point-color blue icon1\"></div>\n            <div class=\"color blue icon1\"></div>\n          </div>\n          <div class=\"value\">运行中：{{ mainData[1].used }}</div>\n          <div class=\"point\">\n            <div class=\"point-color yellow icon2\"></div>\n            <div class=\"color yellow icon2\"></div>\n          </div>\n          <div class=\"value\">已停止：{{ mainData[1].stop }}</div>\n          <div class=\"point\">\n            <div class=\"point-color white icon3\"></div>\n            <div class=\"color white icon3\"></div>\n          </div>\n          <div class=\"value\">其他：{{ mainData[1].other }}</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"data-set\">\n      <div\n        class=\"data-set-container\"\n        v-for=\"(item, index) in groupData\"\n        :key=\"index\"\n      >\n        <div class=\"data-set-img\">\n          <img :src=\"item.imgUrl\" />\n        </div>\n        <div class=\"data-set-content\">\n          <div class=\"set-name\">{{ item.name }}</div>\n          <div class=\"set-value\">{{ item.value }}%</div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"bottom-sidebar\">\n    <div class=\"bottom-container\">\n      <div class=\"bottom-section-header\">\n        <span>top物理机CPU使用率</span>\n      </div>\n      <div\n        class=\"bottom-content\"\n        v-for=\"(item, index) in CPUData\"\n        :key=\"index\"\n      >\n        <div class=\"bottom-content-name CPU-name\" :title=\"item.name\">\n          {{ item.name }}\n        </div>\n        <div class=\"bottom-content-rate CPU-rate\">\n          <div class=\"block CPU-block\"></div>\n        </div>\n        <div class=\"bottom-content-value CPU-value\">{{ item.value }}%</div>\n      </div>\n    </div>\n    <div class=\"bottom-container\">\n      <div class=\"bottom-section-header\">\n        <span>top云主机CPU使用率</span>\n      </div>\n      <div\n        class=\"bottom-content\"\n        v-for=\"(item, index) in CloudCPUData\"\n        :key=\"index\"\n      >\n        <div class=\"bottom-content-name CloudCPU-name\" :title=\"item.name\">\n          {{ item.name }}\n        </div>\n        <div class=\"bottom-content-rate CloudCPU-rate\">\n          <div class=\"block CloudCPU-block\"></div>\n        </div>\n        <div class=\"bottom-content-value CloudCPU-value\">\n          {{ item.value }}%\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"right-sidebar\">\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>云主机CPU使用率</span>\n      </div>\n      <div\n        v-if=\"\n          !CloudCPUChartDataResource.length && !loading.CloudCPUChartResource\n        \"\n        class=\"section-content\"\n      >\n        <el-empty\n          description=\"暂无数据\"\n          :image-size=\"100\"\n          :image=\"require('@/assets/img/bigScreen/empty1.png')\"\n        ></el-empty>\n      </div>\n      <div\n        class=\"section-content\"\n        id=\"CloudCPU-chart-resource\"\n        v-loading=\"loading.CloudCPUChartResource\"\n        :element-loading-background=\"loadingColor\"\n      ></div>\n    </div>\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>云主机内存负载</span>\n      </div>\n      <div\n        v-if=\"\n          !CloudMemoryChartDataResource.length &&\n          !loading.CloudMemoryChartResource\n        \"\n        class=\"section-content\"\n      >\n        <el-empty\n          description=\"暂无数据\"\n          :image-size=\"100\"\n          :image=\"require('@/assets/img/bigScreen/empty1.png')\"\n        ></el-empty>\n      </div>\n      <div\n        class=\"section-content\"\n        id=\"CloudMemory-chart-resource\"\n        v-loading=\"loading.CloudMemoryChartResource\"\n        :element-loading-background=\"loadingColor\"\n      ></div>\n    </div>\n    <div class=\"sidebar-container\">\n      <div class=\"section-header\">\n        <span>网络吞吐量</span>\n      </div>\n      <div\n        v-if=\"\n          !NetworkChartDataResource.length && !loading.NetworkChartResource\n        \"\n        class=\"section-content\"\n      >\n        <el-empty\n          description=\"暂无数据\"\n          :image-size=\"100\"\n          :image=\"require('@/assets/img/bigScreen/empty1.png')\"\n        ></el-empty>\n      </div>\n      <div\n        class=\"section-content\"\n        id=\"Network-chart-resource\"\n        v-loading=\"loading.NetworkChartResource\"\n        :element-loading-background=\"loadingColor\"\n      ></div>\n    </div>\n  </div>\n</div>\n",null]}