就诊记录

src/views/medicalRecords/index.vue

@@ -40,6 +40,15 @@
           {{ row.attendingDoctorName }}
         </template>
       </el-table-column>
+      <el-table-column label="操作" show-overflow-tooltip align="center">
+        <template #default="{ row }">
+          <el-button
+            size="mini"
+            type="text"
+            @click="look(row)"
+          >查看</el-button>
+        </template>
+      </el-table-column>
     </el-table>
     <pagination
       v-show="total > 0"
@@ -48,16 +57,22 @@
       :limit.sync="queryParams.pageSize"
       @pagination="initList"
     />
+
+    <recordDetailDialog :recordDetailObj="recordDetailObj" :recordDetailFlag="recordDetailFlag" @cancelAll="cancelAll"/>
   </div>
 </template>
 
 <script>
-import { recordMedicalRecordList } from '@/api/allApi.js'
+import { recordMedicalRecordList , recordDetail} from '@/api/allApi.js'
 import initName from '@/utils/initName.js'
+import recordDetailDialog from './recordDetailDialog.vue';
 
 export default {
   name: 'EitcErmPcIndex',
   mixins: [initName],
+  components: {
+    recordDetailDialog
+  },
   data() {
     return {
       queryParams: {
@@ -65,7 +80,9 @@ export default {
         pageSize: 10,
         searchParam: ''
       },
+      recordDetailFlag: false,
       tableData: [],
+      recordDetailObj: {},
       total: 0
     }
   },
@@ -80,6 +97,15 @@ export default {
       if (res.code !== 200) return this.$message.error(res.msg)
       this.tableData = res.rows
       this.total = res.total
+    },
+    async look(row) {
+      const res = await recordDetail(row.id)
+      this.recordDetailObj = res.data
+      this.recordDetailFlag = true
+      console.log(this.recordDetailObj);
+    },
+    cancelAll() {
+      this.recordDetailFlag = false
     }
   }
 }

src/views/medicalRecords/recordDetailDialog.vue

