修改销售

src/views/statisticalReport/components/salesLogisticsStatistics/saleChemicalCokeForm.vue

@@ -1,50 +1,61 @@
 //化产焦炭统计报表
 <template>
   <div class="purchasFuelNewMonitor">
-    <div class="frameCalculation">
-      <span style="width:68px">计毛时间：</span>
-      <el-date-picker
-        v-model="startTime"
-        type="datetime"
-        placeholder="选择日期时间"
-      >
-      </el-date-picker>
-      <span>至</span>
-      <el-date-picker
-        v-model="endTime"
-        type="datetime"
-        placeholder="选择日期时间"
-      >
-      </el-date-picker>
-      <el-button type="primary" class="btn" @click="onclick">
-        <i class="el-icon-search"></i>查询
-      </el-button>
-      <el-input
+    <el-form :inline="true" style="margin-top :5px">
+      <el-form-item>
+        <label class="el-form-item__label" style="width: auto;">计毛时间：</label>
+            <el-date-picker
+            v-model="startTime"
+            type="datetime"
+            placeholder="选择日期时间"
+          >
+          </el-date-picker>
+          <span>至</span>
+          <el-date-picker
+            v-model="endTime"
+            type="datetime"
+            placeholder="选择日期时间"
+          >
+          </el-date-picker>
+          <el-button type="primary" class="btn" @click="onclick">
+            <i class="el-icon-search"></i>查询
+          </el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-input
         v-model="inputReceiveName"
         style="width:200px"
         placeholder="输入收货单位"
         clearable="true"
       ></el-input>
       <el-button type="primary" @click="getReceiveName">查询</el-button>
-      <el-button type="primary" @click="exportData()"
-        ><i class="el-icon-download"></i>导出(Excel)</el-button
-      >
-      <el-button type="primary" @click="refresh">
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="exportData()"
+        ><i class="el-icon-download"></i>导出(Excel)</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="refresh">
         <i class="el-icon-refresh"></i>刷新
       </el-button>
-      <span style="margin-left: 1rem;width:68px">合计净重：</span>
+      </el-form-item>
+      <el-form-item>
+        <span style="margin-left: 1rem;width:68px">合计净重：</span>
       <el-input
         v-model="totalNumber"
         :disabled="true"
         style="width: 150px;"
       ></el-input>
-      <span style="margin-left: 1rem;width:68px">合计车数：</span>
+      </el-form-item>
+      <el-form-item>
+        <span style="margin-left: 1rem;width:68px">合计车数：</span>
       <el-input
         v-model="totalCapacity"
         :disabled="true"
         style="width: 150px;"
       ></el-input>
-    </div>
+      </el-form-item>
+    </el-form> 
     <div class="table">
       <dilTable
         ref="excelDom"
