修改

src/views/report/maintainCount/index.vue

@@ -57,7 +57,17 @@
                 width="100%"
             />
             </div>
-            <div class="pie-right-content" style="padding-top:40px;">
+            <div class="pie-right-content">
+                <div class="content-item" > 
+                  <el-select  v-model="queryParam.days"   class="filter-item form-search-input fl"  placeholder="时间段" >
+                    <el-option
+                      v-for="item in daysOptions"
+                      :key="item.value"
+                      :label="item.text"
+                      :value="item.value">
+                    </el-option>
+                  </el-select>
+                </div>
                 
                 <div class="content-item-head">共有19台设备 <span class="triangle"></span> </div>
                 <div class="content-item bg-color1" @click="showTable(3)">已维护14台<span class="triangle2"></span> </div>
@@ -131,7 +141,24 @@ export default {
       tableData: [],
       tableTitle:'有效期内设备列表(A)',
       deviceTypes:[],
-
+      daysOptions:[
+        {
+          value:"7",
+          text:'7天内',
+        },
+        {
+          value:"30",
+          text:'30天内',
+        },
+        {
+          value:"90",
+          text:'90天内',
+        },
+        {
+          value:"180",
+          text:'半年内',
+        },
+      ],
 
       pieSeriesData: [],
       pieOptionsA: {},
@@ -143,6 +170,7 @@ export default {
       queryParam:{
         depart_id:'',
         device_type:'0',
+        days:'90',
       },
       departProps: {
               label: "department_name",
@@ -385,16 +413,24 @@ export default {
   height:100%;
   float: left;
   margin-bottom: 20px;
+  // border:1px solid #1d5d99;
+  border-right:0px;
 }
 .pie-right-content{
-  width:25%;
+  width:20%;
   height:100%;
   float: left;
   margin-bottom: 20px;
+  // border:1px solid #1d5d99;
+  margin-right: 20px;
+  border-left:0px;
+
+
 }
 .content-item-head{
-  // width:40%;
-  width:240px;
+   width:90%;
+  max-width:260px;
+  min-width:200px;
   margin-top:30px;
   background-color:#1d5d99;
   color: #FFF;
@@ -411,7 +447,9 @@ export default {
 			border-left-color:#1d5d99;
 }
 .content-item{
-  width:240px;
+  width:90%;
+  max-width:260px;
+  min-width:200px;
   height:26px;
   margin-top:30px;
   padding:0px 10px;