|
|
@@ -10,17 +10,16 @@
|
|
|
</van-row>
|
|
|
<div v-for="item in list.coreMonitoringTaskMonitorInfoList" :key="item.id">
|
|
|
<van-row>
|
|
|
- <van-col class="vancol" span="10">{{ item.project | proJectListFilter(this_) }}</van-col>
|
|
|
- <van-col class="vancol" span="14"
|
|
|
- ><span :style="{ color: item.situation == 1 ? '#12b533' : '#12b533' }">{{
|
|
|
+ <van-col :class="item.situation == 1 ? 'vancol borderClsyc' : 'vancol borderCls' " span="10">{{ item.project | proJectListFilter(this_) }}</van-col>
|
|
|
+ <van-col :class="item.situation == 1 ? 'vancol borderClsyc' : 'vancol borderCls' " span="14" ><span :style="{ color: item.situation == 1 ? '#12b533' : '#12b533' }">{{
|
|
|
item.situation | dictFilter(this_)
|
|
|
}}</span></van-col
|
|
|
>
|
|
|
</van-row>
|
|
|
<van-row v-if="item.situation == 1">
|
|
|
|
|
|
- <van-col class="abnorText" span="10">异常情况描述:</van-col>
|
|
|
- <van-col class="abnorText" span="14">{{ item.abnormalIllustrate }}</van-col>
|
|
|
+ <van-col class="abnorText borderyc" span="10">异常情况描述:</van-col>
|
|
|
+ <van-col class="abnorText borderyc yctext" span="14">{{ item.abnormalIllustrate }}</van-col>
|
|
|
</van-row>
|
|
|
|
|
|
</div>
|
|
|
@@ -121,7 +120,7 @@ export default {
|
|
|
}
|
|
|
.van-row {
|
|
|
|
|
|
- padding-left: 10px;
|
|
|
+ // padding-left: 10px;
|
|
|
}
|
|
|
|
|
|
.List {
|
|
|
@@ -139,14 +138,44 @@ export default {
|
|
|
height: 100%;
|
|
|
|
|
|
line-height: 60px;
|
|
|
-
|
|
|
- padding-left: 10px;
|
|
|
+
|
|
|
+ padding-left: 20px;
|
|
|
+}
|
|
|
+.borderCls{
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
+}
|
|
|
+.borderClsyc{
|
|
|
+
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+
|
|
|
+
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
+}
|
|
|
+.borderyc{
|
|
|
+ font-size: 20px;
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+
|
|
|
+
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+}
|
|
|
+.yctext{
|
|
|
+
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
.abnorText{
|
|
|
// font-size: 20px;
|
|
|
- color: #aeaeae;
|
|
|
+ color: #ff0202;
|
|
|
padding-left: 10px;
|
|
|
word-wrap:break-word;
|
|
|
+ padding-left: 10px;
|
|
|
}
|
|
|
.img {
|
|
|
width: 50px;
|