|
|
@ -4,12 +4,14 @@
|
|
|
|
<dv-loading v-if="loading">Loading...</dv-loading>
|
|
|
|
<dv-loading v-if="loading">Loading...</dv-loading>
|
|
|
|
<div v-else class="host-body">
|
|
|
|
<div v-else class="host-body">
|
|
|
|
<!-- 头标-->
|
|
|
|
<!-- 头标-->
|
|
|
|
<div class="d-flex jc-center">
|
|
|
|
<div class="d-flex bg-header">
|
|
|
|
|
|
|
|
<div style="margin: 90px 30px;">{{ dateYear }} {{ dateWeek }} {{ dateDay }}</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <div class="d-flex jc-center">
|
|
|
|
<dv-decoration-10 class="dv-dec-10" />
|
|
|
|
<dv-decoration-10 class="dv-dec-10" />
|
|
|
|
<div class="d-flex jc-center">
|
|
|
|
<div class="d-flex jc-center">
|
|
|
|
<dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
|
|
|
|
<dv-decoration-8 class="dv-dec-8" :color="decorationColor" />
|
|
|
|
<div class="title">
|
|
|
|
<div class="title">
|
|
|
|
<!-- <span class="title-text">订单/设备综合信息看板</span> -->
|
|
|
|
|
|
|
|
<span class="title-text">生产智能化管理平台</span>
|
|
|
|
<span class="title-text">生产智能化管理平台</span>
|
|
|
|
<dv-decoration-6
|
|
|
|
<dv-decoration-6
|
|
|
|
class="dv-dec-6"
|
|
|
|
class="dv-dec-6"
|
|
|
@ -24,17 +26,15 @@
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<dv-decoration-10 class="dv-dec-10-s" />
|
|
|
|
<dv-decoration-10 class="dv-dec-10-s" />
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 第二行 -->
|
|
|
|
<!-- 第二行 -->
|
|
|
|
<div class="d-flex jc-between px-2">
|
|
|
|
<!-- <div class="d-flex jc-between px-2">
|
|
|
|
<div class="d-flex aside-width">
|
|
|
|
<div class="d-flex aside-width">
|
|
|
|
<div class="react-left ml-4 react-l-s">
|
|
|
|
<div class="react-left ml-4 react-l-s">
|
|
|
|
<span class="react-left" />
|
|
|
|
<span class="react-left" />
|
|
|
|
<!-- <span class="text">数据分析1</span>-->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="react-left ml-3">
|
|
|
|
<div class="react-left ml-3">
|
|
|
|
<!-- <span class="text">数据分析2</span>-->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="d-flex aside-width">
|
|
|
|
<div class="d-flex aside-width">
|
|
|
@ -48,7 +48,7 @@
|
|
|
|
>{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
|
|
|
|
>{{ dateYear }} {{ dateWeek }} {{ dateDay }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div> -->
|
|
|
|
|
|
|
|
|
|
|
|
<div class="body-box">
|
|
|
|
<div class="body-box">
|
|
|
|
<!-- 第三行数据 -->
|
|
|
|
<!-- 第三行数据 -->
|
|
|
@ -58,7 +58,8 @@
|
|
|
|
<!--左边数据显示1-->
|
|
|
|
<!--左边数据显示1-->
|
|
|
|
<div class="left-box-one">
|
|
|
|
<div class="left-box-one">
|
|
|
|
<dv-border-box-12>
|
|
|
|
<dv-border-box-12>
|
|
|
|
//<centerRight1 />
|
|
|
|
//
|
|
|
|
|
|
|
|
<centerRight1 />
|
|
|
|
</dv-border-box-12>
|
|
|
|
</dv-border-box-12>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--左边数据显示2 动态月订单信息数据-->
|
|
|
|
<!--左边数据显示2 动态月订单信息数据-->
|
|
|
@ -146,6 +147,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
@import "../assets/scss/index.scss";
|
|
|
|
@import "../assets/scss/index.scss";
|
|
|
|
|
|
|
|
|
|
|
|
.bototm-box {
|
|
|
|
.bototm-box {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|