<template>
  <el-dialog
    title="aps提交"
    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-form ref="form" :model="form1" :rules="rules" size="mini" label-width="110px">


          <el-form-item label="订单阶段:" prop="bill_code">
            <el-select v-model="form.bill_type" style="width: 350px;">
              <el-option label="前段" value="2"/>
              <el-option label="后段" value="3"/>
            </el-select>
          </el-form-item>

          <el-form-item label="日期区间：" prop="createTime">
            <el-date-picker
              v-model="form.createTime"
              type="daterange"
              value-format="yyyy-MM-dd"
              start-placeholder="开始日期"
              end-placeholder="结束日期"
            />
          </el-form-item>


          <!-- <el-form-item label="销售订单号:" prop="bill_code">
            <el-input v-model="form.bill_code" style="width: 350px;"/>
          </el-form-item> -->


        </el-form>
        <el-button class="filter-item" size="mini" type="success" icon="el-icon-search" @click="queryStruct">确认
        </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 crudSaleOrder from '@/views/wms/pcs/saleorder/saleOrder'

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: { bill_type: '2' }
    }
  },
  watch: {
    dialogShow: {
      handler(newValue, oldValue) {
        this.dialogVisible = newValue
      }
    }
  },
  methods: {
    close() {
      this.form = {}
      this.$emit('update:dialogShow', false)
      this.$emit('tableChanged', this.rows)
    },
    queryStruct() {
      // 校验开始日期和结束日期是否为空
      if (!this.form.createTime || !this.form.createTime[0] || !this.form.createTime[1]) {
        this.showErrorNotification('请选择日期区间')
        return
      }
      // 校验销售订单号值是否为空
      if (!this.form.bill_type) {
        this.showErrorNotification('请选择订单阶段')
        return
      }
      this.fullscreenLoading = true
      if (this.form.createTime) {
        this.form.date_begin = this.form.createTime[0]
        this.form.date_end = this.form.createTime[1]
      }
      crudSaleOrder.submit(this.form).then(res => {
        this.crud.notify('提交成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
        this.fullscreenLoading = false
        this.dialogVisible = false
        this.form = {} // 清空表单数据
      }).catch(() => {
        this.fullscreenLoading = false
      })
    },
    showErrorNotification: function(message) {
      this.crud.notify(message, CRUD.NOTIFICATION_TYPE.ERROR)
      this.fullscreenLoading = false
    },
    showSuccessNotification: function(message) {
      this.crud.notify(message, CRUD.NOTIFICATION_TYPE.SUCCESS)
      this.fullscreenLoading = false
    }
  }
}
</script>

