<template>
|
<el-dialog :visible.sync="editDialogVisible" :modal-append-to-body="false" :close-on-click-modal="false" :title="title" center
|
width="30%">
|
<el-form ref="form" :rules="formRules" :model="form" label-width="140px" class="form">
|
<el-form-item label="姓名:" prop="name">
|
<el-input v-model.trim="form.name"/>
|
</el-form-item>
|
<el-form-item label="人员类型:" prop="type">
|
<el-select v-model="form.type" placeholder="请选择类型">
|
<el-option
|
v-for="item in typeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.id">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="联系方式:" prop="phone">
|
<el-input type="number" v-model.number.trim="form.phone"/>
|
</el-form-item>
|
</el-form>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="editDialogVisible = false">取 消</el-button>
|
<el-button type="primary" @click="confirm()">确 认</el-button>
|
</span>
|
</el-dialog>
|
</template>
|
|
<script>
|
import {updateStorehouseData} from "../../../../api/warehouse";
|
|
export default {
|
name: "crewDialog",
|
data() {
|
return {
|
editDialogVisible: false,
|
title: '',
|
typeList: [
|
{
|
id: 1,
|
name: ''
|
}
|
],
|
form: {},
|
formRules:{
|
name:[
|
{ required: true, message: '请输入姓名', trigger: 'change' },
|
]
|
}
|
}
|
},
|
created() {
|
const t = this
|
},
|
methods: {
|
open(){
|
this.editDialogVisible = true;
|
},
|
confirm(){
|
this.$refs.form.validate(async (valid) => {
|
if (valid) {
|
// const res = await updateStorehouseData(this.editForm)
|
// if(res.data.code == 200){
|
// this.$message.success('盘库提交成功')
|
//
|
// }else{
|
// this.$message.warning(res.data.message)
|
// }
|
// this.editDialogVisible = false
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.part-title{
|
font-size: 16px;
|
font-weight: bolder;
|
}
|
.selector{
|
/deep/ .el-form-item__content{
|
margin-left: 0 !important;
|
}
|
}
|
.form{
|
.el-form-item{
|
display: flex !important;
|
}
|
/deep/ .el-form-item__content{
|
width: 100%;
|
margin-left: 0 !important;
|
}
|
}
|
|
.numInput{
|
/deep/ .el-input__inner{
|
padding-right: 0;
|
}
|
}
|
</style>
|
