<template>
  <div>
    <ImportDialog
      :tablename="tablename"
      :title="title"
      :visible="visible"
      :main-id="mainId"
      :father-method="fatherClose"
      :custom-import="true"
      :show-icon="false"
      :payload="platformId"
    >
      <div slot="header">
        <div class="form-wrap">
          <div>选择商品导入平台：</div>
          <div>
            <CheckboxGroup v-model="platformId">
              <Checkbox label="247">
                <span>喵街</span>
              </Checkbox>
            </CheckboxGroup>
          </div>
        </div>
      </div>
      <p
        slot="msg"
        style="color: red;margin-top: 10px;"
      >
        喵街平台只支持大写英文字母的SKU!
      </p>
    </ImportDialog>
  </div>
</template>

<script>

  import ImportDialog from '../customizedContent/ImportDialog.vue';

  export default {
    components: { ImportDialog },
    data() {
      return {
        tablename: 'T_PRODUCT_UPLOAD',
        title: '商品导入',
        visible: true,
        mainId: 11749,
        platformId: ['247']
      };
    },
    methods: {
      fatherClose() {
        this.$emit('closeActionDialog', true);
      }
    }
  };
</script>

<style scoped type="less">
.form-wrap {
  display: flex;
  align-items: center;
  padding: 0 40px;
}
</style>
