From 94a3a7b9086c39b6c1cb1e3a0a55e1840beda549 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BD=97=E6=96=8C=E6=9D=B0?= <>
Date: Fri, 8 Nov 2024 18:36:30 +0800
Subject: [PATCH] ui

---
 src/components/doctorCheck/CheckItemList.vue | 185 ++++++++++++++-----
 src/components/follow/FollowList.vue         |  30 ++-
 2 files changed, 165 insertions(+), 50 deletions(-)

diff --git a/src/components/doctorCheck/CheckItemList.vue b/src/components/doctorCheck/CheckItemList.vue
index a42bd6c..e0b4d22 100644
--- a/src/components/doctorCheck/CheckItemList.vue
+++ b/src/components/doctorCheck/CheckItemList.vue
@@ -44,34 +44,46 @@
               size="small"
               >P</el-button
             >
-            <!-- <el-popover placement="top-end" width="500" trigger="click" :title="scope.row.itemName">
+            <el-button
+              style="min-width: 23px; padding: 5.8px; margin-left: 2px"
+              :disabled="rowResultDisabled(scope.row)"
+              @click="btnPacsRessulst(scope.row)"
+              size="small"
+              >S</el-button
+            >
+            <!-- <el-popover
+              placement="top-end"
+              width="500"
+              trigger="click"
+              :title="scope.row.itemName"
+            >
               <el-tabs v-model="activeName">
                 <el-tab-pane label="文字结果" name="first">
                   <el-table :data="gridData">
                     <el-table-column
-                      width="150"
-                      property="date"
-                      label="日期"
+                      property="checkDate"
+                      label="检查日期"
+                      align="center"
                     ></el-table-column>
                     <el-table-column
-                      width="100"
-                      property="name"
-                      label="姓名"
-                    ></el-table-column>
-                    <el-table-column
-                      width="300"
-                      property="address"
-                      label="地址"
+                      property="itemResult"
+                      label="项目结果"
+                      align="center"
                     ></el-table-column>
                   </el-table>
                 </el-tab-pane>
-                <el-tab-pane label="折线图" name="second"></el-tab-pane>
+                <el-tab-pane label="折线图" name="second">
+                  <div
+                    style="height: 200px; width: 200px"
+                    ref="chart"
+                  ></div>
+                </el-tab-pane>
               </el-tabs>
               <el-button
                 slot="reference"
                 style="min-width: 23px; padding: 5.8px; margin-left: 2px"
                 :disabled="rowResultDisabled(scope.row)"
-                @click="btnPacsRessulst(scope.row, scope.$index)"
+                @click="btnPacsRessulst(scope.row)"
                 size="small"
                 >S</el-button
               >
@@ -262,6 +274,35 @@
           :refFuncOther="handlePacsResult"
         />
       </el-dialog>
+
+          <el-dialog
+      :title="curRow.itemName"
+      :visible.sync="previousResults"
+      width="500px"
+      :close-on-click-modal="true"
+      :show-close="false"
+      @close="resultsclose"
+    >
+      <el-tabs v-model="activeName">
+        <el-tab-pane label="文字结果" name="first">
+          <el-table :data="gridData">
+            <el-table-column
+              property="checkDate"
+              label="检查日期"
+              align="center"
+            ></el-table-column>
+            <el-table-column
+              property="itemResult"
+              label="项目结果"
+              align="center"
+            ></el-table-column>
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="折线图" name="second">
+          <div style="height: 400px; width: 500px" ref="chart1"></div>
+        </el-tab-pane>
+      </el-tabs>
+    </el-dialog>
     </div>
   </div>
 </template>
@@ -271,7 +312,7 @@ import { mapState } from "vuex";
 import { getapi, postapi, putapi, deletapi } from "@/api/api";
 import { arrayExistObj, dddw, deepCopy } from "../../utlis/proFunc";
 import PacsTemplate from "./PacsTemplate.vue";
