<!--
 * @Author: 九哥
 * @Date:
 * @LastEditTime: 2022-06-19 09:35:37
 * @LastEditors: 631089326@qq.com 631089326@qq.com
 * @Description:
 * @FilePath:
-->
<template>
  <a-card :bordered="false" class="card-area">
    <!-- table区域-begin -->
      <a-button type="primary" icon="printer" @click.stop="print()">打印出口集装箱清单</a-button>
        <a-button type="primary" icon="snippets" @click.stop="generateMessage()">生成舱单报文</a-button>
               
               <!-- 低代码弹窗 -->
    <BaseModal
      ref="modalForm"
      :serviceName="modalServiceName"
      :pageId="modalPageId"
      :width="modalDialogWidth"
      :dialogType="dialogType"
      :baseCodeType="modalBaseCodeType"
      :url="modalUrl"
      :dynamicData="modalDynamicData"
    />   
  </a-card>
</template>
<script>
import { FormMixin } from "../../../packages/mixins/FormMixin";
export default {
  name: '',
    mixins: [FormMixin],
components: {},
  data () {
    return {
      description: '',
      pageId: 'T_UM_EXCEL_CONFIG'
    }
  },
  methods: {
    //生成报文
    generateMessage() {
      const data = []
      this.modalDialogWidth = '100%'
      //弹窗编辑
      this.$refs.modalForm.title = '生成报文'
      this.$refs.modalForm.voyageId = '510'
      data.pageId = 'GENERATE_MESSAGE_EXPORT'
          this.$refs.modalForm.dialogWidth = '100%'
      this.$refs.modalForm.edit(data)
    },
        //打印集装箱清单
    print() {
      const item = []

      this.modalDialogWidth = '100%'
      //弹窗编辑
      this.$refs.modalForm.title = '打印集装箱清单'
      this.$refs.modalForm.voyageId = '510'
     this.$refs.modalForm.dialogWidth = '100%'

      
      item.pageId = 'PRINT_CONTAINERLIST_EXPORT'
      this.$refs.modalForm.edit(item)
    },
  }
}
</script>
<style scoped>
</style>
