|
@@ -164,46 +164,6 @@
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</el-card>
|
|
</el-card>
|
|
-
|
|
|
|
- <el-row :gutter="20" class="charts-section">
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-card shadow="never">
|
|
|
|
- <div slot="header" class="chart-header">
|
|
|
|
- <span>本月订单数</span>
|
|
|
|
- <div class="legend">
|
|
|
|
- <div class="legend-item">
|
|
|
|
- <span class="dot viewer-dot"></span>
|
|
|
|
- <span>订单数</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="legend-item">
|
|
|
|
- <span class="dot complete-dot"></span>
|
|
|
|
- <span>订单金额</span>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div ref="viewerOrderChart" class="chart-container"></div>
|
|
|
|
- </el-card>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-card shadow="never">
|
|
|
|
- <div slot="header" class="chart-header">
|
|
|
|
- <span>本月收款数</span>
|
|
|
|
- <div class="legend">
|
|
|
|
- <div class="legend-item">
|
|
|
|
- <span class="dot viewer-dot"></span>
|
|
|
|
- <span>收款数</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="legend-item">
|
|
|
|
- <span class="dot complete-dot"></span>
|
|
|
|
- <span>收款金额</span>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div ref="viewerReceiveChart" class="chart-container"></div>
|
|
|
|
- </el-card>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- <br/>
|
|
|
|
<!-- 分析概览 (Analysis Overview) -->
|
|
<!-- 分析概览 (Analysis Overview) -->
|
|
<div class="analysis-section" shadow="never">
|
|
<div class="analysis-section" shadow="never">
|
|
<div slot="header" class="header">
|
|
<div slot="header" class="header">
|
|
@@ -455,6 +415,46 @@
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
</transition>
|
|
</transition>
|
|
|
|
+
|
|
|
|
+ <el-row :gutter="20" class="charts-section">
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-card shadow="never">
|
|
|
|
+ <div slot="header" class="chart-header">
|
|
|
|
+ <span>本月订单数</span>
|
|
|
|
+ <div class="legend">
|
|
|
|
+ <div class="legend-item">
|
|
|
|
+ <span class="dot viewer-dot"></span>
|
|
|
|
+ <span>订单数</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="legend-item">
|
|
|
|
+ <span class="dot complete-dot"></span>
|
|
|
|
+ <span>订单金额</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div ref="viewerOrderChart" class="chart-container"></div>
|
|
|
|
+ </el-card>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-card shadow="never">
|
|
|
|
+ <div slot="header" class="chart-header">
|
|
|
|
+ <span>本月收款数</span>
|
|
|
|
+ <div class="legend">
|
|
|
|
+ <div class="legend-item">
|
|
|
|
+ <span class="dot viewer-dot"></span>
|
|
|
|
+ <span>收款数</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="legend-item">
|
|
|
|
+ <span class="dot complete-dot"></span>
|
|
|
|
+ <span>收款金额</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div ref="viewerReceiveChart" class="chart-container"></div>
|
|
|
|
+ </el-card>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <br/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -1444,7 +1444,7 @@ export default {
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
padding: 15px;
|
|
padding: 15px;
|
|
- height: 100px;
|
|
|
|
|
|
+ height: 120px;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
position: relative;
|
|
position: relative;
|