feat: 功能修改，增加体验

1. rules/Index.vue
  1.  日期搜索功能正常
  2.  体验优化，点击搜索之后自动重置第一页

2. track/Index.vue
  1. 体验优化，点击搜索之后自动重置第一页

src/views/rules/Index.vue

@@ -97,7 +97,7 @@ export default {
       if (!this.form.createdDate.length) return ''
 
       return this.form.createdDate.map(date => {
-        return `${new Date(date).getFullYear()}-${new Date(date).getMonth() + 1}-${new Date(date).getDate()}`
+        return `${new Date(date).getFullYear()}-${String(new Date(date).getMonth() + 1).padStart(2, '0')}-${String(new Date(date).getDate()).padStart(2, '0')}`
       })
     }
   },
@@ -127,7 +127,9 @@ export default {
         pageSize: this.tableConfig.pageSize,
         ruleType: this.form.ruleType,
         ruleNameLike: this.form.ruleName,
-        times: this.formattedDate
+        startCreatedDate: this.formattedDate[0],
+        endCreatedDate: this.formattedDate[1]
+        // times: this.formattedDate
       }
 
       getRuleList(payload).then(res => {
@@ -189,6 +191,9 @@ export default {
     },
     // 处理查询
     handleQuery() {
+      // 重置页码
+      this.tableConfig.currentPage = 1
+
       this.getTableData()
     },
     // 处理重置
@@ -261,27 +266,17 @@ export default {
 
       <!-- 下方规则列表 -->
       <div class="p20">
-        <r-table
+        <r-table :columns="tableConfig.columns" :data="tableData" :deletion="false" :total="tableConfig.total"
-          :columns="tableConfig.columns"
+                 @currentChange="handleCurrentChange" @sizeChange="handleSizeChange"
-          :data="tableData"
+                 :currentPage="tableConfig.currentPage"
-          :deletion="false"
+                 :pageSize="tableConfig.pageSize" />
-          :total="tableConfig.total"
-          @currentChange="handleCurrentChange"
-          @sizeChange="handleSizeChange"
-        />
       </div>
     </el-card>
     <!-- 规则详情弹窗 -->
     <el-drawer :visible.sync="dialogOptions.visible" size="50%" :title="dialogOptions.title">
       <!-- diglog 弹窗内容组件 -->
-      <component
+      <component class="container" v-if="dialogOptions.visible" :is="dialogOptions.currentComponent" :data="tableData"
-        class="container"
+                 :columns="columns" :currentRow="dialogOptions.currentRow" />
-        v-if="dialogOptions.visible"
-        :is="dialogOptions.currentComponent"
-        :data="tableData"
-        :columns="columns"
-        :currentRow="dialogOptions.currentRow"
-      />
     </el-drawer>
   </div>
 </template>

src/views/track/Index.vue

@@ -63,14 +63,6 @@ export default {
     }
   },
   computed: {
-    /**
-     * 获取知识文件名称列表
-     */
-    getKnowledgeNameList() {
-      // 进行去重处理
-      const knowledgeNameList = [...new Set(this.tableData.map(item => item.fileName))]
-      return knowledgeNameList
-    },
     /**
      * 获取上传用户列表
      */
@@ -89,12 +81,14 @@ export default {
     },
     /**
      * 格式化上传时间
-     * @returns {string} 格式化后的日期字符串 格式是 年-月-日
+     * @returns {string[]} 格式化后的日期字符串 格式是 年-月-日
      */
     formattedDate() {
       if (!this.form.taskTime || this.form.taskTime.length !== 2) return ''
 
-      return [`${this.form.taskTime[0].getFullYear()}-${this.form.taskTime[0].getMonth() + 1}-${this.form.taskTime[0].getDate()}`, `${this.form.taskTime[1].getFullYear()}-${this.form.taskTime[1].getMonth() + 1}-${this.form.taskTime[1].getDate()}`]
+      return this.form.taskTime.map(date => {
+        return `${new Date(date).getFullYear()}-${String(new Date(date).getMonth() + 1).padStart(2, '0')}-${String(new Date(date).getDate()).padStart(2, '0')}`
+      })
     }
   },
   methods: {
@@ -136,7 +130,8 @@ export default {
         // // 上传状态
         // documentStatus: this.form.documentStatus,
         // // 任务时间
-        times: this.formattedDate,
+        startCreatedDate: this.formattedDate[0],
+        endCreatedDate: this.formattedDate[1],
         fileNameLike: this.form.fileName,
         documentStatus: this.form.documentStatus
       }
@@ -232,14 +227,8 @@ export default {
           </el-col>
           <el-col :span="8">
             <el-form-item label="任务时间">
-              <el-date-picker
+              <el-date-picker v-model="form.taskTime" type="daterange" unlink-panels range-separator="至"
-                v-model="form.taskTime"
+                              start-placeholder="开始日期" end-placeholder="结束日期">
-                type="daterange"
-                unlink-panels
-                range-separator="至"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-              >
               </el-date-picker>
             </el-form-item>
           </el-col>
@@ -254,14 +243,10 @@ export default {
 
       <!-- 任务列表 -->
       <div>
-        <r-table
+        <r-table :columns="tableConfig.columns" :data="tableData" :deletion="false" :total="tableConfig.total"
-          :columns="tableConfig.columns"
+                 @currentChange="handleCurrentChange" @sizeChange="handleSizeChange"
-          :data="tableData"
+                 :currentPage="tableConfig.currentPage"
-          :deletion="false"
+                 :pageSize="tableConfig.pageSize" />
-          :total="tableConfig.total"
-          @currentChange="handleCurrentChange"
-          @sizeChange="handleSizeChange"
-        />
 
         <!-- 弹出提示框， 里面是各种详情内容 -->
         <el-drawer title="上传任务详情" :visible.sync="infoDialogVisible" size="80%"