feat(已办任务): init

src/views/processing/processed-review/index.vue

 <template>
-  <!--已办审查平台页面-->
-  <div>
-    已办审查平台页面
-    <div>
-      <el-button
-        v-hasPermi="['processing:review-questionnaire:index']"
-        size="mini"
-        type="primary"
-        icon="el-icon-edit"
-        plain
-        @click="handleScan()"
-        >查看
-      </el-button>
+  <page-standard>
+    <div slot="tab">
+      <el-radio-group v-model="queryParams.type">
+        <el-radio-button
+          v-for="dict in dict.type.sys_detailed_classification"
+          :key="dict.value"
+          :label="dict.value"
+        >
+          {{ dict.label }}
+        </el-radio-button>
+      </el-radio-group>
     </div>
-  </div>
+    <el-form
+      v-show="showSearch"
+      ref="queryForm"
+      :model="queryParams"
+      size="small"
+      :inline="true"
+    >
+      <el-form-item prop="status">
+        <el-input
+          v-model="queryParams.deptName"
+          placeholder="输入搜索关键词"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item prop="status">
+        <el-date-picker
+          v-model="queryParams.deptName"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item prop="status">
+        <el-select
+          v-model="queryParams.status"
+          placeholder="请选择任务状态"
+          clearable
+        >
+          <el-option
+            v-for="dict in dict.type.sys_job_status"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
+      </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-card v-for="(item, index) in tableData" :key="index" class="box-card">
+      <div class="card-cell">
+        <div class="cell-lable">
+          <i class="el-icon-timer"></i>
+          任务周期
+        </div>
+        <div class="cell-value">
+          {{ item.startTime ? item.startTime + '-' + item.startTime : '---' }}
+        </div>
+      </div>
+      <div class="card-cell">
+        <div class="cell-lable">任务编号</div>
+        <div class="cell-value">
+          {{ item.missionNo ? item.missionNo : '---' }}
+        </div>
+      </div>
+      <div class="card-cell">
+        <div class="cell-lable">任务名称</div>
+        <div class="cell-value">
+          <el-link type="primary">{{ item.tit ? item.tit : '---' }}</el-link>
+        </div>
+      </div>
+      <div class="card-cell">
+        <div class="cell-lable">任务组长</div>
+        <div class="cell-value">
+          <i class="el-icon-user"></i>
+          {{ item.owener ? item.owener : '---' }}
+        </div>
+      </div>
+      <div class="card-cell">
+        <div class="cell-lable">归档状态</div>
+        <div v-if="item.costTime === 0" class="cell-value">未归档</div>
+        <div v-else class="cell-value green">● 已归档</div>
+      </div>
+      <div class="card-cell">
+        <div class="cell-lable"></div>
+        <div class="cell-value">
+          <el-button type="success">查看审查问卷</el-button>
+          <el-button type="success">查看审查报告</el-button>
+          <el-button type="success">查看企业留档文件</el-button>
+          <el-button type="success">查看车企文件库</el-button>
+        </div>
+      </div>
+    </el-card>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.page"
+      :limit.sync="queryParams.size"
+      @pagination="loadData"
+    >
+    </pagination>
+  </page-standard>
 </template>
-<!--js逻辑-->
 <script>
+import page from '@/mixins/page'
 export default {
+  dicts: ['sys_job_status', 'sys_scene_type', 'sys_detailed_classification'],
+  mixins: [page],
   data() {
-    return {}
-  },
-  methods: {
-    /* 跳转查看页面*/
-    handleScan() {
-      this.$router.push({ path: '/processing/review-questionnaire' })
+    return {
+      listUrl: '/tasklist',
+      showSearch: true,
+      tableData: []
     }
-  }
+  },
+  watch: {},
+  methods: {}
 }
 </script>
-<!--样式-->
-<style scoped lang="scss"></style>
+<style lang="scss" scoped>
+.card-cell {
+  color: rgb(153, 153, 153);
+  height: 80px;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  justify-content: space-around;
+}
+.box-card {
+  margin-bottom: 31px;
+  ::v-deep .el-card__body {
+    display: flex;
+    justify-content: space-between;
+  }
+  ::v-deep .el-link.is-underline:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 0;
+    bottom: 0;
+    border-bottom: 1px solid #1890ff;
+  }
+  .cell-progress {
+    width: 200px;
+  }
+  .cell-value.green {
+    color: #19be6b;
+  }
+}
+</style>

src/views/processing/unprocessed-review/index.vue

@@ -94,9 +94,9 @@
       </div>
       <div class="card-cell">
         <div class="cell-lable">任务状态</div>
-        <div v-if="item.costTime === 0" class="cell-value">未开始</div>
+        <div v-if="item.costTime === 0" class="cell-value">● 未开始</div>
         <div v-else class="cell-value yellow">
-          已耗时({{ item.costTime }}小时)
+          ● 已耗时({{ item.costTime }}小时)
         </div>
       </div>
       <div class="card-cell">