2/21 界面优化1.0

src/views/collect/IoSplitFifoRemove.vue

@@ -123,14 +123,19 @@
                 <!--  </div>-->
                 <!--</template>-->
               </el-table-column>
+              <!--<el-table-column-->
+              <!--  prop="productName"-->
+              <!--  label="药品名称"-->
+              <!--&gt;-->
+              <!--</el-table-column>-->
               <el-table-column
-                prop="productName"
+                prop="nameCode"
-                label="药品名称"
+                label="产品标识"
               >
               </el-table-column>
               <el-table-column
-                prop="nameCode"
+                prop="bzgg"
-                label="药品标识"
+                label="制剂规格"
               >
               </el-table-column>
               <el-table-column
@@ -143,17 +148,32 @@
                 label="序列号"
               >
               </el-table-column>
+              <el-table-column
+                prop="serialNo"
+                label="批次号"
+              >
+              </el-table-column>
+              <el-table-column
+                prop="serialNo"
+                label="生产日期"
+              >
+              </el-table-column>
+              <el-table-column
+                prop="serialNo"
+                label="失效日期"
+              >
+              </el-table-column>
               <!-- 添加 id 列，设置为隐藏 -->
               <!--<el-table-column prop="id" label="ID" width="0" v-show="true"></el-table-column>-->
             </el-table>
-            <pagination
+            <!--<pagination-->
-              v-show="queueCodeTotal>0"
+            <!--  v-show="queueCodeTotal>0"-->
-              :total="queueCodeTotal"
+            <!--  :total="queueCodeTotal"-->
-              :limit.sync="queueQuery.limit"
+            <!--  :limit.sync="queueQuery.limit"-->
-              :page.sync="queueQuery.page"
+            <!--  :page.sync="queueQuery.page"-->
-              @pagination="getCodes()"
+            <!--  @pagination="getCodes()"-->
-            >
+            <!--&gt;-->
-            </pagination>
+            <!--</pagination>-->
 
           </el-col>
           <el-col :span="11" style="border: 1px solid #e3dfe1; margin-left: 27px; padding: 15px;height: 700px;">
@@ -189,14 +209,19 @@
                 width="180"
               >
               </el-table-column>
+              <!--<el-table-column-->
+              <!--  prop="cpmctymc"-->
+              <!--  label="药品名称"-->
+              <!--&gt;-->
+              <!--</el-table-column>-->
               <el-table-column
-                prop="cpmctymc"
+                prop="nameCode"
-                label="药品名称"
+                label="产品标识"
               >
               </el-table-column>
               <el-table-column
-                prop="nameCode"
+                prop="bzgg"
-                label="药品标识"
+                label="制剂规格"
               >
               </el-table-column>
               <el-table-column
@@ -210,14 +235,14 @@
               >
               </el-table-column>
             </el-table>
-            <pagination
+            <!--<pagination-->
-              v-show="splitCodeTotal>0"
+            <!--  v-show="splitCodeTotal>0"-->
-              :total="splitCodeTotal"
+            <!--  :total="splitCodeTotal"-->
-              :limit.sync="splitCodeQuery.limit"
+            <!--  :limit.sync="splitCodeQuery.limit"-->
-              :page.sync="splitCodeQuery.page"
+            <!--  :page.sync="splitCodeQuery.page"-->
-              @pagination="getSplitCodes()"
+            <!--  @pagination="getSplitCodes()"-->
-            >
+            <!--&gt;-->
-            </pagination>
+            <!--</pagination>-->
 
             <!--</div>-->
 

src/views/collect/newCreateCodeDetail.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-row :gutter="30">
-      <el-col :span="15" style="border: 1px solid #e3dfe1; padding:15px; height: 700px; margin-left: 20px; overflow-y: scroll;">
+      <el-col :span="15" style="border: 1px solid #e3dfe1; padding:15px; height: 400px; margin-left: 20px; overflow-y: scroll;">
         <h2 style="font-weight: bold;">上货信息</h2>
         <div v-for="(item, index) in detailList" :key="index" class="product-info">
           <div class="info-item">
@@ -20,7 +20,7 @@
         </div>
 
       </el-col>
-      <el-col :span="8" style="border: 1px solid #e3dfe1; margin-left: 20px; padding: 15px;height: 700px;">
+      <el-col :span="8" style="border: 1px solid #e3dfe1; margin-left: 20px; padding: 15px;height: 400px;">
         <h2 style="font-weight: bold;">扫码明细({{codeCount}})</h2>
         <!--<el-divider></el-divider>-->
         <div style=" border-top: 1px solid #ccc;">
@@ -298,7 +298,7 @@ export default {
   font-size: 38px;
 }
 .p-title{
-  font-size: 24px;
+  font-size: 18px;
 
 }
 </style>