病例库-样式优化

5 days ago · eb9311b6e3
parent 8425bd08c9
commit eb9311b6e3
3 changed files with 57 additions and 43 deletions
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@ -71,7 +71,7 @@
          </el-dropdown-item>
          <el-dropdown-item
            @click.native="showAbout = true"
-            icon="el-icon-info"
+            icon="el-icon-warning-outline"
          >
            <span>关于</span>
          </el-dropdown-item>
--- a/src/views/cases/components/UltrasoundReportPrint.vue
+++ b/src/views/cases/components/UltrasoundReportPrint.vue
@ -207,46 +207,25 @@ export default {
    // 打印处理
    handlePrint() {
      // 创建隐藏的打印窗口
-      const printWindow = window.open('', '_blank', 'width=800,height=600');
-      
+      const printWindow = window.open("", "_blank", "width=800,height=600");
+
      if (!printWindow) {
-        this.$message.error('请允许弹出窗口以进行打印');
+        this.$message.error("请允许弹出窗口以进行打印");
        return;
      }

      // 获取打印区域内容
      const printContent = this.$refs.printContent.innerHTML;
-      
+
      // 构建完整的HTML文档
-      const printDoc = `
-        <!DOCTYPE html>
-        <html>
-        <head>
-          <meta charset="utf-8">
-          <title>超声检查报告单</title>
-          <style>
-            @media print {
-              body { margin: 0; padding: 20px; font-family: "SimSun", serif; }
-              .print-container { width: 100%; }
-              img { max-width: 100%; height: auto; }
-              table { border-collapse: collapse; }
-              td { padding: 4px; }
-              hr { border: none; border-top: 1px solid #000; }
-            }
-          </style>
-        </head>
-        <body>
-          ${printContent}
-        </body>
-        </html>
-      `;
+      const printDoc = `${printContent}`;

      // 写入打印窗口
      printWindow.document.write(printDoc);
      printWindow.document.close();

      // 等待页面加载完成后打印
-      printWindow.onload = function() {
+      printWindow.onload = function () {
        printWindow.focus();
        setTimeout(() => {
          printWindow.print();
@ -278,25 +257,12 @@ export default {

 /* 打印样式适配 */
@media print {
-  .el-dialog,
-  .el-dialog__footer {
-    display: none !important;
-  }
  .print-container {
    padding: 0;
    height: auto;
    overflow: visible;
  }
-  /* .footer {
-    position: fixed !important;
-    bottom: 20px;
-  } */
 }
-/* .footer {
-  position: absolute;
-  bottom: 20px;
-  width: 98%;
-} */
 body {
  font-family: "SimSun", "宋体", sans-serif;
 }
@ -306,6 +272,6 @@ table {
 hr {
  height: 2px;
  border: none;
-  border-top: 2px solid #000000;
+  border-top: 2px solid #909399;
 }
 </style>
--- a/src/views/cases/detail.vue
+++ b/src/views/cases/detail.vue
@ -501,16 +501,29 @@
      :gender-list="genderList"
      :age-unit-list="ageUnitList"
    />
+
+    <!-- 分享弹窗 - 选择联系人 -->
+    <CreateGroupDialog
+      :visible.sync="shareDialogVisible"
+      title="分享给"
+      :recent-contacts="recentContacts"
+      :recent-groups="recentGroups"
+      :min-select-count="1"
+      confirm-text="分享"
+      @create-success="handleShareToContacts"
+    />
  </div>
 </template>

 <script>
 // 导入打印组件
 import UltrasoundReportPrint from "./components/UltrasoundReportPrint.vue";
+import CreateGroupDialog from "@/views/message/components/CreateGroupDialog";
 export default {
  name: "UltrasoundReport",
  components: {
    UltrasoundReportPrint,
+    CreateGroupDialog,
  },
  data() {
    return {
@ -678,12 +691,32 @@ export default {
      },
      // 新增：控制打印弹窗显隐
      printDialogVisible: false,
+
+      // ================== 分享相关 ==================
+      shareDialogVisible: false, // 分享弹窗
+      shareItem: null, // 当前分享的病例
+      recentContacts: [], // 最近联系人
+      recentGroups: [], // 最近群组
    };
  },
  created() {
    this.getCaseData();
+    this.loadRecentContacts();
  },
  methods: {
+    // 加载最近联系人
+    loadRecentContacts() {
+      // TODO: 从后端获取最近联系人和群组
+      this.recentContacts = [
+        { id: 1, name: "张医生", avatar: "" },
+        { id: 2, name: "李医生", avatar: "" },
+        { id: 3, name: "王医生", avatar: "" },
+      ];
+      this.recentGroups = [
+        { id: 1, name: "骨科会诊群", avatar: "" },
+        { id: 2, name: "放射科交流群", avatar: "" },
+      ];
+    },
    // 根据路由参数获取病例数据
    getCaseData() {
      const caseId = parseInt(this.$route.params.id);
@ -735,7 +768,22 @@ export default {
      });
    },
    handleShare() {
-      this.$message.success("分享成功");
+      this.shareItem = {
+        patientName: this.form.patientName,
+        medicalNo: this.form.medicalNo,
+        findings: this.form.findings,
+        conclusion: this.form.conclusion,
+      };
+      this.shareDialogVisible = true;
+    },
+    handleShareToContacts(selectedMembers) {
+      if (selectedMembers && selectedMembers.length > 0) {
+        const shareTarget = selectedMembers[0];
+        this.$message.success(`已分享给 ${shareTarget.name}`);
+        console.log("分享病例:", this.shareItem, "给:", shareTarget);
+      }
+      this.shareDialogVisible = false;
+      this.shareItem = null;
    },

    // 图片操作