完善

src/views/dashboard/RepairReportFail.vue

@@ -1,27 +1,23 @@
 <template>
   <div class="page-header-index-wide">
-    <a-card :title="title" :loading="loading" v-show="visible" :bordered="false" :body-style="{padding: '0'}">
+    <a-card :loading="loading" v-show="visible" :bordered="false" :body-style="{padding: '0'}">
       <div class="salesCard">
         <a-tabs default-active-key="1" size="large" :tab-bar-style="{marginBottom: '24px', paddingLeft: '16px'}">
-          <!-- <div class="extra-wrapper" slot="tabBarExtraContent">
-            <a-month-picker
-              style="margin-left: 8px"
-              :default-value="moment(defaultStartMonth, monthFormat)"
-              :format="monthFormat"
-              v-model="queryParam.startMonth"
-              placeholder="开始月份"
-              @change="onStartChange" />
-            <a-month-picker
-              style="margin-left: 8px"
-              :default-value="moment(defaultEndMonth, monthFormat)"
-              :format="monthFormat"
-              v-model="queryParam.endMonth"
-              placeholder="结束月份"
-              @change="onEndChange" />
+          <div class="extra-wrapper" slot="tabBarExtraContent">
+            <a-date-picker
+              placeholder="开始时间"
+              v-model="queryParam.searchStartTime"
+              :format="BaseTool.Date.PICKER_NORM_DATE_PATTERN"
+            />
+            <a-date-picker
+              placeholder="结束时间"
+              v-model="queryParam.searchEndTime"
+              :format="BaseTool.Date.PICKER_NORM_DATE_PATTERN"
+            />
             <a-button style="margin-left: 8px" type="default" @click="getData()">查询</a-button>
-            <a-button style="margin-left: 8px" type="primary" icon="printer" @click="handlePrint()">打印</a-button>
-            <a-button style="margin-left: 8px" type="primary" @click="doExport()">导出</a-button>
-          </div> -->
+            <!-- <a-button style="margin-left: 8px" type="primary" icon="printer" @click="handlePrint()">打印</a-button>
+            <a-button style="margin-left: 8px" type="primary" @click="doExport()">导出</a-button> -->
+          </div>
           <!-- <a-tab-pane loading="true" tab="图形统计" key="1">
             <a-row>
               <a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
@@ -92,12 +88,11 @@ export default {
       monthFormat: 'YYYY-MM',
       // defaultStartMonth: this.BaseTool.Moment().format(this.BaseTool.Date.PICKER_NORM_YEAR) + '-01',
       // defaultEndMonth: this.BaseTool.Moment().format(this.BaseTool.Date.PICKER_NORM_YEAR) + '-12',
-      // queryParam: {
-      //   // year: 2021,
-      //   startMonth: this.BaseTool.Moment().format(this.BaseTool.Date.PICKER_NORM_YEAR) + '-01-01',
-      //   endMonth: this.BaseTool.Moment().format(this.BaseTool.Date.PICKER_NORM_YEAR) + '-12-01',
-      //   searchType: this.searchType
-      // },
+      queryParam: {
+        searchStartTime: null,
+        searchEndTime: null
+      },
+      title: '',
       visible: true,
       chart: null, // 创建一个chart变量
       chartsData: [],
@@ -149,22 +144,10 @@ export default {
     handleTableChange (pagination) {
       this.pagination.current = pagination.current
     },
-    onStartChange (date, dateString) {
-      this.queryParam.startMonth = this.BaseTool.Date.formatter(dateString + '-01', this.BaseTool.Date.PICKER_NORM_DATE_PATTERN)
-    },
-    onEndChange (date, dateString) {
-      this.queryParam.endMonth = this.BaseTool.Date.formatter(dateString + '-01', this.BaseTool.Date.PICKER_NORM_DATE_PATTERN)
-    },
     getData () {
-      // if (this.queryParam.startMonth == null) {
-      //   this.$message.error('请选择起始月份')
-      //   return
-      // }
-      // if (this.queryParam.endMonth == null) {
-      //   this.$message.error('请选择结束月份')
-      //   return
-      // }
-      getFiftyFailSbReport()
+      this.queryParam.searchStartTime = this.queryParam.searchStartTime ? this.BaseTool.Date.formatter(this.queryParam.searchStartTime, this.BaseTool.Date.PICKER_NORM_DATE_PATTERN) + ' 00:00:00' : null
+      this.queryParam.searchEndTime = this.queryParam.searchEndTime ? this.BaseTool.Date.formatter(this.queryParam.searchEndTime, this.BaseTool.Date.PICKER_NORM_DATE_PATTERN) + ' 23:59:59' : null
+      getFiftyFailSbReport(this.queryParam)
         .then(res => {
           this.chartsData = res.data
           // this.getCharts('container', this.chartsData)// 调用统计图