<template>
|
<GlobalWindow
|
width="50%"
|
:title="title"
|
:visible.sync="visible"
|
:confirm-working="isWorking"
|
@confirm="confirm">
|
<el-form :model="form" ref="form" :rules="rules">
|
<el-form-item label="盘点日期" prop="planDate">
|
<el-date-picker
|
v-model="form.planDate"
|
@change="getName"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期">
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item label="盘点仓库" prop="warehouseId">
|
<el-select v-model="form.warehouseId" @change="getName" placeholder="请选择">
|
<el-option
|
v-for="(item, index) in warehouseList"
|
:key="index"
|
:label="item.name"
|
:value="item.id" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="盘点员" prop="userId">
|
<el-select v-model="form.userId" @change="getName" placeholder="请选择">
|
<el-option
|
v-for="(item, index) in userList"
|
:key="index"
|
:label="item.realname"
|
:value="item.id" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="盘点单名称" prop="name">
|
<el-input v-model="form.name" placeholder="请输入" v-trim />
|
</el-form-item>
|
</el-form>
|
</GlobalWindow>
|
</template>
|
|
<script>
|
import BaseOpera from '@/components/base/BaseOpera'
|
import GlobalWindow from '@/components/common/GlobalWindow'
|
import { list } from '@/api/ywWarehouse'
|
import { getUserList } from '@/api/system/user'
|
export default {
|
name: 'newInventory',
|
extends: BaseOpera,
|
components: { GlobalWindow },
|
data() {
|
return {
|
// 表单数据
|
form: {
|
id: '',
|
name: '',
|
planDate: '',
|
warehouseId: '',
|
userId: ''
|
},
|
// 验证规则
|
rules: {
|
planDate: [{ required: true, message: '请选择盘点日期', trigger: 'blur' }],
|
warehouseId: [{ required: true, message: '请选择盘点仓库', trigger: 'blur' }],
|
userId: [{ required: true, message: '请选择盘点员', trigger: 'blur' }],
|
name: [{ required: true, message: '请输入盘点单名称', trigger: 'blur' }]
|
},
|
warehouseList: [],
|
userList: []
|
}
|
},
|
created() {
|
this.config({
|
api: '/ywStocktaking'
|
})
|
this.getList()
|
},
|
methods: {
|
getList() {
|
list({})
|
.then(res => {
|
this.warehouseList = res
|
})
|
getUserList({})
|
.then(res => {
|
this.userList = res
|
})
|
},
|
getName(e) {
|
if (this.form.warehouseId && this.form.userId && this.form.planDate) {
|
let userName = this.userList.filter(item => item.id === this.form.userId)[0].realname
|
let warehouseName = this.warehouseList.filter(item => item.id === this.form.warehouseId)[0].name
|
this.form.name = warehouseName + '-' + userName + '-' + this.form.planDate
|
}
|
}
|
}
|
}
|
</script>
|
