布局任务清单

This commit is contained in:
qq787203167
2022-05-05 18:53:31 +08:00
parent 6691c4cf88
commit 7377e8ec27
@@ -51,38 +51,30 @@
:columns="columns"
>
<div slot="standardInformation" slot-scope="text,result" class="box-left">
<div class="content">
<a class="box-content">GB-7258-2017</a><br/>
<a>及东盟火车大师傅但是</a>
</div>
<a class="box-content">GB-7258-2017</a><br/>
<a>及东盟火车大师傅但是</a>
</div>
<div slot="areaOfResponsibility" slot-scope="text,result" class="box-left">
<div class="content">
<span class="box-content">1212sdfdsf</span><br/>
<span>责任领土</span>
</div>
<span class="box-content">1212sdfdsf</span><br/>
<span>责任领土</span>
</div>
<div slot="confirmationOfDesignConformity" slot-scope="text,result" class="box-left">
<div class="content">
<span class="box-content">截止时间: 2022-06-01</span><br/>
<span class="box-content">流程状态: 待审核</span><br/>
<span class="box-content-color">待追踪</span>
<span class="box-content">截止时间: 2022-06-01</span><br/>
<span class="box-content">流程状态: 待审核</span><br/>
<span class="box-content-color">待追踪</span>
<div class="content-box">
<div class="content-box-jiao"></div>
</div>
</div>
<div slot="PrehomoConfirmation" slot-scope="text,result" class="box-left">
<div class="content">
<span class="box-content">截止时间: 2022-06-01</span><br/>
<span class="box-content">流程状态: 待审核</span><br/>
<span class="box-content-color">待追踪</span>
</div>
<span class="box-content">截止时间: 2022-06-01</span><br/>
<span class="box-content">流程状态: 待审核</span><br/>
<span class="box-content-color">待追踪</span>
</div>
<div slot="verificationAndConformityconfirmation" slot-scope="text,result" class="box-left">
<div class="content">
<span class="box-content">截止时间: 2022-06-01</span><br/>
<span class="box-content">流程状态: 待审核</span><br/>
<span class="box-content-color">待追踪</span>
</div>
<span class="box-content">截止时间: 2022-06-01</span><br/>
<span class="box-content">流程状态: 待审核</span><br/>
<span class="box-content-color">待追踪</span>
</div>
<div slot="CertificationProgress" slot-scope="text,result">
<span class="box-content-color">
@@ -247,21 +239,31 @@
}
.box-left {
float: left;
position: relative;
left: 50%
}
.content {
float: left;
position: relative;
left: -50%;
text-align: left;
.content-box {
position: absolute;
width: calc(100% + 32px);
height: calc(100% + 32px);
top: -16px;
left: -16px;
border: 1px seagreen solid;
}
.content-box-jiao {
position: absolute;
right: 0;
width: 0;
height: 0;
border-right: 30px solid red;
border-bottom: 30px solid transparent
}
.box-content {
margin-bottom: 8px;
display: inline-block;
text-align: left;
}
.box-content-color {