后台报告单页面修改

web_admin/src/api/report.js

@@ -6,3 +6,10 @@ export function exportPdf(data) {
     data: data,
   });
 }
+export function queryPdfUrl(data) {
+  return request({
+    url: "/queryPdfUrl",
+    method: "post",
+    data: data,
+  });
+}

web_admin/src/views/report/view.vue

@@ -1,25 +1,41 @@
 <template>
   <div class="app-container">
-    <el-table v-loading="loading" :data="tableList">
+    <div class="patient-info">
+      <span> {{ patientInfo.patientName || "未知" }}</span>
+      <span class="fg">/</span>
+      <span>
+        <span v-if="patientInfo.sex === 0">男</span
+        ><span v-if="patientInfo.sex === 1">女</span><span v-else>-</span>
+      </span>
+      <span class="fg">/</span>
+      <span>{{ patientInfo.birthday || "-" }}</span>
+      <span class="fg">/</span>
+      <span>{{ patientInfo.idCard || "-" }}</span>
+    </div>
+    <el-table v-loading="loading" :data="tableList" empty-text="未查询到报告单">
       <el-table-column
-        label="患者名称"
+        label="就诊类型"
         align="center"
-        prop="patientName"
+        prop="visitType"
         minWidth="100"
-      />
-      <el-table-column label="性别" align="center" prop="sex" minWidth="100">
+      >
         <template slot-scope="scope">
-          <span v-if="scope.row.sex === 0">男</span>
-          <span v-else-if="scope.row.sex === 1">女</span>
+          <span v-if="scope.row.visitType === 0">门诊</span>
+          <span v-else-if="scope.row.visitType === 1">住院</span>
         </template>
       </el-table-column>
-      <el-table-column label="年龄" align="center" prop="age" minWidth="100" />
       <el-table-column
         label="就诊号"
         align="center"
         prop="visitNo"
         minWidth="100"
       />
+      <el-table-column
+        label="部门"
+        align="center"
+        prop="department"
+        minWidth="100"
+      />
       <el-table-column
         label="评估医生"
         align="center"
@@ -32,20 +48,16 @@
         prop="assessTime"
         minWidth="100"
       />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
+      <el-table-column label="操作" align="center" fixed="right">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
             icon="el-icon-document"
             @click="handleReport(scope.row)"
-            :disabled="!scope.row.url"
-            >查看报告单</el-button
           >
+            查看报告单
+          </el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -61,7 +73,7 @@
 </template>
 
 <script>
-import { exportPdf } from "@/api/report.js";
+import { exportPdf, queryPdfUrl } from "@/api/report.js";
 
 export default {
   name: "Notice",
@@ -70,6 +82,7 @@ export default {
     return {
       loading: true,
       total: 0,
+      patientInfo: {},
       tableList: [],
       // 查询参数
       queryParams: {
@@ -94,13 +107,18 @@ export default {
   methods: {
     // 查看报告单
     handleReport(row) {
-      if (!row.url) {
-        this.$modal.msgError("未查询到报告单");
-        return;
-      }
-      console.log("this.qzUrl ", this.qzUrl);
-
-      window.open(this.qzUrl + row.url);
+      queryPdfUrl({
+        reportId: row.reportId,
+        evaluationId: row.evaluationId,
+        version: 0, // 导出类型 0医生版 1个人版 2阳性版
+        assessorId: row.assessorId,
+      }).then((res) => {
+        if (!row.data) {
+          this.$modal.msgError("未查询到报告单");
+          return;
+        }
+        window.open(this.qzUrl + row.data);
+      });
     },
     /** 查询公告列表 */
     getList() {
@@ -108,6 +126,8 @@ export default {
       exportPdf(this.queryParams)
         .then((res) => {
           this.tableList = res.data.list || [];
+          this.patientInfo = res.data.list[0] || {};
+          this.total = res.data.total || 0;
           this.loading = false;
         })
         .catch(() => {
@@ -118,3 +138,37 @@ export default {
   },
 };
 </script>
+<style scoped>
+.app-container {
+  width: 80%;
+  margin: 0 auto;
+  margin-top: 100px;
+  /* height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center; */
+}
+
+.patient-info {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  line-height: 120px;
+  margin-bottom: 20px;
+  font-size: 20px;
+  color: #222;
+  /* background: #f8f8f9; */
+  border: 1px solid #dfe6ec;
+}
+
+.fg {
+  margin: 0 10px;
+}
+/*屏蔽表头单元格背景色（背景设置为透明）*/
+>>> .el-table .el-table__header-wrapper th,
+>>> .el-table .el-table__fixed-header-wrapper th {
+  background-color: #409eff;
+  color: #fff;
+}
+</style>
+<style lang="less"></style>