布局任务清单
This commit is contained in:
@@ -51,39 +51,31 @@
|
|||||||
:columns="columns"
|
:columns="columns"
|
||||||
>
|
>
|
||||||
<div slot="standardInformation" slot-scope="text,result" class="box-left">
|
<div slot="standardInformation" slot-scope="text,result" class="box-left">
|
||||||
<div class="content">
|
|
||||||
<a class="box-content">GB-7258-2017</a><br/>
|
<a class="box-content">GB-7258-2017</a><br/>
|
||||||
<a>及东盟火车大师傅但是</a>
|
<a>及东盟火车大师傅但是</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
<div slot="areaOfResponsibility" slot-scope="text,result" class="box-left">
|
<div slot="areaOfResponsibility" slot-scope="text,result" class="box-left">
|
||||||
<div class="content">
|
|
||||||
<span class="box-content">1212sdfdsf</span><br/>
|
<span class="box-content">1212sdfdsf</span><br/>
|
||||||
<span>责任领土</span>
|
<span>责任领土</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div slot="confirmationOfDesignConformity" slot-scope="text,result" class="box-left">
|
<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">截止时间: 2022-06-01</span><br/>
|
||||||
<span class="box-content">流程状态: 待审核</span><br/>
|
<span class="box-content">流程状态: 待审核</span><br/>
|
||||||
<span class="box-content-color">待追踪</span>
|
<span class="box-content-color">待追踪</span>
|
||||||
|
<div class="content-box">
|
||||||
|
<div class="content-box-jiao"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div slot="PrehomoConfirmation" slot-scope="text,result" class="box-left">
|
<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">截止时间: 2022-06-01</span><br/>
|
||||||
<span class="box-content">流程状态: 待审核</span><br/>
|
<span class="box-content">流程状态: 待审核</span><br/>
|
||||||
<span class="box-content-color">待追踪</span>
|
<span class="box-content-color">待追踪</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div slot="verificationAndConformityconfirmation" slot-scope="text,result" class="box-left">
|
<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">截止时间: 2022-06-01</span><br/>
|
||||||
<span class="box-content">流程状态: 待审核</span><br/>
|
<span class="box-content">流程状态: 待审核</span><br/>
|
||||||
<span class="box-content-color">待追踪</span>
|
<span class="box-content-color">待追踪</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div slot="CertificationProgress" slot-scope="text,result">
|
<div slot="CertificationProgress" slot-scope="text,result">
|
||||||
<span class="box-content-color">
|
<span class="box-content-color">
|
||||||
实验通过
|
实验通过
|
||||||
@@ -247,21 +239,31 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.box-left {
|
.box-left {
|
||||||
float: left;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 50%
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content-box {
|
||||||
float: left;
|
position: absolute;
|
||||||
position: relative;
|
width: calc(100% + 32px);
|
||||||
left: -50%;
|
height: calc(100% + 32px);
|
||||||
text-align: left;
|
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 {
|
.box-content {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-content-color {
|
.box-content-color {
|
||||||
|
|||||||
Reference in New Issue
Block a user