更改颜色、文字、表格

zpzgiser

2021-07-19 d7fab6b5d91a5c49d84f7d21025cb6bc16b43bdf

 src/views/securityUnitOperation/operationAnalysis.vue

@@ -6,7 +6,16 @@
          <div class="rowTitle">
            <img src="../../../public/img/bajgxt/u1618.png" />
            <span>数据概览</span>
            <el-button @click="toOperationTable">进入数据统计表</el-button>

            <el-select class="select0" v-model="value0" placeholder="请选择">
              <el-option
                v-for="item in options0"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
            <el-select class="select1" v-model="value1" placeholder="请选择">
              <el-option
                v-for="item in options1"
@@ -25,6 +34,7 @@
              >
              </el-option>
            </el-select>
            <el-button @click="toOperationTable">进入数据统计表</el-button>
          </div>

          <div class="col-content">
@@ -51,7 +61,7 @@
            <div class="box-card">
              <span>服务客户</span>
              <span>56</span>
              <span>较上月增加34人</span>
              <span>较上月增加34家</span>
            </div>
            <div class="box-card">
              <span>缴纳社保</span>
@@ -70,7 +80,7 @@
    <el-row :gutter="20">
      <el-col :span="16">
        <div class="rowContent">
          <span class="span-title">公司保安类数据对比</span>
          <span class="span-title">保安类数据统计</span>
          <div id="middleEchart1"></div>
        </div>
      </el-col>
@@ -100,6 +110,33 @@
    return {
      value1: "1",
      value2: "1",
      value0: "2012",
      options0: [
        {
          value: "2012",
          label: "2012年"
        },
        {
          value: "2011",
          label: "2011年"
        },
        {
          value: "2010",
          label: "2010年"
        },
        {
          value: "2009",
          label: "2009年"
        },
        {
          value: "2008",
          label: "2008年"
        },
        {
          value: "2007",
          label: "2007年"
        }
      ],
      options1: [
        {
          value: "1",
@@ -232,17 +269,21 @@
    font-weight: 600;
    margin-left: 11px;
  }
  .select0 {
    position: absolute;
    right: 443px;
  }
  .select1 {
    position: absolute;
    right: 140px;
    right: 302px;
  }
  .select2 {
    position: absolute;
    right: 0px;
    right: 159px;
  }
  .el-button {
    position: absolute;
    right: 300px;
    right: 0px;
  }
  /deep/ .el-input__inner {
    width: 120px;