修改选择耗材弹窗样式

src/views/invoicing/consumable/specifications.vue

@@ -324,7 +324,7 @@
       :visible.sync="informationdialogshow"
       @close="resetHaocaiTable"
     >
-      <div class="head-container">
+      <div class="head-container flex">
         <el-input
           v-model="queryinformation.conTypeId"
           size="small"
@@ -385,7 +385,13 @@
         ></el-table-column>
         <el-table-column prop="id" label="ID" width="50px" />
         <el-table-column label="耗材名称" prop="conName" />
-        <el-table-column label="耗材代码" prop="conCode" />
+        <el-table-column label="耗材代码" prop="conCode" >
+        <template v-slot="scope">
+          <div class="line-1">
+            {{ scope.row.conCode }}
+          </div>
+        </template>
+        </el-table-column>
         <el-table-column label="类型名称" prop="conTypeName" />
         <el-table-column label="单位" prop="conUnit" />
         <el-table-column label="库存数量" prop="stockNumber">
@@ -403,7 +409,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="head-container">
+      <div class="head-container" style="margin-top: 10px;">
         <el-pagination
           :total="tableDatainformation.total"
           :current-page="tableDatainformation.page + 1"
@@ -1007,4 +1013,10 @@ export default {
     }
   }
 }
+.flex{
+  display: flex;align-content: center;
+}
+.head-container .filter-item{
+  margin: 0 10px 0 0;
+}
 </style>