Zhao Qiqi
3 years ago
9 changed files with 329 additions and 9 deletions
|
After Width: | Height: | Size: 888 B |
|
After Width: | Height: | Size: 1.3 KiB |
@ -0,0 +1,216 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div class="tab-header webtop"> |
|||
<div>车辆出库</div> |
|||
<div> |
|||
<el-button type="primary" size="small" :disabled="dialogFormVisible" @click="handleCreate()">保存</el-button> |
|||
<el-button type="info" size="small" :disabled="dialogFormVisible" @click="handleReturn()">返回</el-button> |
|||
</div> |
|||
</div> |
|||
<div class="listconadd"> |
|||
<div class="titwu">车辆出库</div> |
|||
<el-form ref="dataForm" :model="temp" label-position="right" label-width="190px" class="formadd" :rules="rules"> |
|||
<el-row class="first_row"> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="modelName"> |
|||
<span slot="label">出库类型：</span> |
|||
<el-select ref="config" v-model="temp.modelSid" class="addinputw" clearable placeholder="" |
|||
filterable |
|||
@change="modelSidChange"> |
|||
<el-option v-for="(item,index) in modelName_list" :key="item.sid" :label="item.modelName" |
|||
:value="item.sid"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="modelConfigSid"> |
|||
<span slot="label">常用配置：</span> |
|||
<el-select ref="config" v-model="temp.modelConfigSid" class="addinputw" clearable placeholder="" |
|||
@change="modelConfigChange"> |
|||
<el-option v-for="(item,index) in modelConfig_list" :key="item.sid" :label="item.configName" |
|||
:value="item.sid"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="vehicleState"> |
|||
<span slot="label">库存状态：</span> |
|||
<el-select v-model="temp.vehicleState" class="addinputw" clearable placeholder="" |
|||
@change="vehicleStateValueChange"> |
|||
<el-option v-for="(item,index) in vehicleState_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item> |
|||
<span slot="label">车架号：</span> |
|||
<el-input v-model="temp.vinNo" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop=""> |
|||
<span slot="label">内部编码：</span> |
|||
<el-input placeholder="" class="addinputw" v-model="temp.insideCode" clearable/> |
|||
</el-form-item> |
|||
<!-- <el-form-item prop="engineNo">--> |
|||
<!-- <span slot="label">发动机号/许可证号：</span>--> |
|||
<!-- <el-input v-model="temp.engineNo" maxlength="125" placeholder="" class="addinputw" clearable/>--> |
|||
<!-- </el-form-item>--> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="orderingNo"> |
|||
<span slot="label">厂家订单编码：</span> |
|||
<el-input v-model="temp.orderingNo" maxlength="125" placeholder="" class="addinputw" clearable/> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="manPurOrderTypeKey"> |
|||
<span slot="label">厂家采购订单类型：</span> |
|||
<el-select v-model="temp.manPurOrderTypeKey " class="addinputw" clearable placeholder="" |
|||
@change="manPurOrderTypeChange"> |
|||
<el-option v-for="(item,index) in manPurOrderType_list" :key="item.dictKey" :label="item.dictValue" |
|||
:value="item.dictKey"/> |
|||
</el-select> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="priceDate"> |
|||
<span slot="label">厂家入库日期：</span> |
|||
<el-date-picker v-model="temp.priceDate" type="date" format="yyyy-MM-dd" class="addinputw" |
|||
value-format="yyyy-MM-dd" placeholder="选择日期时间"/> |
|||
<!-- <el-input v-model="temp.manufactureDate" maxlength="125" placeholder="" class="addinputw" clearable /> --> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="departureDate"> |
|||
<span slot="label">发车日期：</span> |
|||
<el-date-picker v-model="temp.departureDate" type="date" format="yyyy-MM-dd" class="addinputw" |
|||
value-format="yyyy-MM-dd" placeholder="选择日期时间"/> |
|||
</el-form-item> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-form-item prop="arrivalDate"> |
|||
<span slot="label">到货日期：</span> |
|||
<el-date-picker v-model="temp.arrivalDate" type="date" format="yyyy-MM-dd" class="addinputw" |
|||
value-format="yyyy-MM-dd" placeholder="选择日期时间"/> |
|||
<!-- <el-input v-model="temp.manufactureDate" maxlength="125" placeholder="" class="addinputw" clearable /> --> |
|||
</el-form-item> |
|||
</el-col> |
|||
</el-row> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { getUserByOrgSid, vehicleOutLibrary } from '@/api/cheliang/basevehicle' |
|||
import { typeValues } from '@/api/cheliang/dictcommons' |
|||
|
|||
export default { |
|||
name: 'cheliangtaizhangChu', |
|||
data() { |
|||
return { |
|||
temp: { |
|||
address: '',// 联系地址 |
|||
contractNo: '',// 合同编号 |
|||
customerName: '',// 客户名称 |
|||
customerType: '',// 客户类型value |
|||
customerTypeKey: '',// 客户类型key |
|||
idnumber: '', // 身份证号 |
|||
mobile: '',// 手机号码 |
|||
outLibraryValue: '',// 出库类型value |
|||
salePrice: '',// 成交价 |
|||
userSid: '',// userSid |
|||
vehicleSid: '',// 车辆sid |
|||
vehicleStateValue: '' // 库存状态value |
|||
}, |
|||
payType_list:[], |
|||
customertype_list:[], |
|||
person_list:[], |
|||
dialogFormVisible: false, |
|||
rules: {} |
|||
} |
|||
}, |
|||
methods: { |
|||
getType() { |
|||
typeValues({ |
|||
type:'payType' |
|||
}).then((res) => { |
|||
if (res.success){ |
|||
this.payType_list = res.data |
|||
} |
|||
}) |
|||
typeValues({ |
|||
type:'customertype' |
|||
}).then((res) => { |
|||
if (res.success){ |
|||
this.customertype_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
outLibraryChange(val) { |
|||
if (val) { |
|||
const choosetItem = this.payType_list.filter((item) => item.dictValue == val) |
|||
this.temp.outLibraryKey = choosetItem[0].dictKey |
|||
console.log('name:', this.temp.outLibraryValue, 'key:', this.temp.outLibraryKey) |
|||
} |
|||
}, |
|||
customertypeChange(val) { |
|||
if (val) { |
|||
const choosetItem = this.customertype_list.filter((item) => item.dictKey == val) |
|||
this.temp.customerType = choosetItem[0].dictValue |
|||
console.log('name:', this.temp.customerType, 'key:', this.temp.customerTypeKey) |
|||
} |
|||
}, |
|||
getUser() { |
|||
const data = { |
|||
orgSid: window.sessionStorage.getItem('orgSid'), |
|||
userSid: window.sessionStorage.getItem('userSid') |
|||
} |
|||
getUserByOrgSid(data).then((res) => { |
|||
if (res.success){ |
|||
this.person_list = res.data |
|||
} |
|||
}) |
|||
}, |
|||
showChu(sid){ |
|||
this.temp.vehicleSid = sid |
|||
this.getType() |
|||
this.getUser() |
|||
}, |
|||
// 保存 |
|||
handleCreate() { |
|||
vehicleOutLibrary(this.temp).then((response) => { |
|||
this.FormLoading = false |
|||
if (response.code === '200') { |
|||
this.dialogFormVisible = false |
|||
this.handleReturn('true') |
|||
} |
|||
}) |
|||
.catch(e => { |
|||
this.dialogFormVisible = false |
|||
}) |
|||
}, |
|||
// 返回 |
|||
handleReturn(isreload) { |
|||
if (isreload === 'true') this.$emit('reloadlist') |
|||
this.temp = {} |
|||
this.$emit('doback') |
|||
// this.$router.go(-1) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,13 @@ |
|||
<template> |
|||
|
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'cheliangtaizhangMai' |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue