|
@@ -125,13 +125,25 @@
|
|
|
</div>
|
|
|
<div class="progress-box">
|
|
|
<div class="progress-list" ref="plist">
|
|
|
- <div :class="['progress-item',(index+1) >=backrecordLength?'progress-box-bottom':'' ]" :style="'width:'+item.persent" v-for="(item,index) in recordList" :key="index"></div>
|
|
|
+ <div
|
|
|
+ :class="[
|
|
|
+ 'progress-item',
|
|
|
+ index + 1 >= backrecordLength ? 'progress-box-bottom' : '',
|
|
|
+ ]"
|
|
|
+ :style="'width:' + item.persent"
|
|
|
+ v-for="(item, index) in recordList"
|
|
|
+ :key="index"
|
|
|
+ ></div>
|
|
|
</div>
|
|
|
<div class="progress-legend">
|
|
|
- <div class="legend-item" v-for="(item,index) in recordList" :key="index">
|
|
|
+ <div
|
|
|
+ class="legend-item"
|
|
|
+ v-for="(item, index) in recordList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
<span class="legend-color"></span>
|
|
|
- <span class="title">{{item.typeName}}</span>
|
|
|
- <span class="num">{{item.cnt}}条</span>
|
|
|
+ <span class="title">{{ item.typeName }}</span>
|
|
|
+ <span class="num">{{ item.cnt }}条</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -256,13 +268,13 @@ export default {
|
|
|
],
|
|
|
recordList: [
|
|
|
// 更新记录数组
|
|
|
- { cnt: 0, objtype: 4, typeName: "重要维修" ,persent:'0' },
|
|
|
- { cnt: 0, objtype: 1, typeName: "重要维保" ,persent:'0' },
|
|
|
- { cnt: 0, objtype: 5, typeName: "其他事项" ,persent:'0' },
|
|
|
- { cnt: 0, objtype: 3, typeName: "综合事项" ,persent:'0' },
|
|
|
+ { cnt: 0, objtype: 4, typeName: "重要维修", persent: "0" },
|
|
|
+ { cnt: 0, objtype: 1, typeName: "重要维保", persent: "0" },
|
|
|
+ { cnt: 0, objtype: 5, typeName: "其他事项", persent: "0" },
|
|
|
+ { cnt: 0, objtype: 3, typeName: "综合事项", persent: "0" },
|
|
|
],
|
|
|
recordTotal: 0, //更新总数
|
|
|
- backrecordLength:0, // 更新数据对应得得数量
|
|
|
+ backrecordLength: 0, // 更新数据对应得得数量
|
|
|
dataSelect: [
|
|
|
{ id: "000", name: "全部" },
|
|
|
{ id: "1003", name: "消防系统" },
|
|
@@ -312,6 +324,17 @@ export default {
|
|
|
circle.setText(total);
|
|
|
});
|
|
|
},
|
|
|
+
|
|
|
+ expandRestItems(item, index) {
|
|
|
+ this.systemList.forEach((eq) => {
|
|
|
+ if (eq.smsxt !== item.smsxt) {
|
|
|
+ eq.expand = false;
|
|
|
+ }
|
|
|
+ eq.selected = false;
|
|
|
+ });
|
|
|
+ item.selected = true;
|
|
|
+ item.expand = !item.expand;
|
|
|
+ },
|
|
|
imgSrc(code) {
|
|
|
return require("../../assets/images/icons/" + code + ".png");
|
|
|
},
|
|
@@ -341,17 +364,6 @@ export default {
|
|
|
};
|
|
|
}
|
|
|
},
|
|
|
- expandRestItems(item, index) {
|
|
|
- this.cardsList.forEach((each) => {
|
|
|
- each.forEach((eq) => {
|
|
|
- if (eq.smsxt !== item.smsxt) {
|
|
|
- eq.expand = false;
|
|
|
- }
|
|
|
- eq.selected = false;
|
|
|
- });
|
|
|
- });
|
|
|
- item.expand = !item.expand;
|
|
|
- },
|
|
|
/**
|
|
|
* @Description 获取集团 中心 区域 项目 数据树数据
|
|
|
* @method param ccode 管理分区编码 集团首页必填
|
|
@@ -462,7 +474,8 @@ export default {
|
|
|
this.recordList.forEach((recorditem) => {
|
|
|
if (obj.objtype == recorditem.objtype) {
|
|
|
recorditem.cnt = obj.cnt;
|
|
|
- recorditem.persent = Math.ceil(obj.cnt / res.data.total * 100) +'%'
|
|
|
+ recorditem.persent =
|
|
|
+ Math.ceil((obj.cnt / res.data.total) * 100) + "%";
|
|
|
}
|
|
|
});
|
|
|
});
|