原型制作

riku

2024-06-14 3398aca0f3b5ac513a5fc34146ac9d382dce723b

 src/views/management/TaskStats.vue

@@ -1,14 +1,34 @@
<template>
  <div class="border-r-small">
    <div class="f-l">各监管区县的巡查完成情况</div>
    <el-row>
      <TaskItem v-for="item in tasks" :key="item.guid" v-bind="item"></TaskItem>
    <div class="font-large">巡查量</div>
    <el-row justify="space-evenly">
      <el-statistic title="今日完成" :value="10"> </el-statistic>
      <el-statistic title="本周完成" :value="10"> </el-statistic>
    </el-row>
    <!-- <el-row> -->
    <TaskItem v-for="item in tasks" :key="item.guid" v-bind="item"></TaskItem>
    <!-- </el-row> -->

    <!-- <el-row>
      <el-col :span="12">
        <SelfInspection></SelfInspection>
      </el-col>
      <el-col :span="12">
        <JointEnforcement></JointEnforcement>
      </el-col>
    </el-row> -->
  </div>
</template>

<script>
import SelfInspection from '@/views/inspection/SelfInspection.vue'
import JointEnforcement from '@/views/inspection/JointEnforcement.vue'

/**
 * 任务完成情况
 */
export default {
  components: { SelfInspection, JointEnforcement },
  data() {
    return {
      tasks: []
@@ -18,7 +38,7 @@
  methods: {},
  mounted() {
    let i = 0
    while (i < 3) {
    while (i < 1) {
      this.tasks.push({
        guid: 'SMuheEkjswioSn7A',
        name: '2024年6月上海市静安区巡查任务',