页面样式优化

pages/scanning_result_seimin/scanning_result_seimin.vue

@@ -26,7 +26,17 @@
       </view>
       <view class="Scanning_cont_block"> 所属科室 : {{ queryObj.targetDept || "-" }} </view>
       <!-- 药品批次列表 -->
-      <view class="page_item_wrap" v-for="item in batchNoList" :key="item.id">
+      <table class="speTable">
+        <tr>
+          <td>药包号</td>
+          <td>药包状态</td>
+        </tr>
+        <tr v-for="item in batchNoList" :key="item.id">
+          <td class="maxWidth">{{item.packid || "无"}}</td>
+          <td>{{item.drugsState ? item.drugsState.name : "无"}}</td>
+        </tr>
+      </table>
+      <!-- <view class="page_item_wrap" v-for="item in batchNoList" :key="item.id">
         <view class="page_item">
           <view class="page_item_top">
             <view class="page_item_top-inner">
@@ -48,7 +58,7 @@
         </view>
         <view class="L-l"></view>
         <view class="R-l"></view>
-      </view>
+      </view> -->
     </view>
     <view class="Scanning_cont" v-if="queryObj.status != 200">
       <view class="Scanning_cont_center Scanning_cont_block">
@@ -187,6 +197,23 @@ export default {
 <style lang="less">
 .Scanning_Result_seimin {
   padding: 0 20rpx;
+  .speTable {
+    margin: 32rpx 0;
+    width: 100%;
+    border-collapse: collapse;
+    .green{
+      color: green;
+    }
+    .red{
+      color: red;
+    }
+    .maxWidth{
+      width: 60%;
+    }
+    td{
+      border: 2rpx solid #666;
+    }
+  }
   .page_item_wrap {
     position: relative;
     margin-top: 32rpx;