|
|
@ -193,7 +193,30 @@ |
|
|
|
<Image /> |
|
|
|
<Excel :excelData="excelData" /> |
|
|
|
</div> |
|
|
|
<div class="bottom_operation_container"></div> |
|
|
|
<div class="bottom_operation_container ignore-height"> |
|
|
|
<div class="auto_btn"> |
|
|
|
<p class="title">[开启]自动核查</p> |
|
|
|
<div class="icon_box"> |
|
|
|
<svg |
|
|
|
xmlns="http://www.w3.org/2000/svg" |
|
|
|
xmlns:xlink="http://www.w3.org/1999/xlink" |
|
|
|
fill="none" |
|
|
|
version="1.1" |
|
|
|
width="38.99494552612305" |
|
|
|
height="52" |
|
|
|
viewBox="0 0 38.99494552612305 52" |
|
|
|
> |
|
|
|
<g> |
|
|
|
<path |
|
|
|
d="M3.57351,0C1.43895,0,0,1.35711,0,3.37574L0,48.3583C0,50.4656,1.7663,52,4.19411,52C5.35345,52,6.43096,51.6386,7.18795,50.9975L37.5083,29.9043L37.5901,29.8292C38.4971,28.9972,38.9949,27.8925,38.9949,26.7127C38.9949,25.5329,38.4971,24.4281,37.5901,23.5961L37.4469,23.4801L7.21523,1.32302C6.28775,0.518295,4.87608,0.0000010406,3.57351,0Z" |
|
|
|
fill="#FFFFFF" |
|
|
|
fill-opacity="1" |
|
|
|
/> |
|
|
|
</g> |
|
|
|
</svg> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="task_container" v-if="accountStore.activePage == 1"> |
|
|
|
<Task /> |
|
|
@ -337,7 +360,8 @@ onMounted(async () => { |
|
|
|
box-sizing: border-box; |
|
|
|
flex-direction: column; |
|
|
|
.two_content_container { |
|
|
|
flex: 1; |
|
|
|
// flex: 1; |
|
|
|
height: calc(100vh - 250px); |
|
|
|
width: 100%; |
|
|
|
display: grid; |
|
|
|
grid-template-columns: repeat(2, 1fr); |
|
|
@ -345,10 +369,47 @@ onMounted(async () => { |
|
|
|
column-gap: 30px; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.bottom_operation_container { |
|
|
|
min-height: 130px; |
|
|
|
width: 100%; |
|
|
|
height: 120px; |
|
|
|
margin-top: 30px; |
|
|
|
|
|
|
|
box-sizing: border-box; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.auto_btn { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
box-sizing: border-box; |
|
|
|
cursor: pointer; |
|
|
|
padding: 12px 28px; |
|
|
|
border-radius: 6px; |
|
|
|
background: #3662ec; |
|
|
|
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08); |
|
|
|
.title { |
|
|
|
font-size: 28px; |
|
|
|
font-weight: bold; |
|
|
|
letter-spacing: 0.07em; |
|
|
|
color: #ffffff; |
|
|
|
margin-right: 26px; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
.icon_box { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
background: #6573fb; |
|
|
|
width: 100px; |
|
|
|
height: 100px; |
|
|
|
border-radius: 6px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media screen and (max-height: 1000px) { |
|
|
|
.bottom_operation_container { |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.task_container { |
|
|
|