Vue_New/src/xt_pages/stock/drugs/drugNewQuery.vue

<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
     
    </div>
     <div class="app-container ">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="库存查询" name="first">
              <DrugQuery></DrugQuery>
            </el-tab-pane>
            <el-tab-pane label="进销存查询" name="second">
               <PurchaseDrugQuery></PurchaseDrugQuery>
           </el-tab-pane>
            <el-tab-pane label="有效期查询" name="third">
                <ExpiryDateDrugQuery></ExpiryDateDrugQuery>
            </el-tab-pane>
            <el-tab-pane label="患者查询" name="fourth">
                <DrugPatientQuery></DrugPatientQuery>
            </el-tab-pane>
        </el-tabs>
     </div>
  </div>
</template>

<script>
import BreadCrumb from "@/xt_pages/components/bread-crumb";
import DrugQuery from "@/xt_pages/stock/drugs/components/drugQuery"
import ExpiryDateDrugQuery from "@/xt_pages/stock/drugs/components/expiryDateDrugQuery"
import PurchaseDrugQuery from "@/xt_pages/stock/drugs/components/purchaseDrugQuery"
import DrugPatientQuery from "@/xt_pages/stock/drugs/components/drugPatientQuery"
export default {
  name: "stockNewQuery",
  
  components: {
    BreadCrumb,
    DrugQuery,
    ExpiryDateDrugQuery,
    PurchaseDrugQuery,
    DrugPatientQuery
  },
  data() {
    return {
      crumbs: [
        { path: false, name: "库存管理" },
        { path: "/stock/query", name: "库存查询" }
      ],
      multipleSelection: [],
      signAndWeighBoxPatients: "sign-and-weigh-box-patients",
      activeName: 'first'
    };
  },
  methods:{
    handleClick(){
        
    }
  }
};
</script>

<style rel="stylesheet/css" lang="scss" scoped>
.information {
  border: 1px #dcdfe6 solid;
  padding: 30px 20px 30px 20px;

  .border {
    border-bottom: 1px #dcdfe6 solid;
    margin: 0px 0 20px 0;
  }
}

.title {
  background: #409eff;
  height: 44px;
  line-height: 44px;
  padding: 0 0 0 10px;
  color: #fff;
  margin: 0 0 10px 0;
}

.edit_separater {
  border-top: 1px solid rgb(233, 233, 233);
  margin-top: 15px;
  margin-bottom: 15px;
}
</style>

<style>
.sign-and-weigh-box .sign-and-weigh-box-patients .cell {
  font-size: 12px;
}

.sign-and-weigh-box .sign-and-weigh-box-patients .current-row > td {
  background: #6fb5fa;
}

.count {
  color: #bd2c00;
}
.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;
}

/* 合并表格线样式 */

.spanClass .cell {
  padding: 0 !important;
}

.spanClass .cell tr {
  display: inline-block;
  width: 100%;
  /* height: 44px; */
}

.spanClass .cell tr td {
  padding: 10px 0;
  border-bottom: 1px solid #ebeef5;
  display: block;
  width: 100%;
  min-height: 44px;
}
.spanClass .cell tr:last-of-type td{
  border-bottom: none;
}

</style>