From b91dbbf536f3aa848c73be5e8ca87c0ff3ebb83d Mon Sep 17 00:00:00 2001
From: bianyaqi <bianyaqi>
Date: Mon, 3 Jul 2023 16:08:12 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9C=BC=E8=BD=B4=E6=8A=98=E7=BA=BF=E5=9B=BE?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90,=E8=A1=A8=E5=8D=95=E5=A2=9E=E5=8A=A0loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                             |   4 +-
 src/mixins/view-module.js                     |   4 +
 .../reservation/subList/index.vue             |   2 +-
 .../optometryManagement/cornea/index.vue      |   2 +-
 .../optometryManagement/dioptric/index.vue    |   9 +-
 .../optometryManagement/seeDoctor/eyeAxis.vue | 212 ++++++++++++++++++
 .../optometryManagement/seeDoctor/index.vue   |   8 +-
 .../seeDoctor/{ok-lens-rgp => }/reviewSum.vue |  69 +++---
 .../outpatientManagement/call/index.vue       |   2 +-
 .../outpatientManagement/treat/index.vue      |   2 +-
 10 files changed, 258 insertions(+), 56 deletions(-)
 create mode 100644 src/page-subspecialty/views/modules/optometryManagement/seeDoctor/eyeAxis.vue
 rename src/page-subspecialty/views/modules/optometryManagement/seeDoctor/{ok-lens-rgp => }/reviewSum.vue (64%)

diff --git a/public/index.html b/public/index.html
index 47688a7..65983e7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -39,8 +39,8 @@
   <% if (process.env.VUE_APP_NODE_ENV === 'dev') { %>
     <script>
     //http://121.36.16.195:9002/huimu-admin/swagger-ui/index.html
-    window.SITE_CONFIG['apiURL'] = 'http://47.110.224.240:8036/xiangan-crf';
-    // window.SITE_CONFIG['apiURL'] = 'http://192.168.0.168:8036/xiangan-crf';
+    // window.SITE_CONFIG['apiURL'] = 'http://47.110.224.240:8036/xiangan-crf';
+    window.SITE_CONFIG['apiURL'] = 'http://192.168.0.168:8036/xiangan-crf';
     // window.SITE_CONFIG['apiURL'] = 'http://192.168.4.174:8036/xiangan-crf';
     </script>
   <% } %>
