|
@@ -5,26 +5,30 @@
|
|
|
<h4>{{item.smsxtname}}</h4>
|
|
|
<div class="equipment-list">
|
|
|
<div @click="navToInnerPage(item, equip)" class="equipment-item" v-for="equip in item.assetTypeList" >
|
|
|
- <h5>{{equip.category_name}}</h5>
|
|
|
+ <div class="equip-name">
|
|
|
+ <h5>{{equip.category_name}}</h5>
|
|
|
+ <div class="exception-number" v-if="equip.is_exception_num">{{equip.is_exception_num}}</div>
|
|
|
+ </div>
|
|
|
+ <div></div>
|
|
|
<section>
|
|
|
<div class="equip-statis"><span class="equip-number">{{equip.asset_num}}</span><span class="equip-unit">台</span></div>
|
|
|
- <div class="expired-number" v-if="equip.is_exception_num">异常:{{equip.is_exception_num}}</div>
|
|
|
+ <div><em v-if="false">维保中</em></div>
|
|
|
</section>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="alert-list">
|
|
|
+ <div v-if="item.rptGlsmsStatisticsList && item.rptGlsmsStatisticsList.length" class="alert-list" @click="navToGanttPage(item, equip)">
|
|
|
<div class="alert-item" v-for="(option , index) in item.rptGlsmsStatisticsList" :key="index" >
|
|
|
<img v-if="option.level" :src="srcList[option.type][option.level]">
|
|
|
<div class="content">
|
|
|
<p class="line">
|
|
|
- <span >{{option.type === 1 ? '维保': option.type === 0 ? '专维' : '第三方视图' }}</span>
|
|
|
+ <span >{{option.type === 1 ? '维保': option.type === 0 ? '专维' : '第三方检测' }}</span>
|
|
|
<span><em :style="{color:item.level == 1? '#646C73': item.level == 2 ? '#E07A04 ' :'#C13830'}">{{option.unfinished}}</em>/<em>{{option.total}}</em></span>
|
|
|
</p>
|
|
|
<p class="desc">当月未完成/总任务</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="!item.rptGlsmsStatisticsList || !item.rptGlsmsStatisticsList.length" class="empty-content">暂无数据</div>
|
|
|
+ <div v-else class="empty-content">暂无数据</div>
|
|
|
</div>
|
|
|
</section>
|
|
|
<section class="homepage-nav-list">
|
|
@@ -56,14 +60,14 @@
|
|
|
<div class="table">
|
|
|
<div class="row table-header">
|
|
|
<article>日期</article>
|
|
|
- <article>政府部门</article>
|
|
|
- <article>记录事项</article>
|
|
|
+ <article>事项类型</article>
|
|
|
+ <article>更新内容</article>
|
|
|
</div>
|
|
|
<div class="table-body">
|
|
|
<div class="row" v-for="(item , index) in changeList" :key="index">
|
|
|
<article>{{item.changedate}}</article>
|
|
|
<article>{{item.type}}</article>
|
|
|
- <article>{{item.content}}</article>
|
|
|
+ <article>{{item.content || '--'}}</article>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -106,11 +110,17 @@ export default {
|
|
|
this.getInstructionList()
|
|
|
},
|
|
|
methods:{
|
|
|
+ /**
|
|
|
+ * 点击跳转进入综合事项管理页面
|
|
|
+ */
|
|
|
navToFocusItem () {
|
|
|
- this.$router.push({path:""})
|
|
|
+ this.$router.push({path:"./调"})
|
|
|
},
|
|
|
+ /**
|
|
|
+ * 点击跳转进入 分析|报表 说明书更新记录页面
|
|
|
+ */
|
|
|
navToIntroduce () {
|
|
|
- this.$router.push({path:""})
|
|
|
+ this.$router.push({path:"./analysis", query:{homepageKey:2}})
|
|
|
},
|
|
|
itemStyle (option) {
|
|
|
let num = 0
|
|
@@ -131,6 +141,12 @@ export default {
|
|
|
navToInnerPage (item, equip) {
|
|
|
this.$router.push({path:"./analysis", query:{smsxt:item.smsxt, equipId: equip.id}})
|
|
|
},
|
|
|
+ /**
|
|
|
+ * 跳转到甘特图详情页
|
|
|
+ */
|
|
|
+ navToGanttPage (item, equip) {
|
|
|
+ this.$router.push({path:"./analysis", query:{smsxt:item.smsxt}})
|
|
|
+ },
|
|
|
//TODO plazaId目前是写死的 后期需要更换成用户对应的ID
|
|
|
testAjax () {
|
|
|
let params = {
|
|
@@ -142,6 +158,7 @@ export default {
|
|
|
if (res.result == 'success') {
|
|
|
let result = res.data
|
|
|
if (result && Array.isArray(result)) {
|
|
|
+ result[0].is_exception_num = 12
|
|
|
this.cardsList = result
|
|
|
}
|
|
|
}
|
|
@@ -169,9 +186,9 @@ export default {
|
|
|
} else if( item.objtype === 1) {
|
|
|
item.type = "维保"
|
|
|
} else if( item.objtype === 2) {
|
|
|
- item.type = "第三方视图"
|
|
|
+ item.type = "第三方检测"
|
|
|
} else {
|
|
|
- item.type = "综合事项"
|
|
|
+ item.type = "重点关注"
|
|
|
}
|
|
|
})
|
|
|
|
|
@@ -234,7 +251,6 @@ export default {
|
|
|
background: #fff;
|
|
|
box-shadow: 0 2px 10px 0 rgba(31, 36, 41, 0.06);
|
|
|
h4 {
|
|
|
- margin-bottom: 0.8rem;
|
|
|
color: rgba(31, 36, 41, 1);
|
|
|
padding:1rem;
|
|
|
font-size: 1.6rem;
|
|
@@ -243,15 +259,41 @@ export default {
|
|
|
.equipment-list{
|
|
|
display: flex;
|
|
|
padding-bottom: 2rem;
|
|
|
+ margin-bottom: 0.8rem;
|
|
|
padding:1rem;
|
|
|
+ padding-top: 0;
|
|
|
.equipment-item{
|
|
|
width: 33.33%;
|
|
|
+ padding: 0.6rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 4px;
|
|
|
cursor: pointer;
|
|
|
- h5{
|
|
|
- color: #1F2429;
|
|
|
- font-size: 1.4rem;
|
|
|
- // font-weight: bold;
|
|
|
- margin-bottom: 1.2rem;
|
|
|
+ .equip-name{
|
|
|
+ position: relative;
|
|
|
+ display: inline-block;
|
|
|
+ h5{
|
|
|
+ position: relative;
|
|
|
+ color: #1F2429;
|
|
|
+ font-size: 1.4rem;
|
|
|
+ em{
|
|
|
+ margin-left: 1rem;
|
|
|
+ color: #E19E51;
|
|
|
+ font-size: 1.2rem;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .exception-number{
|
|
|
+ position: absolute;
|
|
|
+ right: -20px;
|
|
|
+ top:-5px;
|
|
|
+ height: 1.6rem;
|
|
|
+ border-radius: 8rem;
|
|
|
+ padding: 0.2rem 0.4rem;
|
|
|
+ line-height: 1.2rem;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 1.2rem;
|
|
|
+ color: #F54E45;
|
|
|
+ background: #FFE0DF;
|
|
|
+ }
|
|
|
}
|
|
|
section{
|
|
|
display: flex;
|
|
@@ -268,18 +310,11 @@ export default {
|
|
|
font-size: 1.2rem;
|
|
|
}
|
|
|
}
|
|
|
- .expired-number{
|
|
|
- width: 7.2rem;
|
|
|
- height: 2rem;
|
|
|
- margin-left: 3rem;
|
|
|
- text-align: center;
|
|
|
- line-height: 2rem;
|
|
|
- font-size: 1.2rem;
|
|
|
- color: #C13830;
|
|
|
- background: #FFE7E6;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
+ .equipment-item:hover{
|
|
|
+ background: #f5f6f7;
|
|
|
+ }
|
|
|
}
|
|
|
.alert-list{
|
|
|
display: flex;
|
|
@@ -289,7 +324,7 @@ export default {
|
|
|
border-top: 1px solid #F5F6F7;
|
|
|
border-radius: 4px;
|
|
|
cursor: pointer;
|
|
|
- padding: 14px;
|
|
|
+ padding:2.2rem 1.4rem;
|
|
|
&:hover{
|
|
|
background: #F5F6F7;
|
|
|
}
|
|
@@ -334,6 +369,10 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.empty-content{
|
|
|
+ height: 9rem;
|
|
|
+ line-height: 9rem;
|
|
|
+ border-top: 1px solid #F5F6F7;
|
|
|
+
|
|
|
text-align: center;
|
|
|
color: #8D9399;
|
|
|
}
|