126 lines
3.5 KiB
Vue
126 lines
3.5 KiB
Vue
<template>
|
|
<el-dialog
|
|
v-loading.fullscreen.lock="fullscreenLoading"
|
|
:show-close="true"
|
|
:visible.sync="dialogVisible"
|
|
append-to-body
|
|
destroy-on-close
|
|
title="aps提交"
|
|
width="500px"
|
|
@close="close"
|
|
>
|
|
<div class="head-container">
|
|
<div>
|
|
<!-- 搜索 -->
|
|
<el-form ref="form" :model="form1" :rules="rules" label-width="110px" size="mini">
|
|
|
|
|
|
<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"
|
|
end-placeholder="结束日期"
|
|
start-placeholder="开始日期"
|
|
type="daterange"
|
|
value-format="yyyy-MM-dd"
|
|
/>
|
|
</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" icon="el-icon-search" size="mini" type="success" @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>
|
|
|