vue 办公系统首页样式

clearlove7_1119

已于 2022-07-06 14:22:39 修改

阅读量915

点赞数

文章标签： vue vue.js 前端 echarts elementui

于 2022-06-29 17:23:49 首次发布

本文链接：https://blog.csdn.net/clearlove7_2018/article/details/125526081

版权

<template>
  <div class="bigbox">
    <div class="box">
      <div class="topbox">
        <div class="top">
          <div ref="material" class="w100"></div>
          <div ref="Inbound" class="w100 w550"></div>
          <div class="w100">
            <div>
              <send-orders-liss />
            </div>
          </div>
        </div>
      </div>
      <div class="centerbox">
        <div class="centertop">
          <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="销售额" name="first">销售额</el-tab-pane>
            <el-tab-pane label="访问量" name="second">访问量</el-tab-pane>
          </el-tabs>
        </div>
        <div class="center">
          <div class="leftbox">
            <div class="left" ref="sale"></div>
          </div>
          <div class="rightbox">
            <div class="right">
              <div class="righttitle" ref="aske">{
  { askename }}</div>
              <div class="rightcenter">
                <div class="salecenter" v-for="item in 10" :key="item">
                  <span>{
  { item }}</span>
                  <div class="salename">工专路{
  { item - 1 }}号店</div>
                  <div class="salenum">332,234</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import SendOrdersLiss from '../cable/SendOrdersLiss';
import * as echarts from 'echarts';
export default {
  components: {
    SendOrders