fix: statistics search

src/views/plugin/workflow/pages/statistics/index.vue

@@ -1,13 +1,22 @@
 <template>
   <div class="statistics-container">
     <section class="mb20">
-      <nf-form
-        :option="formOption"
-        v-model="form"
-        @reset-change="handleReset"
-        @submit="handleSubmit"
-      >
-      </nf-form>
+      <el-form inline :model="form">
+        <el-form-item>
+          <el-date-picker
+            v-model="form.startTimeRangeArr"
+            type="datetimerange"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            format="YYYY-MM-DD HH:mm:ss"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSubmit">搜索</el-button>
+          <el-button @click="handleReset">重置</el-button>
+        </el-form-item>
+      </el-form>
     </section>
     <el-row :gutter="20" class="mb20">
       <el-col :xs="24" :sm="24" :md="12" :lg="6">
@@ -97,7 +106,7 @@ export default {
   data() {
     return {
       form: {
-        startTimeRange: '',
+        startTimeRangeArr: [],
       },
       barParams: {
         type: 'process',
@@ -114,39 +123,8 @@ export default {
             type: "datetimerange",
             prop: 'startTimeRange',
             span: 12,
-            dataType: "String",
-            defaultTime: ['12:00:00', '08:00:00'],
-            format: 'YYYY-MM-DD HH:mm:ss',
-            valueFormat: 'YYYY-MM-DD HH:mm:ss',
             startPlaceholder: '时间日期开始范围自定义',
             endPlaceholder: '时间日期结束范围自定义',
-            pickerOptions: {
-              shortcuts: [{
-                text: '最近一周',
-                onClick(picker) {
-                  const end = new Date();
-                  const start = new Date();
-                  start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
-                  picker.$emit('pick', [start, end]);
-                }
-              }, {
-                text: '最近一个月',
-                onClick(picker) {
-                  const end = new Date();
-                  const start = new Date();
-                  start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
-                  picker.$emit('pick', [start, end]);
-                }
-              }, {
-                text: '最近三个月',
-                onClick(picker) {
-                  const end = new Date();
-                  const start = new Date();
-                  start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
-                  picker.$emit('pick', [start, end]);
-                }
-              }]
-            }
           },
         ]
       },
@@ -561,19 +539,17 @@ export default {
     // 日期清空
     handleReset() {
       this.form.startTimeRange = ''
+      this.form.startTimeRangeArr = []
       this.init()
       this.drawBar(this.barParams.type, this.barParams.name)
     },
     // 日期搜索
-    handleSubmit(form, done) {
-      if (form.startTimeRange) {
+    handleSubmit() {
+      if (this.form.startTimeRangeArr) {
+        this.form.startTimeRange = this.form.startTimeRangeArr.join(',')
         this.init()
         this.drawBar(this.barParams.type, this.barParams.name)
       } else this.$message.error('请选择时间');
-      setTimeout(() => {
-        done()
-      }, 1000)
-
     },
     // col点击
     handleCol(type, name) {