原型制作

riku

2024-06-14 3398aca0f3b5ac513a5fc34146ac9d382dce723b

原型制作

 src/components.d.ts

@@ -24,6 +24,8 @@
    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
    ElSelect: typeof import('element-plus/es')['ElSelect']
    ElStatistic: typeof import('element-plus/es')['ElStatistic']
    ElTable: typeof import('element-plus/es')['ElTable']
    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
    ElTag: typeof import('element-plus/es')['ElTag']
    ElText: typeof import('element-plus/es')['ElText']
    ElTimeline: typeof import('element-plus/es')['ElTimeline']
@@ -40,4 +42,7 @@
    TaskNode: typeof import('./components/inspection/TaskNode.vue')['default']
    TaskSummaryItem: typeof import('./components/inspection/TaskSummaryItem.vue')['default']
  }
  export interface ComponentCustomProperties {
    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
  }
}

 src/views/management/EvaluateSummary.vue

@@ -6,13 +6,62 @@
      <el-statistic title="中风险" :value="10"> </el-statistic>
      <el-statistic title="低风险" :value="10"> </el-statistic>
    </el-row>
    <el-table
      :data="tableData"
      v-loading="loading"
      table-layout="fixed"
      :row-class-name="tableRowClassName"
      :height="tableHeight"
      size="small"
    >
      <el-table-column
        fixed="left"
        prop="name"
        :show-overflow-tooltip="true"
        label="名称"
        width="200"
      >
      </el-table-column>
      <el-table-column prop="planTime" :show-overflow-tooltip="true" label="时间">
      </el-table-column>
      <el-table-column prop="score" :show-overflow-tooltip="true" label="评分" width="60">
      </el-table-column>
      <el-table-column prop="score" :show-overflow-tooltip="true" label="风险" width="60">
      </el-table-column>
    </el-table>
  </div>
</template>

<script setup>
<script>
/**
 * 对完成的任务进行评估风险，显示高风险场景，显示复核的场景的情况
 */
export default {
  data() {
    return {
      tableData: []
    }
  },
  mounted() {
    let i = 0
    while (i < 20) {
      this.tableData.push({
        guid: 'SMuheEkjswioSn7A',
        name: '中科生态数字港项目巡查中科生态数字港项目巡查',
        district: '金山区',
        planTime: '2024-06-04',
        startTime: '2024-06-04 13:31:26',
        endTime: '2024-06-04 13:33:37',
        userName: '朱正强',
        status: '已结束',
        total: 4,
        checked: 2,
        score: 90
      })
      i++
    }
  }
}
</script>

<style scoped></style>