viewer_1102
This commit is contained in:
dengbw
@@ -18,6 +18,7 @@
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/font-awesome.min.css?v=1581252500">
|
||||
<!-- 滑动按钮css -->
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/switch.css">
|
||||
<link rel="stylesheet" type="text/css" href="/static/js/plugin/viewer/viewer.css?t=3">
|
||||
|
||||
<script type="text/javascript" src="/static/js/common/jquery-3.0.0.js"></script>
|
||||
<script type="text/javascript" src="/static/js/common/vue.min.js"></script>
|
||||
@@ -32,6 +33,7 @@
|
||||
<script type="text/javascript" src="/static/js/common/Sortable.min.js?t=2020221"></script>
|
||||
<script type="text/javascript" src="/static/js/common/vuedraggable.umd.min.js?t=2020221"></script>
|
||||
<script type="text/javascript" src="/static/js/common/jquery.form.js?t=2020410"></script>
|
||||
<script type="text/javascript" src="/static/js/plugin/viewer/viewer.js?t=4"></script>
|
||||
<script>window.ROOT_URL = '';</script>
|
||||
</head>
|
||||
<body>
|
||||
@@ -154,6 +156,10 @@
|
||||
<script type="text/javascript" src="/static/js/plugin/require/require.js"></script>
|
||||
<script type="text/javascript" src="/static/js/common/app.js"></script>
|
||||
<script type="text/javascript">
|
||||
//查看图片控件
|
||||
function showViewer(obj){
|
||||
new Viewer(document.getElementById(obj));
|
||||
}
|
||||
var log_data = {};
|
||||
(function ($) {
|
||||
$(".coms-layout-header .bars-nav").on("click",function(event){
|
||||
|
||||
@@ -77,11 +77,10 @@
|
||||
v-if="info.bill.business_licence"
|
||||
@click="save_edit(2)">保存营业执照
|
||||
</button>
|
||||
<div id="layer-photos-demo-3" class="layer-photos-demo fl ml10">
|
||||
<div id="viewer-business_licence" class="fl ml10">
|
||||
<img v-if="info.bill.business_licence && info.bill.business_licence.src"
|
||||
:layer-src="info.bill.business_licence.src"
|
||||
:src="info.bill.business_licence.src" class="w100" alt="营业执照"
|
||||
@click="show_carimg(3)"
|
||||
:src="info.bill.business_licence.src" class="w100" alt="营业执照" onclick="showViewer('viewer-business_licence')"
|
||||
style="height:auto;max-height:32px;max-width:50px;">
|
||||
</div>
|
||||
</div>
|
||||
@@ -157,14 +156,14 @@
|
||||
v-if="info.bill && (info.bill.cardidA || info.bill.cardidB)"
|
||||
@click="save_cardID">保存身份证
|
||||
</button>
|
||||
<div id="layer-photos-demo-1" class="layer-photos-demo fl ml10">
|
||||
<img v-if="info.bill && info.bill.cardidA && info.bill.cardidA.src"
|
||||
<div id="viewer-bill_cardid" class="fl ml10">
|
||||
<img v-if="info.bill && info.bill.cardidA && info.bill.cardidA.src"
|
||||
:layer-src="info.bill.cardidA.src"
|
||||
:src="info.bill.cardidA.src" class="w100" alt="身份证正面" @click="show_carimg(1)"
|
||||
:src="info.bill.cardidA.src" class="w100" alt="身份证正面" onclick="showViewer('viewer-bill_cardid')"
|
||||
style="height:auto;max-height:32px;max-width:50px;">
|
||||
<img v-if="info.bill && info.bill.cardidB && info.bill.cardidB.src"
|
||||
:layer-src="info.bill.cardidB.src"
|
||||
:src="info.bill.cardidB.src" class="w100" alt="身份证反面" @click="show_carimg(1)"
|
||||
:src="info.bill.cardidB.src" class="w100" alt="身份证反面" onclick="showViewer('viewer-bill_cardid')"
|
||||
style="height:auto;max-height:32px;max-width:50px;margin-left: 5px">
|
||||
</div>
|
||||
</div>
|
||||
@@ -283,10 +282,10 @@
|
||||
</label>
|
||||
</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-2"
|
||||
class="layer-photos-demo fl ml10">
|
||||
<div v-if="info.bill.file_type=='img'" id="viewer-bill_file"
|
||||
class="fl ml10">
|
||||
<img :layer-src="info.bill.file"
|
||||
:src="info.bill.file" class="w100" alt="查看发票" @click="show_carimg(2)"
|
||||
:src="info.bill.file" class="w100" alt="发票" onclick="showViewer('viewer-bill_file')"
|
||||
style="height:auto;max-height:32px;max-width:50px;margin-left: 5px">
|
||||
</div>
|
||||
<a v-else :href="info.bill.file" target="_blank" class="mt5"
|
||||
@@ -612,18 +611,6 @@
|
||||
});
|
||||
});
|
||||
},
|
||||
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;
|
||||
@@ -681,65 +668,6 @@
|
||||
}
|
||||
});
|
||||
});
|
||||
//旋转图片
|
||||
$(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);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.span-bold {
|
||||
|
||||
@@ -32,11 +32,12 @@
|
||||
<label class="am-para-label label-width"><span class="span-bold">保险到期时间：</span></label>
|
||||
<div class="am-para-input">
|
||||
<label class="am-para-label" style="width: 90%;text-align: left">
|
||||
<?if($info['agent']['business_time']){?>
|
||||
<?=$info['agent']['business_time']?>
|
||||
<?}else{?>
|
||||
<input type="text" name="ins_time" id="ins_time" value="<?= $info['agent']['ins_time'] ?>">
|
||||
<?}?>
|
||||
<? if ($info['agent']['business_time']) { ?>
|
||||
<?= $info['agent']['business_time'] ?>
|
||||
<? } else { ?>
|
||||
<input type="text" name="ins_time" id="ins_time"
|
||||
value="<?= $info['agent']['ins_time'] ?>">
|
||||
<? } ?>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
@@ -76,254 +77,369 @@
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="am-form-group clearfix" >
|
||||
<div class="am-form-group clearfix">
|
||||
<div class="" v-if="info.main_type==1">
|
||||
<p class="am-text-default mb10 ml30 pt15 pb10">
|
||||
营业执照:
|
||||
</p>
|
||||
<ul class="photopic-list ml30 clearfix">
|
||||
<?if($info['imgs_status']['business_licence']['imgs'][0]){?>
|
||||
<ul id="viewer-business_licence" class="photopic-list ml30 clearfix">
|
||||
<? if ($info['imgs_status']['business_licence']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','business_licence','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-21">
|
||||
<img src="<?=$info['imgs_status']['business_licence']['imgs'][0]?>" @click="show_carimg(21)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','business_licence','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="营业执照" onclick="showViewer('viewer-business_licence')"
|
||||
src="<?= $info['imgs_status']['business_licence']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc"></div>
|
||||
</li>
|
||||
<?}else{?>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="business_licence" data-mark="compalbum">
|
||||
<input type="hidden" class="" name="business_licence" data-type="1" value="" onchange="upImg('business_licence',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
<input type="hidden" class="" name="business_licence" data-type="1" value=""
|
||||
onchange="upImg('business_licence',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12"></div>
|
||||
</li>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="" v-else>
|
||||
<p class="am-text-default mb10 ml30 pt15 pb10">
|
||||
身份证:
|
||||
</p>
|
||||
<ul class="photopic-list ml30 clearfix">
|
||||
<?if($info['imgs_status']['cardida']['imgs'][0]){?>
|
||||
<ul id="viewer-cardida" class="photopic-list ml30 clearfix">
|
||||
<? if ($info['imgs_status']['cardida']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','cardida','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-21">
|
||||
<img src="<?=$info['imgs_status']['cardida']['imgs'][0]?>" @click="show_carimg(21)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','cardida','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="身份证正面" onclick="showViewer('viewer-cardida')"
|
||||
src="<?= $info['imgs_status']['cardida']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc">身份证正面</div>
|
||||
</li>
|
||||
<?}else{?>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="cardida" data-mark="compalbum">
|
||||
<input type="hidden" class="cardida" name="cardida" data-type="1" value="" onchange="upImg('cardida',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
<input type="hidden" class="cardida" name="cardida" data-type="1" value=""
|
||||
onchange="upImg('cardida',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12">身份证正面</div>
|
||||
</li>
|
||||
<?}?>
|
||||
<?if($info['imgs_status']['cardida']['imgs'][1]){?>
|
||||
<? } ?>
|
||||
<? if ($info['imgs_status']['cardida']['imgs'][1]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','cardidb','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-22">
|
||||
<img src="<?=$info['imgs_status']['cardida']['imgs'][1]?>" @click="show_carimg(22)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','cardidb','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="身份证反面" onclick="showViewer('viewer-cardida')"
|
||||
src="<?= $info['imgs_status']['cardida']['imgs'][1] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc">身份证反面</div>
|
||||
</li>
|
||||
<?}else{?>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="cardidb" data-mark="compalbum">
|
||||
<input type="hidden" class="cardidb" name="cardidb" data-type="1" value="" onchange="upImg('cardidb',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
<input type="hidden" class="cardidb" name="cardidb" data-type="1" value=""
|
||||
onchange="upImg('cardidb',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12">身份证反面</div>
|
||||
</li>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="">
|
||||
<p class="am-text-default mb10 ml30 pt15 pb10">国补资料:</p>
|
||||
<ul class="photopic-list ml30 clearfix">
|
||||
<?if($info['imgs_status']['register_img']['imgs'][0]){?>
|
||||
<ul id="viewer-register_img" class="photopic-list ml30 clearfix">
|
||||
<? if ($info['imgs_status']['register_img']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','register_img','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-31">
|
||||
<img src="<?=$info['imgs_status']['register_img']['imgs'][0]?>" @click="show_carimg(31)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','register_img','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="登记证" onclick="showViewer('viewer-register_img')"
|
||||
src="<?= $info['imgs_status']['register_img']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc">登记证</div>
|
||||
</li>
|
||||
<?}else{?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="register_img" data-mark="compalbum">
|
||||
<input type="hidden" class="register_img" name="register_img" data-type="1" value="" onchange="upImg('register_img',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
</a>
|
||||
<div class="tc f12">登记证</div>
|
||||
</li>
|
||||
<?}?>
|
||||
<?if($info['imgs_status']['car_img']['imgs'][0]){?>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="register_img" data-mark="compalbum">
|
||||
<input type="hidden" class="register_img" name="register_img" data-type="1" value=""
|
||||
onchange="upImg('register_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12">登记证</div>
|
||||
</li>
|
||||
<? } ?>
|
||||
<? if ($info['imgs_status']['car_img']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','car_img','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-32">
|
||||
<img src="<?=$info['imgs_status']['car_img']['imgs'][0]?>" @click="show_carimg(32)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','car_img','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="行驶证" onclick="showViewer('viewer-register_img')"
|
||||
src="<?= $info['imgs_status']['car_img']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc">行驶证</div>
|
||||
</li>
|
||||
<?}else{?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="car_img" data-mark="compalbum">
|
||||
<input type="hidden" class="car_img" name="car_img" data-type="1" value="" onchange="upImg('car_img',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
</a>
|
||||
<div class="tc f12">行驶证</div>
|
||||
</li>
|
||||
<?}?>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="car_img" data-mark="compalbum">
|
||||
<input type="hidden" class="car_img" name="car_img" data-type="1" value=""
|
||||
onchange="upImg('car_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12">行驶证</div>
|
||||
</li>
|
||||
<? } ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="am-form-group clearfix" >
|
||||
<div class="am-form-group clearfix">
|
||||
<div class="">
|
||||
<p class="am-text-default mb10 ml30 pt15 pb10">
|
||||
保单:
|
||||
</p>
|
||||
<ul class="photopic-list ml30 clearfix">
|
||||
<?if($info['imgs_status']['insurance_img']['imgs'][0]){?>
|
||||
<ul id="viewer-insurance_img" class="photopic-list ml30 clearfix">
|
||||
<? if ($info['imgs_status']['insurance_img']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','insurance_img','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-301">
|
||||
<img src="<?=$info['imgs_status']['insurance_img']['imgs'][0]?>" @click="show_carimg(301)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','insurance_img','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="交强险" onclick="showViewer('viewer-insurance_img')"
|
||||
src="<?= $info['imgs_status']['insurance_img']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc">交强险</div>
|
||||
</li>
|
||||
<?}else{?>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="insurance_img" data-mark="compalbum">
|
||||
<input type="hidden" class="insurance_img" name="insurance_img" data-type="1" value="" onchange="upImg('insurance_img',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
<input type="hidden" class="insurance_img" name="insurance_img" data-type="1" value=""
|
||||
onchange="upImg('insurance_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12">交强险</div>
|
||||
</li>
|
||||
<?}?>
|
||||
<?if($info['imgs_status']['business_img']['imgs'][0]){?>
|
||||
<? } ?>
|
||||
<? if ($info['imgs_status']['business_img']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','business_img','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-302">
|
||||
<img src="<?=$info['imgs_status']['business_img']['imgs'][0]?>" @click="show_carimg(302)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','business_img','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="商业险" onclick="showViewer('viewer-insurance_img')"
|
||||
src="<?= $info['imgs_status']['business_img']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc">商业险</div>
|
||||
</li>
|
||||
<?}else{?>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="business_img" data-mark="compalbum">
|
||||
<input type="hidden" class="business_img" name="business_img" data-type="1" value="" onchange="upImg('business_img',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
<input type="hidden" class="business_img" name="business_img" data-type="1" value=""
|
||||
onchange="upImg('business_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12">商业险</div>
|
||||
</li>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="am-form-group clearfix" >
|
||||
<div class="am-form-group clearfix">
|
||||
<div class="">
|
||||
<p class="am-text-default mb10 ml30 pt15 pb10">
|
||||
其它保单:
|
||||
</p>
|
||||
<ul class="photopic-list ml30 clearfix">
|
||||
<?if($info['imgs_status']['ins_img']['imgs']){?>
|
||||
<? foreach ($info['imgs_status']['ins_img']['imgs'] as $key=>$val) {?>
|
||||
<ul id="viewer-ins_img" class="photopic-list ml30 clearfix">
|
||||
<? if ($info['imgs_status']['ins_img']['imgs']) { ?>
|
||||
<? foreach ($info['imgs_status']['ins_img']['imgs'] as $key => $val) { ?>
|
||||
<li style="position:relative;">
|
||||
<?if(strpos($val,'.pdf') !== false){?>
|
||||
<a href="<?=$val?>" target="_blank" class="pic">
|
||||
<? if (strpos($val, '.pdf') !== false) { ?>
|
||||
<a href="<?= $val ?>" target="_blank" class="pic">
|
||||
</a>
|
||||
<?}else{?>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','ins_img','<?=$val?>')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-4<?=$key?>">
|
||||
<img src="<?=$val?>" @click="show_carimg(4<?=$key?>)"/>
|
||||
<? } else { ?>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','ins_img','<?= $val ?>')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="其它保单<?= $key + 1 ?>" onclick="showViewer('viewer-ins_img')"
|
||||
src="<?= $val ?>"/>
|
||||
</a>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
</li>
|
||||
<?}?>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
<? } ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-mark="file" data-type="jpg,png,gif,png,jpeg,pdf"
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-mark="file"
|
||||
data-type="jpg,png,gif,png,jpeg,pdf"
|
||||
data-uptype="qiniu" data-field="ins_img">
|
||||
<input type="hidden" class="ins_img" name="ins_img" data-type="1" value="" onchange="upImg('ins_img',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
<input type="hidden" class="ins_img" name="ins_img" data-type="1" value=""
|
||||
onchange="upImg('ins_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="am-form-group clearfix" >
|
||||
<div class="am-form-group clearfix">
|
||||
<div class="">
|
||||
<p class="am-text-default mb10 ml30 pt15 pb10">
|
||||
交车合照:
|
||||
</p>
|
||||
<ul class="photopic-list ml30 clearfix">
|
||||
<?if($info['imgs_status']['other_img']['imgs']){?>
|
||||
<? foreach ($info['imgs_status']['other_img']['imgs'] as $key=>$val) {?>
|
||||
<ul id="viewer-other_img" class="photopic-list ml30 clearfix">
|
||||
<? if ($info['imgs_status']['other_img']['imgs']) { ?>
|
||||
<? foreach ($info['imgs_status']['other_img']['imgs'] as $key => $val) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','other_img','<?=$val?>')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-5<?=$key?>">
|
||||
<img src="<?=$val?>" @click="show_carimg(5<?=$key?>)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','other_img','<?= $val ?>')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="交车合照<?= $key + 1 ?>" onclick="showViewer('viewer-other_img')"
|
||||
src="<?= $val ?>"/>
|
||||
</a>
|
||||
</li>
|
||||
<?}?>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
<? } ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="other_img" data-mark="compalbum">
|
||||
<input type="hidden" class="other_img" name="other_img" data-type="1" value="" onchange="upImg('other_img',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
<input type="hidden" class="other_img" name="other_img" data-type="1" value=""
|
||||
onchange="upImg('other_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="am-form-group clearfix">
|
||||
<p class="am-text-default mb10 ml30 pt15 pb10">新车交付确认书:</p>
|
||||
<ul class="photopic-list ml30 clearfix">
|
||||
<?if($info['imgs_status']['delivery_ck_img']['imgs'][0]){?>
|
||||
<ul id="viewer-delivery_ck_img" class="photopic-list ml30 clearfix">
|
||||
<? if ($info['imgs_status']['delivery_ck_img']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('data','delivery_ck_img','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-321">
|
||||
<img src="<?=$info['imgs_status']['delivery_ck_img']['imgs'][0]?>" @click="show_carimg(321)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','delivery_ck_img','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="新车交付确认书" onclick="showViewer('viewer-delivery_ck_img')" src="<?= $info['imgs_status']['delivery_ck_img']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
</li>
|
||||
<?}else{?>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="delivery_ck_img" data-mark="compalbum">
|
||||
<input type="hidden" class="delivery_ck_img" name="delivery_ck_img" data-type="1" value="" onchange="upImg('delivery_ck_img',this)">
|
||||
<img src="/static/images/webuploader/add_img_pic.png" />
|
||||
<input type="hidden" class="delivery_ck_img" name="delivery_ck_img" data-type="1" value=""
|
||||
onchange="upImg('delivery_ck_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
</li>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="am-form-group clearfix">
|
||||
<div class="">
|
||||
<p class="am-text-default mb10 ml30 pt15 pb10">
|
||||
交付信息:
|
||||
</p>
|
||||
<ul id="viewer-wx_img" class="photopic-list ml30 clearfix">
|
||||
<? if ($info['imgs_status']['wx_img']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','wx_img','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="企业微" onclick="showViewer('viewer-wx_img')"
|
||||
src="<?= $info['imgs_status']['wx_img']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc">企业微</div>
|
||||
</li>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="wx_img" data-mark="compalbum">
|
||||
<input type="hidden" class="wx_img" name="wx_img" data-type="1" value=""
|
||||
onchange="upImg('wx_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12">企业微</div>
|
||||
</li>
|
||||
<? } ?>
|
||||
<? if ($info['imgs_status']['mut_wx_img']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','mut_wx_img','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="企业微多对一" onclick="showViewer('viewer-wx_img')"
|
||||
src="<?= $info['imgs_status']['mut_wx_img']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc">企业微多对一</div>
|
||||
</li>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="mut_wx_img" data-mark="compalbum">
|
||||
<input type="hidden" class="mut_wx_img" name="mut_wx_img" data-type="1" value=""
|
||||
onchange="upImg('mut_wx_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12">企业微多对一</div>
|
||||
</li>
|
||||
<? } ?>
|
||||
<? if ($info['imgs_status']['destory_img']['imgs'][0]) { ?>
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('data','destory_img','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="实销凭证" onclick="showViewer('viewer-wx_img')"
|
||||
src="<?= $info['imgs_status']['destory_img']['imgs'][0] ?>"/>
|
||||
</a>
|
||||
<div class="f12 tc">实销凭证</div>
|
||||
</li>
|
||||
<? } else { ?>
|
||||
<li>
|
||||
<a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="destory_img" data-mark="compalbum">
|
||||
<input type="hidden" class="destory_img" name="destory_img" data-type="1" value=""
|
||||
onchange="upImg('destory_img',this)">
|
||||
<div></div>
|
||||
</a>
|
||||
<div class="tc f12">实销凭证</div>
|
||||
</li>
|
||||
<? } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function upImg(field,obj) {
|
||||
function upImg(field, obj) {
|
||||
var value;
|
||||
if(field=='ins_img' || field=='other_img'){
|
||||
if (field == 'ins_img' || field == 'other_img') {
|
||||
value = $(obj).val();
|
||||
}else{
|
||||
} else {
|
||||
value = $(obj).val();
|
||||
}
|
||||
var loading = layer.msg('图片上传中..', {
|
||||
icon: 16
|
||||
,shade: 0.3
|
||||
,time: false
|
||||
, shade: 0.3
|
||||
, time: false
|
||||
});
|
||||
$.post("/receiver/orderv2/orders/edit_imgs", {
|
||||
'id': <?=$info['id']?>,
|
||||
@@ -340,8 +456,9 @@
|
||||
}
|
||||
}, 'json');
|
||||
}
|
||||
function del_img(type,field,value){
|
||||
layer.confirm('您确定要删除?', {icon: 3, title:'提示'}, function(index){
|
||||
|
||||
function del_img(type, field, value) {
|
||||
layer.confirm('您确定要删除?', {icon: 3, title: '提示'}, function (index) {
|
||||
layer.close(index);
|
||||
$.post("/receiver/orderv2/orders/del_img", {
|
||||
'id': <?=$info['id']?>,
|
||||
@@ -359,4 +476,4 @@
|
||||
}, 'json');
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
@@ -62,34 +62,42 @@
|
||||
background-color: #eee;
|
||||
opacity: 1;
|
||||
}
|
||||
.hidden{
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
.photopic-list li{
|
||||
|
||||
.photopic-list li {
|
||||
float: left;
|
||||
margin-right:20px ;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.photopic-list .pic{
|
||||
|
||||
.photopic-list .pic {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
line-height: 150px;
|
||||
border: 1px solid #e5e5e5;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin:5px 0 10px;
|
||||
padding:0;
|
||||
margin: 5px 0 10px;
|
||||
padding: 0;
|
||||
font-size: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.photopic-list .pic img{
|
||||
.photopic-list .pic img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
border:none;
|
||||
padding:0 ;
|
||||
border: none;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.photopic-list .pic div {
|
||||
background: url(/static/images/webuploader/add_img_pic.png) center no-repeat;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
<div id="vue-edit" class="am-form am-form-horizontal" style="width: 98%;padding-top: 10px">
|
||||
<div class="am-u-lg-12">
|
||||
@@ -225,22 +233,26 @@
|
||||
<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 :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 :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 :href="info.contract_data[3]['src']" target="_blank"
|
||||
class="am-btn am-btn-default am-btn-sm">
|
||||
车辆交付
|
||||
</a><br>
|
||||
</div>
|
||||
<div class="am-form-group" v-if="info.contract_data[0]">
|
||||
<a :href="'/receiver/orderv2/orders/get_down?id='+info.id" target="_blank" class="am-btn am-btn-primary am-btn-sm">
|
||||
<a :href="'/receiver/orderv2/orders/get_down?id='+info.id" target="_blank"
|
||||
class="am-btn am-btn-primary am-btn-sm">
|
||||
下载汽车购车协议
|
||||
</a><br>
|
||||
</div>
|
||||
@@ -258,7 +270,8 @@
|
||||
</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">
|
||||
<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">
|
||||
@@ -277,17 +290,19 @@
|
||||
</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"
|
||||
<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)">
|
||||
<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)"
|
||||
<div v-if="info.bill.file_type=='img'" class="fl ml10">
|
||||
<img id="viewer-bill_file_img" :layer-src="info.bill.file"
|
||||
:src="info.bill.file" class="w100" alt="发票"
|
||||
onclick="showViewer('viewer-bill_file_img')"
|
||||
style="height:auto;max-height:32px;max-width:50px;margin-left: 5px">
|
||||
</div>
|
||||
<a v-else :href="info.bill.file" target="_blank" class="mt5"
|
||||
@@ -303,7 +318,8 @@
|
||||
<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="收款记录">
|
||||
data-modal="/receiver/orderv2/orders/get_paylog?id=<?= $info['id'] ?>"
|
||||
data-title="收款记录">
|
||||
收款记录
|
||||
</a>
|
||||
</div>
|
||||
@@ -313,20 +329,25 @@
|
||||
<div class="am-form-group am-u-lg-12">
|
||||
<label class="am-para-label label-width">合格证：</label>
|
||||
<div class="am-para-input">
|
||||
<a href="javascript:void(0);" data-file="1" data-type="jpg,png,gif,png,jpeg" data-uptype="qiniu" data-field="bill_img_file" class="am-btn am-btn-default am-btn-sm">
|
||||
<input type="hidden" name="bill_img_file" data-type="1" value="" onchange="edit_bill_img(this)">
|
||||
<a href="javascript:void(0);" data-file="1" data-type="jpg,png,gif,png,jpeg"
|
||||
data-uptype="qiniu" data-field="bill_img_file" class="am-btn am-btn-default am-btn-sm">
|
||||
<input type="hidden" name="bill_img_file" data-type="1" value=""
|
||||
onchange="edit_bill_img(this)">
|
||||
<i class="am-icon-cloud-upload"></i>上传图片
|
||||
</a>
|
||||
<a href="javascript:void(0);" class="am-btn am-btn-default am-btn-sm"
|
||||
data-file="1" data-mark="file" data-type="pdf"
|
||||
data-uptype="qiniu" data-field="bill_pdf_file" >
|
||||
<input type="hidden" name="bill_pdf_file" data-type="1" value="" onchange="edit_bill_img(this)">
|
||||
<a href="javascript:void(0);" class="am-btn am-btn-default am-btn-sm"
|
||||
data-file="1" data-mark="file" data-type="pdf"
|
||||
data-uptype="qiniu" data-field="bill_pdf_file">
|
||||
<input type="hidden" name="bill_pdf_file" data-type="1" value=""
|
||||
onchange="edit_bill_img(this)">
|
||||
<i class="am-icon-cloud-upload"></i>上传pdf
|
||||
</a>
|
||||
<ul class="photopic-list clearfix mt10" v-if="info.bill && info.bill.bill_ck_img">
|
||||
<ul id="viewer-bill_ck_img" class="photopic-list clearfix mt10"
|
||||
v-if="info.bill && info.bill.bill_ck_img">
|
||||
<li v-for="(item,key) in info.bill.bill_ck_img">
|
||||
<a target="_blank" class="pic" :id="'layer-photos-demo-111'+key">
|
||||
<img :src="item" @click="show_carimg('111'+key)"/>
|
||||
<a target="_blank" class="pic">
|
||||
<img :src="item" :alt="'合格证'+(key+1)"
|
||||
onclick="showViewer('viewer-bill_ck_img')"/>
|
||||
</a>
|
||||
<div class="f12 tc"></div>
|
||||
</li>
|
||||
@@ -513,7 +534,10 @@
|
||||
// }
|
||||
this.info.loan_info.loan_time = loan_time;
|
||||
}
|
||||
$.post("/receiver/orderv2/orders/edit_loan", {'info': this.info, 'status': status}, function (data) {
|
||||
$.post("/receiver/orderv2/orders/edit_loan", {
|
||||
'info': this.info,
|
||||
'status': status
|
||||
}, function (data) {
|
||||
console.dir(data);
|
||||
if (data.code) {
|
||||
layer.msg(data.msg, function () {
|
||||
@@ -563,18 +587,6 @@
|
||||
|
||||
})
|
||||
},
|
||||
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;
|
||||
@@ -615,10 +627,10 @@
|
||||
}
|
||||
}, 'json');
|
||||
},
|
||||
cancelItem:function(){
|
||||
cancelItem: function () {
|
||||
var that = this;
|
||||
layer.confirm('你确定取消分配吗?', {icon: 3, title:'提示'}, function(index){
|
||||
$.post("/receiver/orderv2/orders/edit_ckcar", {id:that.info.id}, function (data) {
|
||||
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();
|
||||
@@ -644,71 +656,12 @@
|
||||
}
|
||||
});
|
||||
});
|
||||
//旋转图片
|
||||
$(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 loading = layer.msg('图片识别中..', {
|
||||
icon: 16
|
||||
,shade: 0.3
|
||||
,time: false
|
||||
, shade: 0.3
|
||||
, time: false
|
||||
});
|
||||
var value = $(obj).val();
|
||||
var that = this;
|
||||
@@ -726,11 +679,12 @@
|
||||
}
|
||||
}, 'json');
|
||||
}
|
||||
|
||||
function edit_bill_img(obj) {
|
||||
var loading = layer.msg('上传中', {
|
||||
icon: 16
|
||||
,shade: 0.3
|
||||
,time: false
|
||||
, shade: 0.3
|
||||
, time: false
|
||||
});
|
||||
var value = $(obj).val();
|
||||
$.post("/receiver/orderv2/orders/edit_bill_img", {
|
||||
@@ -747,4 +701,4 @@
|
||||
}
|
||||
}, 'json');
|
||||
}
|
||||
</script>
|
||||
</script>
|
||||
@@ -41,14 +41,14 @@
|
||||
</div>
|
||||
|
||||
<div class="am-form-group am-u-lg-6">
|
||||
<?if ($info['loan_info']['status_array'] && in_array(1,$info['loan_info']['status_array'])){?>
|
||||
<? if ($info['loan_info']['status_array'] && in_array(1, $info['loan_info']['status_array'])) { ?>
|
||||
<label class="am-para-label label-width"><span class="span-bold">放款时间：</span></label>
|
||||
<div class="am-para-input">
|
||||
<label class="am-para-label">
|
||||
<input type="text" id="loan_time" v-model="info.loan_info.loan_time" autocomplete="off">
|
||||
</label>
|
||||
</div>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="am-form-inline">
|
||||
@@ -56,85 +56,93 @@
|
||||
<label class="am-para-label label-width"><span class="span-bold">按揭通知函：</span></label>
|
||||
<div class="am-para-input">
|
||||
<div class="am-form-inline">
|
||||
<?if(is_img($info['loan_info']['notify_file_name'])){?>
|
||||
<ul class="photopic-list ml30 clearfix">
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('load_info','notify_file','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-101">
|
||||
<img :src="info.loan_info.notify_file" @click="show_carimg(101)"/>
|
||||
</a>
|
||||
<div class="f12 tc"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<?}else{?>
|
||||
<div class="am-form-group">
|
||||
<label class="input-group-btn" style="width: 50px;">
|
||||
<span class="am-btn am-btn-default am-btn-sm">
|
||||
<i class="am-icon-cloud-upload"></i> 选择文件
|
||||
<input type="file" style="display: none;" accept="jpg,png,gif,png,jpeg" @change="upTz(0,$event)"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="am-form-group ml10" v-if="info.loan_info.notify_file">
|
||||
<a :href="info.loan_info.notify_file" target="_blank" class='mt5' title="查看文件">
|
||||
{{info.loan_info.notify_file_name}}
|
||||
</a>
|
||||
</div>
|
||||
<?}?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="am-form-group am-u-lg-6">
|
||||
<?if ($info['loan_info']['status_array'] && in_array(1,$info['loan_info']['status_array'])){?>
|
||||
<label class="am-para-label label-width"><span class="span-bold">按揭放款函：</span></label>
|
||||
<div class="am-para-input">
|
||||
<div class="am-form-inline">
|
||||
<?if(is_img($info['loan_info']['lend_file_name'])){?>
|
||||
<ul class="photopic-list ml30 clearfix">
|
||||
<? if (is_img($info['loan_info']['notify_file_name'])) { ?>
|
||||
<ul id="viewer-notify_file" class="photopic-list ml30 clearfix">
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;" onclick="del_img('load_info','lend_file','')">x</div>
|
||||
<a target="_blank" class="pic" id="layer-photos-demo-100">
|
||||
<img :src="info.loan_info.lend_file" @click="show_carimg(100)"/>
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('load_info','notify_file','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="按揭通知函" onclick="showViewer('viewer-notify_file')"
|
||||
:src="info.loan_info.notify_file"/>
|
||||
</a>
|
||||
<div class="f12 tc"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<?}else{?>
|
||||
<? } else { ?>
|
||||
<div class="am-form-group">
|
||||
<label class="input-group-btn" style="width: 50px;">
|
||||
<span class="am-btn am-btn-default am-btn-sm">
|
||||
<i class="am-icon-cloud-upload"></i> 选择文件
|
||||
<input type="file" style="display: none;" accept="jpg,png,gif,png,jpeg" @change="upTz(1,$event)"></span>
|
||||
<span class="am-btn am-btn-default am-btn-sm">
|
||||
<i class="am-icon-cloud-upload"></i> 选择文件
|
||||
<input type="file" style="display: none;" accept="jpg,png,gif,png,jpeg"
|
||||
@change="upTz(0,$event)"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="am-form-group ml10" v-if="info.loan_info.lend_file">
|
||||
<a :href="info.loan_info.lend_file" target="_blank" class='mt5' title="查看文件">
|
||||
{{info.loan_info.lend_file_name}}
|
||||
<div class="am-form-group ml10" v-if="info.loan_info.notify_file">
|
||||
<a :href="info.loan_info.notify_file" target="_blank" class='mt5' title="查看文件">
|
||||
{{info.loan_info.notify_file_name}}
|
||||
</a>
|
||||
</div>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
</div>
|
||||
</div>
|
||||
<?}?>
|
||||
</div>
|
||||
<div class="am-form-group am-u-lg-6">
|
||||
<? if ($info['loan_info']['status_array'] && in_array(1, $info['loan_info']['status_array'])) { ?>
|
||||
<label class="am-para-label label-width"><span class="span-bold">按揭放款函：</span></label>
|
||||
<div class="am-para-input">
|
||||
<div class="am-form-inline">
|
||||
<? if (is_img($info['loan_info']['lend_file_name'])) { ?>
|
||||
<ul id="viewer-lend_file" class="photopic-list ml30 clearfix">
|
||||
<li style="position:relative;">
|
||||
<div style="position:absolute;top:5px;right:0;padding:0 8px 2px 8px;line-height:22px; background-color:rgba(0,0,0,.5);font-size:14px;color:#fff;"
|
||||
onclick="del_img('load_info','lend_file','')">x
|
||||
</div>
|
||||
<a target="_blank" class="pic">
|
||||
<img alt="按揭放款函" onclick="showViewer('viewer-lend_file')"
|
||||
:src="info.loan_info.lend_file"/>
|
||||
</a>
|
||||
<div class="f12 tc"></div>
|
||||
</li>
|
||||
</ul>
|
||||
<? } else { ?>
|
||||
<div class="am-form-group">
|
||||
<label class="input-group-btn" style="width: 50px;">
|
||||
<span class="am-btn am-btn-default am-btn-sm">
|
||||
<i class="am-icon-cloud-upload"></i> 选择文件
|
||||
<input type="file" style="display: none;" accept="jpg,png,gif,png,jpeg"
|
||||
@change="upTz(1,$event)"></span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="am-form-group ml10" v-if="info.loan_info.lend_file">
|
||||
<a :href="info.loan_info.lend_file" target="_blank" class='mt5' title="查看文件">
|
||||
{{info.loan_info.lend_file_name}}
|
||||
</a>
|
||||
</div>
|
||||
<? } ?>
|
||||
</div>
|
||||
</div>
|
||||
<? } ?>
|
||||
</div>
|
||||
<div class="am-form-group am-u-lg-12">
|
||||
<div class="am-form-group ml10">
|
||||
<?if(!$info['loan_info']['status_array']){?>
|
||||
<? if (!$info['loan_info']['status_array']) { ?>
|
||||
<a href='javascript:;' @click="finish_loan(1)"
|
||||
class='am-btn am-btn-primary am-btn-xs'>等待放款</a>
|
||||
<?}elseif ($info['loan_info']['status_array'] && in_array(1,$info['loan_info']['status_array']) && !in_array(2,$info['loan_info']['status_array'])){?>
|
||||
<? } elseif ($info['loan_info']['status_array'] && in_array(1, $info['loan_info']['status_array']) && !in_array(2, $info['loan_info']['status_array'])) { ?>
|
||||
<a href='javascript:;' @click="finish_loan(2)"
|
||||
class='am-btn am-btn-primary am-btn-xs'>按揭完成</a>
|
||||
<?}else{?>
|
||||
<? } else { ?>
|
||||
<a href="javascript:"
|
||||
class="am-btn am-btn-default am-active am-btn-xs">已完成按揭</a>
|
||||
<?}?>
|
||||
<? } ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
function upLoan(type,obj) {
|
||||
function upLoan(type, obj) {
|
||||
var that = this;
|
||||
var formData = new FormData();
|
||||
formData.append("file", $(obj).val()); //上传一个files对象
|
||||
|
||||
@@ -82,6 +82,9 @@ class Order_datas_entity{
|
||||
'business_img' => ['text'=>'保单证','type'=>4,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //商业险图片
|
||||
'other_img' => ['text'=>'交车合照','type'=>5,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //交车合照
|
||||
'delivery_ck_img' => ['text'=>'交车合照','type'=>6,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //交车确认图片
|
||||
'wx_img' => ['text'=>'企业微','type'=>7,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //企业微图片
|
||||
'mut_wx_img' => ['text'=>'企业微多对一','type'=>7,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //企业微多对一图片
|
||||
'destory_img' => ['text'=>'实销凭证','type'=>7,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //实销凭证图片
|
||||
];
|
||||
}else{
|
||||
$result = [
|
||||
@@ -93,6 +96,9 @@ class Order_datas_entity{
|
||||
'business_img' => ['text'=>'商业险','type'=>4,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //商业险图片
|
||||
'other_img' => ['text'=>'交车合照','type'=>5,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //交车合照
|
||||
'delivery_ck_img' => ['text'=>'交车合照','type'=>6,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //交车确认图片
|
||||
'wx_img' => ['text'=>'企业微','type'=>7,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //企业微图片
|
||||
'mut_wx_img' => ['text'=>'企业微多对一','type'=>7,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //企业微多对一图片
|
||||
'destory_img' => ['text'=>'实销凭证','type'=>7,'up_status'=>0,'status'=>0,'status_cn'=>'未审核','imgs'=>[]], //实销凭证图片
|
||||
];
|
||||
}
|
||||
$where = [
|
||||
|
||||
@@ -0,0 +1,73 @@
|
||||
/*!
|
||||
* jQuery Viewer v1.0.1
|
||||
* https://fengyuanchen.github.io/jquery-viewer
|
||||
*
|
||||
* Copyright 2018-present Chen Fengyuan
|
||||
* Released under the MIT license
|
||||
*
|
||||
* Date: 2019-12-14T09:00:02.315Z
|
||||
*/
|
||||
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery'), require('viewerjs')) :
|
||||
typeof define === 'function' && define.amd ? define(['jquery', 'viewerjs'], factory) :
|
||||
(global = global || self, factory(global.jQuery, global.Viewer));
|
||||
}(this, (function ($, Viewer) { 'use strict';
|
||||
|
||||
$ = $ && $.hasOwnProperty('default') ? $['default'] : $;
|
||||
Viewer = Viewer && Viewer.hasOwnProperty('default') ? Viewer['default'] : Viewer;
|
||||
|
||||
if ($ && $.fn && Viewer) {
|
||||
var AnotherViewer = $.fn.viewer;
|
||||
var NAMESPACE = 'viewer';
|
||||
|
||||
$.fn.viewer = function jQueryViewer(option) {
|
||||
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
||||
args[_key - 1] = arguments[_key];
|
||||
}
|
||||
|
||||
var result;
|
||||
this.each(function (i, element) {
|
||||
var $element = $(element);
|
||||
var isDestroy = option === 'destroy';
|
||||
var viewer = $element.data(NAMESPACE);
|
||||
|
||||
if (!viewer) {
|
||||
if (isDestroy) {
|
||||
return;
|
||||
}
|
||||
|
||||
var options = $.extend({}, $element.data(), $.isPlainObject(option) && option);
|
||||
viewer = new Viewer(element, options);
|
||||
$element.data(NAMESPACE, viewer);
|
||||
}
|
||||
|
||||
if (typeof option === 'string') {
|
||||
var fn = viewer[option];
|
||||
|
||||
if ($.isFunction(fn)) {
|
||||
result = fn.apply(viewer, args);
|
||||
|
||||
if (result === viewer) {
|
||||
result = undefined;
|
||||
}
|
||||
|
||||
if (isDestroy) {
|
||||
$element.removeData(NAMESPACE);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
return result !== undefined ? result : this;
|
||||
};
|
||||
|
||||
$.fn.viewer.Constructor = Viewer;
|
||||
$.fn.viewer.setDefaults = Viewer.setDefaults;
|
||||
|
||||
$.fn.viewer.noConflict = function noConflict() {
|
||||
$.fn.viewer = AnotherViewer;
|
||||
return this;
|
||||
};
|
||||
}
|
||||
|
||||
})));
|
||||
@@ -0,0 +1,446 @@
|
||||
/*!
|
||||
* Viewer.js v1.11.0
|
||||
* https://fengyuanchen.github.io/viewerjs
|
||||
*
|
||||
* Copyright 2015-present Chen Fengyuan
|
||||
* Released under the MIT license
|
||||
*
|
||||
* Date: 2022-10-16T06:41:23.145Z
|
||||
*/
|
||||
|
||||
.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 280px;
|
||||
color: transparent;
|
||||
display: block;
|
||||
font-size: 0;
|
||||
height: 20px;
|
||||
line-height: 0;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.viewer-zoom-in::before {
|
||||
background-position: 0 0;
|
||||
content: "Zoom In";
|
||||
}
|
||||
|
||||
.viewer-zoom-out::before {
|
||||
background-position: -20px 0;
|
||||
content: "Zoom Out";
|
||||
}
|
||||
|
||||
.viewer-one-to-one::before {
|
||||
background-position: -40px 0;
|
||||
content: "One to One";
|
||||
}
|
||||
|
||||
.viewer-reset::before {
|
||||
background-position: -60px 0;
|
||||
content: "Reset";
|
||||
}
|
||||
|
||||
.viewer-prev::before {
|
||||
background-position: -80px 0;
|
||||
content: "Previous";
|
||||
}
|
||||
|
||||
.viewer-play::before {
|
||||
background-position: -100px 0;
|
||||
content: "Play";
|
||||
}
|
||||
|
||||
.viewer-next::before {
|
||||
background-position: -120px 0;
|
||||
content: "Next";
|
||||
}
|
||||
|
||||
.viewer-rotate-left::before {
|
||||
background-position: -140px 0;
|
||||
content: "Rotate Left";
|
||||
}
|
||||
|
||||
.viewer-rotate-right::before {
|
||||
background-position: -160px 0;
|
||||
content: "Rotate Right";
|
||||
}
|
||||
|
||||
.viewer-flip-horizontal::before {
|
||||
background-position: -180px 0;
|
||||
content: "Flip Horizontal";
|
||||
}
|
||||
|
||||
.viewer-flip-vertical::before {
|
||||
background-position: -200px 0;
|
||||
content: "Flip Vertical";
|
||||
}
|
||||
|
||||
.viewer-fullscreen::before {
|
||||
background-position: -220px 0;
|
||||
content: "Enter Full Screen";
|
||||
}
|
||||
|
||||
.viewer-fullscreen-exit::before {
|
||||
background-position: -240px 0;
|
||||
content: "Exit Full Screen";
|
||||
}
|
||||
|
||||
.viewer-close::before {
|
||||
background-position: -260px 0;
|
||||
content: "Close";
|
||||
}
|
||||
|
||||
.viewer-container {
|
||||
bottom: 0;
|
||||
direction: ltr;
|
||||
font-size: 0;
|
||||
left: 0;
|
||||
line-height: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
top: 0;
|
||||
-ms-touch-action: none;
|
||||
touch-action: none;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.viewer-container::-moz-selection, .viewer-container *::-moz-selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.viewer-container::selection,
|
||||
.viewer-container *::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.viewer-container:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.viewer-container img {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-height: none !important;
|
||||
max-width: none !important;
|
||||
min-height: 0 !important;
|
||||
min-width: 0 !important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.viewer-canvas {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.viewer-canvas > img {
|
||||
height: auto;
|
||||
margin: 15px auto;
|
||||
max-width: 90% !important;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.viewer-footer {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.viewer-navbar {
|
||||
background-color: rgba(0, 0, 0, 50%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.viewer-list {
|
||||
box-sizing: content-box;
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 1px 0;
|
||||
}
|
||||
|
||||
.viewer-list > li {
|
||||
color: transparent;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
font-size: 0;
|
||||
height: 50px;
|
||||
line-height: 0;
|
||||
opacity: 0.5;
|
||||
overflow: hidden;
|
||||
transition: opacity 0.15s;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.viewer-list > li:focus,
|
||||
.viewer-list > li:hover {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
.viewer-list > li:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.viewer-list > li + li {
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.viewer-list > .viewer-loading {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.viewer-list > .viewer-loading::after {
|
||||
border-width: 2px;
|
||||
height: 20px;
|
||||
margin-left: -10px;
|
||||
margin-top: -10px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.viewer-list > .viewer-active,
|
||||
.viewer-list > .viewer-active:focus,
|
||||
.viewer-list > .viewer-active:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.viewer-player {
|
||||
background-color: #000;
|
||||
bottom: 0;
|
||||
cursor: none;
|
||||
display: none;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.viewer-player > img {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul {
|
||||
display: inline-block;
|
||||
margin: 0 auto 5px;
|
||||
overflow: hidden;
|
||||
padding: 6px 3px;
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul > li {
|
||||
background-color: rgba(0, 0, 0, 50%);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
height: 24px;
|
||||
overflow: hidden;
|
||||
transition: background-color 0.15s;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul > li:focus,
|
||||
.viewer-toolbar > ul > li:hover {
|
||||
background-color: rgba(0, 0, 0, 80%);
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul > li:focus {
|
||||
box-shadow: 0 0 3px #fff;
|
||||
outline: 0;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul > li::before {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul > li + li {
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul > .viewer-small {
|
||||
height: 18px;
|
||||
margin-bottom: 3px;
|
||||
margin-top: 3px;
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul > .viewer-small::before {
|
||||
margin: -1px;
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul > .viewer-large {
|
||||
height: 30px;
|
||||
margin-bottom: -3px;
|
||||
margin-top: -3px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.viewer-toolbar > ul > .viewer-large::before {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.viewer-tooltip {
|
||||
background-color: rgba(0, 0, 0, 80%);
|
||||
border-radius: 10px;
|
||||
color: #fff;
|
||||
display: none;
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
left: 50%;
|
||||
line-height: 20px;
|
||||
margin-left: -25px;
|
||||
margin-top: -10px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 50%;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.viewer-title {
|
||||
color: #ccc;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
line-height: 1.2;
|
||||
margin: 5px 5%;
|
||||
max-width: 90%;
|
||||
min-height: 14px;
|
||||
opacity: 0.8;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
transition: opacity 0.15s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.viewer-title:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.viewer-button {
|
||||
-webkit-app-region: no-drag;
|
||||
background-color: rgba(0, 0, 0, 50%);
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
height: 80px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: -40px;
|
||||
top: -40px;
|
||||
transition: background-color 0.15s;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.viewer-button:focus,
|
||||
.viewer-button:hover {
|
||||
background-color: rgba(0, 0, 0, 80%);
|
||||
}
|
||||
|
||||
.viewer-button:focus {
|
||||
box-shadow: 0 0 3px #fff;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.viewer-button::before {
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.viewer-fixed {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.viewer-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.viewer-show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.viewer-hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.viewer-backdrop {
|
||||
background-color: rgba(0, 0, 0, 50%);
|
||||
}
|
||||
|
||||
.viewer-invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.viewer-move {
|
||||
cursor: move;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.viewer-fade {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.viewer-in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.viewer-transition {
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
@keyframes viewer-spinner {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.viewer-loading::after {
|
||||
animation: viewer-spinner 1s linear infinite;
|
||||
border: 4px solid rgba(255, 255, 255, 10%);
|
||||
border-left-color: rgba(255, 255, 255, 50%);
|
||||
border-radius: 50%;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 40px;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
margin-top: -20px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 40px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.viewer-hide-xs-down {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.viewer-hide-sm-down {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1199px) {
|
||||
.viewer-hide-md-down {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user