|
@@ -33,31 +33,29 @@
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="progress">
|
|
<div class="progress">
|
|
- <p>基本统计</p>
|
|
|
|
|
|
+ <p class="basic-statistics">基本统计</p>
|
|
<div class="data equipment">
|
|
<div class="data equipment">
|
|
<!-- 设备:本期只做前三个 -->
|
|
<!-- 设备:本期只做前三个 -->
|
|
<span class="contain-title">设备{{}}</span>
|
|
<span class="contain-title">设备{{}}</span>
|
|
<div class="data-show">
|
|
<div class="data-show">
|
|
<div v-for="(item,index) in list" :key="index" class="show-content">
|
|
<div v-for="(item,index) in list" :key="index" class="show-content">
|
|
- <el-tooltip class="item" effect="dark" content="Bottom Center 提示文字" placement="bottom">
|
|
|
|
- <i class="el-icon-info"></i>
|
|
|
|
- <span>未关联资产</span>
|
|
|
|
- </el-tooltip>
|
|
|
|
<data-origin :id="'origin' + index" :renderData="item"></data-origin>
|
|
<data-origin :id="'origin' + index" :renderData="item"></data-origin>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="data assets">
|
|
<div class="data assets">
|
|
<span class="contain-title">资产{{}}</span>
|
|
<span class="contain-title">资产{{}}</span>
|
|
- <div>
|
|
|
|
- <fan-chart></fan-chart>
|
|
|
|
- </div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="data parts">
|
|
<div class="data parts">
|
|
<span class="contain-title">部件{{}}</span>
|
|
<span class="contain-title">部件{{}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="data business-space">
|
|
<div class="data business-space">
|
|
<span class="contain-title">业务空间{{}}</span>
|
|
<span class="contain-title">业务空间{{}}</span>
|
|
|
|
+ <div class="data-show">
|
|
|
|
+ <div v-for="(item,index) in list" :key="index" class="show-content">
|
|
|
|
+ <datafan :id="'origin' + index" :renderData="item"></datafan>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
<div class="data system">
|
|
<div class="data system">
|
|
<!-- 系统:本期只查询总数 -->
|
|
<!-- 系统:本期只查询总数 -->
|
|
@@ -75,8 +73,8 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import dataOrigin from "@/components/ledger/report/dataorigin"
|
|
import dataOrigin from "@/components/ledger/report/dataorigin"
|
|
|
|
+import datafan from "@/components/ledger/report/datafan"
|
|
import { queryDataSourceCount, synchronizeProj } from "@/fetch/point_http"
|
|
import { queryDataSourceCount, synchronizeProj } from "@/fetch/point_http"
|
|
-import fanChart from "@/components/echarts/fanChart"
|
|
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -106,7 +104,7 @@ export default {
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
dataOrigin,
|
|
dataOrigin,
|
|
- fanChart
|
|
|
|
|
|
+ datafan
|
|
},
|
|
},
|
|
mounted() { },
|
|
mounted() { },
|
|
created() {
|
|
created() {
|
|
@@ -152,41 +150,34 @@ export default {
|
|
}
|
|
}
|
|
.progress {
|
|
.progress {
|
|
width: 100%;
|
|
width: 100%;
|
|
- p {
|
|
|
|
|
|
+ .basic-statistics {
|
|
border-bottom: 1px dashed #c9c9c9;
|
|
border-bottom: 1px dashed #c9c9c9;
|
|
padding-bottom: 10px;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
.data {
|
|
.data {
|
|
- overflow: hidden;
|
|
|
|
.contain-title {
|
|
.contain-title {
|
|
- display: block;
|
|
|
|
- float: left;
|
|
|
|
height: 30px;
|
|
height: 30px;
|
|
- width: 100%;
|
|
|
|
line-height: 30px;
|
|
line-height: 30px;
|
|
border-left: 8px solid black;
|
|
border-left: 8px solid black;
|
|
|
|
+ display: inline-block;
|
|
margin: 8px 8px;
|
|
margin: 8px 8px;
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
padding-left: 8px;
|
|
padding-left: 8px;
|
|
cursor: default;
|
|
cursor: default;
|
|
}
|
|
}
|
|
- .data-show {
|
|
|
|
- width: 100%;
|
|
|
|
- display: flex;
|
|
|
|
- padding: 10px;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- flex-wrap: wrap;
|
|
|
|
- margin: 0 10px 10px 0;
|
|
|
|
- .show-content {
|
|
|
|
- width: 20%;
|
|
|
|
- background: white;
|
|
|
|
- border: 1px solid #c9c9c9;
|
|
|
|
- padding: 10px;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- margin: 0 10px 10px 0;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+.data-show {
|
|
|
|
+ width: 100%;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ .show-content {
|
|
|
|
+ background: white;
|
|
|
|
+ width: 15%;
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ border: 1px solid #c9c9c9;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|