病例库-功能联调/新增

src/api/cases/index.js

@@ -115,11 +115,19 @@ export function postReportInfo(data) {
 }
 // 审核人
 export function postReportViewers(data) {
-  return request({ url: '/report/reviewers', method: 'post', data })
+  return request({
+    url: '/report/reviewers',
+    method: 'post',
+    data
+  })
 }
 // <EFBFBD>病例库-修改
 export function postReportEdit(data) {
-  return request({ url: '/report/edit', method: 'post', data })
+  return request({
+    url: '/report/edit',
+    method: 'post',
+    data
+  })
 }
 // 修改预约时间
 export function postReportTimeSectionEdit(data) {
@@ -131,45 +139,81 @@ export function postReportTimeSectionEdit(data) {
 }
 // 影像文件-新增
 export function postReportImageCompress(data) {
-  return request({ url: '/common/image/compress', method: 'post', data })
+  return request({
+    url: '/common/image/compress',
+    method: 'post',
+    data
+  })
 }
 // 部位模板-列表
 export function postReportTplList(data) {
-  return request({ url: '/report/tpl/list', method: 'post', data })
+  return request({
+    url: '/report/tpl/list',
+    method: 'post',
+    data
+  })
 }
 // 部位模板-新增
 export function postReportTplCreate(data) {
-  return request({ url: '/report/tpl/create', method: 'post', data })
+  return request({
+    url: '/report/tpl/create',
+    method: 'post',
+    data
+  })
 }
 // 部位模板-修改
 export function postReportTplEdit(data) {
-  return request({ url: '/report/tpl/edit', method: 'post', data })
+  return request({
+    url: '/report/tpl/edit',
+    method: 'post',
+    data
+  })
 }
 // 部位模板-删除
 export function postReportTplDelete(data) {
-  return request({ url: '/report/tpl/delete', method: 'post', data })
+  return request({
+    url: '/report/tpl/delete',
+    method: 'post',
+    data
+  })
 }
 // 部位模板-统计
 export function postReportTplCount(data) {
-  return request({ url: '/report/tpl/count', method: 'post', data })
+  return request({
+    url: '/report/tpl/count',
+    method: 'post',
+    data
+  })
 }
 // 片语-列表
 export function postReportPhraseList(data) {
-  return request({ url: '/report/reviewers', method: 'post', data })
+  return request({
-}
+    url: '/report/reviewers',
-// // 片语-新增
+    method: 'post',
-// export function postReportPhraseCreate(data) {
+    data
-//   return request({ url: '/report/create', method: 'post', data })
+  })
-// }
+}
-// // 部位模板-修改
+// 片语-新增/修改
-// export function postReportTplEdit(data) {
+export function postReportPhraseEdit(data) {
-//   return request({ url: '/report/tpl/edit', method: 'post', data })
+  return request({
-// }
+    url: '/report/phrase/edit',
-// // 部位模板-删除
+    method: 'post',
-// export function postReportTplDelete(data) {
+    data
-//   return request({ url: '/report/tpl/delete', method: 'post', data })
+  })
-// }
+}
-// // 部位模板-统计
+// 片语-删除
-// export function postReportTplCount(data) {
+export function postReportPhraseDelete(data) {
-//   return request({ url: '/report/tpl/count', method: 'post', data })
+  return request({
-// }
+    url: '/report/phrase/delete',
+    method: 'post',
+    data
+  })
+}
+// 片语-统计
+export function postReportPhraseCount(data) {
+  return request({
+    url: '/report/phrase_count',
+    method: 'post',
+    data
+  })
+}

src/views/cases/detail.vue

@@ -63,7 +63,7 @@
                 type="text"
                 icon="el-icon-check"
                 @click="handleSave"
-                v-if="caseStatus !== 'submitted'"
+                v-if="form.status == 1 || form.status == 5"
               >
                 暂存
               </el-button>
@@ -71,7 +71,7 @@
                 type="text"
                 icon="el-icon-check"
                 @click="handleSubmit"
-                v-if="caseStatus !== 'submitted'"
+                v-if="form.status == 1 || form.status == 5"
               >
                 提交
               </el-button>
@@ -79,7 +79,7 @@
                 type="text"
                 icon="el-icon-print"
                 @click="handlePrint"
