2025.6.13

riku

2025-06-13 b2f563e557d7b19334b6591a00001e3fb522da21

 src/views/management/TaskSummary.vue

@@ -1,7 +1,7 @@
<template>
  <BaseCard>
  <!-- <BaseCard> -->
    <el-row> 巡查汇总 </el-row>
    <el-segmented v-model="value" :options="options" />
  <el-segmented v-model="value" :options="options" block />
    <div><el-text tag="i"> 评估 </el-text></div>
    <el-row justify="space-evenly">
      <div>
@@ -62,34 +62,45 @@
      <el-statistic title="已整改" :value="2" :value-style="styleGreen"> </el-statistic>
      <el-statistic title="待确认" :value="2" :value-style="styleGreen"> </el-statistic>
    </el-row>
  </BaseCard>
  <!-- </BaseCard> -->
</template>

<script>
export default {
  props: {
<script setup>
import { ref } from 'vue'
import dayjs from 'dayjs'
import taskApi from '@/api/fysp/taskApi.js'

const props = defineProps({
    height: String
  },
  emits: ['update:height'],
  data() {
    return {
      value: '今日汇总',
      options: ['今日汇总', '周度汇总', '月度汇总', '季度汇总', '年度汇总'],
      styleRed: 'color:var(--el-color-danger);',
      styleYellow: 'color:var(--el-color-warning);',
      styleGreen: 'color:var(--el-color-success);'
})

const emits = defineEmits(['update:height'])

const alue = '今日汇总'
const ptions = ['今日汇总', '周度汇总', '月度汇总', '季度汇总', '年度汇总']
const tyleRed = 'color:var(--el-color-danger);'
const tyleYellow = 'color:var(--el-color-warning);'
const tyleGreen = 'color:var(--el-color-success);'

function name(params) {
  const d = dayjs()
  const area = {
    starttime: d.startOf('day').format('YYYY-MM-DD HH:mm:ss'),
    endtime: d.endOf(type).format('YYYY-MM-DD HH:mm:ss')
    }
  },
  mounted() {}

  taskApi.fetchSubtaskSummaryByArea(this.area).then((res) => {
    this.subtaskList = res.data
  })
}
</script>

<style scoped>
.el-segmented {
/* .el-segmented {
  --el-segmented-item-selected-color: var(--el-text-color-primary);
  --el-segmented-item-selected-bg-color: #ffd100;
  --el-border-radius-base: 16px;
}
} */

.el-statistic {
  --el-statistic-content-font-size: var(--el-font-size-base);