Files
liche/admin/views/receiver/orderv2/get/index.php
T
2022-03-24 22:29:48 +08:00

657 lines
28 KiB
PHP

<style type="text/css">
.span-bold {
font-weight: bold;
}
.am-para-label-con {
font-weight: 400;
line-height: 37px;
text-align: left;
font-size: 1.6rem;
}
.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: 120px;
}
.input-left {
margin-left: 150px;
}
.group-width {
width: 45%;
height: 56px;
}
.my-ul ul li {
padding: 10px;
}
.my-panel {
padding: 10px;
border: 1px solid #ddd;
height: 90px;
}
.btn-group .disabled {
background-color: #eee;
opacity: 1;
}
.hidden{
display: none;
}
.photopic-list li{
float: left;
margin-right:20px ;
}
.photopic-list .pic{
width: 150px;
height: 150px;
line-height: 150px;
border: 1px solid #e5e5e5;
overflow: hidden;
display: block;
margin:5px 0 10px;
padding:0;
font-size: 0;
text-align: center;
}
.photopic-list .pic img{
max-width: 100%;
max-height: 100%;
border:none;
padding:0 ;
display: inline-block;
vertical-align: middle;
}
</style>
<div id="vue-edit" class="am-form am-form-horizontal" style="width: 98%;padding-top: 10px">
<div class="am-u-lg-12">
<!-- 基本信息 -->
<div class="am-panel am-panel-default">
<div class="am-panel-hd">
<span style="font-size: 20px">基本信息</span>
<span class="ml10">{{info.sid}}</span>
<span style="float:right;margin-top:5px">
</span>
</div>
<div class="am-panel-bd am-g" style="margin-top: 10px;margin-bottom: 10px;">
<div class="am-form-inline">
<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-con">{{info.c_time}}</label>
</div>
</div>
<!--
<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-con">{{info.sign_status_name}}</label>
</div>
</div>
-->
<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-con">{{info.cf_title}}</label>
</div>
</div>
</div>
</div>
</div>
<!-- 客户信息 -->
<div class="am-panel am-panel-default">
<div class="am-panel-hd">
<span style="font-size: 20px">客户信息</span>
<span style="float:right;margin-top:5px">
</span>
</div>
<div class="am-panel-bd am-g" style="margin-top: 10px;margin-bottom: 10px;">
<div>
<div class="am-form-inline">
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width"><span class="span-bold">客户姓名:</span></label>
<div class="am-para-input">
<label class="am-para-label-con">{{info.name}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width"><span class="span-bold">客户手机号:</span></label>
<div class="am-para-input">
<label class="am-para-label-con">{{info.mobile}}</label>
</div>
</div>
</div>
<!--车主信息-->
<template v-if="info.main_type==1"> <!--公司-->
<div class="am-form-inline">
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width"><span class="span-bold">企业名称:</span></label>
<div class="am-para-input">
<label class="am-para-label-con">{{info.company}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width"><span class="span-bold">企业信用代码:</span></label>
<div class="am-para-input">
<label class="am-para-label-con">{{info.credit}}</label>
</div>
</div>
</div>
</template>
<template v-else> <!--个人-->
<div class="am-form-inline">
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width"><span class="span-bold">车主证号码:</span></label>
<div class="am-para-input">
<label class="am-para-label-con">{{info.owner_cardid}}</label>
</div>
</div>
<div class="am-form-group am-u-lg-6">
<label class="am-para-label label-width"><span class="span-bold">车主地址:</span></label>
<div class="am-para-input">
<label class="am-para-label-con">{{info.address}}</label>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
<!--订单明细-->
<? require_once "oinfo.php" ?>
<!-- 合同信息 -->
<div class="am-panel am-panel-default">
<div class="am-panel-hd">
<span style="font-size: 20px">合同信息</span>
<span style="float:right;margin-top:5px">
</span>
</div>
<div class="am-panel-bd am-g" style="margin-top: 10px;margin-bottom: 10px;">
<div class="am-form-inline">
<div class="am-form-group am-u-lg-12">
<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="info.contract_data[0]['src']" target="_blank" class="am-btn am-btn-default am-btn-sm">
汽车购车协议
</a><br>
</div>
<div class="am-form-group ml10" v-if="info.contract_data[1]">
<a :href="info.contract_data[1]['src']" target="_blank" class="am-btn am-btn-default am-btn-sm">
委托服务协议
</a><br>
</div>
<div class="am-form-group ml10" v-if="info.contract_data[3]">
<a :href="info.contract_data[3]['src']" target="_blank" class="am-btn am-btn-default am-btn-sm">
车辆交付
</a><br>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 发票信息 -->
<div class="am-panel am-panel-default">
<div class="am-panel-hd">
<span style="font-size: 20px">发票信息</span>
<span style="float:right;margin-top:5px">
</span>
</div>
<div class="am-panel-bd am-g" style="margin-top: 10px;margin-bottom: 10px;">
<div class="am-form-inline">
<div class="am-form-group am-u-lg-12" style="margin-bottom:15px;" v-if="info.bill && info.bill.warning">
<span class="ml70 f18" v-html="info.bill.warning"></span>
</div>
<div class="am-form-group am-u-lg-12">
<label class="am-para-label label-width"><span class="span-bold">发票:</span></label>
<div class="am-para-input">
<div class="am-form-inline">
<!--
<div class="am-form-group">
<label class="input-group-btn" style="width: 50px;">
<a href="javascript:;"
:data-modal="'/receiver/orderv2/orders/get_bill?oid='+info.id"
data-title="编辑发票信息" class="am-btn am-btn-default am-btn-sm">
上传文件
</a>
</label>
</div>
-->
<div class="am-form-group">
<a href="javascript:void(0);" class="am-btn am-btn-default am-btn-sm" data-file="1" data-type="jpg,png,gif,png,jpeg"
data-uptype="qiniu" data-field="bill_file">
<input type="hidden" class="bill_file" name="bill_file" data-type="1" value="" onchange="upBill(this)">
<i class="am-icon-cloud-upload"></i> 选择要上传的文件
</a>
</div>
<div class="am-form-group" v-if="info.bill && info.bill.file">
<div v-if="info.bill.file_type=='img'" id="layer-photos-demo-1"
class="layer-photos-demo fl ml10">
<img :layer-src="info.bill.file"
:src="info.bill.file" class="w100" alt="查看发票" @click="show_carimg(1)"
style="height:auto;max-height:32px;max-width:50px;margin-left: 5px">
</div>
<a v-else :href="info.bill.file" target="_blank" class="mt5"
style="width:100px;line-height:20px;margin-left:5px;">查看发票</a>
</div>
<div class="am-form-group ml10">
<template v-if="info.bill && (info.bill.cardidA||info.bill.business_licence)">
<a class='am-btn am-btn-primary am-btn-xs' v-if="!info.bill.status"
data-ajax="post" data-action="/receiver/orderv2/orders/edit_jk"
:data-params-oid="info.id">
交款确定
</a>
<span class='am-btn am-btn-default am-active am-btn-xs' v-else>已确认开票</span>
</template>
<a class='am-btn am-btn-default am-btn-xs'
data-modal="/receiver/orderv2/orders/get_paylog?id=<?= $info['id'] ?>" data-title="收款记录">
收款记录
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--贷款明细-->
<? require_once "loaninfo.php" ?>
<!--资料审核-->
<? require_once "ckinfo.php" ?>
</div>
</div>
<script>
require(['laydate'], function (laydate) {
//日期范围
laydate.render({
elem: '#loan_time'
, type: 'date'
});
laydate.render({
elem: '#ins_time'
, type: 'date'
});
});
var vue_obj;
var xz_num = 0;
var xz_name = "xuan_zhuan_<?=time()?>";
$(document).ready(function () {
vue_obj = new Vue({
el: '#vue-edit',
data: {
info: [],
carslist: [],
page: [],
bx_imgs: [],
car_imgs: [],
register_img: [],
brand_list: [],
series_list: [],
v_list: [],
cor_list: [],
incor_list: [],
brand_id: '',
s_id: '',
v_id: '',
cor_id: '',
incor_id: '',
vin: ''
},
mounted: function () {
var that = this;
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.car_imgs = <?=json_encode($info['car_imgs'])?>,
that.register_img = <?=json_encode($info['register_img'])?>
},
computed: {},
created: function () {
},
methods: {
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) {
p_data['pid'] = that.s_id;
}
$.get("/common/auto", p_data, function (result) {
if (type == 1) {
that.brand_list = result.data
} else if (type == 2) {
that.series_list = result.data
} else if (type == 3) {
that.v_list = result.data[3]
that.cor_list = result.data[4]
that.incor_list = result.data[5]
}
})
},
carModal: function () {
var that = this
that.setauto(1);
that.setauto(2);
that.setauto(3);
that.getCars(1);
layer.open({
type: 1,
area: ['60%', '85%'], //宽高
content: $('#car-modal'),
title: '选择车辆',
shade: false,
btn: ['保存'],
yes: function (index) {
$.post("/receiver/orderv2/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});
}
}, 'json');
}
});
},
getCars: function (page) {
var vm = this;
$.ajax({
url: '/common/items',
type: 'post',
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,
vin: vm.vin
},
success: function (re) {
var carslist = re.data.list;
vm.page = re.data.page;
carslist.map(function (_item, _index) {
if (vm.info.item_id == _item.id) {
carslist[_index].selected = 1;
} else {
carslist[_index].selected = 0;
}
});
vm.carslist = carslist;
}
});
},
setCars: function (cars, checked) {
var vm = this;
var carslist = vm.carslist;
carslist.map(function (_item, _index) {
carslist[_index].selected = 0;
});
vm.carslist = carslist;
if (checked) {
vm.info.item_id = cars.id;
cars.selected = 1;
} else {
vm.info.item_id = 0;
}
},
beforeUsersPage: function () {
var vm = this;
if (vm.page.page == 1) {
layer.msg('已经是第一页了');
return;
}
vm.page.page--;
vm.getCars(vm.page.page);
},
afterUsersPage: function () {
var vm = this;
vm.page.page++;
vm.getCars(vm.page.page);
},
finish_loan: function (status) {
var that = this;
if (status == 2) {
var loan_time = $('#loan_time').val();
// if (!loan_time) {
// layer.msg("请填写放款时间");
// return;
// }
this.info.loan_info.loan_time = loan_time;
}
$.post("/receiver/orderv2/orders/edit_loan", {'info': this.info, 'status': status}, function (data) {
console.dir(data);
if (data.code) {
layer.msg(data.msg, function () {
$.form.reload();
});
} else {
layer.msg(data.msg);
}
}, 'json');
},
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);
if (type) {
var loan_time = $('#loan_time').val();
if (!loan_time) {
layer.msg("请填写放款时间");
return;
}
formData.append('loan_time', loan_time);
}
$.ajax({//jQuery方法,此处可以换成其它请求方式
url: '/receiver/orderv2/orders/edit_loan',
dataType: "json",
type: "post",
data: formData,
processData: false,//不去处理发送的数据
contentType: false,//不去设置Content-Type请求头
error: function (res) {
layer.msg('上传失败')
return;
},
success: function (res) {
console.dir(res)
if (res.code) {
layer.msg(res.msg, function () {
$.form.reload();
});
} else {
layer.msg(res.msg);
}
return;
}
})
},
show_carimg: function (type) {
layer.photos({
photos: '#layer-photos-demo-' + type,
anim: 5, //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
tab: function () {
xz_num = 0;
$("#layui-layer-photos").parent().append('<div style="position:relative;width:100%;text-align:center;cursor:pointer;">\n' +
'\t\t<img id="' + xz_name + '" src="/img/xuanzhuan.png" style="width:30px;height:30px;">\n' +
'\t</div>');
}
});
},
//保存身份证
save_cardID: function () {
var that = this;
var data_post = {
o_id: that.info.id,
cardidA: that.info.bill.cardidA.value,
cardidB: that.info.bill.cardidB.value
};
$.post("/receiver/orderv2/orders/edit_cardID", data_post, function (data) {
if (data.code) {
layer.msg(data.msg, {time: 2000, icon: 1}, function () {
$.form.reload();
});
} else {
layer.msg(data.msg, {icon: 2});
}
}, 'json');
},
save_edit: function (type) {
var that = this;
var data_post;
if (type == 1) {
data_post = {type: type, id: that.info.id, note: that.info.note};
} else if (type == 2) {
data_post = {
type: type,
id: that.info.id,
business_licence: that.info.bill.business_licence.value
};
}
$.post("/receiver/orderv2/orders/edit", data_post, function (data) {
if (data.code) {
layer.msg(data.msg, {time: 2000, icon: 1}, function () {
$.form.reload();
});
} else {
layer.msg(data.msg, {icon: 2});
}
}, 'json');
},
cancelItem:function(){
var that = this;
layer.confirm('你确定取消分配吗?', {icon: 3, title:'提示'}, function(index){
$.post("/receiver/orderv2/orders/edit_ckcar", {id:that.info.id}, function (data) {
if (data.code) {
layer.msg(data.msg, {time: 2000, icon: 1}, function () {
$.form.reload();
});
} else {
layer.msg(data.msg, {icon: 2});
}
}, 'json');
});
}
}
});
});
//旋转图片
$(document).on("click", "#" + xz_name, function (e) {
console.log("xz_num=" + xz_num);
xz_num = (xz_num + 90) % 360;
$(".layui-layer.layui-layer-page.layui-layer-photos").css('background', 'black');//旋转之后背景色设置为黑色,不然在旋转长方形图片时会留下白色空白
$("#layui-layer-photos").css('transform', 'rotate(' + xz_num + 'deg)');
});
//图片放大缩小
$(document).on("mousewheel DOMMouseScroll", ".layui-layer-phimg", function (e) {
var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
(e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
var imagep = $(".layui-layer-phimg").parent().parent();
var image = $(".layui-layer-phimg").parent();
var h = image.height();
var w = image.width();
var img_url = $("#imglayer").attr("src");
// 创建对象
var img = new Image();
// 改变图片的src
img.src = img_url;
var width = img.width;
var height = img.height;
debugger;
if (delta > 0) {
if (h < (window.innerHeight)) {
h = h * 1.05;
w = w * 1.05;
width = width * 1.05;
height = height * 1.05;
}
} else if (delta < 0) {
if (h > 100) {
h = h * 0.95;
w = w * 0.95;
width = width * 0.95;
height = height * 0.95;
}
}
imagep.css("top", (window.innerHeight - h) / 2);
imagep.css("left", (window.innerWidth - w) / 2);
image.height(h);
image.width(w);
imagep.height(h);
imagep.width(w);
var current = $("#current").val();
if ((current / 90) % 2 == 1) {
$('#imglayer').css("width", h);
$('#imglayer').css("margin-top", -(w - h) / 2);
if (height < width) {
$('#imglayer').css("margin-left", (w - h) / 2);
}
} else {
$('#imglayer').css("width", w);
$('#imglayer').css("margin-top", 0);
if (height < width) {
$('#imglayer').css("margin-left", 0);
}
}
});
function upBill(obj) {
var value = $(obj).val();
$.post("/receiver/orderv2/orders/edit_bill", {
'id': <?=$info['id']?>,
'value': value,
}, function (data) {
if (data.code) {
layer.msg(data.msg, {time: 2000, icon: 1}, function () {
$.form.reload();
});
} else {
layer.msg(data.msg, {icon: 2});
}
}, 'json');
}
</script>