<template>
  <a-modal wrap
    :title="title"
    :width="939"
    :height="585"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @ok="handleOk"
    @cancel="handleCancel"
    okText="保存"
    cancelText="关闭">

    <a-spin :spinning="confirmLoading">
      <SliceUpload
          ref="technicalUpload"
          :box-height="50"
          :max-file="999999"
          :can-download="false"
          accept=".docx,.doc,.png,jpg,.pdf,.mp4"
        />
    </a-spin>
  </a-modal>
</template>

<script>
import moment from "moment"
import JCron from "@/components/jeecg/JCron";
import JSelectMultiple from '@/components/jeecg/JSelectMultiple'
import SliceUpload from './SliceUpload'


  export default {
    name: "uploadModal",
    components: {
      JCron,
      JSelectMultiple,
      SliceUpload
    },
    data () {
      return {
        title:"操作",
        buttonStyle: 'solid',
        visible: false,
        confirmLoading: false,
        strategys:[],
        dirId:""
      }
    },
    created () {
      
    },
    methods: {
      add () {
        this.visible =true;
        setTimeout(()=>{
          this.$refs.technicalUpload.dirId = this.dirId;
          this.$refs.technicalUpload.deleteFile();
        },300)
       
      },
      onOk(value) {
        this.model.startDate = moment(value[0],dateFormat);
        this.model.endDate = moment(value[1],dateFormat);
      },
      close () {
        this.$emit('close');
        this.visible = false;
      },
      handleOk () {
        this.close();
      },
      handleCancel () {
        this.close()
      },
    }
  }
</script>

<style scoped>
.disabled{
  pointer-events: none;
}
/deep/ .ant-modal-footer{
  text-align: center;
}
/deep/ .ant-modal-content{
  height: 100%;
}
/deep/ .ant-modal-body{
  height: calc(100% - 112px);
}

</style>