admin_orders_728

This commit is contained in:
dengbw
2021-07-28 17:52:11 +08:00
parent d98fae8439
commit 2f8059fb35
4 changed files with 164 additions and 128 deletions
+7 -7
View File
@@ -8,14 +8,14 @@
<div class="am-panel-bd am-g" style="margin-top: 10px;margin-bottom: 10px;">
<form id="agent_form">
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">车牌号:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">车牌号:</span></label>
<div class="am-para-input">
<input name="car_num" v-model="info.agent.car_num">
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">保险到期时间:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">保险到期时间:</span></label>
<div class="am-para-input">
<input name="e_time" id="bx_time" readonly v-model="info.agent.ins_time">
</div>
@@ -27,9 +27,9 @@
</div>
-->
</div>
<div class="am-form-group am-u-lg-6">
<div class="am-form-group am-u-lg-4">
<div class="admin-content">
<label class="am-para-label">行驶证:</label>
<label class="am-para-label"><span class="span-bold">行驶证:</span></label>
<div class="am-para-input">
<div class="am-form-group am-form-file">
<button type="button" class="am-btn am-btn-default am-btn-sm"
@@ -46,7 +46,7 @@
</div>
</div>
<div class="am-form-inline am-u-lg-12">
<label class="am-para-label label-width">保险单图片:</label>
<label class="am-para-label label-width"><span class="span-bold">保险单图片:</span></label>
<div class="am-para-input">
<div class="am-form-group am-form-file">
<button type="button" class="am-btn am-btn-default am-btn-sm"
+132 -96
View File
@@ -8,41 +8,41 @@
</div>
<div class="am-panel-bd am-g" style="margin-top: 10px;margin-bottom: 10px;">
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">订单编号:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">订单编号:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.sid}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">订单创建时间:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">订单创建时间:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.c_time}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width">身份证号码:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">身份证号码:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l" v-if="info.info_json && info.info_json.cardid">{{info.info_json.cardid}}</label>
</div>
</div>
</div>
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">客户姓名:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">客户姓名:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.name}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">客户手机号:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">客户手机号:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.mobile}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-6">
<div class="am-form-group am-u-lg-4">
<template v-if="info.bill && (info.bill.cardidA || info.bill.cardidB)">
<label class="am-para-label label-width">身份证图片:</label>
<label class="am-para-label label-width"><span class="span-bold">身份证图片:</span></label>
<div class="am-para-input">
<!--
<a href="javascript:;" class="am-btn am-btn-default am-btn-sm" @click="show_carimg">
@@ -50,27 +50,31 @@
</a>
-->
<div id="layer-photos-demo" class="layer-photos-demo">
<img v-if="info.bill && info.bill.cardidA" :layer-src="info.bill.cardidA" :src="info.bill.cardidA" class="w100" alt="身份证正面" @click="show_carimg" style="height:50px;">
<img v-if="info.bill && info.bill.cardidB" :layer-src="info.bill.cardidB" :src="info.bill.cardidB" class="w100" alt="身份证" @click="show_carimg" style="height:50px">
<img v-if="info.bill && info.bill.cardidA" :layer-src="info.bill.cardidA"
:src="info.bill.cardidA" class="w100" alt="身份证" @click="show_carimg"
style="height:50px;">
<img v-if="info.bill && info.bill.cardidB" :layer-src="info.bill.cardidB"
:src="info.bill.cardidB" class="w100" alt="身份证反面" @click="show_carimg"
style="height:50px">
</div>
</div>
</template>
</div>
</div>
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">合同状态:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">合同状态:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.sign_status_name}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">渠道来源:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">渠道来源:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.cf_title}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-6 align-r">
<div class="am-form-group am-u-lg-4 align-r">
<a class='am-btn am-btn-primary am-btn-xs'>短信</a>
<a class='am-btn am-btn-primary am-btn-xs'>拨打电话</a>
</div>
@@ -78,11 +82,11 @@
</div>
</div>
<!--订单明细-->
<?require_once "oinfo.php"?>
<? require_once "oinfo.php" ?>
<!--贷款明细-->
<?require_once "loaninfo.php"?>
<? require_once "loaninfo.php" ?>
<!--代办-->
<?require_once "agentinfo.php"?>
<? require_once "agentinfo.php" ?>
</div>
</div>
<script>
@@ -101,46 +105,46 @@
info: [],
carslist: [],
page: [],
bx_imgs:[],
brand_list:[],
series_list:[],
v_list:[],
cor_list:[],
incor_list:[],
brand_id:'',
s_id:'',
v_id:'',
cor_id:'',
incor_id:''
bx_imgs: [],
brand_list: [],
series_list: [],
v_list: [],
cor_list: [],
incor_list: [],
brand_id: '',
s_id: '',
v_id: '',
cor_id: '',
incor_id: ''
},
mounted() {
var that = this;
that.info = <?=json_encode($info,JSON_UNESCAPED_UNICODE)?>;
that.info = <?=json_encode($info, JSON_UNESCAPED_UNICODE)?>;
that.brand_id = <?=$info['brand_id']?>,
that.s_id = <?=$info['s_id']?>,
that.v_id = <?=$info['v_id']?>,
that.cor_id = <?=$info['cor_id']?>,
that.incor_id = <?=$info['incor_id']?>,
that.bx_imgs = <?=json_encode($info['bx_imgs'])?>;
that.s_id = <?=$info['s_id']?>,
that.v_id = <?=$info['v_id']?>,
that.cor_id = <?=$info['cor_id']?>,
that.incor_id = <?=$info['incor_id']?>,
that.bx_imgs = <?=json_encode($info['bx_imgs'])?>;
},
computed: {},
created: function () {
},
methods: {
setauto: function(type){
setauto: function (type) {
var that = this
var p_data = {'tp':1,'type':type}
if(type==2){
p_data['pid'] = that.brand_id
} else if(type==3){
var p_data = {'tp': 1, 'type': type}
if (type == 2) {
p_data['pid'] = that.brand_id
} else if (type == 3) {
p_data['pid'] = that.s_id
}
$.get("/common/auto",p_data,function(result){
if(type==1){
$.get("/common/auto", p_data, function (result) {
if (type == 1) {
that.brand_list = result.data
}else if(type==2){
} else if (type == 2) {
that.series_list = result.data
}else if(type==3){
} else if (type == 3) {
that.v_list = result.data[3]
that.cor_list = result.data[4]
that.incor_list = result.data[5]
@@ -161,15 +165,18 @@
shade: false,
btn: ['保存'],
yes: function (index) {
$.post("/receiver/orders/edit_item",{'id':that.info.id,'item_id':that.info.item_id}, function(data) {
if(data.code){
layer.msg(data.msg, {time: 2000,icon:1 }, function () {
$.post("/receiver/orders/edit_item", {
'id': that.info.id,
'item_id': that.info.item_id
}, function (data) {
if (data.code) {
layer.msg(data.msg, {time: 2000, icon: 1}, function () {
$.form.reload();
});
}else{
layer.msg(data.msg,{icon:2});
} else {
layer.msg(data.msg, {icon: 2});
}
},'json');
}, 'json');
}
});
},
@@ -181,12 +188,12 @@
dataType: 'json',
data: {
page: page,
select_id:vm.info.item_id,
brand_id:vm.brand_id,
s_id:vm.s_id,
v_id:vm.v_id,
cor_id:vm.cor_id,
incor_id:vm.incor_id
select_id: vm.info.item_id,
brand_id: vm.brand_id,
s_id: vm.s_id,
v_id: vm.v_id,
cor_id: vm.cor_id,
incor_id: vm.incor_id
},
success: function (re) {
var carslist = re.data.list;
@@ -231,22 +238,22 @@
vm.page.page++;
vm.getCars(vm.page.page);
},
finish_loan: function(){
finish_loan: function () {
var that = this;
$.post("/receiver/orders/edit_loan",{'id':this.info.id,'status':1}, function(data) {
$.post("/receiver/orders/edit_loan", {'id': this.info.id, 'status': 1}, function (data) {
console.dir(data);
layer.msg(data.msg);
if(data.code){
that.info.loan_info.status=1
if (data.code) {
that.info.loan_info.status = 1
}
},'json');
}, 'json');
},
upTz: function(type,event){
upTz: function (type, event) {
var that = this;
var formData = new FormData();
formData.append("file",$(event.currentTarget).get(0).files[0]); //上传一个files对象
formData.append('id',this.info.id);
formData.append('type',type);
formData.append("file", $(event.currentTarget).get(0).files[0]); //上传一个files对象
formData.append('id', this.info.id);
formData.append('type', type);
$.ajax({//jQuery方法,此处可以换成其它请求方式
url: '/receiver/orders/edit_loan',
dataType: "json",
@@ -261,11 +268,11 @@
success: function (res) {
console.dir(res)
layer.msg(res.msg);
if(res.code){
if(type){
that.info.loan_info.lend_file = res.data.file_url;
}else{
that.info.loan_info.notify_file = res.data.file_url;
if (res.code) {
if (type) {
that.info.loan_info.lend_file = res.data.file_url;
} else {
that.info.loan_info.notify_file = res.data.file_url;
}
}
return;
@@ -273,54 +280,83 @@
})
},
save_agent:function(){ //保存代办信息
save_agent: function () { //保存代办信息
var post_data = $('#agent_form').serialize();
post_data += "&oid="+this.info.id;
post_data += "&oid=" + this.info.id;
imgs = '';
if(this.bx_imgs){
jQuery.each(this.bx_imgs, function(i, val) {
if (this.bx_imgs) {
jQuery.each(this.bx_imgs, function (i, val) {
console.dir(val)
if(imgs){
imgs += ","+val['value'];
}else{
if (imgs) {
imgs += "," + val['value'];
} else {
imgs += val['value'];
}
});
});
}
post_data += "&bx_imgs="+imgs;
$.post("/receiver/orders/edit_agent",post_data, function(data) {
if(data.code){
layer.msg(data.msg, {time: 2000,icon:1}, function () {
post_data += "&bx_imgs=" + imgs;
$.post("/receiver/orders/edit_agent", post_data, function (data) {
if (data.code) {
layer.msg(data.msg, {time: 2000, icon: 1}, function () {
$.form.reload();
});
}else{
layer.msg(data.msg,{icon:2});
} else {
layer.msg(data.msg, {icon: 2});
}
},'json');
}, 'json');
},
show_imgs:function(type){ //显示图片
$.getJSON('/receiver/orders/get_cimgs',{'oid':this.info.id,'type':type}, function(result){
show_imgs: function (type) { //显示图片
$.getJSON('/receiver/orders/get_cimgs', {'oid': this.info.id, 'type': type}, function (result) {
console.dir(result.data.info);
var json = result.data.info;
layer.photos({
photos: json
,anim: 5
, anim: 5
});
});
},
show_carimg:function(){
show_carimg: function () {
layer.photos({
photos: '#layer-photos-demo'
,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
});
, anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
});
}
}
});
})
</script>
<style type="text/css">
.span-bold {
font-weight:bold;
}
.input-group {
width: 100%;
padding-right: 30px;
}
.input-group-addon {
padding: 0px 0px 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: 110px;
}
.table-td {
width: 20%;
padding-top: 15px;
line-height: 37px;
font-size: 1.6rem;
}
.label-width {
width: 150px
width: 120px;
}
.input-left {
+11 -11
View File
@@ -6,30 +6,30 @@
</div>
<div class="am-panel-bd am-g" style="margin-top: 10px;margin-bottom: 10px;">
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">分期产品:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">分期产品:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.loan_info.title}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">分期年限:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">分期年限:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.loan_info.year}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-6">
<div class="am-form-group am-u-lg-4">
</div>
</div>
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">首付金额:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">首付金额:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.loan_info.first_price}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">按揭通知函:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">按揭通知函:</span></label>
<div class="input-group">
<label class="input-group-btn">
<span class="am-btn am-btn-default am-btn-sm">
@@ -40,8 +40,8 @@
<a :href="info.loan_info.notify_file" target="_blank" v-if="info.loan_info.notify_file" class="ml10 mt5 absolute" style="">查看文件</a>
</div>
</div>
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width">按揭放款函:</label>
<div class="am-form-group am-u-lg-4">
<label class="am-para-label label-width"><span class="span-bold">按揭放款函:</span></label>
<div class="input-group">
<label class="input-group-btn">
<span class="am-btn am-btn-default am-btn-sm">
+14 -14
View File
@@ -7,41 +7,41 @@
<div class="am-panel-bd am-g" style="margin-top: 10px;margin-bottom: 10px;">
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">品牌车型:</label>
<label class="am-para-label label-width"><span class="span-bold">品牌车型:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.brand_name}}{{info.s_name}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">车辆级别:</label>
<label class="am-para-label label-width"><span class="span-bold">车辆级别:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.v_name}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width">合同信息:</label>
<label class="am-para-label label-width"><span class="span-bold">合同信息:</span></label>
<div class="am-form am-form-inline" v-if="info.contract_data">
<div class="am-form-group" v-if="info.contract_data[0]">
<a href="javascript:;" class="am-btn am-btn-default am-btn-sm" @click="show_imgs(info.contract_data[0]['type'])">
整车销售合同&nbsp;<i class="am-icon-search-plus"></i>
整车销售合同
</a><br>
<span class="ml30">{{info.contract_data[0]['status_name']}}</span>
</div>
<div class="am-form-group" v-if="info.contract_data[1]">
<a href="javascript:;" class="am-btn am-btn-default am-btn-sm" @click="show_imgs(info.contract_data[1]['type'])">
委托服务协议&nbsp;<i class="am-icon-search-plus"></i>
委托服务协议
</a><br>
<span class="ml30">{{info.contract_data[1]['status_name']}}</span>
</div>
<div class="am-form-group" v-if="info.contract_data[2]">
<a href="javascript:;" class="am-btn am-btn-default am-btn-sm" @click="show_imgs(info.contract_data[2]['type'])">
车辆确定&nbsp;<i class="am-icon-search-plus"></i>
车辆确定
</a><br>
<span class="ml30">{{info.contract_data[2]['status_name']}}</span>
</div>
<div class="am-form-group" v-if="info.contract_data[3]">
<a href="javascript:;" class="am-btn am-btn-default am-btn-sm" @click="show_imgs(info.contract_data[3]['type'])">
车辆交接&nbsp;<i class="am-icon-search-plus"></i>
车辆交接
</a><br>
<span class="ml30">{{info.contract_data[3]['status_name']}}</span>
</div>
@@ -51,13 +51,13 @@
</div>
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">车辆平台价:</label>
<label class="am-para-label label-width"><span class="span-bold">车辆平台价:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.price}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">车身颜色:</label>
<label class="am-para-label label-width"><span class="span-bold">车身颜色:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.cor_name}}</label>
</div>
@@ -67,19 +67,19 @@
</div>
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">定金金额:</label>
<label class="am-para-label label-width"><span class="span-bold">定金金额:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.deposit}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">内饰颜色:</label>
<label class="am-para-label label-width"><span class="span-bold">内饰颜色:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">{{info.incor_name}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width">发票:</label>
<label class="am-para-label label-width"><span class="span-bold">发票:</span></label>
<div class="input-group">
<label class="input-group-btn">
<a href="javascript:;" :data-modal="'/receiver/orders/get_bill?oid='+info.id" data-title="编辑发票信息" class="am-btn am-btn-default am-btn-sm">
@@ -92,7 +92,7 @@
</div>
<div class="am-form-inline am-u-lg-12">
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">付款方式:</label>
<label class="am-para-label label-width"><span class="span-bold">付款方式:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">
<span v-if="info.payway">全款</span>
@@ -101,7 +101,7 @@
</div>
</div>
<div class="am-form-group am-u-lg-3">
<label class="am-para-label label-width">车辆信息:</label>
<label class="am-para-label label-width"><span class="span-bold">车辆信息:</span></label>
<div class="am-para-input">
<label class="am-para-label align-l">
<span v-if="info.item_id">已选择</span>