<template>
  <el-dialog
    title="备件订单接口导入"
    append-to-body
    :visible.sync="dialogVisible"
    destroy-on-close
    :show-close="true"
    width="500px"
    v-loading.fullscreen.lock="fullscreenLoading"
    @close="close"
  >
    <div class="head-container">
      <div>
        <!-- 搜索 -->
        <el-date-picker
          v-model="form.createTime"
          type="daterange"
          value-format="yyyy-MM-dd HH:mm:ss"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="['00:00:00', '23:59:59']"
        />
        <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="confirm">确认</el-button>
      </div>
    </div>
  </el-dialog>
</template>

<script>

import CRUD, { header, presenter } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import pagination from '@crud/Pagination'
import DateRangePicker from '@/components/DateRangePicker/index'
import sparePart from '@/api/wms/sb/sparepart'

export default {
  name: 'importOrder',
  components: { rrOperation, pagination, DateRangePicker },
  cruds() {
  },
  mixins: [presenter(), header()],
  props: {
    dialogShow: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      fullscreenLoading: false,
      dialogVisible: false,
      form :{}
    }
  },
  watch: {
    dialogShow: {
      handler(newValue, oldValue) {
        this.dialogVisible = newValue
      }
    }
  },
  methods: {
    close() {
      this.form = {}
      this.$emit('update:dialogShow', false)
      this.$emit('tableChanged', this.rows)
    },
    confirm() {
      debugger
      this.fullscreenLoading = true
      sparePart.importData(this.form).then(res => {
        this.fullscreenLoading = false
        this.crud.notify('导入成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
      }).catch(() => {
        this.fullscreenLoading = false
      })
    }
  }
}
</script>