@@ -241,16 +252,4 @@ export default {
 </script>
 
 <style lang="scss">
-.purchasFuelNewMonitor {
-  .frameCalculation {
-    width: 100%;
-    height: 100px;
-    display: flex;
-    align-items: center;
-    padding-left: 50px;
-    .el-date-editor {
-      margin: 20px;
-    }
-  }
-}
 </style>

src/views/statisticalReport/components/salesLogisticsStatistics/saleCoproductForm.vue

@@ -1,49 +1,61 @@
 //副产品统计报表
 <template>
   <div class="purchasFuelNewMonitor">
-    <div class="frameCalculation">
-      <span style="width:68px">计毛时间：</span>
-      <el-date-picker
-        v-model="startTime"
-        type="datetime"
-        placeholder="选择日期时间"
-      >
-      </el-date-picker>
-      <span>至</span>
-      <el-date-picker
-        v-model="endTime"
-        type="datetime"
-        placeholder="选择日期时间"
-      >
-      </el-date-picker>
-      <el-button type="primary" class="btn" @click="onclick">
-        <i class="el-icon-search"></i>查询
-      </el-button>
-      <el-input
+    <el-form :inline="true" style="margin-top :5px">
+      <el-form-item>
+        <label class="el-form-item__label" style="width: auto;">计毛时间：</label>
+            <el-date-picker
+            v-model="startTime"
+            type="datetime"
+            placeholder="选择日期时间"
+          >
+          </el-date-picker>
+          <span>至</span>
+          <el-date-picker
+            v-model="endTime"
+            type="datetime"
+            placeholder="选择日期时间"
+          >
+          </el-date-picker>
+          <el-button type="primary" class="btn" @click="onclick">
+            <i class="el-icon-search"></i>查询
+          </el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-input
         v-model="inputReceiveName"
         style="width:200px"
         placeholder="输入收货单位"
+        clearable="true"
       ></el-input>
       <el-button type="primary" @click="getReceiveName">查询</el-button>
-      <el-button type="primary" @click="exportData()"
-        ><i class="el-icon-download"></i>导出(Excel)</el-button
-      >
-      <el-button type="primary" @click="refresh">
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="exportData()"
+        ><i class="el-icon-download"></i>导出(Excel)</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="refresh">
         <i class="el-icon-refresh"></i>刷新
       </el-button>
-      <span style="margin-left: 1rem;width:68px">合计净重：</span>
+      </el-form-item>
+      <el-form-item>
+        <span style="margin-left: 1rem;width:68px">合计净重：</span>
       <el-input
         v-model="totalNumber"
         :disabled="true"
         style="width: 150px;"
       ></el-input>
-      <span style="margin-left: 1rem;width:68px">合计车数：</span>
+      </el-form-item>
+      <el-form-item>
+        <span style="margin-left: 1rem;width:68px">合计车数：</span>
       <el-input
         v-model="totalCapacity"
         :disabled="true"
         style="width: 150px;"
       ></el-input>
-    </div>
+      </el-form-item>
+    </el-form>       
     <div class="table">
       <dilTable
         ref="excelDom"
@@ -239,16 +251,4 @@ export default {
 </script>
 
 <style lang="scss">
-.purchasFuelNewMonitor {
-  .frameCalculation {
-    width: 100%;
-    height: 100px;
-    display: flex;
-    align-items: center;
-    padding-left: 50px;
-    .el-date-editor {
-      margin: 20px;
-    }
-  }
-}
 </style>

src/views/statisticalReport/components/salesLogisticsStatistics/saleSteelForm.vue

@@ -1,43 +1,52 @@
 //钢材统计报表
 <template>
   <div class="purchasFuelNewMonitor">
-    <div class="frameCalculation">
-      <span style="width:68px">计毛时间：</span>
-      <el-date-picker
-        v-model="startTime"
-        type="datetime"
-        placeholder="选择日期时间"
-      >
-      </el-date-picker>
-      <span>至</span>
-      <el-date-picker
-        v-model="endTime"
-        type="datetime"
-        placeholder="选择日期时间"
-      >
-      </el-date-picker>
-      <el-button type="primary" class="btn" @click="onclick">
-        <i class="el-icon-search"></i>查询
-      </el-button>
-      <el-button type="primary" @click="exportData()"
-        ><i class="el-icon-download"></i>导出(Excel)</el-button
-      >
-      <el-button type="primary" @click="refresh">
+    <el-form :inline="true" style="margin-top :5px">
+      <el-form-item>
+        <label class="el-form-item__label" style="width: auto;">计毛时间：</label>
+            <el-date-picker
+            v-model="startTime"
+            type="datetime"
+            placeholder="选择日期时间"
+          >
+          </el-date-picker>
+          <span>至</span>
+          <el-date-picker
+            v-model="endTime"
+            type="datetime"
+            placeholder="选择日期时间"
+          >
+          </el-date-picker>
+          <el-button type="primary" class="btn" @click="onclick">
+            <i class="el-icon-search"></i>查询
+          </el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="exportData()"
+        ><i class="el-icon-download"></i>导出(Excel)</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="refresh">
         <i class="el-icon-refresh"></i>刷新
       </el-button>
-      <span style="margin-left: 1rem;width:68px">合计净重：</span>
+      </el-form-item>
+      <el-form-item>
+        <span style="margin-left: 1rem;width:68px">合计净重：</span>
       <el-input
         v-model="totalNumber"
         :disabled="true"
         style="width: 150px;"
       ></el-input>
-      <span style="margin-left: 1rem;width:68px">合计车数：</span>
+      </el-form-item>
+      <el-form-item>
+        <span style="margin-left: 1rem;width:68px">合计车数：</span>
       <el-input
         v-model="totalCapacity"
         :disabled="true"
         style="width: 150px;"
       ></el-input>
-    </div>
+      </el-form-item>
+    </el-form> 
     <div class="table">
       <!-- <dilTable ref="excelDom" v-bind.sync="option" :isHeigth="isHeigth" :shiyHeigth="shiyHeigth" :isKuang="isKuang" @func="func" @requestQuery="requestQuery" :pageSize = "pageSize"></dilTable> -->
       <mergeRowTable ref="excelDom" v-bind.sync="option"> </mergeRowTable>
@@ -192,16 +201,4 @@ export default {
 </script>
 
 <style lang="scss">
-.purchasFuelNewMonitor {
-  .frameCalculation {
-    width: 100%;
-    height: 100px;
-    display: flex;
-    align-items: center;
-    padding-left: 50px;
-    .el-date-editor {
-      margin: 20px;
-    }
-  }
-}
 </style>