elizebeth/src/xt_pages/stock/drugs/query.vue

<template>
  <div class="main-contain">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
      <div>
        <el-button
          size="small"
          class="filter-item"
          type="primary"
          @click="setting"
        >设置
        </el-button
        >
      <el-button
          size="small"
          class="filter-item"
          type="primary"
          icon="el-icon-printer"
          @click="printOrder"
        >打印
      </el-button>
      <el-button
          size="small"
          class="filter-item"
          type="primary"
          @click="exportStock"
        >导出
        </el-button>
      </div>
    </div>
    <div class="app-container ">
      <div class="cell clearfix">
         <el-select v-model="drug_type" style="width:160px;margin-right:10px;" placeholder="请选择" @change="changeDrug">
            <el-option
              v-for="(item,index) in drugTypeList"
              :key="index"
              :label="item.name"
              :value="item.id">
            </el-option>
        </el-select>
         <el-date-picker
            v-model="start_time"
            prefix-icon="el-icon-date"
            :editable="false"
            style="width: 196px;"
            type="date"
            placeholder="选择日期时间"
            align="right"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd"
            @change="startTimeChange"
           ></el-date-picker>-
            <el-date-picker
              v-model="end_time"
              prefix-icon="el-icon-date"
              :editable="false"
              style="width: 196px;margin-right:10px;"
              type="date"
              placeholder="选择日期时间"
              align="right"
              format="yyyy-MM-dd"
              value-format="yyyy-MM-dd"
              @change="endTimeChange"
          ></el-date-picker>
          <el-input
            style="width: 200px;"
            class="filter-item"
            v-model.trim="keywords"
            placeholder="药品名称"
          />
          <el-button
            size="small"
            class="filter-item"
            type="primary"
            icon="el-icon-search"
            @click="search"
          >搜索
          </el-button>
      </div>
      
       <el-table :data="tableList" border style="width: 100%">
      
        <el-table-column prop="drug_type" label="药品类型" width="180" align="center">
           <template slot-scope="scope">
             {{getDrugType(scope.row.drug_type)}}
           </template>
        </el-table-column>
        <el-table-column prop="drug_name" label="药品名称" align="center">
           <template slot-scope="scope">
             {{scope.row.drug_name}}
           </template>
        </el-table-column>
        <el-table-column prop="drug_name" label="规格&&单位" align="center">
           <template slot-scope="scope">
             {{scope.row.dose + scope.row.dose_unit +"*"+scope.row.min_number+scope.row.min_unit+"/"+scope.row.max_unit}}
           </template>
        </el-table-column>
         <el-table-column prop="drug_name" label="进货单价" align="center">
           <template slot-scope="scope">
             {{scope.row.last_price}}
           </template>
        </el-table-column>
         <el-table-column prop="drug_name" label="厂家" align="center">
           <template slot-scope="scope">
             {{getManufacturerList(scope.row.manufacturer)}}
           </template>
        </el-table-column>
        <el-table-column prop="drug_name" label="入库数量" align="center">
           <template slot-scope="scope">
            <span v-if="getWarehoseInfo(scope.row.drug_warehouse_info)!=0">{{getWarehoseInfo(scope.row.drug_warehouse_info)}}{{scope.row.max_unit}}</span> 
           </template>
        </el-table-column>
        <el-table-column prop="drug_name" label="出库数量" align="center">
           <template slot-scope="scope">
             <span v-if="org_id == 9671 || org_id == 9675 || org_id == 4">
                <span v-if="scope.row.drug_warehouse_out.length > 0"></span> {{getDrugOutList(scope.row.drug_warehouse_out,scope.row.max_unit,scope.row.min_unit,scope.row.min_number)}}
             </span>
             <span v-else>{{getOutCount(scope.row.id)+getAutoCount(scope.row.id)}}{{scope.row.max_unit}}</span>
           </template>
        </el-table-column>
        <el-table-column prop="drug_name" label="剩余库存量" align="center">
           <template slot-scope="scope">
            <div v-if="getWarehoseInfo(scope.row.drug_warehouse_info)!=0">
               <span v-if="org_id == 9671 || org_id == 9675 || org_id == 4">
                 {{getDrugChaCount(scope.row.drug_warehouse_info,scope.row.drug_warehouse_out,scope.row.max_unit,scope.row.min_unit,scope.row.min_number,scope.row.drug_cancel_stock_info)}}
               </span>
               
               <span v-else>{{getWarehoseInfo(scope.row.drug_warehouse_info) - getOutCount(scope.row.id) - getAutoCount(scope.row.id)}}{{scope.row.max_unit}} </span>
            </div>
           </template>
        </el-table-column>
        <el-table-column prop="drug_name" label="操作" align="center" width="200px">
          <template slot-scope="scope">
            <el-button
              size="small"
              type="primary"
              @click="handleDetail(scope.row)"
            >库存流水
            </el-button>
            <el-button
              size="small"
              type="primary"
              @click="handleBatch(scope.row)"
            >批次
            </el-button>
          </template>
        </el-table-column>
       </el-table>
       
    <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :page-sizes="[10, 50, 100,200,500,1000]"
        :page-size="10"
        background
        align="right"
        style="margin-top:20px;"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>
    </div>

    <setting-dialog
      ref="dialog"
    ></setting-dialog>

  </div>
