qianhy
832 lines
40 KiB
PHP
832 lines
40 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: 100%;" v-model="info.v_id" @change="set_attr">
|
|
<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.cor_id" @change="set_attr">
|
|
<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" @change="set_attr">
|
|
<option value="0">选择内饰色</option>
|
|
<template v-for="(v,i) in showInfo['autoList'][5]">
|
|
<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.company_id">
|
|
<option value="0">选择公司</option>
|
|
<template v-for="(v,i) in showInfo['comList']">
|
|
<option :value="v.id">{{v.short}}</option>
|
|
</template>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td" colspan="2">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">精品加装</div>
|
|
<button type="button" class="am-btn am-btn-default am-btn-sm" @click="fine_modal">+
|
|
</button>
|
|
<div class="label-group-wrap label-group-sortable ml10" style="display: inline">
|
|
<div class="label-group" v-for="(v,i) in fines" style="margin-bottom:0px;">
|
|
<span class="label label-default sort-shop-list" :data-id="v.id"
|
|
:data-name="v.title"
|
|
:data-sort="i">{{v.title}}</span>
|
|
<a href="javascript:void(0);" @click="rm_fine(i)" class="label label-default"><i
|
|
class="fa fa-remove"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td" colspan="2">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">选装包</div>
|
|
<label class="mr10" style="margin-top: 7px" v-for="(v,i) in options">
|
|
<input type="checkbox" name="option_ids[]" :value="v.id" v-model="info.option_ids"> {{v.title}}(价格:{{v.price}})
|
|
</label>
|
|
<input type="hidden" name="" >
|
|
</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>
|
|
<select title="城市" style="display: inline;width: 15%" name="" v-model="info.city_id">
|
|
<option value="">选择城市</option>
|
|
<option :value="v.id" v-for="(v,i) in cityAry">{{v.name}}</option>
|
|
</select>
|
|
<select title="行政区" name="county_id"
|
|
style="display: inline;width: 15%;margin-left: 5px;" v-model="info.county_id"
|
|
@change="set_county">
|
|
<option value="">选择行政区</option>
|
|
<option :value="v.id" v-for="(v,i) in countyAry">{{v.name}}</option>
|
|
</select>
|
|
<select name="biz_id" style="display: inline;width: 25%;margin-left: 5px;"
|
|
v-model="info.biz_id">
|
|
<option value="">选择门店</option>
|
|
<option :value="v.id" v-for="(v,i) in bizAry">{{v.title}}</option>
|
|
</select>
|
|
<select v-if="info.biz_id==-1" title="地址" name="addr_id"
|
|
style="display: inline;width: 42%;margin-left: 5px;"
|
|
v-model="info.addr_id">
|
|
<option value="">选择地址</option>
|
|
<option :value="v.id" v-for="(v,i) in addrAry">{{v.title}}</option>
|
|
</select>
|
|
</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="out_time_id" type="text" value="<?= $info['out_time'] ?>"
|
|
placeholder="请输入出库日期">
|
|
</div>
|
|
</td>-->
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">入库日期</div>
|
|
<input id="in_time_id" type="text" value="<?= $info['in_time'] ?>"
|
|
placeholder="请输入或选择入库日期">
|
|
</div>
|
|
</td>
|
|
<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.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.buy_price" placeholder="请输入采购成本">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-td">
|
|
</td>
|
|
<td class="table-td">
|
|
</td>
|
|
<td class="table-td">
|
|
</td>
|
|
<td class="table-td">
|
|
<div class="input-group">
|
|
<div class="input-group-addon">预估返利</div>
|
|
<input type="text" v-model="info.estimated_rebate" 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.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 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 id="fine-modal" style="display: none;">
|
|
<div class="modal-body">
|
|
<table width="100%">
|
|
<tr>
|
|
<td width="20%">ID</td>
|
|
<td width="35%" style="font-weight: bold;padding-left: 8px;">精品</td>
|
|
<td width="40%" style="padding-right: 8px;"><label class="sr-only" for="search">搜精品</label>
|
|
<div class="input-group input-group-sm">
|
|
<input type="text" class="form-control" style="font-size: 1.2rem;font-weight: bold;"
|
|
v-model='modal_fine.title' placeholder="精品关键字">
|
|
<div class="input-group-btn">
|
|
<button type="button" @click='get_fines(0);' class="btn btn-default">搜</button>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<div style="border-bottom: 1px solid #ddd;height: 1px;margin-top: 8px;"></div>
|
|
<table class="table table-middle">
|
|
<colgroup>
|
|
<col width="15%"/>
|
|
<col width="45%"/>
|
|
<col width="20%"/>
|
|
</colgroup>
|
|
<tbody>
|
|
<tr v-for="(v,i) in modal_fine.lists">
|
|
<td>{{v.id}}</td>
|
|
<td>{{v.title}}</td>
|
|
<td class="text-right">
|
|
<a v-if="v.checked==0 || !v.checked" href="javascript:void(0);" @click="set_fine(i,1)"
|
|
class="btn btn-primary btn-sm">选择</a>
|
|
<a v-else-if="v.checked==1" href="javascript:void(0);" @click="set_fine(i,0)"
|
|
class="btn btn-default btn-sm">移除</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="clearfix">
|
|
<span class="pull-left text-muted">第{{modal_fine.page}}页(每页{{modal_fine.size}}条,共{{modal_fine.total}}条)</span>
|
|
<nav class="pull-right" aria-label="Page navigation">
|
|
<ul class="pagination pagination-sm">
|
|
<li v-if="modal_fine.page>1">
|
|
<a href="javascript:void(0);" @click="get_fines(-1);" aria-label="上一页">
|
|
<span class="glyphicon glyphicon-menu-left"></span>
|
|
</a>
|
|
</li>
|
|
<li v-if="modal_fine.next>0">
|
|
<a href="javascript:void(0);" @click="get_fines(1);" aria-label="下一页">
|
|
<span class="glyphicon glyphicon-menu-right"></span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var vue_obj;
|
|
$(document).ready(function () {
|
|
vue_obj = new Vue({
|
|
el: '#vue-edit',
|
|
data: {
|
|
info: {},
|
|
showInfo: {'autoList': []},
|
|
cityAry: [],
|
|
countyAry: [],
|
|
addrAry: [],
|
|
bizAry: [],
|
|
fines: [],
|
|
modal_fine: {title: '', lists: [], selected: [], page: 1, size: 10, total: 0},
|
|
options:[]
|
|
},
|
|
mounted: function () {
|
|
var that = this;
|
|
that.info = <?=json_encode($info)?>;
|
|
that.showInfo = <?=json_encode($showInfo)?>;
|
|
that.init_citys();
|
|
that.init_fines();
|
|
},
|
|
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,
|
|
status: !vm.info.id ? 3 : 0,
|
|
},
|
|
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.in_time = $('#in_time_id').val();
|
|
vm.info.out_time = $('#out_time_id').val();
|
|
vm.info.bill_time = $('#bill_time_id').val();
|
|
|
|
//获取精品
|
|
var fine_ids = [];
|
|
for (var i in vm.fines) {
|
|
fine_ids.push(vm.fines[i]['id']);
|
|
}
|
|
vm.info.fine_ids = fine_ids;
|
|
|
|
$.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.url != '') {
|
|
$.form.href(data.url);
|
|
} else {
|
|
$.form.reload();
|
|
}
|
|
});
|
|
} else {
|
|
layer.msg(data.msg, {icon: 2});
|
|
}
|
|
},
|
|
complete: function () {
|
|
loading = false;
|
|
layer.closeAll('loading');
|
|
},
|
|
});
|
|
},
|
|
set_attr: function () {
|
|
var vm = this;
|
|
if (parseFloat(vm.info.ori_price) > 0) {
|
|
//价格为空才联动获取裸车价
|
|
return;
|
|
}
|
|
if (vm.info.v_id > 0 && vm.info.cor_id > 0 && vm.info.incor_id > 0) {
|
|
$.ajax({
|
|
url: '/auto/cars/json_get',
|
|
type: 'post',
|
|
dataType: 'json',
|
|
data: {
|
|
brand_id: vm.info.brand_id,
|
|
s_id: vm.info.s_id,
|
|
v_id: vm.info.v_id,
|
|
cor_id: vm.info.cor_id,
|
|
incor_id: vm.info.incor_id
|
|
},
|
|
success: function (res) {
|
|
if (res.data) {
|
|
vm.info.ori_price = res.data.price_car;
|
|
vm.$forceUpdate();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
init_citys: function () {
|
|
var vm = this;
|
|
$.ajax({
|
|
type: 'get',
|
|
url: '/common/area',
|
|
dataType: 'json',
|
|
data: {
|
|
id: '350',
|
|
key: 'city',
|
|
type: 1
|
|
},
|
|
success: function (response) {
|
|
if (response.code == 1) {
|
|
vm.cityAry = response.data;
|
|
}
|
|
}
|
|
});
|
|
},
|
|
set_county: function () {
|
|
var that = this;
|
|
that.bizAry = that.addrAry = [];
|
|
that.info.biz_id = that.info.addr_id = '';
|
|
},
|
|
init_fines: function () {
|
|
var vm = this;
|
|
if (vm.info.fine_ids.length > 0) {
|
|
$.ajax({
|
|
type: 'post',
|
|
url: '/auto/fine/json_lists',
|
|
dataType: 'json',
|
|
data: {
|
|
id: vm.info.fine_ids.join(','),
|
|
status: 1
|
|
},
|
|
success: function (response) {
|
|
if (response.code == 1) {
|
|
vm.fines = response.data.list;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
fine_modal: function () {
|
|
//选择门店
|
|
var vm = this;
|
|
var selects = JSON.parse(JSON.stringify(vm.fines));
|
|
vm.modal_fine = {title: '', lists: [], selected: selects, page: 1, size: 10, total: 0, next: 0};
|
|
vm.get_fines();
|
|
layer.open({
|
|
type: 1,
|
|
area: ['50%', '80%'], //宽高
|
|
content: $('#fine-modal'),
|
|
title: '选取精品',
|
|
shade: false,
|
|
btn: ['选好了'],
|
|
yes: function (index) {
|
|
layer.close(index);
|
|
vm.fines = JSON.parse(JSON.stringify(vm.modal_fine.selected));
|
|
}
|
|
});
|
|
},
|
|
get_fines: function (page) {
|
|
var vm = this;
|
|
if (0 == page) {
|
|
vm.modal_fine.page = 1;
|
|
vm.modal_fine.total = 0;
|
|
vm.modal_fine.next = 0;
|
|
} else if (1 == page) {
|
|
vm.modal_fine.page += 1;
|
|
} else if (-1 == page) {
|
|
vm.modal_fine.page -= 1;
|
|
}
|
|
$.ajax({
|
|
type: 'post',
|
|
url: '/auto/fine/json_lists',
|
|
dataType: 'json',
|
|
data: {
|
|
page: vm.modal_fine.page,
|
|
size: vm.modal_fine.size,
|
|
status: 1,
|
|
title: vm.modal_fine.title
|
|
},
|
|
success: function (response) {
|
|
if (response.code == 1) {
|
|
vm.modal_fine.lists = response.data.list;
|
|
vm.modal_fine.total = response.data.total;
|
|
if (vm.modal_fine.page * vm.modal_fine.size < vm.modal_fine.total) {
|
|
vm.modal_fine.next = 1;
|
|
} else {
|
|
vm.modal_fine.next = 0;
|
|
}
|
|
for (var i in vm.modal_fine.lists) {
|
|
var fine = vm.modal_fine.lists[i];
|
|
fine.checked = 0;
|
|
for (var j in vm.modal_fine.selected) {
|
|
var selected = vm.modal_fine.selected[j];
|
|
if (fine.id == selected.id) {
|
|
fine.checked = 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
},
|
|
set_fine: function (index, checked) {
|
|
var vm = this;
|
|
var fine = vm.modal_fine.lists[index];
|
|
fine.checked = checked;
|
|
if (checked == 1) {
|
|
var selected = {id: fine.id, title: fine.title};
|
|
vm.modal_fine.selected.push(selected);
|
|
} else {
|
|
for (var i in vm.modal_fine.selected) {
|
|
selected = vm.modal_fine.selected[i];
|
|
if (fine.id == selected.id) {
|
|
vm.modal_fine.selected.splice(i, 1);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
vm.$forceUpdate();
|
|
},
|
|
rm_fine: function (index) {
|
|
var vm = this;
|
|
vm.fines.splice(index, 1);
|
|
}
|
|
},
|
|
watch: {
|
|
'info.city_id': function (nv, ov) {
|
|
var that = this;
|
|
if (nv == '') {
|
|
that.countyAry = [];
|
|
that.info.county_id = '';
|
|
} else {
|
|
if (nv.substring(0, 4) != that.info.county_id.substring(0, 4)) {
|
|
that.info.county_id = '';
|
|
}
|
|
$.ajax({
|
|
type: 'get',
|
|
url: '/common/area',
|
|
dataType: 'json',
|
|
data: {
|
|
id: nv,
|
|
key: 'county',
|
|
type: 1
|
|
},
|
|
success: function (response) {
|
|
if (response.code == 1) {
|
|
that.countyAry = response.data;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
'info.county_id': function (nv, ov) {
|
|
var that = this;
|
|
if (nv == '') {
|
|
that.bizAry = that.addrAry = [];
|
|
that.info.biz_id = that.info.addr_id = '';
|
|
} else {
|
|
$.ajax({
|
|
type: 'post',
|
|
url: '/biz/store/store/json_lists',
|
|
dataType: 'json',
|
|
data: {
|
|
city_id: that.info.city_id,
|
|
county_id: that.info.county_id,
|
|
status: 1
|
|
},
|
|
success: function (response) {
|
|
if (response.code == 1) {
|
|
that.bizAry = response.data.list;
|
|
that.bizAry.push({id: -1, title: '其它'});
|
|
var biz_id = '';
|
|
if (that.info.biz_id > 0 || that.info.biz_id == -1) {
|
|
for (var i in that.bizAry) {
|
|
if (that.info.biz_id == that.bizAry[i].id) {
|
|
biz_id = that.info.biz_id;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
that.info.biz_id = biz_id;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
'info.biz_id': function (nv, ov) {
|
|
var that = this;
|
|
if (that.info.biz_id != -1) {
|
|
return;
|
|
}
|
|
nv = that.info.county_id;
|
|
if (nv == '') {
|
|
that.addrAry = [];
|
|
that.info.addr_id = '';
|
|
} else {
|
|
$.ajax({
|
|
type: 'get',
|
|
url: '/sys/addr/json_lists',
|
|
dataType: 'json',
|
|
data: {
|
|
county_id: nv,
|
|
status: 1
|
|
},
|
|
success: function (response) {
|
|
if (response.code == 1) {
|
|
var addr_id = '';
|
|
that.addrAry = response.data.lists;
|
|
if (that.info.addr_id > 0) {
|
|
for (var i in that.addrAry) {
|
|
if (that.info.addr_id == that.addrAry[i].id) {
|
|
addr_id = that.info.addr_id;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
that.info.addr_id = addr_id;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
'info.brand_id': function (nv, ov) {
|
|
var vm = this;
|
|
if(nv > 0){
|
|
$.get("/auto/options/json_lists",{'brand_id':nv,'s_id':vm.info.s_id},function (res){
|
|
vm.options = res.data.lists
|
|
},'json');
|
|
}
|
|
},
|
|
'info.s_id': function (nv, ov) {
|
|
var vm = this;
|
|
if(nv > 0){
|
|
$.get("/auto/options/json_lists",{'brand_id':vm.info.brand_id,'s_id':nv},function (res){
|
|
vm.options = res.data.lists
|
|
},'json');
|
|
}
|
|
},
|
|
}
|
|
});
|
|
});
|
|
require(['laydate'], function (laydate) {
|
|
//日期范围
|
|
laydate.render({
|
|
elem: '#pro_time_id', type: 'datetime'
|
|
});
|
|
laydate.render({
|
|
elem: '#in_time_id', type: 'datetime'
|
|
});
|
|
laydate.render({
|
|
elem: '#out_time_id', type: 'datetime'
|
|
});
|
|
laydate.render({
|
|
elem: '#bill_time_id', type: 'datetime'
|
|
});
|
|
});
|
|
</script>
|
|
<link rel="stylesheet" type="text/css" href="/static/css/appitem/font-awesome.min.css">
|
|
<link rel="stylesheet" type="text/css" href="/static/css/appitem/AdminLTE.min.css">
|
|
<style type="text/css">
|
|
.label-group-wrap {
|
|
margin-top: 10px;
|
|
font-size: 0;
|
|
}
|
|
|
|
.label-group {
|
|
display: inline-block;
|
|
margin-right: 4px;
|
|
margin-bottom: 16px;
|
|
font-size: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.label-group-wrap .label, .label-group > .label {
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
margin-right: 1px;
|
|
white-space: normal;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.label {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.label-group > span + a.label {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
border-left: 1px solid #fff;
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.label-group-wrap .label, .label-group > .label {
|
|
font-size: 10px;
|
|
font-weight: normal;
|
|
margin-right: 1px;
|
|
white-space: normal;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.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>
|