xxb
381 lines
18 KiB
PHP
381 lines
18 KiB
PHP
<div class="am-form am-form-horizontal" style="width: 100%;padding: 10px">
|
|
<div id="vue-edit">
|
|
<div class="am-panel am-panel-default">
|
|
<div class="am-panel-hd">
|
|
<span href="javascript:void(0)" style="font-size: 20px;">
|
|
车辆信息
|
|
</span>
|
|
</div>
|
|
<div class="am-panel-bd am-g">
|
|
<table width="100%" style="padding:10px 10px 10px 10px;">
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">品牌</div>
|
|
<select style="width: 200px;" v-model="info.brand_id" @change='autoList(2);'>
|
|
<option value="0">选择品牌</option>
|
|
<template v-for="(v,i) in showInfo['autoList'][1]">
|
|
<option :value="v.id">{{v.name}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">车系</div>
|
|
<select style="width: 200px;" v-model="info.s_id" @change='autoList(3);'>
|
|
<option value="0">选择车系</option>
|
|
<template v-for="(v,i) in showInfo['autoList'][2]">
|
|
<option :value="v.id">{{v.name}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">车型</div>
|
|
<select style="width: 200px;"
|
|
v-model="info.v_id">
|
|
<option value="0">选择车型</option>
|
|
<template v-for="(v,i) in showInfo['autoList'][3]">
|
|
<option :value="v.id">{{v.name}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">选包装</div>
|
|
<select style="width: 200px;"
|
|
v-model="info.if_pack">
|
|
<template v-for="(v,i) in showInfo['packAry']">
|
|
<option :value="i">{{v}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">车身色</div>
|
|
<select style="width: 200px;"
|
|
v-model="info.cor_id">
|
|
<option value="0">选择车身色</option>
|
|
<template v-for="(v,i) in showInfo['autoList'][4]">
|
|
<option :value="v.id">{{v.name}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">内饰色</div>
|
|
<select style="width: 200px;"
|
|
v-model="info.incor_id">
|
|
<option value="0">选择内饰色</option>
|
|
<template v-for="(v,i) in showInfo['autoList'][5]">
|
|
<option :value="v.id">{{v.name}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">车辆状态</div>
|
|
<select style="width: 200px;"
|
|
v-model="info.status">
|
|
<template v-for="(v,i) in showInfo['statusAry']">
|
|
<option :value="i">{{v}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
<td class="table-td" colspan="2">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">送货地址</div>
|
|
<input type="text" v-model="info.address" placeholder="请输入送货地址">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table width="100%" style="padding:10px 10px 10px 10px;">
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">VIN码</div>
|
|
<input type="text" v-model="info.vin" placeholder="请输入VIN码">
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">合格证号</div>
|
|
<input type="text" v-model="info.stdard_num" placeholder="请输入合格证号">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">发动机号</div>
|
|
<input type="text" v-model="info.engine_num" placeholder="请输入发动机号">
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<table width="100%" style="padding:10px 10px 10px 10px;">
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">生产日期</div>
|
|
<input id="pro_time_id" type="text" value="<?= $info['pro_time'] ?>"
|
|
placeholder="请输入生产日期">
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">分配日期</div>
|
|
<input id="p_time_id" type="text" value="<?= $info['p_time'] ?>" placeholder="请输入分配日期">
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">出库日期</div>
|
|
<input id="out_time_id" type="text" value="<?= $info['out_time'] ?>"
|
|
placeholder="请输入出库日期">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">平台价</div>
|
|
<input type="text" v-model="info.ori_price" placeholder="请输入平台价">
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">折扣%</div>
|
|
<input type="text" v-model="info.discount" placeholder="请输入折扣%">
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">折扣金额</div>
|
|
<input type="text" v-model="info.dis_price" placeholder="请输入折扣金额">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">开票日期</div>
|
|
<input id="bill_time_id" type="text" value="<?= $info['bill_time'] ?>"
|
|
placeholder="请输入开票日期">
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">发票号</div>
|
|
<input type="text" v-model="info.bill_num" placeholder="请输入发票号">
|
|
</div>
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">发票金额</div>
|
|
<input type="text" v-model="info.bill_price" placeholder="请输入发票金额">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">采购成本</div>
|
|
<input type="text" v-model="info.buy_price" placeholder="请输入采购成本">
|
|
</div>
|
|
</td>
|
|
<td class="table-td" colspan="2"></td>
|
|
</tr>
|
|
</table>
|
|
<div class="am-form-group">
|
|
<a href="javascript:void(0);" @click='saveEdit();'
|
|
style="margin-left: 3.5rem;margin-top: 4rem;"
|
|
class="am-btn ml20 am-btn-sm am-btn-success w100">保存</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var vue_obj;
|
|
$(document).ready(function () {
|
|
vue_obj = new Vue({
|
|
el: '#vue-edit',
|
|
data: {
|
|
info: {},
|
|
showInfo: {'autoList': []},
|
|
},
|
|
mounted: function () {
|
|
var that = this;
|
|
that.info = <?=json_encode($info)?>;
|
|
that.showInfo = <?=json_encode($showInfo)?>;
|
|
},
|
|
computed: {},
|
|
created: function () {
|
|
},
|
|
updated: function () {
|
|
},
|
|
methods: {
|
|
autoList: function (type) {
|
|
var vm = this;
|
|
var pid = 0;
|
|
if (type == 2) {
|
|
if (vm.info.brand_id == 0) {
|
|
vm.info.brand_id = 0;
|
|
vm.info.s_id = 0;
|
|
vm.info.v_id = 0;
|
|
vm.info.cor_id = 0;
|
|
vm.info.incor_id = 0;
|
|
vm.showInfo['autoList'][2] = [];
|
|
vm.showInfo['autoList'][3] = [];
|
|
vm.showInfo['autoList'][4] = [];
|
|
vm.showInfo['autoList'][5] = [];
|
|
return;
|
|
}
|
|
pid = vm.info.brand_id;
|
|
} else if (type == 3) {
|
|
if (vm.info.s_id == 0) {
|
|
vm.info.s_id = 0;
|
|
vm.info.v_id = 0;
|
|
vm.info.cor_id = 0;
|
|
vm.info.incor_id = 0;
|
|
vm.showInfo['autoList'][3] = [];
|
|
vm.showInfo['autoList'][4] = [];
|
|
vm.showInfo['autoList'][5] = [];
|
|
return;
|
|
}
|
|
pid = vm.info.s_id;
|
|
}
|
|
$.ajax({
|
|
url: '/common/auto',
|
|
type: 'get',
|
|
dataType: 'json',
|
|
data: {
|
|
type: type,
|
|
pid: pid,
|
|
tp: 1,
|
|
},
|
|
success: function (data) {
|
|
if (data.data) {
|
|
if (type == 2) {
|
|
vm.info.s_id = 0;
|
|
vm.info.v_id = 0;
|
|
vm.info.cor_id = 0;
|
|
vm.info.incor_id = 0;
|
|
vm.showInfo['autoList'][2] = data.data;
|
|
vm.showInfo['autoList'][3] = [];
|
|
vm.showInfo['autoList'][4] = [];
|
|
vm.showInfo['autoList'][5] = [];
|
|
} else if (type == 3) {
|
|
vm.info.v_id = 0;
|
|
vm.info.cor_id = 0;
|
|
vm.info.incor_id = 0;
|
|
vm.showInfo['autoList'][3] = data.data[3];
|
|
vm.showInfo['autoList'][4] = data.data[4];
|
|
vm.showInfo['autoList'][5] = data.data[5];
|
|
}
|
|
}
|
|
},
|
|
});
|
|
},
|
|
saveEdit: function () {
|
|
var vm = this;
|
|
vm.info.pro_time = $('#pro_time_id').val();
|
|
vm.info.p_time = $('#p_time_id').val();
|
|
vm.info.out_time = $('#out_time_id').val();
|
|
vm.info.bill_time = $('#bill_time_id').val();
|
|
$.ajax({
|
|
url: <?=json_encode($edit_url)?>,
|
|
type: 'post',
|
|
dataType: 'json',
|
|
data: {
|
|
info: vm.info
|
|
},
|
|
beforeSend: function () {
|
|
layer.load(1, {
|
|
shade: [0.1, '#fff'] //0.1透明度的白色背景
|
|
});
|
|
},
|
|
success: function (data) {
|
|
loading = false;
|
|
if (data['code']) {
|
|
layer.msg(data.msg, {
|
|
icon: 1,
|
|
time: 2000
|
|
}, function () {
|
|
if (data.data.status == 1) {
|
|
$.form.href('#/items/goods/goods');
|
|
} else {
|
|
$.form.reload();
|
|
}
|
|
});
|
|
} else {
|
|
layer.msg(data.msg, {icon: 2});
|
|
}
|
|
},
|
|
complete: function () {
|
|
loading = false;
|
|
layer.closeAll('loading');
|
|
},
|
|
});
|
|
},
|
|
}
|
|
});
|
|
});
|
|
require(['laydate'], function (laydate) {
|
|
//日期范围
|
|
laydate.render({
|
|
elem: '#pro_time_id', type: 'datetime'
|
|
});
|
|
laydate.render({
|
|
elem: '#p_time_id', type: 'datetime'
|
|
});
|
|
laydate.render({
|
|
elem: '#out_time_id', type: 'datetime'
|
|
});
|
|
laydate.render({
|
|
elem: '#bill_time_id', type: 'datetime'
|
|
});
|
|
});
|
|
</script>
|
|
<style type="text/css">
|
|
.input-group {
|
|
width: 100%;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.input-group-addon {
|
|
padding: 0px 10px 0px 0px;
|
|
font-size: 1.6rem;
|
|
font-weight: normal;
|
|
line-height: 0px;
|
|
color: #333;
|
|
text-align: right;
|
|
background-color: #fff;
|
|
border: 0px solid #fff;
|
|
border-radius: 0px;
|
|
width: 120px;
|
|
}
|
|
|
|
.table-td {
|
|
width: 20%;
|
|
padding-top: 15px;
|
|
line-height: 37px;
|
|
font-size: 1.6rem;
|
|
}
|
|
</style>
|