修改 任务管理页面

src/views/task/on/components/systemReview.vue

+<template>
+  <!-- 任务管理-当前任务-体系审查 -->
+  <div class="system-review">
+    <el-form
+      v-show="showSearch"
+      ref="queryForm"
+      :model="queryParams"
+      size="small"
+      :inline="true"
+    >
+      <el-form-item prop="deptName">
+        <el-input
+          v-model="queryParams.deptName"
+          placeholder="输入搜索关键词"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item prop="dateRange">
+        <el-date-picker
+          v-model="queryParams.dateRange"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        />
+      </el-form-item>
+      <el-form-item prop="status">
+        <el-input
+          v-model="queryParams.deptName"
+          placeholder="任务状态"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">
+          重置
+        </el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      v-if="refreshTable"
+      v-loading="loading"
+      style="width: 100%; min-height: 50vh"
+      border
+      :data="tableData"
+    >
+      <el-table-column label="开始时间" align="left" prop="createTime">
+        <template slot-scope="{ row }">
+          <span>{{ parseTime(row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="任务编号" align="left" prop="createTime" />
+      <el-table-column label="任务名称" align="left" prop="createTime" />
+      <el-table-column label="任务组长" align="left" prop="createTime" />
+      <el-table-column label="任务状态" align="left" prop="status">
+        <template slot-scope="scope">
+          <div class="task-status" @click="handleNotStarted(scope)">
+            <div class="t0">
+              <div>● 未开始</div>
+            </div>
+            <div class="t1">
+              <div>● 进行中</div>
+            </div>
+            <div class="t2">
+              <div>● 暂停</div>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="紧要程度" align="left" prop="createTime">
+        <template>紧急</template>
+      </el-table-column>
+      <el-table-column label="审查问卷" align="left" prop="createTime">
+        <template slot-scope="scope">
+          <div v-if="(scope.$index + 1) % 2 == 0" class="task-status">
+            <div>
+              <div @click="handleCheckQuestionnaire">确定结果</div>
+            </div>
+          </div>
+          <div v-else-if="(scope.$index + 1) % 2 == 1">
+            <a @click="handleWriteQuestionnaire(scope)">填写问卷</a>
+          </div>
+          <div v-else>
+            <a>查看问卷</a>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="完成进度"
+        width="200"
+        align="left"
+        prop="createTime"
+      >
+        <template slot-scope="{ row }">
+          <el-progress
+            :percentage="50"
+            @click="handleProgress(row)"
+          ></el-progress>
+        </template>
+      </el-table-column>
+
+      <el-table-column
+        label="操作"
+        align="left"
+        width="120"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="{ row }">
+          <div class="button-list">
+            <div class="button-item b1" @click="handleCeshi(row)">
+              <i class="iconfont icon-kaishi"></i>
+            </div>
+            <div class="button-item b2">
+              <i class="iconfont icon-fenxiang"></i>
+            </div>
+            <div class="button-item b3">
+              <i class="iconfont icon-feiji"></i>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.page"
+      :limit.sync="queryParams.size"
+      @pagination="loadData"
+    />
+  </div>
+</template>
+
+<script>
+import page from '@/mixins/page'
+import { parseTime } from '@/utils/ruoyi'
+export default {
+  name: 'SystemReview',
+  mixins: [page],
+  dicts: ['sys_task_status'],
+  data() {
+    return {
+      listUrl: '/system/role/list',
+      showSearch: true,
+      tableData: [],
+      queryParams: {
+        status: 0
+      }
+    }
+  },
+  methods: {
+    parseTime,
+    handleAdd() {},
+    handleDelete() {},
+    handleUpdate() {},
+    // 点击填写问卷按钮回调函数
+    handleWriteQuestionnaire(scope) {
+      this.$router.push({
+        path: '/task/questionnaire'
+      })
+    },
+    // 点击确认审查结果
+    handleCheckQuestionnaire() {
+      this.$router.push({
+        path: '/task/confirm-result'
+      })
+    },
+    handleCeshi(row) {},
+    handleProgress(row) {},
+    handleNotStarted(scope) {}
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.system-review {
+}
+</style>

src/views/task/on/components/vehicleModelEvaluation.vue

+<template>
+  <!-- 任务管理-当前任务-车型测评 -->
+  <div class="vehicle-model-evaluation"></div>
+</template>
+
+<script>
+export default {
+  name: 'VehicleModelEvaluation'
+}
+</script>
+
+<style lang="scss" scoped>
+.vehicle-model-evaluation {
+}
+</style>

src/views/task/on/index.vue

 <template>
   <page-standard>
-    <div class="mb10">
-      <el-radio-group v-model="queryParams.status" @change="handleQuery()">
-        <el-radio-button :label="0">全部任务</el-radio-button>
-        <el-radio-button
-          v-for="dict in dict.type.sys_task_status"
-          :key="dict.value"
-          :label="dict.value"
-        >
-          {{ dict.label }}
-        </el-radio-button>
-      </el-radio-group>
+    <div slot="tab">
+      <div class="mb10">
+        <el-radio-group v-model="taskType">
+          <el-radio-button label="0">体系审查</el-radio-button>
+          <el-radio-button label="1">车型测评</el-radio-button>
+        </el-radio-group>
+      </div>
     </div>
-    <el-form
-      v-show="showSearch"
-      ref="queryForm"
-      :model="queryParams"
-      size="small"
-      :inline="true"
-    >
-      <el-form-item label="部门名称" prop="deptName">
-        <el-input
-          v-model="queryParams.deptName"
-          placeholder="请输入部门名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="状态" prop="status">
-        <el-input
-          v-model="queryParams.deptName"
-          placeholder="请输入部门名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button
-          type="primary"
-          icon="el-icon-search"
-          size="mini"
-          @click="handleQuery"
-          >搜索</el-button
-        >
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">
-          重置
-        </el-button>
-      </el-form-item>
-    </el-form>
-    <el-table
-      v-if="refreshTable"
-      v-loading="loading"
-      style="width: 100%; min-height: 50vh"
-      border
-      :data="tableData"
-    >
-      <el-table-column width="100" label="序号" align="center">
-        <template slot-scope="scope">
-          <span>{{ scope.$index + 1 }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="开始时间" align="left" prop="createTime">
-        <template slot-scope="{ row }">
-          <span>{{ parseTime(row.createTime) }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="任务名称" align="left" prop="createTime" />
-      <el-table-column label="任务组长" align="left" prop="createTime" />
-      <el-table-column label="任务状态" align="left" prop="status">
-        <template slot-scope="scope">
-          <div class="task-status" @click="handleNotStarted(scope)">
-            <div class="t0">
-              <div>● 未开始</div>
-            </div>
-            <div class="t1">
-              <div>● 进行中</div>
-            </div>
-            <div class="t2">
-              <div>● 暂停</div>
-            </div>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column label="紧要程度" align="left" prop="createTime">
-        <template>紧急</template>
-      </el-table-column>
-      <el-table-column label="审查问卷" align="left" prop="createTime">
-        <template slot-scope="scope">
-          <div v-if="(scope.$index + 1) % 2 == 0" class="task-status">
-            <div>
-              <div @click="handleCheckQuestionnaire">确定结果</div>
-            </div>
-          </div>
-          <div v-else-if="(scope.$index + 1) % 2 == 1">
-            <a @click="handleWriteQuestionnaire(scope)">填写问卷</a>
-          </div>
-          <div v-else>
-            <a>查看问卷</a>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="完成进度"
-        width="200"
-        align="left"
-        prop="createTime"
-      >
-        <template slot-scope="{ row }">
-          <el-progress
-            :percentage="50"
-            @click="handleProgress(row)"
-          ></el-progress>
-        </template>
-      </el-table-column>
-
-      <el-table-column
-        label="操作"
-        align="left"
-        width="120"
-        class-name="small-padding fixed-width"
-      >
-        <template slot-scope="{ row }">
-          <div class="button-list">
-            <div class="button-item b1" @click="handleCeshi(row)">
-              <i class="iconfont icon-kaishi"></i>
-            </div>
-            <div class="button-item b2">
-              <i class="iconfont icon-fenxiang"></i>
-            </div>
-            <div class="button-item b3">
-              <i class="iconfont icon-feiji"></i>
-            </div>
-          </div>
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.page"
-      :limit.sync="queryParams.size"
-      @pagination="loadData"
-    />
+    <systemReview v-show="taskType === '0'" />
+    <vehicleModelEvaluation v-show="taskType === '1'" />
   </page-standard>
 </template>
 <script>
-import page from '@/mixins/page'
-import { parseTime } from '../../../utils/ruoyi'
+import systemReview from './components/systemReview'
+import vehicleModelEvaluation from './components/vehicleModelEvaluation'
 export default {
-  mixins: [page],
-  dicts: ['sys_task_status'],
+  name: 'Index',
+  components: {
+    systemReview,
+    vehicleModelEvaluation
+  },
   data() {
     return {
-      listUrl: '/system/role/list',
-      showSearch: true,
-      tableData: [],
-      queryParams: {
-        status: 0
-      }
+      taskType: '0'
     }
   },
-  methods: {
-    parseTime,
-    handleAdd() {},
-    handleDelete() {},
-    handleUpdate() {},
-    // 点击填写问卷按钮回调函数
-    handleWriteQuestionnaire(scope) {
-      this.$router.push({
-        path: '/task/questionnaire'
-      })
-    },
-    // 点击确认审查结果
-    handleCheckQuestionnaire() {
-      this.$router.push({
-        path: '/task/confirm-result'
-      })
-    },
-    handleCeshi(row) {},
-    handleProgress(row) {},
-    handleNotStarted(scope) {}
-  }
+  methods: {}
 }
 </script>