Merge branch 'test' into dy

2023-09-20 13:58:36 +08:00
parent dfec94be17 646859aeef
commit ee0affc78f
26 changed files with 10501 additions and 9113 deletions
--- a/src/views/energy/analysis/contrastAnalysis/components/searchArea.vue
+++ b/src/views/energy/analysis/contrastAnalysis/components/searchArea.vue
@@ -1,143 +1,160 @@
 <template>
-  <el-form :inline="true" class="demo-form-inline">
-    <el-form-item label="能源类型">
-      <el-select v-model="queryParams.energyTypeId" placeholder="请选择" style="width: 100px;">
-        <el-option
-          v-for="item in energyTypeList"
-          :key="item.id"
-          :label="item.name"
-          :value="item.id">
-        </el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item label="时间维度">
-      <el-select v-model="queryParams.timeDim" placeholder="请选择" style="width: 80px;">
-        <el-option
-          v-for="item in getDictDatas(this.DICT_TYPE.TIME_DIM)"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value">
-        </el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item label="时间范围">
-      <div v-show="queryParams.timeDim === '1'">
-        <el-date-picker
-          v-model="timeValue"
-          type="datetimerange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          format="yyyy-MM-dd HH:mm"
-          value-format="timestamp"
-          :picker-options="pickerOptions"
-          popper-class="noneMinute"
-          @change="timeSelect"
-          :clearable="false"
+  <div class="searchBarBox divHeight" ref="searchBarRef" :style="{ paddingRight: isFold ? '55px' : '0px' }">
+    <el-form :inline="true" class="demo-form-inline">
+      <span class="blue-block"></span>
+      <el-form-item label="能源类型">
+        <el-select v-model="queryParams.energyTypeId" placeholder="请选择" style="width: 100px;" size="small">
+          <el-option
+            v-for="item in energyTypeList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="时间维度">
+        <el-select v-model="queryParams.timeDim" placeholder="请选择" style="width: 80px;" size="small">
+          <el-option
+            v-for="item in getDictDatas(this.DICT_TYPE.TIME_DIM)"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="时间范围">
+        <div v-show="queryParams.timeDim === '1'">
+          <el-date-picker
+            v-model="timeValue"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            format="yyyy-MM-dd HH:mm"
+            value-format="timestamp"
+            :picker-options="pickerOptions"
+            popper-class="noneMinute"
+            @change="timeSelect"
+            size="small"
+            style='width:350px;'
+            :clearable="false"
+            >
+          </el-date-picker>
+        </div>
+        <div v-show="queryParams.timeDim === '2'">
+          <el-date-picker
+            v-model="dateValue"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="timestamp"
+            :picker-options="pickerOptions"
+            :clearable="false"
+            size="small"
+            style='width:350px;'
+            @change="timeSelect"
+            >
+          </el-date-picker>
+        </div>
+        <div v-show="queryParams.timeDim === '3'">
+          <el-date-picker
+            v-model="weekValue1"
+            type="week"
+            format="yyyy 第 WW 周"
+            style='width:170px;'
+            :picker-options="pickerOptionsWeek"
+            @change="startWeek"
+            :clearable="false"
+            size="small"
+            placeholder="选择周">
+          </el-date-picker>-
+          <el-date-picker
+            v-model="weekValue2"
+            type="week"
+            format="yyyy 第 WW 周"
+            :picker-options="pickerOptionsWeek"
+            style='width:170px;'
+            @change="endWeek"
+            :clearable="false"
+            size="small"
+            placeholder="选择周">
+          </el-date-picker>
+        </div>
+        <div v-show="queryParams.timeDim === '4'">
+          <el-date-picker
+            v-model="monthValue"
+            type="monthrange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="timestamp"
+            :clearable="false"
+            :picker-options="pickerOptions"
+            size="small"
+            style='width:350px;'
+            @change="timeSelect"
+            >
+          </el-date-picker>
+        </div>
+        <div v-show="queryParams.timeDim === '5'">
+          <el-date-picker
+            style='width:170px;'
+            v-model="yearValue1"
+            type="year"
+            :picker-options="pickerOptions"
+            value-format="timestamp"
+            placeholder="选择年"
+            @change="startYear"
+            size="small"
+            :clearable="false"
          >
-        </el-date-picker>
-      </div>
-      <div v-show="queryParams.timeDim === '2'">
-        <el-date-picker
-          v-model="dateValue"
-          type="daterange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          value-format="timestamp"
-          :picker-options="pickerOptions"
-          :clearable="false"
-          @change="timeSelect"
+          </el-date-picker>-
+          <el-date-picker
+            style='width:170px;'
+            v-model="yearValue2"
+            type="year"
+            :picker-options="pickerOptions"
+            value-format="timestamp"
+            placeholder="选择年"
+            @change="endYear"
+            size="small"
+            :clearable="false"
          >
-        </el-date-picker>
-      </div>
-      <div v-show="queryParams.timeDim === '3'">
-        <el-date-picker
-          v-model="weekValue1"
-          type="week"
-          format="yyyy 第 WW 周"
-          style='width:150px;'
-          :picker-options="pickerOptionsWeek"
-          @change="startWeek"
-          :clearable="false"
-          placeholder="选择周">
-        </el-date-picker>-
-        <el-date-picker
-          v-model="weekValue2"
-          type="week"
-          format="yyyy 第 WW 周"
-          :picker-options="pickerOptionsWeek"
-          style='width:150px;'
-          @change="endWeek"
-          :clearable="false"
-          placeholder="选择周">
-        </el-date-picker>
-      </div>
-      <div v-show="queryParams.timeDim === '4'">
-        <el-date-picker
-          v-model="monthValue"
-          type="monthrange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          value-format="timestamp"
-          :clearable="false"
-          :picker-options="pickerOptions"
-          @change="timeSelect"
-          >
-        </el-date-picker>
-      </div>
-      <div v-show="queryParams.timeDim === '5'">
-        <el-date-picker
-          style='width:100px;'
-          v-model="yearValue1"
-          type="year"
-          :picker-options="pickerOptions"
-          value-format="timestamp"
-          placeholder="选择年"
-          @change="startYear"
-          :clearable="false"
-        >
-        </el-date-picker>-
-        <el-date-picker
-          style='width:100px;'
-          v-model="yearValue2"
-          type="year"
-          :picker-options="pickerOptions"
-          value-format="timestamp"
-          placeholder="选择年"
-          @change="endYear"
-          :clearable="false"
-        >
-        </el-date-picker>
-      </div>
-    </el-form-item>
-    <el-form-item label="对象维度">
-      <el-select v-model="queryParams.objType" placeholder="请选择" style="width: 80px;" @change="selectObjs">
-        <el-option
-          v-for="item in getDictDatas(this.DICT_TYPE.OBJECT_TYPE)"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value">
-        </el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item label="对象选择">
-      <el-select v-model="queryParams.objIds" placeholder="请选择" multiple collapse-tags style="width: 200px;">
-        <el-option
-          v-for="item in objectList"
-          :key="item.id"
-          :label="item.name"
-          :value="item.id">
-          <span style="float: left">{{ item.name }}</span>
-          <span style="float: right; color: #8492a6; font-size: 13px">{{ item.code }}</span>
-        </el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item>
-      <el-button type="primary" @click="search">查询</el-button>
-    </el-form-item>
-  </el-form>
+          </el-date-picker>
+        </div>
+      </el-form-item>
+      <el-form-item label="对象维度">
+        <el-select v-model="queryParams.objType" placeholder="请选择" style="width: 80px;" @change="selectObjs" size="small">
+          <el-option
+            v-for="item in getDictDatas(this.DICT_TYPE.OBJECT_TYPE)"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="对象选择">
+        <el-select v-model="queryParams.objIds" placeholder="请选择" multiple collapse-tags style="width: 200px;" size="small">
+          <el-option
+            v-for="item in objectList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id">
+            <span style="float: left">{{ item.name }}</span>
+            <span style="float: right; color: #8492a6; font-size: 13px">{{ item.code }}</span>
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" size="small" @click="search">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <span v-if="isFold" class="foldClass" @click='switchMode'>
+      {{ isExpand ? '收起' : '展开' }}
+      <svg-icon :icon-class="isExpand ? 'upward' : 'downward'" />
+    </span>
+  </div>
 </template>
 <script>
 import { getEnergyTypeListAll } from "@/api/base/energyType"
