|
@@ -47,7 +47,7 @@
|
|
|
v-for="(item, index) in screeningProgress"
|
|
|
:key="index"
|
|
|
:text="item.name"
|
|
|
- :percentage="item.value"
|
|
|
+ :percentage="Number(item.value)"
|
|
|
/>
|
|
|
</div></div
|
|
|
></el-row>
|
|
@@ -68,17 +68,17 @@
|
|
|
<el-col :span="8" class=""
|
|
|
><div class="div1 w-[99%] h-[100%] rd-[20px]">
|
|
|
<IndexSmallTitle title="训练时长分布" class="absolute top-[15px] left-[715px]" />
|
|
|
- <IndexBarS class="pt-[50px]" :x-data="riskLevelDatas.xData" :y-data="riskLevelData.yData" /></div
|
|
|
+ <IndexBarS class="pt-[50px]" :x-data="riskLevelDatas.xData" :y-data="riskLevelDatas.yData" /></div
|
|
|
></el-col>
|
|
|
<el-col :span="8" class="overflow-hidden"
|
|
|
><div class="div1 w-[99%] h-[100%] rd-[20px] overflow-hidden">
|
|
|
<IndexSmallTitle title="训练情况概述" class="absolute top-[15px] right-[455px] z-99" />
|
|
|
- <div>
|
|
|
- <el-table class="pt-[60px]" :data="tableData" height="80%" border>
|
|
|
+ <div style="padding: 10px; height: 255px; overflow: auto">
|
|
|
+ <el-table class="pt-[60px]" :data="tableData" height="100%" border>
|
|
|
<el-table-column prop="name" fixed label="姓名" width="80" />
|
|
|
- <el-table-column prop="name" label="训练项目" width="120" />
|
|
|
- <el-table-column prop="name" label="平均训练时长" width="120" />
|
|
|
- <el-table-column prop="name" label="状态" />
|
|
|
+ <el-table-column prop="item" label="训练项目" width="120" />
|
|
|
+ <el-table-column prop="duration" label="平均训练时长" width="120" />
|
|
|
+ <el-table-column prop="status" label="状态" />
|
|
|
</el-table>
|
|
|
</div></div
|
|
|
></el-col>
|
|
@@ -140,19 +140,19 @@
|
|
|
</div>
|
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="6" :xs="24">
|
|
|
- <div class="flex h-full items-center justify-around">
|
|
|
- <el-statistic v-for="item in statisticData" :key="item.key" :value="item.value">
|
|
|
- <template #title>
|
|
|
- <div class="flex items-center">
|
|
|
- <svg-icon :icon-class="item.iconClass" size="20px" />
|
|
|
- <span class="text-[16px] ml-[4px]">{{ item.title }}</span>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template v-if="item.suffix" #suffix>/100</template>
|
|
|
- </el-statistic>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
+ <!-- <el-col :span="6" :xs="24">-->
|
|
|
+ <!-- <div class="flex h-full items-center justify-around">-->
|
|
|
+ <!-- <el-statistic v-for="item in statisticData" :key="item.key" :value="item.value">-->
|
|
|
+ <!-- <template #title>-->
|
|
|
+ <!-- <div class="flex items-center">-->
|
|
|
+ <!-- <svg-icon :icon-class="item.iconClass" size="20px" />-->
|
|
|
+ <!-- <span class="text-[16px] ml-[4px]">{{ item.title }}</span>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- <template v-if="item.suffix" #suffix>/100</template>-->
|
|
|
+ <!-- </el-statistic>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <!-- </el-col>-->
|
|
|
</el-row>
|
|
|
</el-card>
|
|
|
</div>
|
|
@@ -202,13 +202,7 @@ const dynamicData = ref({
|
|
|
})
|
|
|
const groupEvaluationRatioData = ref([
|
|
|
{ name: '已完成', value: 40 },
|
|
|
- { name: '2', value: 20 },
|
|
|
- { name: '3', value: 20 },
|
|
|
- { name: '4', value: 20 },
|
|
|
- { name: '5', value: 20 },
|
|
|
- { name: '6', value: 20 },
|
|
|
- { name: '7', value: 20 },
|
|
|
- { name: '8', value: 20 },
|
|
|
+ { name: '未完成', value: 20 },
|
|
|
{ name: '未开始', value: 40 }
|
|
|
])
|
|
|
function findDoctors() {
|
|
@@ -234,11 +228,15 @@ function findDoctors() {
|
|
|
})
|
|
|
HomeAPI.patPatPlanInfo({}).then((res) => {
|
|
|
console.log(res, 'res训练情况概览')
|
|
|
- // tableData.value = res
|
|
|
+ tableData.value = res
|
|
|
})
|
|
|
HomeAPI.patPlanInfo({}).then((res) => {
|
|
|
console.log(res, 'res训练完成度概览')
|
|
|
- groupEvaluationRatioData.value = res
|
|
|
+ groupEvaluationRatioData.value = [
|
|
|
+ { name: '已完成', value: res.finishCount },
|
|
|
+ { name: '未完成', value: res.unFinishCount },
|
|
|
+ { name: '未开始', value: res.unStartCount }
|
|
|
+ ]
|
|
|
})
|
|
|
HomeAPI.patTrainingProgress({}).then((res) => {
|
|
|
console.log(res, 'res实时患者训练进度')
|
|
@@ -250,7 +248,19 @@ function findDoctors() {
|
|
|
})
|
|
|
HomeAPI.planTrendInfo({}).then((res) => {
|
|
|
console.log(res, 'res训练趋势')
|
|
|
- // dynamicData.value = res
|
|
|
+ let xData = []
|
|
|
+ let yData = []
|
|
|
+ Object.keys(res).forEach((key) => {
|
|
|
+ xData.push(key)
|
|
|
+ yData.push(res[key])
|
|
|
+ })
|
|
|
+ console.log(yData)
|
|
|
+ dynamicData.value = {
|
|
|
+ // 动态数据
|
|
|
+ xData: xData,
|
|
|
+ yData: [yData, yData],
|
|
|
+ names: yData
|
|
|
+ }
|
|
|
})
|
|
|
}
|
|
|
async function exec() {
|