diff --git a/src/mixins/view-module.js b/src/mixins/view-module.js
index 87e9f07..8604611 100644
--- a/src/mixins/view-module.js
+++ b/src/mixins/view-module.js
@@ -26,6 +26,7 @@ export default {
       page: 1,                    // 当前页码
       limit: 10,                  // 每页数
       total: 0,                   // 总条数
+      buttonDisabled:false,
       dataListLoading: false,     // 数据列表，loading状态
       dataListSelections: [],     // 数据列表，多选项
       addOrUpdateVisible: false,   // 新增／更新，弹窗visible状态
@@ -47,6 +48,7 @@ export default {
     // 获取数据列表
     getDataList() {
       this.dataListLoading = true
+      this.buttonDisabled = true
       let params = {
         page: this.mixinViewModuleOptions.getDataListIsPage ? this.page : null,
         limit: this.mixinViewModuleOptions.getDataListIsPage ? this.limit : null,
@@ -59,6 +61,7 @@ export default {
         }
       ).then(({ data: res }) => {
         this.dataListLoading = false
+        this.buttonDisabled = false
         if (res.code !== 0) {
           this.dataList = []
           this.total = 0
@@ -69,6 +72,7 @@ export default {
         this.total = this.mixinViewModuleOptions.getDataListIsPage ? res.data.total : 0
       }).catch(() => {
         this.dataListLoading = false
+        this.buttonDisabled = false
       }) : ''
     },
     dealObjectValue(obj) {
diff --git a/src/page-subspecialty/views/modules/nurseManagement/reservation/subList/index.vue b/src/page-subspecialty/views/modules/nurseManagement/reservation/subList/index.vue
index 2574670..65cbea4 100644
--- a/src/page-subspecialty/views/modules/nurseManagement/reservation/subList/index.vue
+++ b/src/page-subspecialty/views/modules/nurseManagement/reservation/subList/index.vue
@@ -85,7 +85,7 @@
           >{{ item.label }}</el-button>
         </div>
       </div>
-      <div class="scheduled-patient-content">
+      <div v-loading="dataListLoading" class="scheduled-patient-content">
         <div>
           <el-table
             ref="multipleTable"
diff --git a/src/page-subspecialty/views/modules/optometryManagement/cornea/index.vue b/src/page-subspecialty/views/modules/optometryManagement/cornea/index.vue
index 16ee04b..ffa0717 100644
--- a/src/page-subspecialty/views/modules/optometryManagement/cornea/index.vue
+++ b/src/page-subspecialty/views/modules/optometryManagement/cornea/index.vue
@@ -41,7 +41,7 @@
             </el-button>
           </div>
         </div>
-        <div class="patient-info-content">
+        <div v-loading="dataListLoading" class="patient-info-content">
           <el-table
             ref="multipleTable"
             :data="dataList"
diff --git a/src/page-subspecialty/views/modules/optometryManagement/dioptric/index.vue b/src/page-subspecialty/views/modules/optometryManagement/dioptric/index.vue
index 1603dfe..9878f28 100644
--- a/src/page-subspecialty/views/modules/optometryManagement/dioptric/index.vue
+++ b/src/page-subspecialty/views/modules/optometryManagement/dioptric/index.vue
@@ -40,7 +40,7 @@
               :value="item.value"
             />
           </el-select>
-          <el-button v-for="(item,index) in typeList" :key="index" :class="[curIndex === index ? 'active' : '']" style="margin-left: 0px" size="small" color="white" @click="handleType(item.value, index)">{{ item.label }}</el-button>
+          <el-button v-for="(item,index) in typeList" :key="index" :disabled="buttonDisabled" :class="[curIndex === index ? 'active' : '']" style="margin-left: 0px" size="small" color="white" @click="handleType(item.value, index)">{{ item.label }}</el-button>
         </div>
         <div>
           <el-button type="primary" size="small" @click="handleCallSort()">顺呼</el-button>
@@ -51,7 +51,7 @@
           </el-button>
         </div>
       </div>
-      <div class="patient-info-content">
+      <div v-loading="dataListLoading" class="patient-info-content">
         <el-table
           ref="multipleTable"
           :data="dataList"
@@ -84,7 +84,7 @@
           </el-table-column>
           <el-table-column prop="remark" label="备注" header-align="center" align="center" />
           <el-table-column prop="updateDate" label="就诊时间" header-align="center" align="center" width="165" />
-          <el-table-column prop="callSort" label="排队序号" header-align="center" align="center" width="90"/>
+          <el-table-column prop="callSort" label="排队序号" header-align="center" align="center" width="90" />
           <el-table-column prop="callStatus" label="叫号状态" header-align="center" align="center" width="90">
             <template slot-scope="scope">
               {{ scope.row.callStatus | callStatus }}
@@ -211,6 +211,7 @@ export default {
           value: '400',
           label: '已诊'
         }],
+      disabled: false,
       nextVisitTime: [],
       patientTypeList: [],
       onlyRead: false,
@@ -277,7 +278,7 @@ export default {
           platform: 3
         }
       })
-      if (res.code === 0){
+      if (res.code === 0) {
       } else {
         this.$message.error(res.msg)
       }
diff --git a/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/eyeAxis.vue b/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/eyeAxis.vue
new file mode 100644
index 0000000..bb3e9d6
--- /dev/null
+++ b/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/eyeAxis.vue
@@ -0,0 +1,212 @@
+<template>
+  <div v-loading="loading">
+    <div :id="idName" ref="yanyaRef" :style="{ height: height, width: width }" />
+  </div>
+</template>
+
+<script>
+import moment from 'moment/moment'
+
+export default {
+  name: 'EyeAxis',
+  props: {
+    idName: { type: String, default: 'chart' },
+    width: { type: String, default: '100%' },
+    height: { type: String, default: '200px' },
+    desc: { type: String, default: '' },
+    patientId: {
+      type: String
+    }
+  },
+  data() {
+    return {
+      loading: false,
+      date: [],
+      typeList: {
+        OD: [],
+        OS: [],
+        typeNull: []
+      },
+      chartData: [],
+      legendData: [],
+      seriesData: [],
+      disabled: false
+    }
+  },
+  mounted() {
+    this.queryAxisData()
+  },
+  methods: {
+    queryAxisData() {
+      this.loading = true
+      this.$http.get('hospital/notice/getAllSecDiagInfoByPid', { params: {
+        patientId: this.patientId
+      }}).then(res => {
+        this.loading = false
+        this.chartData = res.data.data.slAndYzList
+        this.initFun()
+      })
+    },
+    initFun() {
+      this.date = []
+      this.typeList = {
+        OD: [],
+        OS: [],
+        typeNull: []
+      }
+      this.legendData = []
+      this.seriesData = []
+      if (this.chartData && this.chartData.length > 0) {
+        this.disabled = false
+        this.chartData.forEach(item => {
+          item.osIol = item.osIol.replace('mm', '')
+          item.odIol = item.odIol.replace('mm', '')
+          this.date.push(moment(item.examTime).format('l'))
+          this.typeList.OD.push([item.examTime, item.odIol])
+          this.legendData[0] = 'OD'
+          this.typeList.OS.push([item.examTime, item.osIol])
+          this.legendData[1] = 'OS'
+        })
+      } else {
+        this.disabled = true
+      }
+      this.$nextTick(() => {
+        this.visionFun()
+      })
+    },
+    visionFun() {
+      // 基于准备好的dom，初始化echarts实例
+      const yanya = this.$echarts.init(document.getElementById(this.idName))
+      var colors = ['#4462FF', '#0DB760', '#000000']
+      Object.keys(this.typeList).forEach((item, index) => {
+        if (this.typeList[item].length > 0) {
+          this.seriesData.push({
+            name: item,
+            type: 'line',
+            // stack: index,
+            data: this.typeList[item],
+            label: {
+              show: true,
+              position: item === 'OD' ? [-25, -30] : [10, -5],
+              backgroundColor: item === 'OD' ? '#4a6bff' : '#0db760',
+              padding: [6, 6],
+              color: '#ffffff',
+              // color: 'rgba(24, 24, 24, 0.1)',
+              borderRadius: 10
+            },
+            smooth: true,
+            itemStyle: {
+              color: colors[index]
+            },
+            symbolSize: 10
+          })
+        }
+      })
+      // 基于准备好的dom，初始化echarts实例
+      yanya.setOption({
+        title: {
+          text: this.desc,
+          textStyle: {
+            'color': '#000000'
+          },
+          left: 10
+        },
+        tooltip: {
+          //   trigger: 'axis'
+          backgroundColor: '#ece6e6',
+          textStyle: {
+            color: '#000000' // 设置文字颜色
+          },
+          formatter(params) {
+            return params.seriesName + '<br/>' + params.data[0] + '&nbsp&nbsp&nbsp' + params.data[1]
+          }
+
+        },
+        legend: {
+          data: this.legendData,
+          icon: 'pin',
+          textStyle: {
+            color: '#000000'
+          },
+          right: 30
+        },
+        dataZoom: [
+          {
+            type: 'inside',
+            disabled: this.disabled,
+            start: 0,
+            end: 100
+          }
+        ],
+        grid: {
+          top: 55,
+          left: 50,
+          right: 50,
+          bottom: 30,
+          containLabel: false
+        },
+        xAxis: {
+          type: 'time',
+          boundaryGap: false,
+          axisLabel: {
+            show: true,
+            showMaxLabel: true,
+            textStyle: {
+              color: '#000000'
+            },
+            formatter: function(value, index) {
+              const showD = moment(value).format('YYYY/M/D')
+              return showD
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: 'rgba(24, 24, 24, 0.1)'
+            }
+          },
+          // 显示网格线
+          splitLine: {
+            show: true
+          }
+        },
+        yAxis: {
+          type: 'value',
+          min: function(value) { // 取最小值向下取整为最小刻度
+            return Math.floor(value.min)
+          },
+          max: function(value) { // 取最大值向上取整为最大刻度
+            return Math.ceil(value.max)
+          },
+          splitNumber: 1, // 分割刻度
+          axisLabel: {
+            show: true,
+            textStyle: {
+              color: '#000000'
+            }
+          },
+          axisLine: {
+            lineStyle: {
+              color: 'rgba(24, 24, 24, 0.1)'
+            }
+          }
+        },
+        series: [
+          ...this.seriesData
+        ]
+      })
+      // 随窗口变化
+      window.addEventListener('resize', () => { yanya.resize() })
+      //  随外层div的大小变化自适应
+      this.$erd.listenTo(this.$refs.yanyaRef, () => {
+        this.$nextTick(() => {
+          yanya.resize()
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/index.vue b/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/index.vue
index 4c2fdde..8eb0051 100644
--- a/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/index.vue
+++ b/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/index.vue
@@ -45,8 +45,8 @@
         <el-tab-pane label="复查汇总" name="reviewSum">
           <review-sum v-if="activeName==='reviewSum'" :patient-id="patientId" />
         </el-tab-pane>
-        <el-tab-pane label="眼轴变化图" name="眼轴变化图">
-          <ok-lens-rgp ref="okLensRgp" :patient-id="patientId" :doctor-list="doctorList" tab-title="LJRJ" />
+        <el-tab-pane label="眼轴变化图" name="eyeAxis">
+          <eye-axis v-if="activeName==='eyeAxis'" :patient-id="patientId" :id-name="'eyeAxis'" />
         </el-tab-pane>
       </el-tabs>
     </div>
@@ -58,10 +58,12 @@ import noticeBook from './informBook' // 告知书
 import review from './review.vue' // 复查情况
 import historyFile from './historyRecord.vue' // 历史档案
 import okLensRgp from './ok-lens-rgp/index.vue'
-import ReviewSum from '@/page-subspecialty/views/modules/optometryManagement/seeDoctor/ok-lens-rgp/reviewSum.vue' // ok镜
+import ReviewSum from '@/page-subspecialty/views/modules/optometryManagement/seeDoctor/reviewSum.vue'
+import EyeAxis from '@/page-subspecialty/views/modules/optometryManagement/seeDoctor/eyeAxis.vue' // ok镜
 
 export default {
   components: {
+    EyeAxis,
     ReviewSum,
     firstVisit,
     okLensRgp,
diff --git a/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/ok-lens-rgp/reviewSum.vue b/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/reviewSum.vue
similarity index 64%
rename from src/page-subspecialty/views/modules/optometryManagement/seeDoctor/ok-lens-rgp/reviewSum.vue
rename to src/page-subspecialty/views/modules/optometryManagement/seeDoctor/reviewSum.vue
index 660f4ce..e9b9f4a 100644
--- a/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/ok-lens-rgp/reviewSum.vue
+++ b/src/page-subspecialty/views/modules/optometryManagement/seeDoctor/reviewSum.vue
@@ -3,10 +3,10 @@
     <head-template>
       <el-button v-print="'cornealPrint'" size="small">打印</el-button>
     </head-template>
-    <div class="notice-content">
+    <div v-loading="loading" class="notice-content">
       <div class="notice-box">
         <div id="cornealPrint" class="notice_tip" style="page-break-after:always">
-          <table class="cornealTable">
+          <table v-if="dataList.length" class="cornealTable">
             <tr style="font-weight: bold">
               <td style="width: 20%">日期</td>
               <td>眼别</td>
@@ -15,18 +15,24 @@
             </tr>
             <template v-for="(item,index) in dataList">
               <tr :key="index" :class="{success:index%2}">
-                <td rowspan="2">{{ item.date }}</td>
+                <td rowspan="2">{{ item.examTime }}</td>
                 <td>OD</td>
-                <td>{{ item.visionOd }}</td>
-                <td>{{ item.eyeAxisOd }}</td>
+                <td>{{ item.odVan }}</td>
+                <td>{{ item.odIol }}</td>
               </tr>
               <tr :key="`_${index}`" :class="{success:index%2}">
                 <td>OS</td>
-                <td>{{ item.visionOs }}</td>
-                <td>{{ item.eyeAxisOs }}</td>
+                <td>{{ item.osVan }}</td>
+                <td>{{ item.osIol }}</td>
               </tr>
             </template>
           </table>
+          <div
+            v-else
+            style="height: 100%;background: #fff;display: flex;align-items: center;justify-content: center"
+          >
+            <img src="@/assets/img/nodata.png" alt="">
+          </div>
         </div>
       </div>
     </div>
@@ -34,7 +40,7 @@
 </template>
 
 <script>
-import headTemplate from '@/components/head'
+import headTemplate from '@/components/head/index.vue'
 export default {
   name: 'ReviewSum',
   components: {
@@ -43,39 +49,8 @@ export default {
   props: ['patientId'],
   data() {
     return {
-      dataList: [
-        {
-          date: '2022-4-10',
-          visionOd: '2.0',
-          visionOs: '2.0',
-          eyeAxisOd: '2.0',
-          eyeAxisOs: 'asdf'
-        }, {
-          date: '2022-4-10',
-          visionOd: '2.0',
-          visionOs: '2.0',
-          eyeAxisOd: '2.0',
-          eyeAxisOs: 'asdf'
-        }, {
-          date: '2022-4-10',
-          visionOd: '2.0',
-          visionOs: '2.0',
-          eyeAxisOd: '2.0',
-          eyeAxisOs: 'asdf'
-        }, {
-          date: '2022-4-10',
-          visionOd: '2.0',
-          visionOs: '2.0',
-          eyeAxisOd: '2.0',
-          eyeAxisOs: 'asdf'
-        }, {
-          date: '2022-4-10',
-          visionOd: '2.0',
-          visionOs: '2.0',
-          eyeAxisOd: '2.0',
-          eyeAxisOs: 'asdf'
-        }
-      ]
+      dataList: [],
+      loading: false
     }
   },
   created() {
@@ -83,10 +58,12 @@ export default {
   },
   methods: {
     queryReviewSum() {
+      this.loading = true
       this.$http.get('hospital/notice/getAllSecDiagInfoByPid', { params: {
-        patientld: this.patientId
+        patientId: this.patientId
       }}).then(res => {
-        console.log(res)
+        this.dataList = res.data.data.slAndYzList
+        this.loading = false
       })
     }
   }
@@ -94,6 +71,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.empty {
+  color: #000;
+  width: 100%;
+  margin-top: 30px;
+  text-align: center;
+}
 .reviewSum{
   height: 100%;
 }
diff --git a/src/page-subspecialty/views/modules/outpatientManagement/call/index.vue b/src/page-subspecialty/views/modules/outpatientManagement/call/index.vue
index a0727fa..bf52f8f 100644
--- a/src/page-subspecialty/views/modules/outpatientManagement/call/index.vue
+++ b/src/page-subspecialty/views/modules/outpatientManagement/call/index.vue
@@ -50,7 +50,7 @@
           </el-button>
         </div>
       </div>
-      <div class="patient-info-content">
+      <div v-loading="dataListLoading" class="patient-info-content">
         <el-table
           ref="multipleTable"
           :data="dataList"
diff --git a/src/page-subspecialty/views/modules/outpatientManagement/treat/index.vue b/src/page-subspecialty/views/modules/outpatientManagement/treat/index.vue
index 39cdde2..bdb1e7a 100644
--- a/src/page-subspecialty/views/modules/outpatientManagement/treat/index.vue
+++ b/src/page-subspecialty/views/modules/outpatientManagement/treat/index.vue
@@ -78,7 +78,7 @@
           </el-button>
         </div>
       </div>
-      <div class="patient-info-content">
+      <div v-loading="dataListLoading" class="patient-info-content">
         <el-table
           ref="multipleTable"
           :data="dataList"