更新配瓦规则

jiang

2024-01-24 2df134deae4601dd7182c1b95a6663ce03785854

 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  :span="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  :span="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  :span="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 :span="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  :span="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  :span="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;
@@ -124,13 +123,14 @@

.panel-group {

  width: 1272px;
  margin-left: 20px;
  width: 1442px;
  .card-panel-col {
    margin-bottom: 32px;
  }

    margin-bottom: 15px;
  }
  .card-panel {
    margin-left: -13px;
    width: 220px;
    height: 108px;
    cursor: pointer;
    font-size: 12px;
@@ -181,7 +181,7 @@

    .card-panel-icon-wrapper {
      float: left;
      margin: 14px 0 0 14px;
      margin: 14px 0 0 10px;
      padding: 16px;
      transition: all 0.38s ease-out;
      border-radius: 6px;
@@ -195,9 +195,9 @@
    .card-panel-description {
      float: right;
      font-weight: bold;
      margin: 26px;
      margin-left: 0px;
      padding: 20px 20px;
      margin: 15px 30px 0 0;
      //margin-left: 0px;
      padding: 15px 15px;

      .card-panel-text {
        line-height: 14px;