@@ -0,0 +1,241 @@
+<template>
+  <div>
+    <el-dialog
+      title="就诊详情"
+      :visible.sync="recordDetailFlag"
+      v-if="recordDetailFlag"
+      width="1200px"
+      :close-on-press-escape="false"
+      :close-on-click-modal="false"
+      :before-close="cancel"
+    >
+    <div class="df_box">
+      <div class="left_box">
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">主诉：</div>
+          <div style="flex: 1">
+            {{ initToothPosition(recordDetailObj.dataList[0].toothPosition) }}
+            {{ recordDetailObj.dataList[0].data[0].contentInfo }}
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">现病史：</div>
+          <div style="flex: 1">
+            {{ initToothPosition(recordDetailObj.dataList[0].toothPosition) }}
+            {{ recordDetailObj.dataList[0].data[1].contentInfo }}
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">既往史：</div>
+          <div style="flex: 1">
+            {{
+              recordDetailObj.dataList[0].data[2].formattedPartsList.length > 0
+                ? recordDetailObj.dataList[0].data[2].formattedPartsList.join()
+                : '无'
+            }}
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">家族史：</div>
+          <div style="flex: 1">
+            {{
+              recordDetailObj.dataList[0].data[3].formattedPartsList.length > 0
+                ? recordDetailObj.dataList[0].data[2].formattedPartsList.join()
+                : '无'
+            }}
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">过敏史：</div>
+          <div style="flex: 1">
+            {{
+              recordDetailObj.dataList[0].data[4].formattedPartsList.length > 0
+                ? recordDetailObj.dataList[0].data[2].formattedPartsList.join()
+                : '无'
+            }}
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">检查：</div>
+          <div style="flex: 1; display: flex; flex-direction: column">
+            <span
+              v-for="(it, ind) in recordDetailObj.dataList"
+              :key="ind"
+              style="margin-top: 5px"
+            >
+              {{
+                initToothPosition(recordDetailObj.dataList[ind].toothPosition)
+              }}
+              {{ it.data[5].contentInfo }}
+            </span>
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">X线片示（影像)：</div>
+          <div style="flex: 1; display: flex; flex-direction: column">
+            <span
+              v-for="(it, ind) in recordDetailObj.dataList"
+              :key="ind"
+              style="margin-top: 5px"
+            >
+              {{
+                initToothPosition(recordDetailObj.dataList[ind].toothPosition)
+              }}
+              {{ it.data[6].contentInfo }}
+            </span>
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">诊断：</div>
+          <div style="flex: 1; display: flex; flex-direction: column">
+            <span
+              v-for="(it, ind) in recordDetailObj.dataList"
+              :key="ind"
+              style="margin-top: 5px"
+            >
+              {{
+                initToothPosition(recordDetailObj.dataList[ind].toothPosition)
+              }}
+              {{ it.data[7].contentInfo }}
+            </span>
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">治疗计划：</div>
+          <div style="flex: 1; display: flex; flex-direction: column">
+            <span
+              v-for="(it, ind) in recordDetailObj.dataList"
+              :key="ind"
+              style="margin-top: 5px"
+            >
+              {{
+                initToothPosition(recordDetailObj.dataList[ind].toothPosition)
+              }}
+              {{ it.data[8].contentInfo }}
+            </span>
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">
+            处置（基础模版公用）：
+          </div>
+          <div style="flex: 1; display: flex; flex-direction: column">
+            <span
+              v-for="(it, ind) in recordDetailObj.dataList"
+              :key="ind"
+              style="margin-top: 5px"
+            >
+              {{
+                initToothPosition(recordDetailObj.dataList[ind].toothPosition)
+              }}
+              {{ it.data[9].contentInfo }}
+            </span>
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">处置：</div>
+          <div style="flex: 1; display: flex; flex-direction: column">
+            <span
+              v-for="(it, ind) in recordDetailObj.dataList"
+              :key="ind"
+              style="margin-top: 5px"
+            >
+              {{
+                initToothPosition(recordDetailObj.dataList[ind].toothPosition)
+              }}
+              {{ it.data[10].contentInfo }}
+            </span>
+          </div>
+        </div>
+        <div style="display: flex; margin-top: 10px">
+          <div style="width: 80px; font-weight: 700">医嘱：</div>
+          <div style="flex: 1; display: flex; flex-direction: column">
+            <span
+              v-for="(it, ind) in recordDetailObj.dataList"
+              :key="ind"
+              style="margin-top: 5px"
+            >
+              {{
+                initToothPosition(recordDetailObj.dataList[ind].toothPosition)
+              }}
+              {{ it.data[11].contentInfo }}
+            </span>
+          </div>
+        </div>
+      </div>
+      <div class="rigth_box">
+        <el-card style="height: 100%; padding: 20px">
+          <div style="display: flex; margin-top: 10px">
+            <div style="width: 80px; font-weight: 700">科室：</div>
+            <div style="flex: 1">
+              {{ recordDetailObj.department }}
+            </div>
+          </div>
+          <div style="display: flex; margin-top: 10px">
+            <div style="width: 80px; font-weight: 700">医生：</div>
+            <div style="flex: 1">
+              {{ recordDetailObj.attendingDoctorName }}
+            </div>
+          </div>
+          <div style="display: flex; margin-top: 10px">
+            <div style="width: 80px; font-weight: 700">费用：</div>
+            <div style="flex: 1">
+              {{ recordDetailObj.cost }}
+            </div>
+          </div>
+          <div style="display: flex; margin-top: 10px">
+            <div style="width: 80px; font-weight: 700">诊所：</div>
+            <div style="flex: 1">
+              {{ recordDetailObj.clinicName }}
+            </div>
+          </div>
+        </el-card>
+      </div>
+    </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import initName from '@/utils/initName.js'
+export default {
+  name: 'EitcErmPcRecordDetailDialog',
+  mixins: [initName],
+  props: {
+    recordDetailFlag: {
+      type: Boolean,
+      default: false
+    },
+    recordDetailObj: {
+      type: Object,
+      default: {}
+    }
+  },
+  data() {
+    return {}
+  },
+
+  mounted() {},
+
+  methods: {
+    cancel() {
+      this.$emit('cancelAll')
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.df_box {
+  display: flex;
+  max-height: 70vh;
+  overflow: auto;
+
+  .left_box {
+    flex: 1;
+    padding-left: 10px;
+  }
+  .rigth_box {
+    width: 300px;
+  }
+}
+</style>

src/views/operationsAnalysis/index.vue

@@ -79,7 +79,7 @@ export default {
 
   methods: {
     async initList() {
-      if (this.time.length) {
+      if (Array.isArray(this.time) && this.time.length) {
         this.form = {
           startDate: this.time[0],
           endDate: this.time[1]

src/views/patientCenter/printMedical.vue

@@ -94,6 +94,9 @@ import { VueEditor } from 'vue2-editor'
 export default {
   name: 'EitcErmPcPrintMedical',
   mixins: [initName],
+  components: {
+    VueEditor
+  },
   props: {
     printDialogVisible: {
       type: Boolean,