每日看板,增加日期查询条件

src/views/shengde/group/spectaculars/dailyBoard/index.vue

@@ -1,6 +1,17 @@
 <template>
   <div class="box-card">
-    <el-row :gutter="10">
+    <el-card>
+      <el-form :model="queryParams" ref="queryForm" :inline="true" @submit.native.prevent>
+        <el-form-item label="日期:">
+          <el-date-picker type="date" placeholder="请选择日期" v-model="queryParams.createTime" value-format="yyyy-MM-dd" size="small"></el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button size="small" @click="getList" class="searchBtn">搜索</el-button>
+          <el-button size="small" @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-row :gutter="10" style="padding-top: 10px">
       <el-col :span="7">
         <el-card v-loading="topLeft">
           <div class="cardTitle">MES今日生产出库数据</div>
@@ -338,11 +349,15 @@
 
 <script>
 import * as API from '@/api/shengde/group/spectaculars/dailyBoard'
+import moment from 'moment'
 
 export default {
   name: 'dailyBoard',
   data() {
     return {
+      queryParams: {
+        createTime: moment().format('YYYY-MM-DD'),
+      },
       topLeft: false,
       topCenter: false,
       topRight: false,
@@ -395,9 +410,16 @@ export default {
     this.getList()
   },
   methods: {
+    resetQuery() {
+      this.queryParams.createTime = moment().format('YYYY-MM-DD')
+      this.getList()
+    },
     getList() {
+      if (!this.queryParams.createTime) {
+        return this.msgInfo('请选择日期')
+      }
       this.topLeft = true
-      API.productionStorageBoard({ type: 1, subsidiaryIds: '' }).then(
+      API.productionStorageBoard({ type: 1, subsidiaryIds: '', ...this.queryParams }).then(
         (res) => {
           this.TLData = res.data.data
           this.topLeft = false
@@ -408,7 +430,7 @@ export default {
         }
       )
       this.topCenter = true
-      API.getDifList().then(
+      API.getDifList(this.queryParams).then(
         (res) => {
           this.TCData = res.data.data
           let num = 0
@@ -447,7 +469,7 @@ export default {
         }
       )
       this.topRight = true
-      API.differenceBoard().then(
+      API.differenceBoard(this.queryParams).then(
         (res) => {
           this.TRData = res.data.data
           this.topRight = false
@@ -458,7 +480,7 @@ export default {
         }
       )
       this.centerLeft = true
-      API.saleWarehouseBoard().then(
+      API.saleWarehouseBoard(this.queryParams).then(
         (res) => {
           this.CLData = res.data.data
           this.centerLeft = false
@@ -469,7 +491,7 @@ export default {
         }
       )
       this.centerRight = true
-      API.productOrderBoard().then(
+      API.productOrderBoard(this.queryParams).then(
         (res) => {
           this.CRData = res.data.data
           this.centerRight = false
@@ -480,7 +502,7 @@ export default {
         }
       )
       this.bottomCenter = true
-      API.selfOrderBoard().then(
+      API.selfOrderBoard(this.queryParams).then(
         (res) => {
           this.BCData = res.data.data
           this.bottomCenter = false
@@ -523,6 +545,9 @@ export default {
   .el-card__body {
     padding: 20px !important;
   }
+  .el-form-item {
+    margin-bottom: 0px !important;
+  }
 }
 .cardTitle {
   border-left: 2px solid #487cff;
@@ -555,4 +580,9 @@ export default {
     font-size: 16px !important;
   }
 }
+.searchBtn {
+  background: #20b2aa;
+  color: #fff;
+  border: 1px solid #20b2aa;
+}
 </style>