1

src/xt_pages/stock/drugs/drugInventory.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="main-contain">
+  <div class="main-contain" style="height:100%;">
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
     </div>
-    <div class="app-container">
-        <el-tabs v-model="activeName">
+    <div class="app-container" style="height: calc(100vh - 118px);overflow: hidden;">
+        <el-tabs v-model="activeName" style="height: 100%;display: flex;flex-direction: column;">
             <el-tab-pane label="药品盘点" name="first">
                 <drug-inventory></drug-inventory>
             </el-tab-pane>
@@ -77,4 +77,7 @@ export default {
 ::-webkit-scrollbar{
     height: 20px !important;
 }
+.el-tabs__content{
+  overflow-y: auto;
+}
 </style>

src/xt_pages/stock/drugs/inventory.vue

@@ -1,4 +1,92 @@
-
+<template>
+  <div>
+    <div>日期：2021-10-13    盘点人：赵强</div>
+    <el-collapse v-model="activeNames">
+      <el-collapse-item :name="index" v-for="(item,index) in 10" :key="index">
+        <template slot="title">
+          一致性 Consistency <el-button type="warning" icon="el-icon-remove" style="margin-left:20px;">移除</el-button>
+        </template>
+        <el-table :data="tableData" border :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)' }" style="width:100%">
+              <el-table-column prop="date" label="药品名称" width="200" align="center">
+                <template slot-scope="scope">
+                  {{scope.row.drug_name}}
+                </template>
+              </el-table-column>
+              <el-table-column  prop="name" label="规格" width="100"  align="center">
+                <template slot-scope="scope">
+                  {{scope.row.specification_name}}
+                </template>
+              </el-table-column>
+              <el-table-column prop="name" label="单位" width="100"  align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.warehousing_unit}}
+                </template>
+              </el-table-column>
+              <el-table-column prop="name" label="库存数量" width="100"  align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.total}}
+                  </template> 
+              </el-table-column>
+              <el-table-column prop="name" label="进价" width="100"  align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.last_price}}
+                  </template> 
+              </el-table-column>
+              <el-table-column prop="name" label="零售价" width="100"  align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.retail_price}}
+                  </template> 
+              </el-table-column>
+              <el-table-column prop="name"  label="零售总价" width="100"  align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.count * scope.row.retail_price}}
+                  </template> 
+              </el-table-column>
+              <el-table-column prop="name" label="产地" width="100"  align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.drug_origin_place}}
+                  </template> 
+              </el-table-column>
+              <el-table-column prop="name" label="生产厂商" width="100"  align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.manufacturer}}
+                  </template> 
+              </el-table-column>
+              <el-table-column prop="name" label="实盘点" width="100"  align="center">
+                <template slot-scope="scope">
+                    {{scope.row.count}}{{scope.row.warehousing_unit}} <span v-if="scope.row.min_count">{{scope.row.min_count}}{{scope.row.min_unit}}</span>
+                  </template> 
+              </el-table-column>
+              <!-- <el-table-column  prop="name" label="亏损价格" width="100"  align="center">
+                <template slot-scope="scope">
+                
+                  </template>  
+              </el-table-column> -->
+              <el-table-column prop="name" label="生产日期" width="100"  align="center">
+                  <template slot-scope="scope">
+                    {{getTime(scope.row.product_date)}}
+                  </template>  
+              </el-table-column>
+              <el-table-column prop="name" label="有效日期" width="100"  align="center">
+                  <template slot-scope="scope">
+                    {{getTime(scope.row.expiry_date)}}
+                  </template>  
+              </el-table-column>
+              <!-- <el-table-column
+              fixed="right"
+              width="100"
+              label="操作">
+                  <template slot-scope="scope">
+                      <el-button type="text" size="small">删除</el-button>
+                      <el-button type="text" size="small">编辑</el-button>
+                  </template>
+              </el-table-column> -->
+          </el-table>
+      </el-collapse-item>
+    </el-collapse>
+    <el-input v-model="input" placeholder="请输入内容"></el-input>
+  </div>
+</template>
 
 <script>
 import { uParseTime } from '@/utils/tools'
@@ -14,7 +102,7 @@ export default {
             value2:'',
             tableData: [],
             dialogVisible:false,
-           form: {
+            form: {
                 id:"",
                 drug_name: '',
                 retail_price :'',
@@ -72,7 +160,8 @@ export default {
               {id:3,name:"退货"},
               {id:4,name:"人为损坏"},
               {id:5,name:"不计入报损分析"},
-            ]
+            ],
+            activeNames: [0]
         }
     },
     methods:{