lccsw
308 lines
13 KiB
PHP
308 lines
13 KiB
PHP
|
|
<div class="coms-table-wrap">
|
|
<div class="coms-table-hd clearfix no-border">
|
|
<form action="/auto/business" 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 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 class="am-para-inline w120">
|
|
<select name="v_id" v-model="params.v_id">
|
|
<option value="">选择车型</option>
|
|
<option :value="v.id" v-for="(v,i) in attrvAry">{{v.title}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="am-form-group">
|
|
<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">
|
|
<label class="am-para-label">城市：</label>
|
|
<div class="am-para-inline w150">
|
|
<select name="city_id" v-model="params.city_id">
|
|
<option value="">请选择</option>
|
|
<option :value="v.city_id" v-for="(v,i) in cityAry">{{v.name}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="am-form-group fl">
|
|
<label class="am-para-label">年月：</label>
|
|
<div class="am-para-inline">
|
|
<div class="am-para-inline w70">
|
|
<select name="year" v-model="params.year">
|
|
<option value="">全部</option>
|
|
<option :value="v" v-for="(v,i) in yearAry">{{v}}</option>
|
|
</select>
|
|
</div>
|
|
<div class="am-para-inline w60">
|
|
<select name="month" v-model="params.month">
|
|
<option value="">全部</option>
|
|
<option :value="v" v-for="(v,i) in monthAry">{{v}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="am-form-group fl ml20">
|
|
<button type="submit" class="am-btn am-btn-sm am-btn-success w100">搜索</button>
|
|
<a class="am-btn am-btn-sm am-btn-success w100" data-modal="/auto/business/get" data-title="新增">新增</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="coms-table-bd">
|
|
<div class="fr">共有<?= $pager['totle'] ?>条数据</div>
|
|
<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="10%"><span>裸车报价</span></th>
|
|
<th width="10%"><span>车辆底价</span></th>
|
|
<th width="6%"><span>单车利润</span></th>
|
|
<th width="6%"><span>保险利润</span></th>
|
|
<th width="6%"><span>贷款利润</span></th>
|
|
<th width="6%"><span>挂牌利润</span></th>
|
|
<!--
|
|
<th width="10%"><span>公司加价</span></th>
|
|
<th width="10%"><span>颜色加价</span></th>
|
|
-->
|
|
<th width="7%"><span>城市</span></th>
|
|
<th width="7%"><span>时间</span></th>
|
|
<th width="10%"><span>生效时间</span></th>
|
|
<th width="7%"><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>
|
|
<td>{{v.price_car}}</td>
|
|
<td>{{v.price_floor}}</td>
|
|
<td>{{v.profix_car}}</td>
|
|
<td>{{v.profix_insure}}</td>
|
|
<td>{{v.profix_loan}}</td>
|
|
<td>{{v.profix_carno}}</td>
|
|
<!--
|
|
<td>{{v.price_coplus}}</td>
|
|
<td>{{v.price_color}}</td>
|
|
-->
|
|
<td>{{v.city_cn}}</td>
|
|
<td>{{v.month}}</td>
|
|
<td>{{v.s_effect_time}}</td>
|
|
<td>{{v.effect_status}}</td>
|
|
<td>
|
|
<a :data-modal="'/auto/business/get?id='+v.id+'&type=copy'" class="am-btn am-btn-success am-btn-xs">
|
|
复制
|
|
</a>
|
|
<a href="javascript:void(0);" class="am-btn am-btn-primary am-btn-xs"
|
|
:data-modal="'/auto/business/get?id='+v.id" :data-title="v.title">编辑</a>
|
|
<a :data-update="v.id" data-action="/auto/business/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/business/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>
|
|
require(['laydate'], function (laydate) {
|
|
laydate.render({
|
|
elem: '#id-time',
|
|
format:'yyyy-MM'
|
|
});
|
|
});
|
|
var vue_obj;
|
|
var loading = 0;
|
|
$(function(){
|
|
vue_obj = new Vue({
|
|
el: '.coms-table-wrap',
|
|
data: {
|
|
params:[],
|
|
lists:[],
|
|
statusAry:[],
|
|
brandAry:[],
|
|
seryAry:[],
|
|
attrvAry:[],
|
|
cityAry:[],
|
|
yearAry :[],
|
|
monthAry :[],
|
|
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)?>;
|
|
vm.cityAry = <?=json_encode($cityAry)?>;
|
|
vm.yearAry = <?=json_encode($yearAry)?>;
|
|
vm.monthAry = <?=json_encode($monthAry)?>;
|
|
|
|
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 = {};
|
|
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;
|
|
if(vm.params.s_id>0 && undefined == seryAry[vm.params.s_id]){
|
|
vm.params.s_id = '';
|
|
}
|
|
}
|
|
},
|
|
complete: function () {
|
|
loading = 0;
|
|
layer.closeAll('loading');
|
|
}
|
|
});
|
|
} else {
|
|
vm.params.s_id = '';
|
|
}
|
|
},
|
|
'params.s_id':function(nv, ov){
|
|
var vm = this;
|
|
if (nv > 0) {
|
|
//型号
|
|
$.ajax({
|
|
type: 'post',
|
|
url: '/auto/attr/json_lists',
|
|
dataType: 'json',
|
|
data: {
|
|
s_id: nv,
|
|
status: 1,
|
|
type: 1
|
|
},
|
|
success: function (response) {
|
|
if (response.code == 1) {
|
|
vm.attrvAry = response.data.list;
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
vm.attrvAry = [];
|
|
vm.params.v_id = '';
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
<?php page_script($pager) ?>
|
|
});
|
|
</script>
|
|
|