病案首页可以切换手术顺序

src/views/hospitalization/case-front-sheet/FillCaseFrontSheet.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="layout_container">
+  <div class="layout_container fill-sheet">
     <header class="round-header">
       <el-select v-model="currentWard" @change="handleWardChange" style="width: 120px" filterable>
         <el-option v-for="item in userWards" :key="item.code" :value="item.code" :label="item.name"></el-option>
@@ -63,7 +63,7 @@
           </el-table-column>
         </el-table>
       </aside>
-      <div style="min-width: 800px;padding: 0 20px;overflow-y:scroll; position: relative" id="scrollWrapper">
+      <div style="min-width: 800px;padding: 0 20px 0 35px;overflow-y:scroll; position: relative" id="scrollWrapper">
         <div style="position: absolute; top: 20px; left: 20px">
             <span
                 v-if="patient.auditState === 'NONE'"
@@ -541,8 +541,9 @@
           </div>
         </div>
         <div id="page2" style="border: 1px solid black; padding: 5px">
-          <table id="surgeryTable" style="border: 1px solid black; border-collapse: collapse; width: 100%">
+          <table id="surgeryTable" style="border-collapse: collapse; width: 100%; margin-left: -25px">
             <tr>
+              <th rowspan="2" style="border: none"></th>
               <th rowspan="2">手术及操作名称</th>
               <th rowspan="2" style="width: 70px">手术及操作日期</th>
               <th rowspan="2" style="width: 10px">手术级别</th>
@@ -558,15 +559,29 @@
               <th>II助</th>
             </tr>
             <tr v-for="n in 5" :key="n">
+              <td style="border: none; width: 25px">
+                <div v-if="patient.surgeryList[n - 1].name">
+                  <div
+                      v-if="n > 1"
+                      class="sxjt"
+                      @click="changeSurgeryOrder(n - 1, n - 2)">↑</div>
+                  <div
+                      v-if="n < 5 && patient.surgeryList[n].name"
+                      class="sxjt"
+                      style="margin-top: 5px"
+                      @click="changeSurgeryOrder(n - 1, n)"
+                  >↓</div>
+                </div>
+              </td>
               <td style="padding: 3px">
-                    <textarea
-                        id="surgeryMain"
-                        style="border: none !important; width: 90px"
-                        rows="3"
-                        v-model="patient.surgeryList[n - 1].name"
-                        @click="onSearchSurgeryFocus(n - 1)"
-                        readonly
-                    ></textarea>
+                <textarea
+                    id="surgeryMain"
+                    style="border: none !important; width: 90px"
+                    rows="3"
+                    v-model="patient.surgeryList[n - 1].name"
+                    @click="onSearchSurgeryFocus(n - 1)"
+                    readonly
+                ></textarea>
                 <div v-show="showDel[n - 1]" style="width: 100%; text-align: center">
                   <el-button type="primary" circle icon="Edit" @click="onEditSurgeryClick(n - 1)"></el-button>
                   <el-button type="danger" circle icon="Delete" @click="deleteSurgery(n - 1)"></el-button>
@@ -1087,25 +1102,27 @@
 </template>
 
 <script setup name="FillCaseFrontSheet">
-import {yesOrNo, haveOrNot, searchMethods, autopsies, initShowDel, filterDismissStatus, clone} from './common'
+import {autopsies, clone, filterDismissStatus, haveOrNot, initShowDel, searchMethods, yesOrNo} from './common'
 import {operations} from '@/data'
-import {initLodop, getLodop} from '@/utils/c-lodop'
+import {getLodop, initLodop} from '@/utils/c-lodop'
 import {
   doSaveYbDiags,
   executePrintVerify,
   executeSaveVerify,
+  fetchAuditCount,
   fetchOutPatients,
   fetchSsfz,
   getAllDictionary,
   getPatientOverview,
   getSheetInfo,
+  getSsfzSurgeriesByIcd,
   getUserWards,
   getYbDiags,
-  sheetSearch,
-  getSsfzSurgeriesByIcd,
   increaseDiagWeight,
+  isMedinsSetl,
   selectSiDiagByBaDiag,
-  isMedinsSetl, submitQualityVerification, fetchAuditCount
+  sheetSearch,
+  submitQualityVerification
 } from '@/api/case-front-sheet'
 import maleIcon from '@/assets/male-icon.png'
 import femaleIcon from '@/assets/female-icon.png'
@@ -1735,6 +1752,12 @@ const insertDisdiag = (index) => {
   showSearch.value = true
 }
 
+function changeSurgeryOrder(currentIndex, newIndex) {
+  let temp = patient.value.surgeryList[currentIndex]
+  patient.value.surgeryList[currentIndex] = patient.value.surgeryList[newIndex]
+  patient.value.surgeryList[newIndex] = temp
+}
+
 const deleteSurgery = (index) => {
   showDel.value[index] = false
   while (index < 4) {
@@ -2189,4 +2212,12 @@ table td {
 .audit-state_none {
   color: #e8b600;
 }
+
+.sxjt {
+  font-size: 16px;
+  cursor: pointer;
+}
+.sxjt:hover {
+  color: #0a84fd;
+}
 </style>