-
+import * as echarts from "echarts";
 export default {
   components: {
     PacsTemplate,
@@ -280,28 +321,8 @@ export default {
   data() {
     return {
       activeName: "first",
-      gridData: [
-        {
-          date: "2016-05-02",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-04",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-01",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-        {
-          date: "2016-05-03",
-          name: "王小虎",
-          address: "上海市普陀区金沙江路 1518 弄",
-        },
-      ],
+      previousResults:false,
+      gridData: [],
       resultStatus: [], //结果状态提示数据
       tipsNormal: {
         id: "01",
@@ -353,6 +374,7 @@ export default {
         result: "",
         summary: "",
       },
+      curRow:{}
     };
   },
 
@@ -448,9 +470,90 @@ export default {
         }
       });
     },
-    btnPacsRessulst(row, index) {
-      console.log("显示", row);
+    btnPacsRessulst(row) {
+      this.curRow = row;
+      postapi("/api/app/RegisterCheckItem/GetItemTwoHistoricalResults", {
+        registerCheckId: row.registerCheckId,
+        itemId: row.itemId,
+      }).then((res) => {
+        if (res.code != -1) {
+          this.previousResults=true
+          this.gridData = res.data;
+          this.$nextTick(()=>{
+            this.initEcharts();
+          })
+        }
+      });
+    },
+    initEcharts() {
+      let yAxisData = [];
+      let xAxisData = [];
+      for(let i=0;i<this.gridData.length;i++){
+        if(this.gridData[i].checkDate){
+          xAxisData.push(this.gridData[i].checkDate)
+          yAxisData.push(this.gridData[i].itemResult)
+        }
+      }
+      let myChart = echarts.init(this.$refs.chart1);
+      let option1 = {
+        tooltip: {
+          trigger: "axis",
+          confine: true,
+        },
+        legend: {
+          type: "scroll",
+          orient: "horizontal", // 垂直
+          right: "3%", // 左对齐
+          top: "0%", // 位于顶部
+        },
+        grid: {
+          show: false,
+          left: "2%",
+          right: "2%",
+          top: "6%",
+          bottom: "0%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "category",
+          data: xAxisData,
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+          axisLine: {
+            show: true,
+          },
+        },
+        yAxis: {
+          type: "value",
+          axisLabel: {
+            textStyle: {
+              fontSize: "14",
+            },
+          },
+        },
+        series: [
+          {
+            name: "项目结果",
+            type: "line",
+            data: yAxisData,
+          },
+        ],
+      };
+      myChart.setOption(option1)
+    },
+    resultsclose(){
+      this.activeName="first"
     },
+    // chartTabs(tab) {
+    //   if (tab.name == "second") {
+    //     this.$nextTick(() => {
+    //       this.initEcharts();
+    //     });
+    //   }
+    // },
     // 颜色转换
     // displayName: "错误",
     // dataInputPrompt: "×",
@@ -702,8 +805,6 @@ export default {
       this.dialogWinPacsTemplate = true;
     },
 
-
-
     // 双击选择结果模版的结果
     dblclickResult(item) {
       this.moreResult.result = "";
@@ -750,7 +851,7 @@ export default {
     // 处理 pacs 结果录入的情况
     handlePacsResult(row, index, pacsResult) {
       // console.log('row,index,pacsResult', row, index, pacsResult)
-      // this.doctorCheck.checkItemList[index].result = pacsResult.result; 
+      // this.doctorCheck.checkItemList[index].result = pacsResult.result;
       this.doctorCheck.checkSummaryList = [
         {
           id: Math.random(),
diff --git a/src/components/follow/FollowList.vue b/src/components/follow/FollowList.vue
index a25cc8c..4796f81 100644
--- a/src/components/follow/FollowList.vue
+++ b/src/components/follow/FollowList.vue
@@ -29,16 +29,30 @@
             <el-table-column prop="sexName" label="性别" width="50" align="center" />
             <el-table-column prop="birthDate" label="出生日期" width="90" align="center" />
             <el-table-column prop="age" label="年龄" width="50" align="center" />
-            <el-table-column prop="isSmsComplete" label="短信随访创建完成" width="200">
+            <el-table-column prop="abnormalAsbitemDetail" label="组合项目异常" width="200">
               <template slot-scope="scope">
-                <el-checkbox v-model="scope.row.isSmsComplete" disabled true-label="Y" false-label="N"></el-checkbox>
+                <div v-for="(item,index) in scope.row.abnormalAsbitemDetail" :key="index">
+                  {{item.asbitemName+' '+item.isCriticalValue+' '+item.isReview}}
+                </div>
               </template>
             </el-table-column>
-            <el-table-column prop="isPhoneComplete" label="电话随访创建完成" width="200">
+            <el-table-column prop="abnormalItemDetail" label="项目异常" width="200">
               <template slot-scope="scope">
-                 <el-checkbox v-model="scope.row.isPhoneComplete" disabled true-label="Y" false-label="N"></el-checkbox>
+                <div v-for="(item,index) in scope.row.abnormalItemDetail" :key="index">
+                  {{item.itemName+' '+item.isCriticalValue+' '+item.isReview}}
+                </div>
               </template>
             </el-table-column>
+            <el-table-column prop="isSmsComplete" label="短信随访创建完成" width="200">
+              <!-- <template slot-scope="scope">
+                <el-checkbox v-model="scope.row.isSmsComplete" disabled true-label="Y" false-label="N"></el-checkbox>
+              </template> -->
+            </el-table-column>
+            <el-table-column prop="isPhoneComplete" label="电话随访创建完成" width="200">
+              <!-- <template slot-scope="scope">
+                 <el-checkbox v-model="scope.row.isPhoneComplete" disabled true-label="Y" false-label="N"></el-checkbox>
+              </template> -->
+            </el-table-column>
             <el-table-column prop="jobCardNo" label="工卡号" width="90" align="center" />
             <el-table-column prop="medicalCardNo" label="体检卡号" width="90" align="center" />
             <el-table-column prop="maritalStatusName" label="婚姻状况" width="90" align="center" />
@@ -47,9 +61,9 @@
             <el-table-column prop="jobPost" label="职务" width="90" align="center" />
             <el-table-column prop="jobTitle" label="职称" width="90" align="center" />
             <el-table-column prop="isUpload" label="上传WEB" width="90" align="center">
-              <template slot-scope="scope">
+              <!-- <template slot-scope="scope">
                  <el-checkbox v-model="scope.row.isUpload" disabled true-label="Y" false-label="N"></el-checkbox>
-              </template>
+              </template> -->
             </el-table-column>
             <el-table-column prop="completeFlag" label="状态" width="90" align="center">
               <template slot-scope="scope">
@@ -57,9 +71,9 @@
               </template>
             </el-table-column>
             <el-table-column prop="isMedicalStart" label="开始标志" width="90" align="center">
-              <template slot-scope="scope">
+              <!-- <template slot-scope="scope">
                 <el-checkbox v-model="scope.row.isMedicalStart" disabled true-label="Y" false-label="N"></el-checkbox>
-              </template>
+              </template> -->
             </el-table-column>
             <el-table-column prop="medicalStartDate" label="开始日期" width="90" align="center" />
             <el-table-column prop="patientNo" label="档案号" width="90" align="center" />