|
@@ -12,8 +12,8 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ totalData.all }}</span>
|
|
|
- <span class="card-content-text">全部</span>
|
|
|
+ <span class="card-content-num" :class="!activeName?'selected':''">{{ totalData.all }}</span>
|
|
|
+ <span class="card-content-text" :class="!activeName?'selected':''">全部</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -26,8 +26,8 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ totalData.last }}</span>
|
|
|
- <span class="card-content-text">未提交</span>
|
|
|
+ <span class="card-content-num" :class="activeName === '999'?'selected':''">{{ totalData.last }}</span>
|
|
|
+ <span class="card-content-text" :class="activeName === '999'?'selected':''">未提交</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -40,8 +40,8 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ totalData.zero }}</span>
|
|
|
- <span class="card-content-text">未调度</span>
|
|
|
+ <span class="card-content-num" :class="activeName === '0'?'selected':''">{{ totalData.zero }}</span>
|
|
|
+ <span class="card-content-text" :class="activeName === '0'?'selected':''">未调度</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -54,8 +54,8 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ totalData.one }}</span>
|
|
|
- <span class="card-content-text">未派车</span>
|
|
|
+ <span class="card-content-num" :class="activeName === '1'?'selected':''">{{ totalData.one }}</span>
|
|
|
+ <span class="card-content-text" :class="activeName === '1'?'selected':''">未派车</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -68,8 +68,8 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ totalData.two }}</span>
|
|
|
- <span class="card-content-text">未受理</span>
|
|
|
+ <span class="card-content-num" :class="activeName === '2'?'selected':''">{{ totalData.two }}</span>
|
|
|
+ <span class="card-content-text" :class="activeName === '2'?'selected':''">未受理</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -82,8 +82,8 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ totalData.three }}</span>
|
|
|
- <span class="card-content-text">未完工</span>
|
|
|
+ <span class="card-content-num" :class="activeName === '3'?'selected':''">{{ totalData.three }}</span>
|
|
|
+ <span class="card-content-text" :class="activeName === '3'?'selected':''">未完工</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -96,8 +96,8 @@
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="card-content">
|
|
|
- <span class="card-content-num">{{ totalData.four }}</span>
|
|
|
- <span class="card-content-text">工单关闭</span>
|
|
|
+ <span class="card-content-num" :class="activeName === '4'?'selected':''">{{ totalData.four }}</span>
|
|
|
+ <span class="card-content-text" :class="activeName === '4'?'selected':''">工单关闭</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -544,6 +544,9 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.selected{
|
|
|
+ color: #1e9fff !important;
|
|
|
+}
|
|
|
.home-container {
|
|
|
padding: 0px 5px 5px 5px;
|
|
|
box-sizing: border-box;
|
|
@@ -666,7 +669,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
&-title7 {
|
|
|
- color: rgba(255, 98, 14, 0.63);
|
|
|
+ color: rgba(231, 90, 15, 0.63);
|
|
|
background-color: rgba(220, 150, 42, 0.15);
|
|
|
}
|
|
|
|