<template>
  <div class="space-y-4 p-4 pl-0">
    <div class="bg-white shadow mb-4">
      <div class="border-0 border-b border-solid border-gray-100 p-2">
        设置的评估时间
      </div>
      <div class="p-4"></div>
    </div>
    <div class="bg-white shadow mb-4">
      <div class="border-0 border-b border-solid border-gray-100 p-2">
        上次评估主要存在的问题
      </div>
      <div class="p-4">
        <el-tag>血脂异常</el-tag>
      </div>
    </div>
    <div class="bg-white shadow mb-4">
      <div class="border-0 border-b border-solid border-gray-100 p-2">
        <span>设置的管理目标</span>
      </div>
      <div class="p-4"></div>
    </div>
    <div class="bg-white shadow mb-4">
      <div class="border-0 border-b border-solid border-gray-100 p-2">
        <span>设置的该用户待办事项完成情况</span>
      </div>
      <div class="p-4">
        <div class="space-y-2 text-sm">
          <div
            v-for="(item, index) in 9"
            :key="index"
            :class="{
              'line-through text-gray-500': !(index % 3)
            }"
          >
            2024-3-1 进行1次如下事项：洗脚城按摩 备注：688套餐
          </div>
        </div>
      </div>
    </div>
    <div class="bg-white shadow mb-4">
      <div class="border-0 border-b border-solid border-gray-100 p-2">
        <span>设置的该用户的个性化健康建议</span>
      </div>
      <div class="p-4"></div>
    </div>
  </div>
</template>

<script setup>
import {
  computed,
  watch,
  ref,
  reactive,
  inject,
  onActivated,
  onMounted,
  defineAsyncComponent
} from "vue";
import { useRoute, useRouter } from "vue-router";
import { request, formateArchivesModuleValue, deepClone } from "@/utils";
import Chart from "@/components/Chart.vue";

const route = useRoute();
const router = useRouter();
const init = async () => {};
onMounted(() => {
  init();
});
</script>

<style lang="scss" scoped></style>