@@ -147,8 +164,15 @@ import { getEquipmentAll } from "@/api/base/equipment"
 import moment from 'moment'
 export default {
  name: 'searchArea',
+  props: {
+    isFold: {// 多行模式（默认否）
+      type: Boolean,
+      default: false
+    }
+  },
  data() {
    return {
+      isExpand: false, // 展开收起
      // 查询参数
      queryParams: {
        energyTypeId: null,
@@ -388,6 +412,15 @@ export default {
      let newData = year+'-12-31 23:59:59'
      let value = new Date(newData).getTime()
      return value
+    },
+    switchMode() {// 展开和收起切换
+      this.isExpand = !this.isExpand
+      const element = this.$refs.searchBarRef
+      if (this.isExpand) {
+        element.classList.remove('divHeight')
+      } else {
+        element.classList.add('divHeight')
+      }
    }
  }
 }
@@ -400,4 +433,34 @@ export default {
 .noneMinute .el-scrollbar:nth-of-type(2) {
  display: none;
 }
+</style>
+<style lang="scss" scoped>
+.demo-form-inline {
+  .blue-block {
+    display: inline-block;
+    width: 4px;
+    height: 16px;
+    background-color: #0B58FF;
+    border-radius: 1px;
+    margin-right: 8px;
+    margin-top: 10px;
+  }
+}
+</style>
+<style scoped>
+.searchBarBox .foldClass {
+  position: absolute;
+  top: 14px;
+  right: 0;
+  cursor: pointer;
+  font-size: 12px;
+  color:#0B58FF;
+}
+.searchBarBox .foldClass .iconfont {
+  font-size: 14px;
+}
+.divHeight {
+  height: 45px;
+  overflow: hidden;
+}
 </style>
--- a/src/views/energy/analysis/contrastAnalysis/index.vue
+++ b/src/views/energy/analysis/contrastAnalysis/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" id="contrastAnalysisBox">
    <!-- 搜索工作栏 -->
-    <search-area @submit="getList"/>
+    <search-area  :isFold="isFold" @submit="getList"/>
    <el-tabs v-model="activeName" @tab-click="switchChart">
      <el-tab-pane label="柱状图" name="bar">
        <bar-chart ref="analysisBarChart" :chartData="chartData" />
@@ -23,11 +23,19 @@ export default {
  components: { SearchArea, BarChart, LineChart },
  data() {
    return {
+      isFold: false,
      activeName: 'bar',
      chartData: []
    }
  },
-  mounted() {},
+  mounted() {
+    window.addEventListener('resize', () => {
+      this.tableH = this.tableHeight(260)
+      this.isFold = this.searchBarWidth('contrastAnalysisBox', 1310)
+      // console.log(document.getElementById("contrastAnalysisBox").offsetWidth)
+    })
+    this.isFold = this.searchBarWidth('contrastAnalysisBox', 1310)
+  },
  methods: {
    getList(params) {
      getCompare({ ...params }).then((res) => {
--- a/src/views/energy/analysis/qoqAnalysis/components/searchArea.vue
+++ b/src/views/energy/analysis/qoqAnalysis/components/searchArea.vue
@@ -1,15 +1,17 @@
 <template>
  <el-form :inline="true" class="demo-form-inline">
+    <span class="blue-block"></span>
    <el-form-item label="对象选择">
      <el-cascader
        v-model="objArr"
        :options="objList"
        :props="{ checkStrictly: true, value: 'id', label: 'name' }"
        popper-class="cascaderParent"
+        size="small"
        clearable></el-cascader>
    </el-form-item>
    <el-form-item label="时间维度">
-      <el-select v-model="queryParams.type" placeholder="请选择" style="width: 80px;">
+      <el-select v-model="queryParams.type" placeholder="请选择" style="width: 80px;" size="small">
        <el-option
          v-for="item in timeType"
          :key="item.id"
@@ -27,6 +29,7 @@
          :picker-options="pickerOptions"
          @change="selectTime"
          :clearable="false"
+          size="small"
          placeholder="选择月">
        </el-date-picker>
      </div>
@@ -38,6 +41,7 @@
          :picker-options="pickerOptionsWeek"
          @change="selectTime"
          :clearable="false"
+          size="small"
          placeholder="选择周">
        </el-date-picker>
      </div>
@@ -48,18 +52,19 @@
          :picker-options="pickerOptions"
          @change="selectTime"
          :clearable="false"
+          size="small"
          placeholder="选择日">
        </el-date-picker>
      </div>
    </el-form-item>
    <el-form-item>
-      <el-button type="primary" @click="search">查询</el-button>
+      <el-button type="primary" size="small" @click="search">查询</el-button>
    </el-form-item>
    <el-form-item>
      <span class="separateStyle"></span>
    </el-form-item>
    <el-form-item>
-      <el-button type="primary" @click="exportData" plain>导出</el-button>
+      <el-button type="primary" size="small" @click="exportData" plain>导出</el-button>
    </el-form-item>
  </el-form>
 </template>
@@ -178,4 +183,17 @@ export default {
  background: #E8E8E8;
  vertical-align: middle;
 }
+</style>
+<style lang="scss" scoped>
+.demo-form-inline {
+  .blue-block {
+    display: inline-block;
+    width: 4px;
+    height: 16px;
+    background-color: #0B58FF;
+    border-radius: 1px;
+    margin-right: 8px;
+    margin-top: 10px;
+  }
+}
 </style>
--- a/src/views/energy/analysis/trendAnalysis/components/searchArea.vue
+++ b/src/views/energy/analysis/trendAnalysis/components/searchArea.vue
@@ -1,122 +1,141 @@
 <template>
-  <el-form :inline="true" class="demo-form-inline">
-    <el-form-item label="能源类型">
-      <el-select v-model="queryParams.energyTypeId" placeholder="请选择" style="width: 100px;">
-        <el-option
-          v-for="item in energyTypeList"
-          :key="item.id"
-          :label="item.name"
-          :value="item.id">
-        </el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item label="对象选择">
-      <el-cascader
-        v-model="objArr"
-        :options="objList"
-        :props="{ checkStrictly: true, value: 'id', label: 'name' }"
-        popper-class="cascaderParent"
-        clearable></el-cascader>
-    </el-form-item>
-    <el-form-item label="时间维度">
-      <el-select v-model="queryParams.timeDim" placeholder="请选择" style="width: 80px;">
-        <el-option
-          v-for="item in getDictDatas(this.DICT_TYPE.TIME_DIM)"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value">
-        </el-option>
-      </el-select>
-    </el-form-item>
-    <el-form-item label="时间范围">
-      <div v-show="queryParams.timeDim === '1'">
-        <el-date-picker
-          v-model="timeValue"
-          type="datetimerange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          format="yyyy-MM-dd HH:mm"
-          value-format="timestamp"
-          :picker-options="pickerOptions"
-          popper-class="noneMinute"
-          @change="timeSelect"
+  <div class="searchBarBox divHeight" ref="searchBarRef" :style="{ paddingRight: isFold ? '55px' : '0px' }">
+    <el-form :inline="true" class="demo-form-inline">
+      <span class="blue-block"></span>
+      <el-form-item label="能源类型">
+        <el-select v-model="queryParams.energyTypeId" placeholder="请选择" style="width: 100px;" size="small">
+          <el-option
+            v-for="item in energyTypeList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="对象选择">
+        <el-cascader
+          v-model="objArr"
+          :options="objList"
+          :props="{ checkStrictly: true, value: 'id', label: 'name' }"
+          popper-class="cascaderParent"
+          size="small"
+          clearable></el-cascader>
+      </el-form-item>
+      <el-form-item label="时间维度">
+        <el-select v-model="queryParams.timeDim" placeholder="请选择" style="width: 80px;" size="small">
+          <el-option
+            v-for="item in getDictDatas(this.DICT_TYPE.TIME_DIM)"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+            size="small">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="时间范围">
+        <div v-show="queryParams.timeDim === '1'">
+          <el-date-picker
+            v-model="timeValue"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            format="yyyy-MM-dd HH:mm"
+            value-format="timestamp"
+            :picker-options="pickerOptions"
+            popper-class="noneMinute"
+            @change="timeSelect"
+            size="small"
+            style='width:350px;'
+            >
+          </el-date-picker>
+        </div>
+        <div v-show="queryParams.timeDim === '2'">
+          <el-date-picker
+            v-model="dateValue"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="timestamp"
+            :picker-options="pickerOptions"
+            @change="timeSelect"
+            size="small"
+            style='width:350px;'
+            >
+          </el-date-picker>
+        </div>
+        <div v-show="queryParams.timeDim === '3'">
+          <el-date-picker
+            v-model="weekValue1"
+            type="week"
+            format="yyyy 第 WW 周"
+            style='width:170px;'
+            :picker-options="pickerOptionsWeek"
+            @change="startWeek"
+            size="small"
+            placeholder="选择周">
+          </el-date-picker>-
+          <el-date-picker
+            v-model="weekValue2"
+            type="week"
+            format="yyyy 第 WW 周"
+            :picker-options="pickerOptionsWeek"
+            style='width:170px;'
+            @change="endWeek"
+            size="small"
+            placeholder="选择周">
+          </el-date-picker>
+        </div>
+        <div v-show="queryParams.timeDim === '4'">
+          <el-date-picker
+            v-model="monthValue"
+            type="monthrange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="timestamp"
+            :picker-options="pickerOptions"
+            size="small"
+            style='width:350px;'
+            @change="timeSelect"
+            >
+          </el-date-picker>
+        </div>
+        <div v-show="queryParams.timeDim === '5'">
+          <el-date-picker
+            style='width:170px;'
+            v-model="yearValue1"
+            type="year"
+            :picker-options="pickerOptions"
+            value-format="timestamp"
+            placeholder="选择年"
+            size="small"
+            @change="startYear"
          >
-        </el-date-picker>
-      </div>
-      <div v-show="queryParams.timeDim === '2'">
-        <el-date-picker
-          v-model="dateValue"
-          type="daterange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          value-format="timestamp"
-          :picker-options="pickerOptions"
-          @change="timeSelect"
+          </el-date-picker>-
+          <el-date-picker
+            style='width:170px;'
+            v-model="yearValue2"
+            type="year"
+            :picker-options="pickerOptions"
+            value-format="timestamp"
+            placeholder="选择年"
+            size="small"
+            @change="endYear"
          >
-        </el-date-picker>
-      </div>
-      <div v-show="queryParams.timeDim === '3'">
-        <el-date-picker
-          v-model="weekValue1"
-          type="week"
-          format="yyyy 第 WW 周"
-          style='width:150px;'
-          :picker-options="pickerOptionsWeek"
-          @change="startWeek"
-          placeholder="选择周">
-        </el-date-picker>-
-        <el-date-picker
-          v-model="weekValue2"
-          type="week"
-          format="yyyy 第 WW 周"
-          :picker-options="pickerOptionsWeek"
-          style='width:150px;'
-          @change="endWeek"
-          placeholder="选择周">
-        </el-date-picker>
-      </div>
-      <div v-show="queryParams.timeDim === '4'">
-        <el-date-picker
-          v-model="monthValue"
-          type="monthrange"
-          range-separator="至"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          value-format="timestamp"
-          :picker-options="pickerOptions"
-          @change="timeSelect"
-          >
-        </el-date-picker>
-      </div>
-      <div v-show="queryParams.timeDim === '5'">
-        <el-date-picker
-          style='width:100px;'
-          v-model="yearValue1"
-          type="year"
-          :picker-options="pickerOptions"
-          value-format="timestamp"
-          placeholder="选择年"
-          @change="startYear"
-        >
-        </el-date-picker>-
-        <el-date-picker
-          style='width:100px;'
-          v-model="yearValue2"
-          type="year"
-          :picker-options="pickerOptions"
-          value-format="timestamp"
-          placeholder="选择年"
-          @change="endYear"
-        >
-        </el-date-picker>
-      </div>
-    </el-form-item>
-    <el-form-item>
-      <el-button type="primary" @click="search">查询</el-button>
-    </el-form-item>
-  </el-form>
+          </el-date-picker>
+        </div>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" size="small" @click="search">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <span v-if="isFold" class="foldClass" @click='switchMode'>
+      {{ isExpand ? '收起' : '展开' }}
+      <svg-icon :icon-class="isExpand ? 'upward' : 'downward'" />
+    </span>
+  </div>
 </template>
 <script>
 import { getEnergyTypeListAll } from "@/api/base/energyType"
@@ -124,8 +143,15 @@ import { getTree } from '@/api/base/factory'
 import moment from 'moment'
 export default {
  name: 'searchArea',
+  props: {
+    isFold: {// 多行模式（默认否）
+      type: Boolean,
+      default: false
+    }
+  },
  data() {
    return {
+      isExpand: false, // 展开收起
      // 查询参数
      queryParams: {
        energyTypeId: null,
@@ -162,6 +188,7 @@ export default {
    this.getTypeList()
    this.getObjTree()
    this.queryParams.timeDim = this.getDictDatas(this.DICT_TYPE.TIME_DIM)[0].value // 默认时
+    this.timeValue = [moment().startOf('day'), moment().endOf('day')-59*61*1000]
  },
  methods: {
    getTypeList() {
@@ -266,7 +293,7 @@ export default {
        this.$modal.msgError('请选择能源类型')
        return false
      }
-      if (!this.objArr.length === 0) {
+      if (this.objArr.length === 0) {
        this.$modal.msgError('请选择对象')
        return false
      } else {
@@ -345,6 +372,15 @@ export default {
      let newData = year+'-12-31 23:59:59'
      let value = new Date(newData).getTime()
      return value
+    },
+    switchMode() {// 展开和收起切换
+      this.isExpand = !this.isExpand
+      const element = this.$refs.searchBarRef
+      if (this.isExpand) {
+        element.classList.remove('divHeight')
+      } else {
+        element.classList.add('divHeight')
+      }
    }
  }
 }
@@ -361,4 +397,34 @@ export default {
 .noneMinute .el-scrollbar:nth-of-type(2) {
  display: none;
 }
+</style>
+<style lang="scss" scoped>
+.demo-form-inline {
+  .blue-block {
+    display: inline-block;
+    width: 4px;
+    height: 16px;
+    background-color: #0B58FF;
+    border-radius: 1px;
+    margin-right: 8px;
+    margin-top: 10px;
+  }
+}
+</style>
+<style scoped>
+.searchBarBox .foldClass {
+  position: absolute;
+  top: 14px;
+  right: 0;
+  cursor: pointer;
+  font-size: 12px;
+  color:#0B58FF;
+}
+.searchBarBox .foldClass .iconfont {
+  font-size: 14px;
+}
+.divHeight {
+  height: 45px;
+  overflow: hidden;
+}
 </style>
--- a/src/views/energy/analysis/trendAnalysis/index.vue
+++ b/src/views/energy/analysis/trendAnalysis/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" id="trendAnalysisBox">
    <!-- 搜索工作栏 -->
-    <search-area @submit="getList"/>
+    <search-area :isFold="isFold" @submit="getList"/>
    <el-tabs v-model="activeName" @tab-click="switchChart">
      <el-tab-pane label="柱状图" name="bar">
        <bar-chart ref="analysisBarChart" :chartData="chartData" />
@@ -23,11 +23,18 @@ export default {
  components: { SearchArea, BarChart, LineChart },
  data() {
    return {
+      isFold: false,
      activeName: 'bar',
      chartData: []
    }
  },
-  mounted() {},
+  mounted() {
+    window.addEventListener('resize', () => {
+      this.tableH = this.tableHeight(260)
+      this.isFold = this.searchBarWidth('trendAnalysisBox', 1146)
+    })
+    this.isFold = this.searchBarWidth('trendAnalysisBox', 1146)
+  },
  methods: {
    getList(params) {
      getEnergyTrend({ ...params }).then((res) => {
@@ -37,16 +44,6 @@ export default {
          this.chartData = []
        }
      })
-      // getEnergyTrend({
-      //   energyTypeId: "1681183397517406210",
-      //   objId: "1679031282510532610",
-      //   timeDim: "2",
-      //   startTime: "1690732800000",
-      //   endTime: "1690992000000"
-      // }).then((res) => {
-      //   console.log(res)
-      //   this.chartData = res.data
-      // })
    },
    switchChart() {
      if (this.activeName === 'bar') {
--- a/src/views/energy/analysis/yoyAnalysis/components/searchArea.vue
+++ b/src/views/energy/analysis/yoyAnalysis/components/searchArea.vue
@@ -1,15 +1,17 @@
 <template>
  <el-form :inline="true" class="demo-form-inline">
+    <span class="blue-block"></span>
    <el-form-item label="对象选择">
      <el-cascader
        v-model="objArr"
        :options="objList"
        :props="{ checkStrictly: true, value: 'id', label: 'name' }"
        popper-class="cascaderParent"
+        size="small"
        clearable></el-cascader>
    </el-form-item>
    <el-form-item label="时间维度">
-      <el-select v-model="queryParams.type" placeholder="请选择" style="width: 80px;">
+      <el-select v-model="queryParams.type" placeholder="请选择" style="width: 80px;" size="small">
        <el-option
          v-for="item in timeType"
          :key="item.id"
@@ -27,6 +29,7 @@
          :picker-options="pickerOptions"
          @change="selectTime"
          :clearable="false"
+          size="small"
          placeholder="选择年">
        </el-date-picker>
      </div>
@@ -37,18 +40,19 @@
          :picker-options="pickerOptions"
          @change="selectTime"
          :clearable="false"
+          size="small"
          placeholder="选择月">
        </el-date-picker>
      </div>
    </el-form-item>
    <el-form-item>
-      <el-button type="primary" @click="search">查询</el-button>
+      <el-button type="primary" size="small" @click="search">查询</el-button>
    </el-form-item>
    <el-form-item>
      <span class="separateStyle"></span>
    </el-form-item>
    <el-form-item>
-      <el-button type="primary" @click="exportData" plain>导出</el-button>
+      <el-button type="primary" size="small" @click="exportData" plain>导出</el-button>
    </el-form-item>
  </el-form>
 </template>
@@ -153,4 +157,17 @@ export default {
  background: #E8E8E8;
  vertical-align: middle;
 }
+</style>
+<style lang="scss" scoped>
+.demo-form-inline {
+  .blue-block {
+    display: inline-block;
+    width: 4px;
+    height: 16px;
+    background-color: #0B58FF;
+    border-radius: 1px;
+    margin-right: 8px;
+    margin-top: 10px;
+  }
+}
 </style>
--- a/src/views/energy/base/energyPlcConnect/index.vue
+++ b/src/views/energy/base/energyPlcConnect/index.vue
@@ -92,7 +92,7 @@ export default {
          type: 'input',
          label: '标识名',
          placeholder: '标识名',
-          param: 'name'
+          param: 'cnName'
        },
        {
          type: 'button',
@@ -149,7 +149,7 @@ export default {
      queryParams: {
        pageNo: 1,
        pageSize: 20,
-        name: null
+        cnName: null
      },
      paramVisible: false,
      energyTypeList: [],
@@ -173,7 +173,7 @@ export default {
      switch (val.btnName) {
        case 'search':
          this.queryParams.pageNo = 1;
-          this.queryParams.name = val.name
+          this.queryParams.cnName = val.cnName
          this.getList()
          break
        default:
--- a/src/views/energy/base/energyType/components/energyTypeAdd.vue
+++ b/src/views/energy/base/energyType/components/energyTypeAdd.vue
@@ -37,12 +37,12 @@
    </el-row>
    <el-row>
      <el-col :span="12" v-show="form.pricingMethod === 2">
-        <el-form-item label="单价(元)" prop="singlePrice">
-          <el-input v-model="form.singlePrice"></el-input>
+        <el-form-item label="单价(元)" prop="pricingMethod">
+          <el-input-number v-model="form.singlePrice" :precision="2" :min="0" :max="999999999" style="width: 100%;"></el-input-number>
        </el-form-item>
      </el-col>
      <el-col :span="24"  v-show="form.pricingMethod === 0">
-        <el-form-item label="时间段">
+        <el-form-item label="时间段" prop="pricingMethod">
          <base-table
            :key='timeKye'
            :table-props="tableProps1"
@@ -63,7 +63,7 @@
        </el-form-item>
      </el-col>
      <el-col :span="24" v-show="form.pricingMethod === 1">
-        <el-form-item label="使用量">
+        <el-form-item label="使用量" prop="pricingMethod">
          <base-table
            :key='usedKye'
            :table-props="tableProps2"
@@ -140,12 +140,13 @@ export default {
        name: '',
        code: '',
        nuit: '',
-        pricingMethod: 1,
+        pricingMethod: 2,
        leaderName: ''
      },
      isEdit: false, //是否是编辑
      rules: {
-        name: [{ required: true, message: '能源类型不能为空', trigger: 'blur' }]
+        name: [{ required: true, message: '能源类型不能为空', trigger: 'blur' }],
+        pricingMethod: [{ required: true, message: '计价方式不能为空', trigger: 'change' }]
      },
      timeKye: 0,
      usedKye: 0,
@@ -275,7 +276,7 @@ export default {
              break;
            default:// 固定单价
              if (!this.form.singlePrice) {
-                this.$modal.msgError('单价有误请检查1，请检查')
+                this.$modal.msgError('单价有误请检查，请检查')
                  return false
              }
          }
@@ -321,6 +322,7 @@ export default {
    },
    formClear() {
      this.$refs.form.resetFields()
+      this.form.singlePrice = 0
      this.isEdit = false
      this.timeKye = 0
      this.usedKye = 0
--- a/src/views/energy/monitoring/energyLimit/components/energyLimitAdd.vue
+++ b/src/views/energy/monitoring/energyLimit/components/energyLimitAdd.vue
@@ -47,7 +47,7 @@
      </el-select>
    </el-form-item>
    <el-form-item label="消耗量阈值" prop="limitValue">
-      <el-input v-model="form.limitValue"></el-input>
+      <el-input-number v-model="form.limitValue" :min="0" :max="10000000000000000" style="width: 100%;"></el-input-number>
    </el-form-item>
  </el-form>
 </template>
--- a/src/views/energy/monitoring/energyReport/index.vue
+++ b/src/views/energy/monitoring/energyReport/index.vue
@@ -1,10 +1,11 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" id='energyReportBox'>

    <!-- 搜索工作栏 -->
    <search-bar
      :formConfigs="formConfig"
      ref="searchBarForm"
+      :isFold="isFold"
      @headBtnClick="buttonClick"
    />
    <!-- 列表 -->
@@ -72,6 +73,7 @@ export default {
  name: "EnergyLimit",
  data() {
    return {
+      isFold: false,
      formConfig: [
        {
          type: 'select',
@@ -138,10 +140,14 @@ export default {
  created() {
    window.addEventListener('resize', () => {
      this.tableH = this.tableHeight(260)
+      this.isFold = this.searchBarWidth('energyReportBox', 1198)
    })
    this.getList()
    this.getTypeList()
  },
+  mounted() {
+    this.isFold = this.searchBarWidth('energyReportBox', 1198)
+  },
  methods: {
    getTypeList() {
      getEnergyTypeListAll().then((res) => {
--- a/src/views/energy/monitoring/energyReportSearch/index.vue
+++ b/src/views/energy/monitoring/energyReportSearch/index.vue
@@ -1,10 +1,11 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" id='energyReportSearchBox'>

    <!-- 搜索工作栏 -->
    <search-bar
      :formConfigs="formConfig"
      ref="searchBarForm"
+      :isFold="isFold"
      @headBtnClick="buttonClick"
    />
    <!-- 列表 -->
@@ -53,6 +54,7 @@ export default {
  name: "EnergyReportSearch",
  data() {
    return {
+      isFold: false,
      formConfig: [
        {
          type: 'input',
@@ -117,13 +119,21 @@ export default {
  created() {
    window.addEventListener('resize', () => {
      this.tableH = this.tableHeight(260)
+      this.isFold = this.searchBarWidth('energyReportSearchBox', 1180)
    })
-    this.formConfig[2].defaultSelect = [Date.now() - 7*24*3600000, Date.now()]
+    if (this.$route.params.startTime && this.$route.params.endTime) {
+      this.formConfig[2].defaultSelect = [this.$route.params.startTime, this.$route.params.endTime]
+    } else {
+      this.formConfig[2].defaultSelect = [Date.now() - 7*24*3600000, Date.now()]
+    }
    this.queryParams.startTime = this.formConfig[2].defaultSelect[0]
    this.queryParams.endTime = this.formConfig[2].defaultSelect[1]
    this.getList()
    this.getTypeList()
  },
+  mounted() {
+    this.isFold = this.searchBarWidth('energyReportSearchBox', 1180)
+  },
  methods: {
    getTypeList() {
      getEnergyTypeListAll().then((res) => {
--- a/src/views/energy/monitoring/energyStatistics/components/energyStatisticsDetAdd.vue
+++ b/src/views/energy/monitoring/energyStatistics/components/energyStatisticsDetAdd.vue
@@ -75,7 +75,7 @@ export default {
        {
          type: 'input',
          label: '参数名称',
-          placeholder: '方案名称',
+          placeholder: '参数名称',
          param: 'paramName'
        },
        {
--- a/src/views/group/base/groupClasses/components/groupClassAdd.vue
+++ b/src/views/group/base/groupClasses/components/groupClassAdd.vue
@@ -46,7 +46,7 @@
            format='HH:mm'
            value-format='HH:mm'
            style="width: 100%;"
-            @change="timeFun"
+            @change="timeFun('start')"
          >
          </el-time-picker>
        </el-form-item>
@@ -58,7 +58,7 @@
            format='HH:mm'
            value-format='HH:mm'
            style="width: 100%;"
-            @change="timeFun"
+            @change="timeFun('end')"
          >
          </el-time-picker>
        </el-form-item>
@@ -126,12 +126,19 @@ export default {
        })
      }
    },
-    timeFun() {
+    timeFun(val) {
      if (this.form.startTime && this.form.endTime) {
        if (this.form.startTime > this.form.endTime) {
          this.form.daySpan = 1
-        } else {
+        } else if (this.form.startTime < this.form.endTime) {
          this.form.daySpan = 0
+        } else {
+          if (val === 'start') {
+            this.form.startTime = ''
+          } else {
+            this.form.endTime = ''
+          }
+          this.$modal.msgWarning('班次开始时间和结束时间不能相同')
        }
      }
    },
--- a/src/views/group/base/groupClasses/index.vue
+++ b/src/views/group/base/groupClasses/index.vue
@@ -116,7 +116,17 @@ export default {
          : undefined,
          {
            type: 'cancel',
-            btnName: '作废'
+            btnName: '作废',
+            showParam: {
+              type: '&',
+              data: [
+                {
+                  type: 'unequal',
+                  name: 'status',
+                  value: '不可用'
+                }
+              ]
+            }
          },
        this.$auth.hasPermi('base:group-classes:delete')
          ? {
@@ -225,8 +235,9 @@ export default {
    },
    /** 删除按钮操作 */
    handleDelete(row) {
-      if (row.status) {
-        let _this = this
+      console.log(row)
+      let _this = this
+      if (row.status === '可用') {// 可用
        _this.$modal.confirm('删除的班次"' + row.name + '"可能会影响交接班计划，请点取消再次确认！').then(function() {
          return _this.$modal.confirm('是否确认删除班次名称为"' + row.name + '"的数据项?').then(function() {
              return deleteGroupClasses(row.id);
--- a/src/views/group/base/groupTeam/components/groupTeamAdd.vue
+++ b/src/views/group/base/groupTeam/components/groupTeamAdd.vue
@@ -7,7 +7,7 @@
      <el-input v-model="form.code" disabled></el-input>
    </el-form-item>
    <el-form-item label="班组人数" prop="num">
-      <el-input v-model="form.num"></el-input>
+      <el-input-number v-model="form.num" :min="1" :max="99999999" style="width: 100%;"></el-input-number>
    </el-form-item>
    <el-form-item label="班组组长" prop="leaderName">
      <el-input v-model="form.leaderName"></el-input>
--- a/src/views/group/base/groupTeamScheduling/index.vue
+++ b/src/views/group/base/groupTeamScheduling/index.vue
@@ -1,67 +1,466 @@
 <template>
-  <div class="app-container">
-    <div>
+  <div class="groupTeamScheduling">
+    <div class="operationArea">
      <el-form :inline="true" class="demo-form-inline">
+        <span class="blue-block"></span>
        <el-form-item label="月份选择">
          <el-date-picker
-            v-model="queryParams.startDay"
+            v-model="startDay"
            type="month"
-            placeholder="选择月">
+            placeholder="选择月"
+            size="small"
+            :disabled="showSetting"
+            @change="selectMonth"
+            :clearable="false"
+            style="width: 120px">
          </el-date-picker>
        </el-form-item>
        <el-form-item>
-          <el-button type="primary">自动排班</el-button>
+          <span class="separateStyle"></span>
        </el-form-item>
        <el-form-item>
-          <el-button type="primary">编辑</el-button>
+          <el-button type="primary" size="small" :disabled="showSetting || settingBtnDis" @click="settingMsg">设置</el-button>
        </el-form-item>
        <el-form-item>
-          <el-button type="primary" plain @click="toUpperLower">班组上下片查询</el-button>
+          <el-button type="primary" size="small" v-show="showSetting && autoScheduling" @click="schedulingBtn">自动排班</el-button>
        </el-form-item>
        <el-form-item>
-          <el-button type="primary" plain>班组能源查询</el-button>
+          <span class="separateStyle" v-show="showSetting"></span>
        </el-form-item>
        <el-form-item>
-          <el-button type="primary" plain>班组检测查询</el-button>
+          <el-button type="primary" size="small" v-show="showSetting" @click="confirmSetting">确认</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" size="small" plain v-show="showSetting" @click="cancelSetting">取消</el-button>
+        </el-form-item>
+        <el-form-item label="请先选择查询的班组" class="rightItem">
+          <el-button type="primary" size="small" :disabled="jumpDisabled" @click="toOtherPage('1')">班组上下片查询</el-button>
+          <el-button type="primary" size="small" :disabled="jumpDisabled" @click="toOtherPage('2')">班组能源查询</el-button>
+          <el-button type="primary" size="small" :disabled="jumpDisabled" @click="toOtherPage('3')">班组检测查询</el-button>
        </el-form-item>
      </el-form>
    </div>
-    <!-- 班组上下片查询 -->
-    <group-upper-lower v-if="upperLowerVisible" ref="upperLowerParam"></group-upper-lower>
+    <!-- 日历区域 -->
+    <div class="calenderArea">
+      <div style="font-size: 24px;font-weight: 500">{{ this.month }} {{ this.year }}</div>
+      <el-calendar v-model="startDay">
+        <!-- 这里使用的是 2.5 slot 语法，对于新项目请使用 2.6 slot 语法-->
+        <template
+          slot="dateCell"
+          slot-scope="{date, data}">
+          <div v-if="data.type === 'current-month'">
+            <!-- 日期 -->
+            <div class="dateStyle">
+              {{ Number(data.day.split('-')[2]) }}
+            </div>
+            <!-- 班次班组 -->
+            <!-- class有两个样式，一个是类似class1，还有个是选中红框显示 -->
+            <el-row :gutter="2" :class="'class' + (index+1) + (chooseTip === (item.startDay+item.classesId) ? ' team-active' : '')" v-for="(item, index) in list[Number(data.day.split('-')[2])]" :key='index'>
+              <el-col :span="12">
+                <div class="selectDiv">
+                  <!-- 选择班组图标 -->
+                  <div class="toggle-icon" v-show="showSetting && (new Date(data.day).valueOf() < new Date().valueOf() ? false: true)">
+                    <svg-icon icon-class="toggle"/>
+                  </div>
+                  <!-- 不能选择班组 -->
+                  <div class="toggle-icon-hide" v-show="!(showSetting && (new Date(data.day).valueOf() < new Date().valueOf() ? false: true))"></div>
+                  <el-select v-model="item.teamId" size='small' :disabled="!showSetting || (new Date(data.day).valueOf() > new Date().valueOf() ? false: true)">
+                    <el-option
+                      v-for="i in teamList"
+                      :key="i.id"
+                      :label="i.name"
+                      :value="i.id">
+                    </el-option>
+                  </el-select>
+              </div>
+              </el-col>
+              <el-col :span="12">
+                <el-button class="labelClass" @click="chooseTeam(item)">{{ item.classesName }}</el-button>
+              </el-col>
+            </el-row>
+          </div>
+        </template>
+      </el-calendar>
+    </div>
  </div>
 </template>

 <script>
-import { createGroupTeamScheduling } from "@/api/base/groupTeamScheduling";
-import GroupUpperLower from "./components/groupUpperLower.vue"
+import { getPreset, createOrUpdateList, autoSet } from "@/api/base/groupTeamScheduling";
+import { listEnabled } from "@/api/base/groupTeam";
+import moment from 'moment';

 export default {
  name: "GroupTeamScheduling",
-  components: { GroupUpperLower },
  data() {
    return {
-      monthList: [
-        {id: ''}
-      ],
-      // 查询参数
-      queryParams: {
-        pageNo: 1,
-        pageSize: 10
-      },
-      upperLowerVisible: false
+      startDay: '',// 查询参数
+      year: '',// 2023
+      month: '',// 九月
+      monthList: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
+      list: {},
+      teamList: [],// 班组下拉
+      showSetting: false,// 设置模式。自动排班，确认，取消按钮显示
+      settingBtnDis: false,
+      jumpDisabled: true,// 操作按钮控制
+      chooseObj: {}, //当前选中的数据，查询按钮用
+      chooseTip: '',// 当前选中数据的唯一值，显示红框
+      autoScheduling: false // 只有在当前日期后的月份才生效
    };
  },
  created() {
+    this.startDay = new Date()
+    // 设置按钮是否置灰
+    this.settingBtn()
+    this.getTeamList()
+    this.toggleMonth()
    this.getList()
  },
  methods: {
-    getList() {},
-    toUpperLower() {
-      this.upperLowerVisible = true
-      this.$nextTick(() => {
-        this.$refs.upperLowerParam.init()
+    // 切换月份
+    selectMonth() {
+      if (this.startDay) {
+        this.settingBtn() // 设置按钮状态,需在getlist前面
+        this.toggleMonth()
+        this.getList()
+        this.clearChoose()
+        if ( moment(this.startDay).valueOf() > moment().endOf('month').valueOf()) {
+          this.autoScheduling = true
+        } else {
+          this.autoScheduling = false
+        }
+      }
+    },
+    // 获取班组列表
+    getTeamList() {
+      listEnabled().then(res => {
+        this.teamList = res.data || []
      })
+    },
+    // 获取日历数据
+    getList() {
+      let year = moment(this.startDay).format('YYYY')
+      let month = moment(this.startDay).format('M')
+      getPreset({
+        year: year,
+        month: month
+      }).then(res => {
+        let obj = res.data || {}
+        if (obj) {
+          for (let item in obj) {
+            for (let i = 0; i < obj[item].length; i++) {
+              if (!obj[item][i].teamId) {
+                obj[item][i].teamId = ''
+              }
+            }
+          }
+        }
+        this.list = obj
+      }).catch(() => {
+        this.list = {}
+        this.settingBtnDis = true // 禁用设置按钮
+      })
+    },
+    // 设置
+    settingMsg() {
+      this.showSetting = !this.showSetting
+      this.clearChoose()
+    },
+    // 取消
+    cancelSetting() {
+      this.showSetting = !this.showSetting
+      this.getList() // 数据还原
+    },
+    // 确认
+    confirmSetting() {
+      let num = 0
+      // 当月数据的话，今天及今天之前的不传
+      if (moment(this.startDay).format('YYYY-MM') === moment().format('YYYY-MM')) {
+        num = Number(moment().format('DD'))
+      } else {
+        num = 0
+      }
+      // 下月数据全部都传
+      // 打平数据
+      let tempArr = Object.values(this.list)
+      let arr = []
+      for (let i = num; i < tempArr.length; i++) {
+        for (let j = 0; j < tempArr[i].length; j++) {
+          arr.push(tempArr[i][j])
+        }
+      }
+      createOrUpdateList(arr).then(res => {
+        if (res.code === 0) {
+          this.showSetting = !this.showSetting
+          this.$modal.msgSuccess("操作成功")
+          this.getList() // 数据更新
+        }
+      })
+    },
+    // 点击班次红框选中当前数据
+    chooseTeam(value) {
+      if (this.showSetting) {
+        this.$modal.msgWarning("当前处于设置模式")
+        return false
+      }
+      this.chooseObj = value
+      this.chooseTip = value.startDay + value.classesId // 匹配当前的样式
+      this.jumpDisabled = false //查询按钮不禁用
+    },
+    // 自动排班
+    schedulingBtn() {
+      let tempData = this.list
+      // 次月1号有值前端排班
+      if (this.list[1][0].teamId) {
+        let tempArr = Object.values(this.list)
+        let arr = []
+        let n = 0
+        for (let i = 0; i < tempArr.length; i++) {
+          if (n > 0) {
+            break;
+          }
+          for (let j = 0; j < tempArr[i].length; j++) {
+            if (tempArr[i][j].teamId) {
+              arr.push(tempArr[i][j].teamId)
+            } else {
+              n++
+            }
+          }
+        }
+        let tempNum = 0
+        for (let k = 0; k < tempArr.length; k++) {
+          for (let v = 0; v < tempArr[k].length; v++) {
+            let t = tempNum % arr.length
+            if (arr.length === 1) {
+              tempData[k+1][v].teamId = arr[0]
+            } else {
+              tempData[k+1][v].teamId = arr[t]
+            }
+            tempNum++
+          }
+        }
+        this.list = []
+        this.list = tempData
+      } else {
+        // 次月1号没有值,接口排班
+        autoSet().then(res => {
+          this.list = res.data || {}
+        })
+      }
+    },
+    // 设置按钮如果是上个月或者今天是本月最后一天，设置按钮置灰
+    settingBtn() {
+      let nowMonth = moment().startOf('month').valueOf()
+      let startMonth = moment(this.startDay).valueOf()
+      let nowDate = moment(new Date()).date()
+      let sumDate = moment().daysInMonth()
+      if (nowMonth > startMonth) { // 之前月
+        this.settingBtnDis = true
+      } else {
+        if (nowDate < sumDate) {
+          this.settingBtnDis = false
+        } else {
+          this.settingBtnDis = true
+        }
+      }
+    },
+    // 清除红框选中数据
+    clearChoose() {
+      this.chooseObj = {}
+      this.chooseTip = ""
+      this.jumpDisabled = true
+    },
+    // 切换月份显示
+    toggleMonth() {
+      this.year = moment(this.startDay).format("YYYY")
+      let month = Number(moment(this.startDay).format("MM"))
+      this.month = this.monthList[month - 1]
+    },
+    // 3个跳转按钮
+    toOtherPage(val) {
+      switch (val) {
+        case '1':
+          this.$router.push({
+            // path: '/core/monitoring/production-line-data',
+            name: 'ProductionLineData',
+            params: { startTime: this.chooseObj.startTime, endTime: this.chooseObj.endTime }
+          })
+          break;
+        case '2': // 能源
+          this.$router.push({
+            name: 'EnergyReportSearch',
+            params: { startTime: this.chooseObj.startTime, endTime: this.chooseObj.endTime }
+          })
+          break;
+        default:
+          this.$router.push({
+            // path: '/quality/monitoring/quality-statistics',
+            name: 'QualityStatistics',
+            params: { startTime: this.chooseObj.startTime, endTime: this.chooseObj.endTime }
+          })
+      }
+    }
    }
  }
-};
 </script>
+<style lang='scss'>
+.groupTeamScheduling {
+  background-color: #F2F4F9;
+  .operationArea {
+    padding: 14px 10px 0 16px;
+    margin-bottom: 8px;
+    background-color: #fff;
+    border-radius: 8px;
+    .blue-block {
+      display: inline-block;
+      width: 4px;
+      height: 16px;
+      background-color: #0B58FF;
+      border-radius: 1px;
+      margin-right: 8px;
+      margin-top: 10px;
+    }
+    .separateStyle {
+      display: inline-block;
+      width: 1px;
+      height: 24px;
+      background: #E8E8E8;
+      vertical-align: middle;
+    }
+    .el-form-item {
+      margin-bottom: 10px;
+    }
+    .rightItem {
+      float: right;
+    }
+  }
+  // 日历
+  .calenderArea {
+    padding: 14px 10px 0 20px;
+    background-color: #fff;
+    border-radius: 8px;
+    .el-calendar__body {
+      padding: 10px 16px 16px 0;
+    }
+    .el-calendar__header {
+      display: none;
+    }
+    .el-calendar-table > thead {
+      height: 48px;
+      font-size: 20px;
+      font-weight: 500;
+      color: #000000;
+      background-color: rgba(242, 244, 249, 1);
+    }
+    .el-calendar-table__row {
+      height: 133px;
+      .prev, .next {
+        pointer-events: none;
+      }
+      .el-calendar-day {
+        padding: 0 10px;
+        height: 100%;
+        .dateStyle {
+          font-size: 20px;
+          font-weight: 500;
+          color: #000000;
+          text-align: right;
+          height: 32px;
+          line-height: 28px;
+          padding-right: 10px;
+        }
+      }
+    }
+    .team-active {// 选中班组
+      border:2px solid red
+    }
+    .class1, .class2, .class3 {
+      padding: 0;
+      font-weight: 600;
+      margin-bottom: 2px;
+      .selectDiv {
+        position: relative;
+        .toggle-icon {
+          position: absolute;
+          width: 26px;
+          height: 26px;
+          line-height: 26px;
+          font-size: 14px;
+          z-index: 1;
+          text-align: center;
+        }
+        .toggle-icon-hide {
+          position: absolute;
+          width: 2px;
+          height: 28px;
+          z-index: 1;
+        }
+        .el-input__suffix {
+          display: none;
+        }
+        .el-input--suffix .el-input__inner {
+          padding: 0 4px 0 28px;
+        }
+        .el-input--small .el-input__inner {
+          height: 28px;
+          border: none;
+          font-weight: 600;
+        }
+      }
+      .labelClass {
+        width: 100%;
+        height: 28px;
+        border: none;
+        padding: 0;
+        font-weight: 600;
+        text-align: center;
+      }
+    }
+    .class1 {
+      .selectDiv {
+        .toggle-icon, .toggle-icon-hide {
+          background-color: #FACE00;
+        }
+        .el-input--small .el-input__inner {
+          color: #E7A200;
+          background-color: #FFEFC0;
+        }
+      }
+      .labelClass {
+        color: #E7A200;
+        background-color: #FFEFC0;
+      }
+    }
+    .class2 {
+      .selectDiv {
+        .toggle-icon, .toggle-icon-hide {
+          background-color: #3984FF;
+        }
+        .el-input--small .el-input__inner {
+          color: #2D7BFF;
+          background-color: #BEEAFF;
+        }
+      }
+      .labelClass {
+        color: #2D7BFF;
+        background-color: #BEEAFF;
+      }
+    }
+    .class3 {
+      .selectDiv {
+        .toggle-icon, .toggle-icon-hide {
+          background-color: #37D97F;
+        }
+        .el-input--small .el-input__inner {
+          color: #129F51;
+          background-color: #E0FFEE;
+        }
+      }
+      .labelClass {
+        color: #129F51;
+        background-color: #E0FFEE;
+      }
+    }
+  }
+}
+</style>
--- a/src/views/quality/monitoring/qualityStatistics/index.vue
+++ b/src/views/quality/monitoring/qualityStatistics/index.vue
@@ -67,6 +67,7 @@ export default {
 					rangeSeparator: '-',
 					startPlaceholder: '开始日期',
 					endPlaceholder: '结束日期',
+					defaultSelect: [],
 					defaultTime: ['00:00:00', '23:59:59'],
 					param: 'timerange',
 				},
@@ -212,6 +213,14 @@ export default {
 		},
 	},
 	mounted() {
+		if (this.$route.params.startTime && this.$route.params.endTime) {
+      this.searchBarFormConfig[0].defaultSelect = [this.$route.params.startTime, this.$route.params.endTime]
+			this.queryParams.param = {};
+			this.$set(this.queryParams.param, 'startTime', this.$route.params.startTime);
+			this.$set(this.queryParams.param, 'endTime', this.$route.params.endTime);
+    } else {
+      this.searchBarFormConfig[0].defaultSelect = []
+    }
 		this.getList();
 	},
 	methods: {