spacestation/admin/views/receiver/order/get/ckinfo.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-form-group clearfix">
        <div class="" v-if="info.main_type==1">
            <p class="am-text-default mb10 ml30 pt15 pb10">
                营业执照:
            </p>
            <ul id="viewer-business_licence" class="photopic-list ml30 clearfix">
                <li style="position:relative;" v-if="info.img_data.business_licence">
                    <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.img_data.business_licence"/>
                    </a>
                    <div class="f12 tc"></div>
                </li>
                <li v-else>
                    <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)">
                        <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 id="viewer-cardida" class="photopic-list ml30 clearfix">
                <li style="position:relative;" v-if="info.img_data.cardida">
                    <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.img_data.cardida"/>
                    </a>
                    <div class="f12 tc">身份证正面<br>
                        <a :href="info.img_data.cardida" target="_blank">查看原图</a>
                    </div>
                </li>
                <li v-else>
                    <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)">
                        <div></div>
                    </a>
                    <div class="tc f12">身份证正面</div>
                </li>
                <li style="position:relative;" v-if="info.img_data.cardidb">
                    <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.img_data.cardidb"/>
                    </a>
                    <div class="f12 tc">身份证反面<br>
                        <a :href="info.img_data.cardidb" target="_blank">查看原图</a>
                    </div>

                </li>
                <li v-else>
                    <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)">
                        <div></div>
                    </a>
                    <div class="tc f12">身份证反面</div>
                </li>
            </ul>
        </div>
        <div class="am-form-group clearfix">
            <div class="">
                <p class="am-text-default mb10 ml30 pt15 pb10">
                    订单合同:
                </p>
                <ul id="contract_img" class="photopic-list ml30 clearfix">
                    <template v-if="info.img_data.contract_img.length>0">
                        <li style="position:relative;" v-for="(item,index) in info.img_data.contract_img" :key="index">
                            <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\',\'contract_img\',\''+item+'\')'">x
                            </div>
                            <a target="_blank" class="pic">
                                <img alt="订单合同" onclick="showViewer('contract_img')"
                                     :src="item"/>
                            </a>
                        </li>
                    </template>

                    <li v-if="info.img_data.contract_img.length<5">
                        <a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
                           data-uptype="qiniu" data-field="contract_img" data-mark="compalbum">
                            <input type="hidden" class="contract_img" name="contract_img" data-type="1" value=""
                                   onchange="upImg('contract_img',this)">
                            <div></div>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
        <div class="am-form-group clearfix">
            <p class="am-text-default mb10 ml30 pt15 pb10">
                付款凭证:
            </p>
            <ul id="viewer-pay_img" class="photopic-list ml30 clearfix">
                <li style="position:relative;" v-if="info.img_data.pay_img">
                    <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','pay_img','')">x
                    </div>
                    <a target="_blank" class="pic">
                        <img alt="付款凭证" onclick="showViewer('viewer-pay_img')"
                             :src="info.img_data.pay_img"/>
                    </a>
                </li>
                <li v-else>
                    <a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
                       data-uptype="qiniu" data-field="pay_img" data-mark="compalbum">
                        <input type="hidden" class="pay_img" name="pay_img" data-type="1" value=""
                               onchange="upImg('pay_img',this)">
                        <div></div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="am-form-group clearfix" v-if="parseInt(info.if_equity)">
            <p class="am-text-default mb10 ml30 pt15 pb10">
                权益确认书:
            </p>
            <ul id="viewer-equity_ck_img" class="photopic-list ml30 clearfix">
                <template v-if="info.img_data.equity_ck_img.length>0">
                    <li style="position:relative;" v-for="(item,index) in info.img_data.equity_ck_img" :key="index">
                        <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\',\'equity_ck_img\',\''+item+'\')'">x
                        </div>
                        <a target="_blank" class="pic">
                            <img alt="权益确认书" onclick="showViewer('equity_ck_img')"
                                 :src="item"/>
                        </a>
                    </li>
                </template>
                <li v-if="info.img_data.equity_ck_img.length<5">
                    <a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
                       data-uptype="qiniu" data-field="equity_ck_img" data-mark="compalbum">
                        <input type="hidden" class="equity_ck_img" name="equity_ck_img" data-type="1" value=""
                               onchange="upImg('equity_ck_img',this)">
                        <div></div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="am-form-group clearfix">
            <p class="am-text-default mb10 ml30 pt15 pb10">
                发票:
            </p>
            <ul id="viewer-bill_img" class="photopic-list ml30 clearfix">
                <li style="position:relative;" v-if="info.img_data.bill_img">
                    <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','bill_img','')">x
                    </div>
                    <a target="_blank" class="pic">
                        <img alt="发票" onclick="showViewer('viewer-bill_img')"
                             :src="info.img_data.bill_img"/>
                    </a>
                </li>
                <li v-else>
                    <a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
                       data-uptype="qiniu" data-field="bill_img" data-mark="compalbum">
                        <input type="hidden" class="bill_img" name="bill_img" data-type="1" value=""
                               onchange="upImg('bill_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-insurance_img" class="photopic-list ml30 clearfix">
                    <li style="position:relative;" v-if="info.img_data.insurance_img">
                        <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.img_data.insurance_img"/>
                        </a>
                        <div class="f12 tc">交强险</div>
                    </li>
                    <li v-else>
                        <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)">
                            <div></div>
                        </a>
                        <div class="tc f12">交强险</div>
                    </li>
                    <li style="position:relative;" v-if="info.img_data.business_img">
                        <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.img_data.business_img"/>
                        </a>
                        <div class="f12 tc">商业险</div>
                    </li>
                    <li v-else>
                        <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)">
                            <div></div>
                        </a>
                        <div class="tc f12">商业险</div>
                    </li>

                </ul>
            </div>
        </div>
        <div class="am-form-group clearfix">
            <p class="am-text-default mb10 ml30 pt15 pb10">
                行驶证:
            </p>
            <ul id="viewer-car_img" class="photopic-list ml30 clearfix">
                <li style="position:relative;" v-if="info.img_data.car_img">
                    <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-car_img')"
                             :src="info.img_data.car_img"/>
                    </a>
                </li>
                <li v-else>
                    <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>
                </li>
            </ul>
        </div>
        <div class="am-form-group clearfix">
            <div class="">
                <p class="am-text-default mb10 ml30 pt15 pb10">
                    实名认证:
                </p>
                <ul id="viewer-car_auth_img" class="photopic-list ml30 clearfix">
                    <li style="position:relative;" v-if="info.img_data.car_auth_img">
                        <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_auth_img','')">x
                        </div>
                        <a target="_blank" class="pic">
                            <img alt="" onclick="showViewer('viewer-car_auth_img')"
                                 :src="info.img_data.car_auth_img"/>
                        </a>
                    </li>
                    <li v-else>
                        <a href="javascript:void(0);" class="pic" data-file="1" data-type="jpg,png,gif,png,jpeg"
                           data-uptype="qiniu" data-field="car_auth_img" data-mark="compalbum">
                            <input type="hidden" class="car_auth_img" name="car_auth_img" data-type="1" value=""
                                   onchange="upImg('car_auth_img',this)">
                            <div></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!--div class="am-form-group clearfix">
            <div class="">
                <p class="am-text-default mb10 ml30 pt15 pb10">
                    交车合照:
                </p>
                <ul id="viewer-delivery_ck_img" class="photopic-list ml30 clearfix">
                    <li style="position:relative;" v-if="info.img_data.delivery_ck_img">
                        <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.img_data.delivery_ck_img"/>
                        </a>
                    </li>
                    <li v-else>
                        <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)">
                            <div></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div-->

    </div>
</div>
<script>
    function upImg(field, obj) {
        var value;
        value = $(obj).val();
        var loading = layer.msg('图片上传中..', {
            icon: 16
            , shade: 0.3
            , time: false
        });
        $.post("/receiver/orders/edit_imgs", {
            'id': <?=$info['id']?>,
            'filed': field,
            'value': value,
        }, function (data) {
            layer.closeAll()
            if (data.code) {
                layer.msg(data.msg, {time: 2000, icon: 1}, function () {
                    $.form.reload();
                });
            } else {
                layer.msg(data.msg, {icon: 2});
            }
        }, 'json');
    }

    function del_img(type, field, value) {
        layer.confirm('您确定要删除?', {icon: 3, title: '提示'}, function (index) {
            layer.close(index);
            $.post("/receiver/orders/del_img", {
                'id': <?=$info['id']?>,
                'type': type,
                'field': field,
                '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>