Jelajahi Sumber

毛高占比功能调整

liling 2 hari lalu
induk
melakukan
9ab039fa38
1 mengubah file dengan 11 tambahan dan 5 penghapusan
  1. 11 5
      src/views/calc/calcMaogao/index.vue

+ 11 - 5
src/views/calc/calcMaogao/index.vue

@@ -8,7 +8,7 @@
       </div>
       <div style="height: 700px;width: 100%;background-color: rgb(237 237 237 / 23%);margin-top: 10px;display: flex;">          
           <div style="height: 700px;width: 30%;margin-left: 1%;">
-            <div class="table_caption" style="height: 30px;line-height: 30px;"><b>当前占比分布统计</b></div>
+            <div style="height: 30px;line-height: 30px;"><b>当前占比分布统计</b></div>
             <el-table v-loading="loading" height="750px" :data="datalist">
                   <el-table-column label="毛高" align="center" prop="height"></el-table-column>
                   <el-table-column label="设备数量" align="center" prop="num"></el-table-column>
@@ -23,7 +23,7 @@
           <div style="height: 780px;width: 68%;margin-left: 1%;">
               <div style="height: 300px;width: 100%;">
                 <div style="height: 42px;width: 100%;padding: 5px;line-height: 30px;">
-                  <span style="position: relative;"><b>毛高({{detailValue}})正态及趋势分析</b>     月份:</span>
+                  <span style="position: relative;"><b>毛高({{detailValue.height}})正态及趋势分析</b>     月份:</span>
                   <el-date-picker
                     style="width: 180px;"
                     v-model="queryMonth"
@@ -31,8 +31,9 @@
                     date-format="YYYY-MM" 
                     format="YYYY-MM" 
                     :value-format="'YYYY-MM'"
-                    type="date"
+                    type="month"
                     placeholder="请选择月"
+                    @change="monthChange"
                   ></el-date-picker>
                 </div>
                 <div style="height: 255px;width: 100%;padding: 5px;background-color: #fff;display: flex;">
@@ -40,7 +41,7 @@
                   <div style="height: 100%;width:50%" ref="echatrs2"></div>
                 </div>
               </div>
-              <div class="table_caption" style="height: 30px;line-height: 30px;"><b>毛高({{detailValue}})明细数据</b></div>
+              <div style="height: 30px;line-height: 30px;"><b>毛高({{detailValue.height}})当前明细数据</b></div>
               <el-table class="titletable" cellspacing="0" cellpadding="0" height="450px" width="800px" :data="detailDataList">
                 <el-table-column label="设备名" align="center" prop="device"></el-table-column>
                 <el-table-column label="机台号" align="center" prop="formula_data_2"></el-table-column>
@@ -110,9 +111,13 @@
                   });
               });
           }
+          function monthChange(v){
+            console.log(v)
+            getDetail(detailValue.value);
+          }
 
           function getDetail(v){
-              detailValue.value = v.height ;
+              detailValue.value = v ;
               detailDataList.value=[];
               const msg = ElMessage({
                       message:"正在加载数据",
@@ -437,6 +442,7 @@
               queryMonth,
               echatrs1,
               echatrs2,
+              monthChange,
           }
       }
   }