|
|
|
@ -4,16 +4,20 @@ |
|
|
|
<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> |
|
|
|
<el-button type="info" size="small" @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-form ref="dataForm" :model="temp" label-position="right" class="formadd" :rules="rules"> |
|
|
|
<el-row class="first_row"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="modelName"> |
|
|
|
<span slot="label">出库类型：</span> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>出库类型</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item prop="outLibraryValue"> |
|
|
|
<el-select ref="config" v-model="temp.outLibraryValue" class="addinputw" clearable placeholder="" |
|
|
|
filterable |
|
|
|
@change="outLibraryChange"> |
|
|
|
@ -22,87 +26,100 @@ |
|
|
|
</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" |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>销售专员</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item prop="person"> |
|
|
|
<el-select ref="config" v-model="temp.person" class="addinputw" clearable placeholder=""> |
|
|
|
<el-option v-for="(item,index) in person_list" :key="item.sid" :label="item.namePath" |
|
|
|
: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-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>合同编号</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item prop="contractNo"> |
|
|
|
<el-input v-model="temp.contractNo" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span slot="label">车架号：</span> |
|
|
|
<el-input v-model="temp.vinNo" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
|
|
<span>成交价(元)</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item> |
|
|
|
<el-input v-model="temp.salePrice" maxlength="125" placeholder="" class="addinputw" clearable |
|
|
|
@keyup.native="temp.salePrice = oninput(temp.salePrice,2)"/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item prop=""> |
|
|
|
<span slot="label">内部编码：</span> |
|
|
|
<el-input placeholder="" class="addinputw" v-model="temp.insideCode" clearable/> |
|
|
|
<span>客户类型</span> |
|
|
|
</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-col :span="8"> |
|
|
|
<el-form-item prop="customerTypeKey"> |
|
|
|
<el-select v-model="temp.customerTypeKey" class="addinputw" clearable placeholder="" |
|
|
|
@change="customertypeChange"> |
|
|
|
<el-option v-for="(item,index) in customertype_list" :key="item.dictKey" :label="item.dictValue" |
|
|
|
:value="item.dictKey"/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>客户姓名</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item prop="customerName"> |
|
|
|
<el-input v-model="temp.customerName" 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-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>手机号码</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item prop="mobile"> |
|
|
|
<el-input v-model="temp.mobile" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
|
|
</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-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>身份证号码</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item prop="idnumber"> |
|
|
|
<el-input v-model="temp.idnumber" 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-col :span="4"> |
|
|
|
<el-form-item> |
|
|
|
<span>联系地址</span> |
|
|
|
</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-col :span="20"> |
|
|
|
<el-form-item prop="address"> |
|
|
|
<el-input v-model="temp.address" maxlength="125" placeholder="" class="addinputw" clearable/> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
@ -118,8 +135,35 @@ import { typeValues } from '@/api/cheliang/dictcommons' |
|
|
|
export default { |
|
|
|
name: 'cheliangtaizhangChu', |
|
|
|
data() { |
|
|
|
var checkSubmit = (rule, value, callback) => { |
|
|
|
const Submit = |
|
|
|
/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/ |
|
|
|
if (value) { |
|
|
|
// 如果没有通过验证！！ |
|
|
|
if (!Submit.test(value)) { |
|
|
|
callback(new Error('请输入正确的手机号')) |
|
|
|
} |
|
|
|
callback() |
|
|
|
} else { |
|
|
|
callback() |
|
|
|
} |
|
|
|
} |
|
|
|
var identitycard = (rules, value, callback) => { |
|
|
|
const card = |
|
|
|
/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ |
|
|
|
if (value) { |
|
|
|
// 如果没有通过验证！！ |
|
|
|
if (!card.test(value)) { |
|
|
|
callback(new Error('请输入正确的身份证号')) |
|
|
|
} |
|
|
|
callback() |
|
|
|
} else { |
|
|
|
callback() |
|
|
|
} |
|
|
|
} |
|
|
|
return { |
|
|
|
temp: { |
|
|
|
person:'', |
|
|
|
address: '',// 联系地址 |
|
|
|
contractNo: '',// 合同编号 |
|
|
|
customerName: '',// 客户名称 |
|
|
|
@ -137,10 +181,44 @@ export default { |
|
|
|
customertype_list:[], |
|
|
|
person_list:[], |
|
|
|
dialogFormVisible: false, |
|
|
|
rules: {} |
|
|
|
rules: { |
|
|
|
mobile: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
validator: checkSubmit, |
|
|
|
trigger: 'blur', |
|
|
|
}, |
|
|
|
], |
|
|
|
idnumber: [ |
|
|
|
{ |
|
|
|
required: true, |
|
|
|
validator: identitycard, |
|
|
|
trigger: 'blur', |
|
|
|
}, |
|
|
|
] |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 输入数字正则 |
|
|
|
oninput(val, limit = 0) { |
|
|
|
val = val.replace(/[^\d.]/g, ""); //保留数字 |
|
|
|
val = val.replace(/^00/, "0."); //开头不能有两个0 |
|
|
|
val = val.replace(/^\./g, "0."); //开头为小数点转换为0. |
|
|
|
val = val.replace(/\.{2,}/g, "."); //两个以上的小数点转换成一个 |
|
|
|
val = val.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); //只保留一个小数点 |
|
|
|
/^0\d+/.test(val) ? val = val.slice(1) : ''; //两位以上数字开头不能为0 |
|
|
|
const str = '^(\\d+)\\.(\\d{' + limit + '}).*$' |
|
|
|
const reg = new RegExp(str) |
|
|
|
if (limit === 0) { |
|
|
|
// 不需要小数点 |
|
|
|
val = val.replace(reg, '$1') |
|
|
|
} else { |
|
|
|
// 通过正则保留小数点后指定的位数 |
|
|
|
val = val.replace(reg, '$1.$2') |
|
|
|
} |
|
|
|
return val |
|
|
|
}, |
|
|
|
getType() { |
|
|
|
typeValues({ |
|
|
|
type:'payType' |
|
|
|
@ -191,11 +269,13 @@ export default { |
|
|
|
}, |
|
|
|
// 保存 |
|
|
|
handleCreate() { |
|
|
|
this.dialogFormVisible = true |
|
|
|
vehicleOutLibrary(this.temp).then((response) => { |
|
|
|
this.FormLoading = false |
|
|
|
if (response.code === '200') { |
|
|
|
this.dialogFormVisible = false |
|
|
|
this.handleReturn('true') |
|
|
|
}else { |
|
|
|
this.dialogFormVisible = false |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(e => { |
|
|
|
@ -214,5 +294,12 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
|
|
|
|
/deep/ .el-col-4 { |
|
|
|
text-align: right; |
|
|
|
float: left; |
|
|
|
font-size: 14px; |
|
|
|
color: #606266; |
|
|
|
line-height: 40px !important; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
Zhao Qiqi
3 years ago