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