feart: 历史健康度开发

src/views/hl/bm/component/widget/timeDetail.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="time-detail-container">
-    <el-table :data="hsData" border :style="`width: ${hmsDetailData.length?50:100}%`" max-height="500">
+    <el-table :data="hsData" border :style="`width: ${hmsVisible?50:100}%`" max-height="500">
       <el-table-column label="对象类型" width="130">
         <template #default="scope">
           <dict-tag :options="biz_type" :value="scope.row.objType"/>
@@ -25,12 +25,22 @@
         </template>
       </el-table-column>
     </el-table>
-    <el-table :data="hmsDetailData" style="width: 48%" border>
-      <el-table-column label="指标名称" prop="metricsName"/>
-      <el-table-column label="指标编码" prop="metricsCode" width="100"/>
-      <el-table-column label="健康度分值" prop="metricsName" width="100"/>
-      <el-table-column label="评分标准" prop="metricsName" width="80"/>
-      <el-table-column label="得分" prop="metricsName" width="80"/>
+    <el-table :data="hmsDetailData" style="width: 48%" border v-if="hmsVisible">
+      <el-table-column label="指标名称" prop="metricsName" width="150"/>
+      <el-table-column label="指标编码" prop="metricsCode"/>
+      <el-table-column label="健康度分值" prop="hlScore" width="100"/>
+      <el-table-column label="评分标准" width="120">
+        <template #default="scope">
+          <dict-tag :options="score_stand" :value="scope.row.hlStand"/>
+        </template>
+      </el-table-column>
+      <el-table-column label="得分"  width="60" align="center">
+        <template #default="scope">
+          <span :class="{'error':scope.row.score != scope.row.hlScore}">
+            {{scope.row.score}}
+          </span>
+        </template>
+      </el-table-column>
     </el-table>
   </div>
 
@@ -42,8 +52,10 @@ import {hcsDetails} from "@/api/hl/hcs"
 import {listHmsDetails} from "@/api/hl/hms"
 const props = defineProps(['rowData'])
 const {biz_type,metrics_small_type} = proxy.useDict('biz_type','metrics_small_type');
+const { score_stand } = proxy.useDict('score_stand');
 const hsData = ref([])
 const hmsDetailData = ref([])
+const hmsVisible=ref(false)
 
 onMounted(()=>{
   getDetail()
@@ -52,6 +64,7 @@ onMounted(()=>{
 async function handleDetail(row){
   const res = await listHmsDetails(row.scoreClassId)
   hmsDetailData.value = res.data
+  hmsVisible.value = true
 }
 
 async function getDetail(){
@@ -67,5 +80,9 @@ async function getDetail(){
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
+  .error{
+    color:#e43;
+    font-weight: bold;
+  }
 }
 </style>