更改颜色、文字、表格

zpzgiser

2021-07-19 d7fab6b5d91a5c49d84f7d21025cb6bc16b43bdf

 src/views/securityUnitOperation/economicAnalysis.vue

@@ -6,7 +6,15 @@
          <div class="rowTitle">
            <img src="../../../public/img/bajgxt/u1618.png" />
            <span>数据概览</span>
            <el-button @click="toEconomicTable">进入数据统计表</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 +33,7 @@
              >
              </el-option>
            </el-select>
            <el-button @click="toEconomicTable">进入数据统计表</el-button>
          </div>

          <div class="col-content">
@@ -85,6 +94,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",
@@ -138,7 +174,7 @@
      middleEchart2.setOption(echartJs.economicPieOption(data));
    },
    toEconomicTable() {
       this.$router.push({ path: "/securityUnitOperation/economicTable" });
      this.$router.push({ path: "/securityUnitOperation/economicTable" });
    }
  },
  mounted() {
@@ -217,17 +253,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;