<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
    </div>
    <div class="app-container">
        <el-tabs v-model="activeName">
            <el-tab-pane label="药品盘点" name="first">
                <drug-inventory></drug-inventory>
            </el-tab-pane>
            <el-tab-pane label="盘点明细" name="second">
                <inventory-details></inventory-details>
            </el-tab-pane>
        </el-tabs>
    </div>
    
  
  </div>
</template>

<script>
import BreadCrumb from "../../components/bread-crumb";
import drugInventory from './inventory'
import inventoryDetails from './inventoryDetails'

export default {
    name: "stockModifyPrice",
    components:{
        BreadCrumb,
        drugInventory,
        inventoryDetails
    },
    data() {
        return{
            crumbs: [
                { path: false, name: "库存管理" },
                { path: false, name: "药品管理" },
                { path: false, name: "药品盘点" }
            ],
            activeName:'first'
        }
    },
    methods:{

    },
    created(){
    },
    mounted() {
    },
};
</script>

<style rel="stylesheet/scss" lang="scss">
.app-container {
  // margin: 20px;
  font-size: 15px;
}
.modifyDialog{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    .el-form-item{
        width: 33%;
    }
}
.el-table td,
.el-table th.is-leaf,
.el-table--border,
.el-table--group {
  border-color: #d0d3da;
}
.el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: #d0d3da;
}
::-webkit-scrollbar{
    height: 20px !important;
}
</style>
