手术安排排版优化

src/views/surgical-management/SurgeryArrangement.vue

@@ -32,56 +32,59 @@
       <el-table :data="surgeryList.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
                 :height="window.h - 60" border :row-class-name="differChargedRows"
                 header-cell-class-name="cell-border" cell-class-name="cell-border">
-        <el-table-column label="手术编号" prop="recordId" width="60">
+        <el-table-column label="手术编号" prop="recordId" width="55">
           <template #default="scope">
             <el-tag :type="scope.row.urgentClinicFlag === '1' ? 'danger' : ''" effect="dark" @click="clickToModifyTime(scope.row)">
               {{ scope.row.recordId }}
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="日期" prop="opDatetime"></el-table-column>
-        <el-table-column label="送出时间" prop="applyDate"></el-table-column>
-        <el-table-column label="手术间" prop="roomName" width="80">
+        <el-table-column label="日期" prop="opDatetime" width="118"></el-table-column>
+        <el-table-column label="送出时间" prop="applyDate" width="118"></el-table-column>
+        <el-table-column label="手术间" prop="roomName" width="50">
           <template #default="scope">
             <el-select v-model="scope.row.roomCode" @focus="handleSelectionFocus(scope.row, 'roomCode')"
-                       @change="(roomCode) => handleSelectionChange(scope.row.recordId, 'room_code', roomCode)">
+                       @change="(roomCode) => handleSelectionChange(scope.row.recordId, 'room_code', roomCode)"
+                       placeholder=" ">
               <el-option v-for="item in allRooms" :value="item.code" :label="item.name" :disabled="item.statusFlag === 2"></el-option>
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column label="病房" prop="wardName"></el-table-column>
-        <el-table-column label="床号" prop="bedNo" width="45"></el-table-column>
+        <el-table-column label="病房" prop="wardName" width="80"></el-table-column>
+        <el-table-column label="床号" prop="bedNo" width="30"></el-table-column>
         <el-table-column label="住院号" prop="inpatientNo" width="60"></el-table-column>
-        <el-table-column label="姓名" prop="patientName" width="60"></el-table-column>
-        <el-table-column label="年龄" prop="age" width="45"></el-table-column>
-        <el-table-column label="性别" prop="sex" width="45"></el-table-column>
-        <el-table-column label="手术名称" prop="opName"></el-table-column>
-        <el-table-column label="麻醉方式" prop="hocusName" width="60"></el-table-column>
-        <el-table-column label="麻醉医生" prop="doctorMzYsName" width="60"></el-table-column>
-        <el-table-column label="手术医生" width="60">
+        <el-table-column label="姓名" prop="patientName" width="50"></el-table-column>
+        <el-table-column label="年龄" prop="age" width="35"></el-table-column>
+        <el-table-column label="性别" prop="sex" width="35"></el-table-column>
+        <el-table-column label="手术名称" prop="opName" width="183"></el-table-column>
+        <el-table-column label="麻醉方式" prop="hocusName" width="165"></el-table-column>
+        <el-table-column label="麻醉医生" prop="doctorMzYsName" width="55"></el-table-column>
+        <el-table-column label="手术医生" width="55">
           <template #default="scope">
             <div style="width: 100%; min-height: 30px;" @click="beforeSearch(scope.row)">{{ scope.row.doctorZdName }}</div>
           </template>
         </el-table-column>
-        <el-table-column label="器械护士" width="60">
+        <el-table-column label="器械护士" width="55">
           <template #default="scope">
             <el-select v-model="scope.row.nurseQx" filterable @focus="handleSelectionFocus(scope.row, 'nurseQx')"
-                       @change="(nurseQx) => handleSelectionChange(scope.row.recordId, 'nurse_qx', nurseQx)">
+                       @change="(nurseQx) => handleSelectionChange(scope.row.recordId, 'nurse_qx', nurseQx)"
+                       placeholder=" ">
               <el-option v-for="item in allStaffs" :value="item.code" :label="item.name"></el-option>
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column label="巡回护士" width="60">
+        <el-table-column label="巡回护士" width="55">
           <template #default="scope">
             <el-select v-model="scope.row.nurseXh" filterable @focus="handleSelectionFocus(scope.row, 'nurseXh')"
-                       @change="(nurseXh) => handleSelectionChange(scope.row.recordId, 'nurse_xh', nurseXh)">
+                       @change="(nurseXh) => handleSelectionChange(scope.row.recordId, 'nurse_xh', nurseXh)"
+                       placeholder=" ">
               <el-option v-for="item in allStaffs" :value="item.code" :label="item.name"></el-option>
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column label="申请医生" prop="applyDocName" width="60"></el-table-column>
-        <el-table-column label="诊断" prop="diagBeforeOp"></el-table-column>
-        <el-table-column label="分类" width="70">
+        <el-table-column label="申请医生" prop="applyDocName" width="55"></el-table-column>
+        <el-table-column label="诊断" prop="diagBeforeOp" width="135"></el-table-column>
+        <el-table-column label="分类" width="45">
           <template #default="scope">
             <el-select v-model="scope.row.urgentClinicFlag">
               <el-option label="普通" value="0"></el-option>
@@ -91,7 +94,7 @@
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column label="手术班次" width="70">
+        <el-table-column label="班次" width="45">
           <template #default="scope">
             <el-select v-model="scope.row.ssbc">
               <el-option label="正常" value="1"></el-option>
@@ -99,7 +102,7 @@
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column label="级别" width="95">
+        <el-table-column label="级别" width="66">
           <template #default="scope">
             <el-select v-model="scope.row.opScale">
               <el-option label="一级手术" value="4"></el-option>
@@ -109,7 +112,7 @@
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column label="体外标志">
+        <el-table-column label="体外" width="45">
           <template #default="scope">
             <el-select v-model="scope.row.twFlag" @focus="handleSelectionFocus(scope.row, 'twFlag')"
                        @change="(twFlag) => handleSelectionChange(scope.row.recordId, 'tw_flag', twFlag)">
@@ -118,12 +121,12 @@
             </el-select>
           </template>
         </el-table-column>
-        <el-table-column label="手术台次" prop="sstc"></el-table-column>
+        <el-table-column label="台次" prop="sstc" width="35"></el-table-column>
         <el-table-column label="备注" prop="remark"></el-table-column>
-        <el-table-column label="手术开始时间" prop="opStartDate"></el-table-column>
-        <el-table-column label="手术结束时间" prop="opEndDate"></el-table-column>
-        <el-table-column label="麻醉开始时间" prop="anstStartDate"></el-table-column>
-        <el-table-column label="麻醉结束时间" prop="anstEndDate"></el-table-column>
+        <el-table-column label="手术开始时间" prop="opStartDate" width="118"></el-table-column>
+        <el-table-column label="手术结束时间" prop="opEndDate" width="118"></el-table-column>
+        <el-table-column label="麻醉开始时间" prop="anstStartDate" width="118"></el-table-column>
+        <el-table-column label="麻醉结束时间" prop="anstEndDate" width="118"></el-table-column>
         <el-table-column fixed="right" label="操作" width="110">
           <template #default="scope">
             <el-button link type="danger" icon="Delete" @click.prevent="beforeCancelSurgery(scope.row)">取消</el-button>
@@ -345,4 +348,10 @@ onMounted(() => {
 :deep(.el-table .el-input__suffix) {
   display: none;
 }
+
+:deep(.el-table .cell) {
+  line-height: 16px;
+  padding-left: 2px;
+  padding-right: 2px;
+}
 </style>