毛高导出功能调整

src/views/calc/calcMaogao/index.vue

@@ -1,13 +1,7 @@
 <template>
   <div style="padding:10px" @click.stop="void(0)">
-      <div class="" style="text-align: center;top:2%;width: 100%;letter-spacing: 5px;color: #cdd2fb;font-size: 18px;">
-          <span style="position: relative;">
-              <el-button style="margin-left:10px" @click="impquery">刷新</el-button>
-              <el-button style="margin-left:10px" @click="impdata">导出</el-button>
-          </span>
-      </div>
-      <div style="height: 700px;width: 100%;background-color: rgb(237 237 237 / 23%);margin-top: 10px;">
-          <div style="height: 300px;width: 100%;">
+      <div style="height: 740px;width: 100%;background-color: rgb(237 237 237 / 23%);margin-top: 10px;">
+          <div style="height: 340px;width: 100%;">
                 <div style="height: 42px;width: 100%;padding: 5px;line-height: 30px;">
                   <span style="position: relative;">统计月份：</span>
                   <el-date-picker
@@ -20,9 +14,9 @@
                     type="month"
                     placeholder="请选择月"
                     @change="monthChange"
-                  ></el-date-picker>
+                  ></el-date-picker>                  
                 </div>
-                <div style="height: 255px;width: 100%;padding: 5px;background-color: #fff;display: flex;">
+                <div style="height: 300px;width: 100%;padding: 5px;background-color: #fff;display: flex;">
                   <div style="height: 100%;width:50%" ref="echatrs1"></div>
                   <div style="height: 100%;width:50%" ref="echatrs2"></div>
                 </div>
@@ -34,9 +28,10 @@
                     <el-table-column label="毛高" align="center" prop="height"></el-table-column>
                     <el-table-column label="设备数量" align="center" prop="num"></el-table-column>
                     <el-table-column label="占比" align="center" prop="percent"></el-table-column>
-                    <el-table-column label="明细" align="center">
+                    <el-table-column label="操作" align="center" width="220">
                       <template #default="scope">
                         <el-button @click="getDetail(scope.row)">查看明细</el-button>
+                        <el-button style="margin-left:10px" @click="impdata(scope.row)">导出</el-button>
                       </template>
                     </el-table-column>
                   </el-table>
@@ -397,15 +392,8 @@
             mychat.setOption(option);
           }
 
-          function impdata(){
-            if(detailValue.value==null ||detailValue.value==''){
-                ElMessage({
-                      message:"请选择需要导出的毛高明细！",
-                      type:"error",
-                });
-                return;
-            }
-            proxy.download('/api/formula/export/'+detailValue.value, {}, `毛高占比_${new Date().getTime()}.xlsx`)
+          function impdata(v){
+            proxy.download('/api/formula/export/'+v.height, {}, `毛高(`+v.height+`)占比_${new Date().getTime()}.xlsx`)
           }
 
           onMounted(()=>{