-                v-if="caseStatus == 'submitted'"
+                v-if="form.status != 1 && form.status != 5"
               >
                 打印
               </el-button>
@@ -170,7 +170,13 @@
               </el-col>
               <el-col :span="24">
                 <el-form-item label="检查部位" prop="positions">
-                  {{ form.positions.map((item) => item.level2.name).join("|") }}
+                  {{
+                    (form.positions.length
+                      ? form.positions
+                          .map((item) => item.level2.name)
+                          .join("|") + "|"
+                      : "") + form.position_text
+                  }}
                 </el-form-item>
               </el-col>
               <el-col :span="24">
@@ -270,7 +276,7 @@
                 <el-form-item>
                   <el-checkbox
                     v-model="form.isPositive"
-                    :disabled="caseStatus === 'submitted'"
+                    :disabled="form.status != 1 && form.status != 5"
                   >
                     阳性
                   </el-checkbox>
@@ -290,8 +296,8 @@
                 <el-button
                   type="text"
                   icon="el-icon-plus"
-                  @click="openTemplateDialog('add')"
+                  @click="openTemplateDialog({})"
-                  :disabled="caseStatus === 'submitted'"
+                  v-if="form.status == 1 || form.status == 5"
                 >
                   新增
                 </el-button>
@@ -299,15 +305,15 @@
                   type="text"
                   icon="el-icon-delete"
                   @click="deleteTemplate"
-                  :disabled="caseStatus === 'submitted'"
+                  v-if="form.status == 1 || form.status == 5"
                 >
                   删除
                 </el-button>
                 <el-button
                   type="text"
                   icon="el-icon-edit"
-                  @click="openTemplateDialog('edit')"
+                  @click="openTemplateDialog(form)"
-                  :disabled="caseStatus === 'submitted'"
+                  v-if="form.status == 1 || form.status == 5"
                 >
                   编辑
                 </el-button>
@@ -326,7 +332,7 @@
                     <el-option
                       v-for="item in templateList"
                       :key="item.id"
-                      :label="item.title"
+                      :label="item.name"
                       :value="item.id"
                     />
                   </el-select>
@@ -334,16 +340,16 @@
 
                 <el-form-item label="超声所见">
                   <el-input
-                    v-model="templateForm.text_comment"
+                    v-model="templateForm.comment"
                     type="textarea"
                     readonly
                     :rows="6"
                   />
                   <el-button
-                    :disabled="caseStatus === 'submitted'"
+                    v-if="form.status == 1 || form.status == 5"
                     type="text"
                     icon="el-icon-check"
-                    @click="applytext_comment"
+                    @click="handleComment"
                     style="float: right; margin-top: 6px"
                   >
                     应用
@@ -352,7 +358,7 @@
 
                 <el-form-item label="结论" style="margin-top: 20px">
                   <el-input
-                    v-model="templateForm.text_conclusion"
+                    v-model="templateForm.conclusion"
                     type="textarea"
                     readonly
                     :rows="6"
@@ -360,9 +366,9 @@
                   <el-button
                     type="text"
                     icon="el-icon-check"
-                    @click="applytext_conclusion"
+                    @click="handleCnclusion"
                     style="float: right; margin-top: 6px"
-                    :disabled="caseStatus === 'submitted'"
+                    v-if="form.status == 1 || form.status == 5"
                   >
                     应用
                   </el-button>
@@ -376,8 +382,8 @@
                 <el-button
                   type="text"
                   icon="el-icon-plus"
-                  @click="openPhraseDialog('add')"
+                  @click="openPhraseDialog({})"
-                  :disabled="caseStatus === 'submitted'"
+                  v-if="form.status == 1 || form.status == 5"
                 >
                   新增
                 </el-button>
@@ -388,21 +394,21 @@
                 :show-header="false"
                 height="calc(100vh - 265px)"
               >
-                <el-table-column prop="content" label="内容" />
+                <el-table-column prop="phrase" label="内容" />
                 <el-table-column label="操作" width="80">
                   <template slot-scope="scope">
                     <el-button
                       type="text"
                       icon="el-icon-edit"
-                      @click="openPhraseDialog('edit', scope.row)"
+                      @click="openPhraseDialog(scope.row)"
-                      :disabled="caseStatus === 'submitted'"
+                      v-if="form.status == 1 || form.status == 5"
                     >
                     </el-button>
                     <el-button
                       type="text"
                       icon="el-icon-delete"
                       @click="deletePhrase(scope.row)"
