<template>
  <ele-modal
    title="工艺文件"
    :visible.sync="visible"
    :before-close="handleClose"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    append-to-body
    :maxable="true"
    width="80%"
  >
    <wokePopupList ref="wokePopupListRef"></wokePopupList>
    <template slot="footer">
      <el-button size="mini" @click="handleClose">取 消</el-button>
      <el-button size="mini" type="primary" @click="handleClose"
        >确 定</el-button
      >
    </template>
  </ele-modal>
</template>

<script>
  import wokePopupList from './wokePopupList.vue';

  export default {
    components: { wokePopupList },
    props: {},
    data() {
      return {
        visible: false
      };
    },

    watch: {},
    methods: {
      open(ids) {
        this.visible = true;
        this.$nextTick(() => {
          this.$refs.wokePopupListRef.open(ids);
        });
      },

      openTwo(req) {
        this.visible = true;
        this.$nextTick(() => {
          this.$refs.wokePopupListRef.openTwo(req);
        });
      },

      handleClose() {
        this.visible = false;
      }
    }
  };
</script>

<style lang="scss" scoped></style>
