|
@@ -65,6 +65,22 @@
|
|
|
{{data[0].property || '--'}}
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
+ <el-col class="data">
|
|
|
+ <el-col class="title" :span="8">
|
|
|
+ 处理状态:
|
|
|
+ </el-col>
|
|
|
+ <el-col class="content" :span="16">
|
|
|
+ <span :class="data[0].clzt == '0' ? 'color3' : data[0].clzt == '1' ? 'color4' : 'color2'">{{data[0].clzt == '0' ? "未处理" : data[0].clzt == '1' ? "已处理:通过" : data[0].clzt == '2' ? "已处理:未通过" : "--"}}</span>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ <el-col class="data">
|
|
|
+ <el-col class="title" :span="8">
|
|
|
+ 处置时间:
|
|
|
+ </el-col>
|
|
|
+ <el-col class="content" :span="16">
|
|
|
+ {{data[0].czTime || '--'}}
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</template>
|
|
@@ -101,16 +117,16 @@ export default {
|
|
|
@import '@/assets/styles/common.scss';
|
|
|
.commonWidth{
|
|
|
width:950px;
|
|
|
- height:680px;
|
|
|
+ height:760px;
|
|
|
background-color: rgba(40,40,40,0.5);
|
|
|
- margin:0 auto;
|
|
|
+ margin:0 auto;
|
|
|
border-radius: 20px;
|
|
|
padding:20px;
|
|
|
color:$white;
|
|
|
.top{
|
|
|
.title{
|
|
|
width:100%;
|
|
|
- margin-top:-2px;
|
|
|
+ margin-top:-2px;
|
|
|
margin-left:16px;
|
|
|
display: inline-block;
|
|
|
font-size:30px;
|
|
@@ -124,7 +140,7 @@ export default {
|
|
|
width:100%;
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
.contain{
|
|
|
.data{
|
|
|
margin-top:30px;
|
|
@@ -139,7 +155,7 @@ export default {
|
|
|
.data:nth-child(1){
|
|
|
margin-top:80px;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -147,6 +163,20 @@ export default {
|
|
|
|
|
|
</style>
|
|
|
<style >
|
|
|
-/* 表格内背景颜色 */
|
|
|
+.color1 {
|
|
|
+ color: #6F99FA!important;
|
|
|
+}
|
|
|
+
|
|
|
+.color2 {
|
|
|
+ color: #DE8C54!important
|
|
|
+}
|
|
|
|
|
|
-</style>
|
|
|
+.color3 {
|
|
|
+ color: #FF5801!important
|
|
|
+}
|
|
|
+
|
|
|
+.color4 {
|
|
|
+ color: #37FF01!important
|
|
|
+}
|
|
|
+
|
|
|
+</style>
|