-                      :disabled="caseStatus === 'submitted'"
+                      v-if="form.status == 1 || form.status == 5"
                     >
                     </el-button>
                   </template>
@@ -447,7 +453,7 @@
           <el-input
             type="textarea"
             :rows="6"
-            v-model="newTemplateForm.text_conclusion"
+            v-model="newTemplateForm.conclusion"
             placeholder="请输入检查结论内容"
           />
         </el-form-item>
@@ -469,7 +475,7 @@
           <el-input
             type="textarea"
             :rows="10"
-            v-model="newPhraseForm.content"
+            v-model="newPhraseForm.phrase"
             placeholder="请输入片语内容"
           />
         </el-form-item>
@@ -494,8 +500,6 @@
     <CreateGroupDialog
       :visible.sync="shareDialogVisible"
       title="分享给"
-      :recent-contacts="recentContacts"
-      :recent-groups="recentGroups"
       :min-select-count="1"
       confirm-text="分享"
       @create-success="handleShareToContacts"
@@ -514,18 +518,39 @@ import {
   postReportInfo,
   postReportViewers,
   postReportEdit,
+  postReportTplList,
+  postReportTplCreate,
+  postReportTplEdit,
+  postReportTplDelete,
+  postReportTplCount,
+  postReportPhraseList,
+  postReportPhraseEdit,
+  postReportPhraseDelete,
+  postReportPhraseCount,
 } from "@/api/cases/index.js";
 // 导入打印组件
 import UltrasoundReportPrint from "./components/UltrasoundReportPrint.vue";
 import CreateGroupDialog from "@/views/message/components/CreateGroupDialog";
 export default {
-  name: "UltrasoundReport",
+  name: "CaseDetail",
   components: {
     UltrasoundReportPrint,
     CreateGroupDialog,
   },
   data() {
     return {
+      // 图片上传
+      imgList: [
+        {
+          id: Date.now(),
+          url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
+        },
+      ],
+      // 新增：控制打印弹窗显隐
+      printDialogVisible: false,
+      // ================== 分享相关 ==================
+      shareDialogVisible: false, // 分享弹窗
+      shareItem: null, // 当前分享的病例
       // 主报告表单
       form: {},
       // 字典
@@ -552,63 +577,59 @@ export default {
       statusList: statusList(),
       // 审核人
       reviewersList: [],
-
+      // 部位模板/片语
       activeTab: "template",
-      // 病例状态: pending-暂存, submitted-已提交
-      caseStatus: "submitted",
-      // 图片上传
-      imgList: [
-        {
-          id: Date.now(),
-          url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
-        },
-      ],
 
       // ====================== 部位模板核心 ======================
-      templateType: "add",
       dialogTitle: "模板创建",
       templateDialogVisible: false,
       templateList: [],
-      templateForm: {
+      templateForm: {},
-        id: 1,
-        type: "abdomen-liver",
-        title: "腹部（肝、胆、胰、脾）",
-        text_comment: "",
-        text_conclusion: "",
-      },
       newTemplateForm: {
         id: null,
         type: "abdomen-liver",
         title: "",
         text_comment: "",
-        text_conclusion: "",
+        conclusion: "",
       },
 
       // ====================== ✅ 片语核心（新增） ======================
-      phraseType: "add", // add / edit
       phraseDialogTitle: "片语创建",
       phraseDialogVisible: false,
-      phraseList: [{ id: 1, content: "片语示例：未见明显异常" }],
+      phraseList: [],
       newPhraseForm: {
         id: null,
-        content: "",
+        phrase: "",
       },
-      // 新增：控制打印弹窗显隐
-      printDialogVisible: false,
-
-      // ================== 分享相关 ==================
-      shareDialogVisible: false, // 分享弹窗
-      shareItem: null, // 当前分享的病例
-      recentContacts: [], // 最近联系人
-      recentGroups: [], // 最近群组
     };
   },
   created() {
     const id = this.$route.params && this.$route.params.id;
     this.getReportInfo(id);
     this.getReviewers();
+    this.loadTemplateList();
+    this.loadPhraseList();
   },
   methods: {
+    // 图片操作
+    handleOpenFile() {
+      this.$refs.fileInput.click();
+    },
+    handleFileChange(e) {
+      const files = e.target.files || [];
+      for (let file of files) {
+        if (!file.type.startsWith("image/")) continue;
+        const url = URL.createObjectURL(file);
+        this.imgList.push({ id: Date.now(), url });
+      }
+      e.target.value = "";
+    },
+    handleDeleteImg(row) {
+      this.$confirm("确定删除该影像?").then(() => {
+        this.imgList = this.imgList.filter((i) => i.id !== row.id);
+        this.$message.success("删除成功");
+      });
+    },
     // 根据路由参数获取病例数据
     getReportInfo(id) {
       if (id) {
@@ -625,7 +646,7 @@ export default {
     getReviewers() {
       postReportViewers().then((res) => {
         if (res.code === 200) {
-          this.form.reviewersList = res.data;
+          this.reviewersList = res.data;
         }
       });
     },
@@ -633,18 +654,6 @@ export default {
     handlePrint() {
       this.printDialogVisible = true; // 打开打印预览弹窗
     },
-    // 病例操作
-    handleSave() {
-      this.$confirm("您确定暂存病例吗?").then(() => {
-        this.$message.success("暂存成功");
-      });
-    },
-    handleSubmit() {
-      this.$confirm("提交后不可修改,确定提交?").then(() => {
-        this.$message.success("提交成功");
-        this.caseStatus = "submitted";
-      });
-    },
     handleClose() {
       this.$confirm("未保存内容将丢失,确定退出?").then(() => {
         this.$router.back();
@@ -655,7 +664,7 @@ export default {
         patientName: this.form.patientName,
         medicalNo: this.form.medicalNo,
         text_comment: this.form.text_comment,
-        text_conclusion: this.form.text_conclusion,
+        conclusion: this.form.conclusion,
       };
       this.shareDialogVisible = true;
     },
@@ -666,30 +675,26 @@ export default {
         console.log("分享病例:", this.shareItem, "给:", shareTarget);
       }
       this.shareDialogVisible = false;
+      ss;
       this.shareItem = null;
     },
-
+    // 部位模板列表
-    // 图片操作
+    async loadTemplateList() {
-    handleOpenFile() {
+      try {
-      this.$refs.fileInput.click();
+        const response = await postReportTplList({
-    },
+          keyword: "",
-    handleFileChange(e) {
+          part_ids: this.form.positions.map((item) => item.level2.id),
-      const files = e.target.files || [];
+        });
-      for (let file of files) {
+        this.templateList = response.data || [];
-        if (!file.type.startsWith("image/")) continue;
+        if (this.templateList.length > 0) {
-        const url = URL.createObjectURL(file);
+          this.templateForm = { ...this.templateList[0] };
-        this.imgList.push({ id: Date.now(), url });
+        }
+      } catch (error) {
+        console.error("加载模板列表失败:", error);
+        this.$message.error("加载模板列表失败");
       }
-      e.target.value = "";
     },
-    handleDeleteImg(row) {
+    // 部位模板切换
-      this.$confirm("确定删除该影像?").then(() => {
-        this.imgList = this.imgList.filter((i) => i.id !== row.id);
-        this.$message.success("删除成功");
-      });
-    },
-
-    // ====================== 模板核心方法 ======================
     changeTemplate() {
       const target = this.templateList.find(
         (t) => t.id === this.templateForm.id
@@ -698,103 +703,145 @@ export default {
         this.templateForm = { ...target };
       }
     },
-    openTemplateDialog(type) {
+    // 部位模板-新增/编辑
-      this.templateType = type;
+    openTemplateDialog(form) {
-      this.dialogTitle = type === "add" ? "模板创建" : "模板编辑";
+      this.newTemplateForm = { ...form };
-      if (type === "add") {
-        this.newTemplateForm = {
-          id: Date.now(),
-          type: "abdomen-liver",
-          title: "",
-          text_comment: "",
-          text_conclusion: "",
-        };
-      } else {
-        this.newTemplateForm = { ...this.templateForm };
-      }
       this.templateDialogVisible = true;
     },
-    saveTemplate() {
+    // 部位模板-保存或编辑
+    async saveTemplate() {
       if (!this.newTemplateForm.title) {
         this.$message.warning("请输入模板标题");
         return;
       }
-      if (this.templateType === "add") {
+      try {
-        this.templateList.push({ ...this.newTemplateForm });
+        if (this.newTemplateForm.id === null) {
-        this.templateForm = { ...this.newTemplateForm };
+          // 新增模板
-      } else {
+          const response = await postReportTplCreate(this.newTemplateForm);
-        const index = this.templateList.findIndex(
+          const newTemplate = response.data;
-          (t) => t.id === this.newTemplateForm.id
+          this.templateList.unshift(newTemplate);
-        );
+          this.templateForm = { ...newTemplate };
-        if (index > -1) {
+          this.$message.success("创建成功");
-          this.templateList.splice(index, 1, { ...this.newTemplateForm });
+        } else {
-          this.templateForm = { ...this.newTemplateForm };
+          // 编辑模板
+          await postReportTplEdit(this.newTemplateForm);
+          const index = this.templateList.findIndex(
+            (t) => t.id === this.newTemplateForm.id
+          );
+          if (index > -1) {
+            this.templateList.splice(index, 1, { ...this.newTemplateForm });
+            this.templateForm = { ...this.newTemplateForm };
+          }
+          this.$message.success("修改成功");
         }
+        this.templateDialogVisible = false;
+      } catch (error) {
+        console.error("保存模板失败:", error);
+        this.$message.error("保存模板失败");
       }
-      this.$message.success("保存成功");
-      this.templateDialogVisible = false;
     },
+    // 部位模板-删除
     deleteTemplate() {
       if (this.templateList.length <= 1) {
         this.$message.warning("至少保留一个模板");
         return;
       }
-      this.$confirm("确定删除当前模板?").then(() => {
+      this.$confirm("确定删除当前模板?").then(async () => {
-        const index = this.templateList.findIndex(
+        try {
-          (t) => t.id === this.templateForm.id
+          await postReportTplDelete({ id: this.templateForm.id });
-        );
+          const index = this.templateList.findIndex(
-        this.templateList.splice(index, 1);
+            (t) => t.id === this.templateForm.id
-        this.templateForm = { ...this.templateList[0] };
+          );
-        this.$message.success("删除成功");
+          this.templateList.splice(index, 1);
+          this.templateForm = { ...this.templateList[0] };
+          this.$message.success("删除成功");
+        } catch (error) {
+          console.error("删除模板失败:", error);
+          this.$message.error("删除模板失败");
+        }
       });
     },
-    applytext_comment() {
+    // 部位模板-超声所见
-      this.form.text_comment = this.templateForm.text_comment;
+    handleComment() {
-      this.$message.success("已应用超声所见");
+      postReportTplCount({ tpl_id: this.templateForm.id }).then((res) => {
+        if (res.data) {
+          this.form.text_comment += this.templateForm.comment;
+        }
+      });
     },
-    applytext_conclusion() {
+    // 部位模板-超声结论
-      this.form.text_conclusion = this.templateForm.text_conclusion;
+    handleCnclusion() {
-      this.$message.success("已应用检查结论");
+      this.form.text_conclusion += this.templateForm.conclusion;
     },
-
+    // 片语列表
-    // ====================== ✅ 片语核心方法（新增） ======================
+    async loadPhraseList() {
-    // 打开片语弹窗：创建/更新
+      try {
-    openPhraseDialog(type, row) {
+        const response = await postReportPhraseList({});
-      this.phraseType = type;
+        this.phraseList = response.data || [];
-      this.phraseDialogTitle = type === "add" ? "片语创建" : "片语更新";
+      } catch (error) {
-      if (type === "add") {
+        console.error("加载片语列表失败:", error);
-        this.newPhraseForm = { id: Date.now(), content: "" };
+        this.$message.error("加载片语列表失败");
-      } else {
-        this.newPhraseForm = { ...row };
       }
+    },
+    // 片语-新增/修改
+    openPhraseDialog(row) {
+      this.phraseDialogTitle = row.id === null ? "片语创建" : "片语更新";
+      this.newPhraseForm = { ...row };
       this.phraseDialogVisible = true;
     },
     // 保存片语
-    savePhrase() {
+    async savePhrase() {
-      if (!this.newPhraseForm.content) {
+      if (!this.newPhraseForm.phrase) {
         this.$message.warning("请输入片语内容");
         return;
       }
-      if (this.phraseType === "add") {
+      try {
-        this.phraseList.push({ ...this.newPhraseForm });
+        if (this.phraseType === "add") {
-      } else {
+          // 新增片语
-        const index = this.phraseList.findIndex(
+          const response = await postReportPhraseEdit(this.newPhraseForm);
-          (p) => p.id === this.newPhraseForm.id
+          const newPhrase = response.data;
-        );
+          this.phraseList.unshift(newPhrase);
-        if (index > -1) {
+          this.$message.success("创建成功");
-          this.phraseList.splice(index, 1, { ...this.newPhraseForm });
+        } else {
+          // 编辑片语
+          await postReportPhraseEdit(this.newPhraseForm);
+          const index = this.phraseList.findIndex(
+            (p) => p.phrase_id === this.newPhraseForm.phrase_id
+          );
+          if (index > -1) {
+            this.phraseList.splice(index, 1, { ...this.newPhraseForm });
+          }
+          this.$message.success("更新成功");
         }
+        this.phraseDialogVisible = false;
+      } catch (error) {
+        console.error("保存片语失败:", error);
+        this.$message.error("保存片语失败");
       }
-      this.$message.success(
-        this.phraseType === "add" ? "创建成功" : "更新成功"
-      );
-      this.phraseDialogVisible = false;
     },
     // 删除片语
     deletePhrase(row) {
-      this.$confirm("确定删除该片语?").then(() => {
+      this.$modal
-        this.phraseList = this.phraseList.filter((p) => p.id !== row.id);
+        .confirm("是否确认删除当前片语？")
-        this.$message.success("删除成功");
+        .then(function () {
+          return postReportPhraseDelete({ phrase_id: row.id });
+        })
+        .then(() => {
+          this.loadPhraseList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+
+    // 病例操作
+    handleSave() {
+      this.$confirm("您确定暂存病例吗?").then(() => {
+        this.$message.success("暂存成功");
+      });
+    },
+    handleSubmit() {
+      this.$confirm("提交后不可修改,确定提交?").then(() => {
+        this.$message.success("提交成功");
       });
     },
   },
@@ -804,7 +851,7 @@ export default {
 <style lang="scss" scoped>
 /* 内部滚动区域高度自适应 */
 .report-form {
-  height: calc(100vh - 285px);
+  height: calc(100vh - 218px);
   overflow-y: auto;
   overflow-x: hidden;
   width: 100%;

src/views/cases/index.vue

@@ -287,7 +287,12 @@
         show-overflow-tooltip
       >
         <template slot-scope="scope">
-          {{ scope.row.positions.map((item) => item.level2.name).join("|") }}
+          {{
+            (scope.row.positions.length
+              ? scope.row.positions.map((item) => item.level2.name).join("|") +
+                "|"
+              : "") + scope.row.position_text
+          }}
         </template>
       </el-table-column>
       <el-table-column
@@ -608,17 +613,18 @@
                 filterable
                 clearable
               >
-                <el-option-group
+                <el-option-group v-for="group in templatesList" :key="group.id">
-                  v-for="group in templatesList"
-                  :key="group.id"
-                  :label="group.name"
-                >
                   <el-option
                     v-for="item in group.child"
                     :key="item.id"
                     :label="item.name"
                     :value="item.id"
-                  />
+                  >
+                    <span style="float: left">{{ item.name }}</span>
+                    <span style="float: right; color: #8492a6; font-size: 13px">
+                      {{ group.name }}
+                    </span>
+                  </el-option>
                 </el-option-group>
               </el-select>
             </el-form-item>
@@ -968,7 +974,9 @@ export default {
     },
     // 加载检查部位
     loadTemplateTree() {
-      postReportTemplateTree({})
+      postReportTemplateTree({
+        owner_id: 0,
+      })
         .then((response) => {
           if (response.code === 200 && response.data) {
             this.templatesList = response.data;
@@ -1177,7 +1185,10 @@ export default {
     },
     // 查看按钮操作
     handleView(row) {
-      this.$tab.openPage(row.patient_name + "-" + row.id, "/cases/detail/" + row.id);
+      this.$tab.openPage(
+        row.patient_name + "-" + row.id,
+        "/cases/detail/" + row.id
+      );
     },
   },
 };