</template>

<script>
  import { uParseTime } from '@/utils/tools'
  import BreadCrumb from '@/xt_pages/components/bread-crumb'
  import { getAllDrugStockQueryList,getDrugStockList,getDrugCountList } from '@/api/drug/drug_stock'
  import SettingDialog from './settingDialog/index'
  import { getDictionaryDataConfig } from "@/utils/data";
import { min } from 'moment'
  export default {
    name: 'stockIn',
    created() {
      var start_time =  window.sessionStorage.getItem('start_time')
      var end_time =  window.sessionStorage.getItem('end_time')
      console.log("start_time",start_time,end_time)
      if(start_time !=null){
        this.start_time = start_time
      }
      if(end_time!=null){
        this.end_time = end_time
      }
      window.sessionStorage.removeItem('start_time')
      window.sessionStorage.removeItem('end_time')
      this.getlist()
      var drugCategory = getDictionaryDataConfig('system','drug_category')
      this.drugCategory.push(...drugCategory)
      var drugTypeList = getDictionaryDataConfig('system','drug_type') 
      this.drugTypeList.push(...drugTypeList)
      this.org_id =  this.$store.getters.xt_user.org.id
      console.log("机构ID",this.org_id)
      this.getDrugCountList()
     
      
    },
    components: {
      SettingDialog,
      BreadCrumb
    },
    data() {
      return {
        crumbs: [
          { path: false, name: '库存管理' },
          { path: '/stock/drugs/stock/query', name: '药品库存查询' }
        ],
        keywords: '',
       
        multipleSelection: [],
        signAndWeighBoxPatients: 'sign-and-weigh-box-patients',
        start_time: '',
        end_time: '',
        page: 1,
        limit: 10,
        total: 0,
        goodType: [],
        goodInfo: [],
        tempArr: [],
        sameRowArr: [],
        WarehouseInfo: {
          loading: false,
          warehouseInfoDate: []
        },
        tableData:[],
        drug_category:0,
        drugCategory:[
          {id:0,name:"全部"}
        ],
        drugTypeList:[
          {id:0,name:"全部"}
        ],
        tableList:[],
        manufacturerList:[],
        countList:[],
        outCountList:[],
        autoCountList:[],
        keyword:"",
        drug_type:0,
        minCount:[],
        drugOutList:[],
        cancelCountList:[],
        allCountList:[],
        org_id:"",
      }
    },
    methods: {
     //获取库存
      getlist(){
        const params = {
          page: this.page,
          limit: this.limit,
          keyword: this.keywords,
          drug_type:this.drug_type,
          start_time:this.start_time,
          end_time:this.end_time,
        }
        console.log("parasm222222",params)
        getDrugStockList(params).then(response=>{
          if(response.data.state == 1){
             var list = response.data.data.list
             console.log("list99999",list)
             for(let i=0;i<list.length;i++){
               for(let j=0;j<list[i].drug_warehouse_info.length;j++){
                 list[i].drug_warehouse_info[j].stock_max_number = list[i].min_number * list[i].drug_warehouse_info[j].stock_max_number
               }
               for(let y=0;y<list[i].drug_warehouse_out.length;y++){
                  if(list[i].drug_warehouse_out[y].count_unit == list[i].max_unit){
                    list[i].drug_warehouse_out[y].count = list[i].drug_warehouse_out[y].count * list[i].min_number
                  }
               }
               for(let z=0;z<list[i].drug_cancel_stock_info.length;z++){
                 if(list[i].drug_cancel_stock_info[z].max_unit == list[i].max_unit){
                   list[i].drug_cancel_stock_info[z].count = list[i].drug_cancel_stock_info[z].count * list[i].min_number
                 } 
               }
             }
             console.log("列表list232323323232323223",list)
             this.tableList = list
             var total = response.data.data.total
             this.total = total
             this.manufacturerList = response.data.data.manufacturerList
           
           }
        })
      },
      handleSpanTempArr() {
        this.tempArr = []

        for (let i = 0; i < this.WarehouseInfo.warehouseInfoDate.length; i++) {
          if (i === 0) {
            this.tempArr.push(1)
            this.pos = 0
          } else {
            // 判断当前元素与上一个元素是否相同
            if (this.WarehouseInfo.warehouseInfoDate[i].drug_name === this.WarehouseInfo.warehouseInfoDate[i - 1].drug_name) {
              this.tempArr[this.pos] += 1
              this.tempArr.push(0)
            } else {
              this.tempArr.push(1)
              this.pos = i
            }
          }
        }

        let sameRowArr = [], sIdx = 0
        this.WarehouseInfo.warehouseInfoDate.forEach((item, index) => {
          item.index = index
          if (index === 0) {
            sameRowArr.push([index])
          } else {
            if (item.drug_name === this.WarehouseInfo.warehouseInfoDate[index - 1].drug_name) {
              sameRowArr[sIdx].push(index)
            } else {
              sIdx = sIdx + 1
              sameRowArr.push([index])
            }
          }
        })
        this.sameRowArr = sameRowArr

      },
      merge({ row, column, rowIndex, columnIndex }) {
        if (columnIndex === 0) {
          const _row = this.tempArr[rowIndex]
          const _col = _row > 0 ? 1 : 0
          return {
            rowspan: _row,
            colspan: _col
          }
        }
      },
    
      getSpecificationName: function(id) {
        let name = ''
        for (let i = 0; i < this.goodInfo.length; i++) {
          if (this.goodInfo[i].id == id) {
            name = this.goodInfo[i].specification_name
          }
        }
        return name
      },
      getTypeName: function(id) {
        let name = ''
        for (let i = 0; i < this.goodType.length; i++) {
          if (this.goodType[i].id == id) {
            name = this.goodType[i].type_name
          }
        }
        return name
      },

      handleBack: function() {
        this.$router.go(-1)
      },
      handleSizeChange(val) {
        this.limit = val
        this.getlist()
        this.getDrugCountList()
      },
      handleCurrentChange(val) {
        this.page = val
        this.getlist()
        this.getDrugCountList()
      },
      calculate: function(val) {
        return Math.round(parseFloat(val) * 100) / 100
      },
  
    startTimeChange: function(val) {
      window.sessionStorage.removeItem('start_time')
      var time = this.getTimestamp(val) - this.getTimestamp(this.end_time);
      if (time > 0) {
        this.$message.error("开始时间不能大于结束时间");
        this.start_time = "";
      } else {
     
        this.getlist()
      }
    },
    endTimeChange: function(val) {
      window.sessionStorage.removeItem('end_time')
      var time = this.getTimestamp(val) - this.getTimestamp(this.start_time);
      if (time < 0) {
        this.$message.error("结束时间不能小于开始时间");
        this.end_time = "";
      } else {
       
        this.getlist()
      }
     
    },
      stockInCount: function(row) {
        let total = 0
        for (let i = 0; i < row.query_drug_warehousing_info.length; i++) {
          total = total + row.query_drug_warehousing_info[i].warehousing_count
        }
        return total
      },
      salesReturnCount: function(row) {
        let total = 0

        for (let i = 0; i < row.query_drug_sales_return_info.length; i++) {
          total = total + row.query_drug_sales_return_info[i].count
        }
        return total
      },
      stockOutCount: function(row) {
        let total = 0

        for (let i = 0; i < row.query_drug_warehouseout_info.length; i++) {
          total = total + row.query_drug_warehouseout_info[i].count
        }
        return total
      },
      cancelStockCount: function(row) {
        let total = 0
        for (let i = 0; i < row.query_drug_cancel_stock_info.length; i++) {
          total = total + row.query_drug_cancel_stock_info[i].count
        }
        return total
      },
      search: function() {
        this.getlist()
        this.getDrugCountList()
      }, 
      setting: function() {
        this.$refs.dialog.show()
      },
       exportStock(){

         for(let i=0;i<this.tableList.length;i++){
           this.tableList[i].index = i+1
           this.tableList[i].drug_type_name = this.getDrugType(this.tableList[i].drug_type)
           this.tableList[i].unit = this.tableList[i].dose + this.tableList[i].dose_unit +"*"+this.tableList[i].min_number+this.tableList[i].min_unit+"/"+this.tableList[i].max_unit
           this.tableList[i].manufacturer_name = this.getManufacturerList(this.tableList[i].manufacturer)

          this.tableList[i].inCount =  this.getWarehoseInfo(this.tableList[i].drug_warehouse_info)
          this.tableList[i].outCount = this.getWarehouseOutInfo(this.tableList[i].drug_warehouse_out,this.tableList[i].max_unit,this.tableList[i].min_unit,this.tableList[i].min_number)
          this.tableList[i].overplusCount =  this.getOverFlushInfo(this.tableList[i].drug_warehouse_info,this.tableList[i].max_unit,this.tableList[i].min_unit,this.tableList[i].min_number)
         }
       
         console.log("hhhhhhhadhfadf 列表",this.tableList)
         import('@/vendor/Export2Excel').then(excel => {
         const tHeader = ['序号', '药品类型', '药品名称','规格型号&单位','进货单价','厂家','入库数量','出库数量','剩余库存量']
         const filterVal = ['index', 'drug_type_name', 'drug_name','unit','last_price','manufacturer_name','inCount','outCount','overplusCount']
       
        
         const data = this.formatJson(filterVal, this.tableList)
         excel.export_json_to_excel({
           header: tHeader,
           data,
           filename: '药品查询'
         })
          this.downloadLoading = false
        })
       },
       formatJson(filterVal, jsonData) {
        return jsonData.map(v => filterVal.map(j => v[j]));
      },
      getDictionaryDataConfig(module, filed_name) {
        return getDictionaryDataConfig(module, filed_name)
      },
      getTimestamp(time) { // 把时间日期转成时间戳
        return (new Date(time)).getTime() / 1000
      },
      changeDrug(){
        this.getlist()
      },
      printOrder(){
        window.sessionStorage.setItem('start_time',this.start_time)
        window.sessionStorage.setItem('end_time',this.end_time)
        this.$router.push({
          name: "drugQueryPrint",
          query: {drug_type:this.drug_type,keyword:this.keywords,start_time:this.start_time,end_time:this.end_time,page:this.page,limit:this.limit}
        });
      },
      getDrugType(id){
       
        var name = ""
        for(let i=0;i<this.drugTypeList.length;i++){
           if(this.drugTypeList[i].id == id){

             name = this.drugTypeList[i].name
           }
        }
     
        return name
      },
      getManufacturerList(id){
        var name = ""
        for(let i=0;i<this.manufacturerList.length;i++){
          if(id == this.manufacturerList[i].id){
             name = this.manufacturerList[i].manufacturer_name
          }
        }
        return name
      },
      handleDetail(val){
        var manufacturer_name = ""
        for(let i=0;i<this.manufacturerList.length;i++){
         if(val.manufacturer == this.manufacturerList[i].id){
           manufacturer_name = this.manufacturerList[i].manufacturer_name
         }
        }
        var unit =  val.dose + val.dose_unit +"*"+val.min_number+val.min_unit+"/"+val.max_unit
        var overPlus = this.getOverFlushInfo(val.drug_warehouse_info,val.max_unit,val.min_unit,val.min_number)
        window.sessionStorage.setItem('start_time',this.start_time)
        window.sessionStorage.setItem('end_time',this.end_time)
        this.$router.push({path:'/drugstock/in/drugstockflow?drug_id='+val.id+"&drug_name="+val.drug_name+"&manufacturer="+manufacturer_name+"&unit="+unit+"&min_number="+val.min_number+"&max_unit="+val.max_unit+"&min_unit="+val.min_unit+"&overPlus="+overPlus})
      },
      handleBatch(val){
        var manufacturer_name = ""
        for(let i=0;i<this.manufacturerList.length;i++){
         if(val.manufacturer == this.manufacturerList[i].id){
           manufacturer_name = this.manufacturerList[i].manufacturer_name
         }
        }
        var unit =  val.dose + val.dose_unit +"*"+val.min_number+val.min_unit+"/"+val.max_unit
        var overPlus = this.getOverFlushInfo(val.drug_warehouse_info,val.max_unit,val.min_unit,val.min_number)
        window.sessionStorage.setItem('start_time',this.start_time)
        window.sessionStorage.setItem('end_time',this.end_time)
        this.$router.push({path:'/drugstock/in/drugbatchnumber?drug_id='+val.id+"&drug_name="+val.drug_name+"&manufacturer="+manufacturer_name+"&unit="+unit+"&min_number="+val.min_number+"&max_unit="+val.max_unit+"&min_unit="+val.min_unit+"&overPlus="+overPlus})
      },
      getDrugCountList(){
         var params = {
          keyword: this.keywords,
          start_time:this.start_time,
          end_time:this.end_time,
         }
         console.log("paramsw2ww",params)
        getDrugCountList(params).then(response=>{
          if(response.data.state == 1){
            var minCount = response.data.data.minCount
            console.log("minCount",minCount)
            this.minCount = minCount
            var cancelCountList =  response.data.data.cancelCountList
            this.cancelCountList = cancelCountList
            var info = response.data.data.info
            for(let i=0;i<info.length;i++){
              if(info[i].count_unit == info[i].max_unit){
                 info[i].count = info[i].count * info[i].min_number
              }
            }

            this.outCountList = response.data.data.outCountList
            console.log("手动出库",this.outCountList)
            this.auCountList = response.data.data.auCountList
            console.log("自动出库",this.auCountList)
            this.drugOutList = info
          }
        })
      },
      getInCount(id){
        var count = 0
        for(let i=0;i<this.countList.length;i++){
           if(id == this.countList[i].drug_id){
             count = this.countList[i].count
           }
        }
        return count
      },

      getOutCount(id){
        var count = 0
        for(let i=0;i<this.outCountList.length;i++){
           if(id == this.outCountList[i].drug_id){
               count = this.outCountList[i].count
           }
        }
        return count
      },
      getAutoCount(id){
        var count= 0
        for(let i=0;i<this.autoCountList.length;i++){
          if(id == this.autoCountList[i].drug_id){
            count = this.autoCountList[i].count
          }
        }
        return count
      },
      getMinCount(id){
        var count= 0
        for(let i=0;i<this.minCount.length;i++){
          if(id == this.minCount[i].drug_id){
            count = this.minCount[i].count
          }
        }
        return count
      },
     getCount(drug_id,min_number,max_unit,min_unit){
        var total= 0
        var str = ""
        var min_str = ""
        var arr = []
        for(let i=0;i<this.allCountList.length;i++){
          if(drug_id == this.allCountList[i].drug_id){
             arr.push(this.allCountList[i])
          }
        }
        var arrTwo = []
        for(let i=0;i<arr.length;i++){
          if(arr[i].drug_id == 1236){
             arrTwo.push(arr[i])
          }
          if(arr[i].count_unit == max_unit){
             arr[i].count = arr[i].count * min_number
          }
          if(arr[i].count_unit == min_unit){
            arr[i].count = arr[i].count
          }
          total += arr[i].count
        }
        if(total<min_number){
           str = ""
           min_str = total + min_unit
        }
        if(total >= min_number){
          if(parseInt(total/min_number)!=0){
            str = parseInt(total/min_number)+ max_unit
          }
          if((total%min_number)!=0){
            min_str =  total%min_number + min_unit
          }
        }
    
        return str + min_str
      },
  
      getCountOne(drug_id){
        var count= 0
        for(let i=0;i<this.drugOutList.length;i++){
          if(drug_id == this.drugOutList[i].drug_id){
             count += parseInt(this.drugOutList[i].count)
          }
        }
        return count
      },
     getCountTwo(drug_id,min_number,max_unit,min_unit){
      
       var total_count = 0
       var out_count = 0
       var count = 0
       var str = ""
       var str_min = ""
       total_count = this.getInCount(drug_id) * min_number

       out_count = this.getCountOne(drug_id)
       count = total_count-out_count

       if(parseInt(count/min_number)!=0){
         str = parseInt(count/min_number) + max_unit
       }
     
       if((count%min_number)!=0){
         str_min = count%min_number + min_unit
       }
       return str+str_min
     },
      getCancelCount(id){
        var count= 0
        for(let i=0;i<this.cancelCountList.length;i++){
          if(id == this.cancelCountList[i].drug_id){
            count = this.cancelCountList[i].count
          }
        }
        return count
      },
      getWarehoseInfo(arr){
        var total = 0
        if (arr.length > 0) {
          for(let i=0;i<arr.length;i++){
            total += parseInt(arr[i].warehousing_count)
          }
        }
        if(total == 0){
           total = ""
        }
       
        return total
      },
      getOverFlushInfo(arr,max_unit,min_unit,min_number){
       
         var max_str=  ""
         var min_str = ""
         var total = 0
         var newarr = arr
         if(newarr.length > 0 ){
           for(let i=0;i<newarr.length;i++){
            total += (newarr[i].stock_max_number+newarr[i].stock_min_number)
           }
         }
         if (total < min_number){
           min_str = total + min_unit
         }
         if (total == 0) {
            min_str = ""
            max_str = ""
         }
         if (total >=min_number) {
           if(parseInt(total/min_number)!=0){
              max_str = parseInt(total/min_number) + max_unit
           }
           if(total%min_number!=0){
              min_str = total%min_number + min_unit
           }
         
         }
        return max_str + min_str
      },
      getWarehouseOutInfo(arr,max_unit,min_unit,min_number){
         var min_str = ""
         var max_str = ""
        var total = 0
        if (arr.length > 0) {
          for(let i=0;i<arr.length;i++){
            total += parseInt(arr[i].count)
          }
        }
      
        if (total < min_number){
           min_str = total + min_unit
         }
         if (total == 0) {
            min_str = ""
            max_str = ""
         }
         if (total >=min_number) {
           if(parseInt(total/min_number)!=0){
              max_str = parseInt(total/min_number) + max_unit
           }
           if(total%min_number!=0){
              min_str = total%min_number + min_unit
           }
         
         }
        return max_str + min_str

      },

      getDrugOutList(arr,max_unit,min_unit,min_number){
        var str = ""
        var str_min = ""
        if(arr.length > 0){
          for(let i=0;i<arr.length;i++){
           if(parseInt(arr[i].count/min_number)!=0){
              str = parseInt(arr[i].count/min_number)+ max_unit
            }
            if(arr[i].count%min_number !=0){
              str_min =  arr[i].count%min_number + min_unit
            }
          }
        }
        return str + str_min
      },

      getDrugChaCount(info,out_info,max_unit,min_unit,min_number,cancel_info){
        var total_info = 0
        var total_out = 0
        var cha_count = 0
        var cancel_count = 0
        if(info.length > 0 ){
          for(let i=0;i<info.length;i++){
            total_info += info[i].warehousing_count * min_number
          }
        }
        if(out_info.length>0){
          for(let j=0;j<out_info.length;j++){
            total_out += out_info[j].count
          }
        }
        if(cancel_info.length >0){
         for(let z=0;z<cancel_info.length;z++){
            cancel_count +=cancel_info[z].count
         }
        }
        cha_count = total_info - total_out + cancel_count
        var str = ""
        var str_min = ""
        if(parseInt(cha_count/min_number)!=0){
            str = parseInt(cha_count/min_number)+ max_unit
         }
         if(cha_count%min_number !=0){
           str_min =  cha_count%min_number + min_unit
         }
         return str + str_min
      }
    }
  }
</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;
  }
</style>