工作汇报新增时间查询

src/HDrpManagement/workReport/index.vue

@@ -13,15 +13,30 @@
             <div @click="selectFun('我发出的')"
               :style="currentItem==0 ? 'background:#3874F6;color:#ffffff' : 'border:1px solid #cccccc'">我发出的</div>
           </div>
-          <el-input 
-            style="width:200px" 
-            size="small"  
-            suffix-icon="el-icon-search" 
-            placeholder="搜索" 
+          <el-input
+            style="width:200px"
+            class="inline-24"
+            size="small"
+            suffix-icon="el-icon-search"
+            placeholder="搜索"
             @input="valueChange"
             v-model="condition"
-            @keyup.enter.native="$refs.aside.params.content.where.condition=condition;$refs.aside.params.content.pageNumber=1;$refs.aside.listData()" 
+            @keyup.enter.native="$refs.aside.params.content.where.condition=condition;$refs.aside.params.content.pageNumber=1;$refs.aside.listData()"
             @clear="$refs.aside.params.content.where.condition=condition;$refs.aside.params.content.pageNumber=1;$refs.aside.listData()" clearable></el-input>
+          <el-button size="small" type="primary" @click="dateChange(1)">今天</el-button>
+          <el-button size="small" type="primary" @click="dateChange(2)">最近三天</el-button>
+          <el-button size="small" type="primary" class="inline-16" @click="dateChange(3)">最近一周</el-button>
+          <span style="line-height: 30px;vertical-align: center" class="search__label" >时间筛选：</span>
+          <el-date-picker
+              v-model="date"
+              @change="dateChange"
+              type="daterange"
+              size="small"
+              value-format="yyyy-MM-dd"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期">
+          </el-date-picker>
         </div>
         <div class="content">
           <div class="content-left">
@@ -47,7 +62,9 @@ export default {
   data () {
     return {
       currentItem:1,
-      condition:''
+      condition:'',
+      date:'',
+
     }
   },
   methods: {
@@ -81,7 +98,46 @@ export default {
       let index = this.$refs.aside.list.findIndex(item => item.sys_workreportid == id)
       this.$refs.aside.list.splice(index,1)
       this.$refs.aside.list[index] ? this.$refs.aside.itemClick(this.$refs.aside.list[index]) : ''
+    },
+    dateChange(val){
+      if (val === 1){
+        this.$refs.aside.params.content.where.today = 1
+        this.$refs.aside.params.content.where.lastthreedays = 0
+        this.$refs.aside.params.content.where.lastWeek = 0
+        this.$refs.aside.params.content.where.begindate = ''
+        this.$refs.aside.params.content.where.enddate = ''
+        this.date = ''
+      }else if (val === 2){
+        this.$refs.aside.params.content.where.lastthreedays = 1
+        this.$refs.aside.params.content.where.lastWeek = 0
+        this.$refs.aside.params.content.where.today = 0
+        this.$refs.aside.params.content.where.begindate = ''
+        this.$refs.aside.params.content.where.enddate = ''
+        this.date = ''
+      }else if (val === 3){
+        this.$refs.aside.params.content.where.lastWeek = 1
+        this.$refs.aside.params.content.where.lastthreedays = 0
+        this.$refs.aside.params.content.where.today = 0
+        this.$refs.aside.params.content.where.begindate = ''
+        this.$refs.aside.params.content.where.enddate = ''
+        this.date = ''
+      }else {
+        this.$refs.aside.params.content.where.lastWeek = 0
+        this.$refs.aside.params.content.where.lastthreedays = 0
+        this.$refs.aside.params.content.where.today = 0
+        if (this.date !== '' && this.date !== undefined && this.date!== null){
+          this.$refs.aside.params.content.where.begindate = this.date[0]
+          this.$refs.aside.params.content.where.enddate = this.date[1]
+        }else {
+          this.$refs.aside.params.content.where.begindate = ''
+          this.$refs.aside.params.content.where.enddate = ''
+        }
+      }
+
+      this.$refs.aside.params.content.pageNumber=1
+      this.$refs.aside.listData()
     }
+
   },
   mounted () {
     this.$nextTick(() => {
@@ -90,7 +146,7 @@ export default {
         this.$refs.reportContent.getDetail(data)
       })
     })
-    
+
   }
 }
 </script>
@@ -132,7 +188,7 @@ export default {
 }
 .content .content-right {
   width: calc(100% - 400px);
-  
+
 }
 
-</style>
+</style>