<template>
  <div>
    <el-button @click="showProduct">商品弹窗</el-button>
    <el-button @click="showWarehouse">仓库弹窗</el-button>
    <productDialog ref="product" />
    <warehouseDialog ref="warehouse" />
    <div class="productStore">
      <productStore />
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue, Watch } from "vue-property-decorator";
@Component
export default class DialogDemo extends Vue {

  showProduct(){
    (this.$refs.product as any).setShow(true)
  }
  showWarehouse(){
    (this.$refs.warehouse as any).setShow(true)
  }
}
</script>

<style lang="scss" scoped>
.productStore{
  padding-top: 16px;
}
</style>