业务管理/药品目录管理 修改表格单元格内容过多过长 可滚动

src/views/business/DrugList.vue

@@ -47,16 +47,16 @@
     <div class="table">
       <div class="today-table">
         <div class="table-container">
-          <el-table :data="tableData" stripe style="width: 100%" border height="100%">
+          <el-table :data="tableData" stripe style="width: 100%" border height="100%" cell-class-name="cell-max-height">
             <el-table-column prop="id" label="序号" width="50" align="center"></el-table-column>
             <el-table-column prop="name" width="200" label="药品目录名称" align="center"></el-table-column>
             <el-table-column prop="ygtName" width="200" label="医共体" align="center"></el-table-column>
             <el-table-column prop="stitutionsName" width="200" label="医疗机构" align="center"></el-table-column>
-            <el-table-column prop="departmentidSelsourceName" width="200" label="科室" align="center"></el-table-column>
+            <el-table-column prop="departmentidSelsourceName" label="科室" align="center"></el-table-column>
             <el-table-column prop="type" label="类型" width="100" align="center">
               <template slot-scope="scope">{{scope.row.type==0?'中心药房':'his'}}</template>
             </el-table-column>
-            <el-table-column prop="describe" label="药品目录描述" align="center"></el-table-column>
+            <el-table-column prop="describe" label="药品目录描述" align="center" show-overflow-tooltip></el-table-column>
             <el-table-column label="操作" align="center">
               <div class="flex-center operation" slot-scope="scope">
                 <!-- <div class="flex-center" style="margin-right:20px;" v-if="showAdd" @click="add(scope)">
@@ -574,6 +574,14 @@ export default {
 .table-body::v-deep .el-table .cell {
   text-align: center;
 }
+
+.el-table::v-deep {
+  .cell-max-height div {
+    max-height: 240px;
+    overflow-y: auto;
+  }
+}
+
 </style>