|
|
@@ -23,7 +23,23 @@
|
|
|
</div>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
- <el-col :span="12" class="bg1-2"></el-col>
|
|
|
+ <el-col :span="12" class="bg1-2">
|
|
|
+ <el-row :span="24" class="bg1-2-1">
|
|
|
+ <div class="box-company-title">
|
|
|
+ <div class="company-title"></div>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ <el-row :span="24" class="bg1-2-2">
|
|
|
+ <div class="box-custom-number">
|
|
|
+ <div class="custom-number"></div>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ <el-row :span="24" class="bg1-2-3">
|
|
|
+ <div class="box-contract-number">
|
|
|
+ <div class="contract-number"></div>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
<el-col :span="6" class="bg1-3"></el-col>
|
|
|
</el-row>
|
|
|
<el-row :span="24" class="sample-bg1">
|
|
|
@@ -55,22 +71,22 @@ body,
|
|
|
}
|
|
|
|
|
|
.sample-bg {
|
|
|
- background-color: green;
|
|
|
- height: 50%;
|
|
|
+ /* background-color: green; */
|
|
|
+ height: 60%;
|
|
|
}
|
|
|
|
|
|
.sample-bg1 {
|
|
|
background-color: blueviolet;
|
|
|
- height: 50%;
|
|
|
+ height: 40%;
|
|
|
}
|
|
|
|
|
|
.bg1-1 {
|
|
|
- background-color: yellow;
|
|
|
+ /* background-color: yellow; */
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.bg1-2 {
|
|
|
- background-color: orange;
|
|
|
+ /* background-color: orange; */
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
@@ -92,7 +108,7 @@ body,
|
|
|
.bg1-1-1 {
|
|
|
height: 25%;
|
|
|
padding: 10px;
|
|
|
- border: 1px solid black;
|
|
|
+ border: 1px solid black;
|
|
|
}
|
|
|
|
|
|
.bg1-1-2 {
|
|
|
@@ -157,5 +173,24 @@ body,
|
|
|
display: flex;
|
|
|
}
|
|
|
|
|
|
+/*中间通知区域*/
|
|
|
+
|
|
|
+.bg1-2-1 {
|
|
|
+ height: 15%;
|
|
|
+ padding: 10px;
|
|
|
+ border: 1px solid black;
|
|
|
+}
|
|
|
+
|
|
|
+.bg1-2-2 {
|
|
|
+ height: 25%;
|
|
|
+ padding: 10px;
|
|
|
+ border: 1px solid black;
|
|
|
+}
|
|
|
+
|
|
|
+.bg1-2-3 {
|
|
|
+ height: 60%;
|
|
|
+ padding: 10px;
|
|
|
+ border: 1px solid black;
|
|
|
+}
|
|
|
</style>
|
|
|
|
