xxb
249 lines
12 KiB
PHP
249 lines
12 KiB
PHP
|
|
<div class="coms-table-wrap">
|
|
<div class="coms-table-hd clearfix no-border">
|
|
<form action="/auto/cars/lists" class="form-search" onsubmit="return false">
|
|
<div class="am-form am-form-horizontal">
|
|
<div class="am-form-group fl">
|
|
<label class="am-para-label">品牌：</label>
|
|
<div class="am-para-inline w150">
|
|
<select name="brand_id" v-model="params.brand_id">
|
|
<option value="">请选择</option>
|
|
<option :value="i" v-for="(v,i) in brandAry">{{v}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="am-form-group fl">
|
|
<label class="am-para-label">车系：</label>
|
|
<div class="am-para-inline w150">
|
|
<select name="s_id" v-model="params.s_id">
|
|
<option value="">请选择</option>
|
|
<option :value="i" v-for="(v,i) in seryAry">{{v}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="am-form-group fl">
|
|
<label class="am-para-label">状态：</label>
|
|
<div class="am-para-inline w150">
|
|
<select name="status" v-model="params.status">
|
|
<option value="">请选择</option>
|
|
<option :value="i" v-for="(v,i) in statusAry">{{v}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="am-form-group fl ml20">
|
|
<button type="submit" class="am-btn am-btn-sm am-btn-success w100">搜索</button>
|
|
<button data-modal="/auto/cars/get" data-title="更新车型库" type="button" class="am-btn am-btn-success w100 am-btn-sm">更新车型库</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="coms-table-bd">
|
|
<table class="am-table am-table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th width="5%">
|
|
<label><input type="checkbox" data-check-target=".ids"></label>
|
|
<span>ID</span>
|
|
</th>
|
|
<th width="7%"><span>裸车报价</span></th>
|
|
<th width="7%"><span>定金</span></th>
|
|
<th width="7%"><span>保险报价</span></th>
|
|
<th width="7%"><span>精品报价</span></th>
|
|
<th width="7%"><span>金融报价</span></th>
|
|
<th width="7%"><span>分期首付</span></th>
|
|
<th width="7%"><span>月供金额</span></th>
|
|
<th width="7%"><span>公司加价</span></th>
|
|
<th width="10%"><span>一级分销佣金</span></th>
|
|
<th width="10%"><span>二级分销佣金</span></th>
|
|
<th width=""><span>操作</span></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<template v-for="(v,i) in lists">
|
|
<tr class="tl">
|
|
<td colspan="12">车型：<span style="font-weight: 600;color:#FF7F50;">{{v.title}}</span></td>
|
|
</tr>
|
|
<tr >
|
|
<td>
|
|
<label><input type="checkbox" name="ids[]" class="ids" :value="v.id"/></label>
|
|
<span>{{v.id}}</span>
|
|
</td>
|
|
<template v-if="1==v.edit">
|
|
<td><input style="width: 100%" type="text" name="price_car" v-model="info_edit.price_car" placeholder=""></td>
|
|
<td><input style="width: 100%" type="text" name="price_book" v-model="info_edit.price_book" placeholder=""></td>
|
|
<td><input style="width: 100%" type="text" name="price_insure" v-model="info_edit.price_insure" placeholder=""></td>
|
|
<td><input style="width: 100%" type="text" name="price_fine" v-model="info_edit.price_fine" placeholder=""></td>
|
|
<td><input style="width: 100%" type="text" name="price_finance" v-model="info_edit.price_finance" placeholder=""></td>
|
|
<td><input style="width: 100%" type="text" name="first_pay" v-model="info_edit.first_pay" placeholder=""></td>
|
|
<td><input style="width: 100%" type="text" name="month_pay" v-model="info_edit.month_pay" placeholder=""></td>
|
|
<td><input style="width: 100%" type="text" name="price_coplus" v-model="info_edit.price_coplus" placeholder=""></td>
|
|
<td><input style="width: 100%" type="text" name="brokerage_1" v-model="info_edit.brokerage_1" placeholder=""></td>
|
|
<td><input style="width: 100%" type="text" name="brokerage_2" v-model="info_edit.brokerage_2" placeholder=""></td>
|
|
</template>
|
|
<template v-else>
|
|
<td>{{v.price_car}}</td>
|
|
<td>{{v.price_book}}</td>
|
|
<td>{{v.price_insure}}</td>
|
|
<td>{{v.price_fine}}</td>
|
|
<td>{{v.price_finance}}</td>
|
|
<td>{{v.first_pay}}</td>
|
|
<td>{{v.month_pay}}</td>
|
|
<td>{{v.price_coplus}}</td>
|
|
<td>{{v.brokerage_1}}</td>
|
|
<td>{{v.brokerage_2}}</td>
|
|
</template>
|
|
<td>
|
|
<template v-if="1==v.edit">
|
|
<a href="javascript:void(0);" class="am-btn am-btn-primary am-btn-xs" @click="save_edit()">保存</a>
|
|
<a href="javascript:void(0);" class="am-btn am-btn-default am-btn-xs" @click="set_edit(i,0)">取消</a>
|
|
</template>
|
|
<template v-else>
|
|
<a href="javascript:void(0);" class="am-btn am-btn-primary am-btn-xs" @click="set_edit(i,1)">编辑</a>
|
|
</template>
|
|
<a :data-update="v.id" data-action="/auto/cars/edit_status" class="am-btn am-btn-danger am-btn-xs"
|
|
data-field="status" data-value="0" v-if="1==v.status">关闭</a>
|
|
<a :data-update="v.id" data-action="/auto/cars/edit_status" class="am-btn am-btn-success am-btn-xs"
|
|
data-field="status" data-value="1" v-if="0==v.status">开启</a>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="coms-table-ft clearfix">
|
|
<div class="hander am-form">
|
|
<label class="fl mr5"><input type="checkbox" data-check-target=".ids">全选</label>
|
|
<div class="am-para-inline w120">
|
|
<select data-update-group="" data-list-target=".ids" data-action="/auto/cars/edit_status"
|
|
data-field="status">
|
|
<option value="">批量操作</option>
|
|
<option value="0">关闭</option>
|
|
<option value="1">开启</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="coms-pagination fr mr20">
|
|
<?php page_view($pager) ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var vue_obj;
|
|
var loading = 0;
|
|
$(function(){
|
|
vue_obj = new Vue({
|
|
el: '.coms-table-wrap',
|
|
data: {
|
|
params:[],
|
|
lists:[],
|
|
statusAry:[],
|
|
brandAry:[],
|
|
seryAry:[],
|
|
info_edit:{}
|
|
},
|
|
mounted:function() {
|
|
var vm = this;
|
|
var lists = [];
|
|
lists = <?=json_encode($lists)?>;
|
|
vm.params = <?=json_encode($params)?>;
|
|
vm.statusAry = <?=json_encode($statusAry)?>;
|
|
vm.brandAry = <?=json_encode($brandAry)?>;
|
|
|
|
for(var i in lists){
|
|
lists[i].edit = 0;
|
|
}
|
|
|
|
vm.lists = lists;
|
|
},
|
|
methods:{
|
|
set_edit:function(index, type){
|
|
var vm = this;
|
|
var row = vm.lists[index];
|
|
if(1 == type){
|
|
if(undefined != vm.info_edit.index){
|
|
//旧的编辑取消
|
|
vm.lists[vm.info_edit.index].edit = 0;
|
|
}
|
|
row.edit = 1;
|
|
vm.info_edit = JSON.parse(JSON.stringify(row));
|
|
vm.info_edit.index = index;
|
|
} else {
|
|
row.edit = 0;
|
|
vm.info_edit = {};
|
|
}
|
|
},
|
|
save_edit:function(){
|
|
var vm = this;
|
|
if(1 == loading){
|
|
return 0;
|
|
}
|
|
loading = 1;
|
|
|
|
$.ajax({
|
|
url: 'auto/cars/edit',
|
|
type: 'post',
|
|
dataType: 'json',
|
|
data: {info:vm.info_edit},
|
|
beforeSend: function () {
|
|
layer.load(1, {
|
|
shade: [0.1, '#fff'] //0.1透明度的白色背景
|
|
});
|
|
},
|
|
success: function (data) {
|
|
loading = 0;
|
|
if (data['code']) {
|
|
layer.msg(data.msg, {
|
|
icon: 1,
|
|
time: 2000
|
|
}, function () {
|
|
$.form.reload();
|
|
});
|
|
} else {
|
|
layer.msg(data.msg, {icon: 2});
|
|
}
|
|
},
|
|
complete: function () {
|
|
loading = 0;
|
|
layer.closeAll('loading');
|
|
}
|
|
});
|
|
}
|
|
},
|
|
watch:{
|
|
'params.brand_id':function(nv, ov){
|
|
var vm = this;
|
|
vm.seryAry = {};
|
|
vm.params.s_id = '';
|
|
if(nv > 0){
|
|
$.ajax({
|
|
url: '/auto/series/json_lists',
|
|
type: 'post',
|
|
dataType: 'json',
|
|
data: {brand_id:nv},
|
|
beforeSend: function () {},
|
|
success: function (data) {
|
|
if (1 == data.code) {
|
|
var lists = data.data.list;
|
|
var seryAry = {};
|
|
for (var i in lists){
|
|
var row = lists[i];
|
|
seryAry[row.id] = row.name;
|
|
}
|
|
vm.seryAry = seryAry;
|
|
}
|
|
},
|
|
complete: function () {
|
|
loading = 0;
|
|
layer.closeAll('loading');
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
<?php page_script($pager) ?>
|
|
});
|
|
</script>
|
|
|