修改-主页

hdy

2024-01-23 84b3331ec60367869a3546aff2df2e0ec4462ab1

修改-主页

 jcdm-ui/src/views/dashboard/PanelGroup.vue

@@ -1,11 +1,11 @@
<template>
  <el-row :gutter="40" class="panel-group">
    <el-card class="bottom-card">

    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span class="top2">单日累计产量</span>
      </div>

    <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
      <el-row :gutter="40" class="panel-group">
    <el-col  :lg="4" class="card-panel-col">
      <div class="card-panel" @click="handleSetLineChartData('newVisitis')">
        <div class="card-panel-icon-wrapper icon-people">
          <svg-icon icon-class="peoples" class-name="card-panel-icon" />
@@ -18,7 +18,7 @@
        </div>
      </div>
    </el-col>
    <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
    <el-col  :lg="4" class="card-panel-col">
      <div class="card-panel" @click="handleSetLineChartData('messages')">
        <div class="card-panel-icon-wrapper icon-message">
          <svg-icon icon-class="message" class-name="card-panel-icon" />
@@ -31,7 +31,7 @@
        </div>
      </div>
    </el-col>
    <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
    <el-col  :lg="4" class="card-panel-col">
      <div class="card-panel" @click="handleSetLineChartData('purchases')">
        <div class="card-panel-icon-wrapper icon-money">
          <svg-icon icon-class="money" class-name="card-panel-icon" />
@@ -44,7 +44,7 @@
        </div>
      </div>
    </el-col>
    <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
    <el-col :lg="4" class="card-panel-col">
      <div class="card-panel" @click="handleSetLineChartData('shoppings')">
        <div class="card-panel-icon-wrapper icon-shopping">
          <svg-icon icon-class="shopping" class-name="card-panel-icon" />
@@ -58,7 +58,7 @@
      </div>
    </el-col>

    <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
    <el-col  :lg="4" class="card-panel-col">
      <div class="card-panel" @click="handleSetLineChartData('shoppings')">
        <div class="card-panel-icon-wrapper icon-shopping">
          <svg-icon icon-class="shopping" class-name="card-panel-icon" />
@@ -71,8 +71,7 @@
        </div>
      </div>
    </el-col>

    <el-col :xs="12" :sm="12" :lg="4" class="card-panel-col">
    <el-col  :lg="4" class="card-panel-col">
      <div class="card-panel" @click="handleSetLineChartData('shoppings')">
        <div class="card-panel-icon-wrapper icon-shopping">
          <svg-icon icon-class="shopping" class-name="card-panel-icon" />
@@ -85,9 +84,9 @@
        </div>
      </div>
    </el-col>

      </el-row>
    </el-card>
  </el-row>


</template>

@@ -107,14 +106,14 @@
</script>

<style lang="scss" scoped>
.bottom-card{
  padding: 15px 20px 20px 20px;
  height: auto;
  width: 1272px;
  margin-left: 20px;
  justify-content: center;
  column-width: max-content;
}
//.bottom-card{
//  padding: 15px 20px 20px 20px;
//  height: auto;
//  width: 1272px;
//  margin-left: 20px;
//  justify-content: center;
//  column-width: max-content;
//}

.top2{
  font-size: 18px;

 jcdm-ui/src/views/index.vue

@@ -2,7 +2,7 @@
  <div class="dashboard-editor-container">

    <panel-group @handleSetLineChartData="handleSetLineChartData" />

    <el-row style="margin-top: 12px" >
    <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;">
      <el-col :xs="24" :sm="12">
        <el-card>
@@ -17,7 +17,7 @@

      </el-col>
    </el-row>

    </el-row>
  </div>
</template>