|  |  |  | 
|---|
|  |  |  | :confirm-working="isWorking" | 
|---|
|  |  |  | @confirm="confirm"> | 
|---|
|  |  |  | <el-form :model="form" ref="form" :rules="rules"> | 
|---|
|  |  |  | <el-form-item label="盘点单名称" prop="name"> | 
|---|
|  |  |  | <el-input v-model="form.name" placeholder="请输入盘点单名称" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="盘点日期" prop="name"> | 
|---|
|  |  |  | <el-form-item label="盘点日期" prop="planDate"> | 
|---|
|  |  |  | <el-date-picker | 
|---|
|  |  |  | v-model="form.name" | 
|---|
|  |  |  | 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="name"> | 
|---|
|  |  |  | <el-select v-model="form.name" placeholder="请选择"> | 
|---|
|  |  |  | <el-option label="张三" :value="1"></el-option> | 
|---|
|  |  |  | <el-option label="李四" :value="1"></el-option> | 
|---|
|  |  |  | <el-option label="王二" :value="1"></el-option> | 
|---|
|  |  |  | <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="name"> | 
|---|
|  |  |  | <el-select v-model="form.name" placeholder="请选择"> | 
|---|
|  |  |  | <el-option label="张三" :value="1"></el-option> | 
|---|
|  |  |  | <el-option label="李四" :value="1"></el-option> | 
|---|
|  |  |  | <el-option label="王二" :value="1"></el-option> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  | <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, | 
|---|
|  |  |  | 
|---|
|  |  |  | form: { | 
|---|
|  |  |  | id: '', | 
|---|
|  |  |  | name: '', | 
|---|
|  |  |  | planDate: '', | 
|---|
|  |  |  | warehouseId: '', | 
|---|
|  |  |  | userId: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | name: [{ required: true, message: '请输入项目名称', trigger: 'blur' }] | 
|---|
|  |  |  | 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: '/project/ywProject', | 
|---|
|  |  |  | 'field.id': 'id' | 
|---|
|  |  |  | 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> | 
|---|