<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
        <title>申请售后-{eyou:global name='web_name' /}</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <link href="{eyou:global name='web_cmspath'/}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        {eyou:static file="users/skin/css/basic.css"/}
        {eyou:static file="users/skin/css/eyoucms.css"/}
        <!-- 新样式 2020-12-8 -->
        {eyou:static file="users/skin/css/element/index.css" /}
        {eyou:static file="users/skin/css/e-user.css" /}
        {eyou:include file="users/skin/css/diy_css.htm"/}
        {eyou:static file="/public/static/common/js/jquery.min.js"/}
        {eyou:static file="/public/plugins/layer-v3.1.0/layer.js"/}
        {eyou:static file="/public/static/common/js/tag_global.js"/}
        {eyou:static file="/public/static/common/js/mobile_global.js"/}
    </head>

    <body>
        <div class="ey-header-status">
            <div class="header-status-l">
                <a href="javascript:history.go(-1);"><i class="el-icon-arrow-left"></i></a>
            </div>
            <div class="header-status-m">申请售后</div> 
            <div class="header-status-r">
                <a href="{eyou:url link='user/Users/index' /}"><i class="el-icon-user"></i></a>
            </div>
        </div>
        <div class="h50"></div>

        <div class="ey-container">
            <form id="post_form">
                <input type="hidden" name="order_id" value="{$eyou.field.order_id}" />
                <input type="hidden" name="details_id" value="{$eyou.field.details_id}" />
                <input type="hidden" name="order_code" value="{$eyou.field.order_code}" />
                <input type="hidden" name="product_id" value="{$eyou.field.product_id}" />
                <input type="hidden" name="product_name" value="{$eyou.field.product_name}" />
                <input type="hidden" name="product_num" value="{$eyou.field.num}" />
                <input type="hidden" name="product_img" value="{$eyou.field.litpic}" />
                <input type="hidden" name="product_spec" value="{$eyou.field.spec_value}" />
                <input type="hidden" name="refund_price" value="{$eyou.field.product_price}" />

                <div class="el-row p10 bgfff mt10">
                    <div class="column-title">
                        <div class="column-title-l">售后商品信息</div>
                        <div class="column-title-r">订单号:{$eyou.field.order_code}</div> 
                    </div>
                    <div class="mb10 order-goods goods-con">
                        <div class="goods-item">
                            <div class="item-main">
                                <div class="item-con">
                                    <div class="item-con-l">
                                        <a href="{$eyou.field.arcurl}"><img src="{$eyou.field.litpic}" style="width: 75px; height: 75px;"></a>
                                    </div>
                                    <div class="item-con-m">
                                        <a href="{$eyou.field.arcurl}">{$eyou.field.product_name}</a>
                                        <div class="f12 fc9">
                                            {eyou:volist name='$eyou.field.product_spec_list' id='spec'}
                                                {$spec.value}&nbsp;
                                            {/eyou:volist}
                                        </div>
                                        <div class="price-info mt5">
                                            <span class="users_price"><i class="f12">¥</i>{$eyou.field.product_price}</span>
                                            <span class="product_num"><i class="f12">x</i>{$eyou.field.num}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="el-row p10 bgfff mt10">
                    <div class="column-title"><div class="column-title-l">申请单填写</div> <div class="column-title-r"></div></div>
                    <div class="mb10 order-goods goods-con">
                        <div class="item-from-flex">
                            <div class="item-tit ">服务类型:</div>
                            <div class="item-con ">
                                <input type="hidden" id="service_type" name="service_type" value="1">
                                <label class="radio-label" onclick="serviceTypeRadio(1);">
                                    <input type="radio" class="radio" name="radioInput" checked="checked"><span class="check-mark"></span><span class="text">我要换货</span>
                                </label>
                                <label class="radio-label" onclick="serviceTypeRadio(2);">
                                    <input type="radio" class="radio" name="radioInput"><span class="check-mark"></span><span class="text">我要退货</span>
                                </label>
                            </div>
                        </div>

                        <div class="item-from-flex">
                            <div class="item-tit ">问题描述:</div>
                            <div class="item-con ">
                                <textarea rows="5" cols="35" name="content" class="fs16" style="height: 100px; width: 100%; font-size: 16px;border: 1px solid #DCDFE6;"></textarea>
                            </div>
                        </div>

                        <div class="item-from-flex">
                            <div class="item-tit">图片说明:</div> 
                            <div class="item-con ">
                                <div class="images_upload_main" id="tab_dl_upload_img">
                                    <a href="javascript:void(0);" onclick="GetUploadify(6, '', 'allimg', 'uploadImgCallBack', '', '图片说明', 1);" class="el-button el-button--primary is-plain el-button--small"><i class="el-icon-picture"></i>上传图片</a>
                                </div>
                            </div>
                        </div>
                        <div class="item-from-flex" id="dl_upload_img" data-numlimit="6">
                            <div class="item-tit"></div>
                            <div class="item-con ">
                                <div class="images_upload_main" id="tab_dl_upload_img">
                                    <div class="sort-list ui-sortable">
                                        <div class="fieldext_upload ui-sortable-handle" style="display: none;"></div>
                                    </div>
                                </div>
                                <!-- 上传图片显示的样板 start -->
                                <div class="upload_img_upload_tpl" style="display: none;">
                                    <div class="fieldext_upload mb10">
                                        <div class="images_upload_item">
                                            <input type="hidden" name="upload_img[]">
                                            <a href="javascript:void(0);">
                                                <img src="/public/static/admin/images/add-button.jpg" width="70" height="70">
                                            </a>
                                            <a class="delete" href="javascript:void(0)">&nbsp;&nbsp;</a>
                                        </div>
                                    </div>
                                </div>
                                <!-- 上传图片显示的样板 end -->
                            </div>
                        </div>
                    </div>
                </div>

                <div class="el-row p10 bgfff mt10">
                    <div class="column-title"> <div class="column-title-l">商家收货地址</div> </div>
                    <div class="order-progress-con">
                        <div class="span-row">
                            <div class="span-row-l">联系人:</div>
                            <div class="span-row-r">{$eyou.maddr.addr_contact_person}</div>
                        </div>
                        <div class="span-row">
                            <div class="span-row-l">联系号码:</div>
                            <div class="span-row-r">{$eyou.maddr.addr_contact_phone}</div>
                        </div>
                        <div class="span-row">
                            <div class="span-row-l">商家地址:</div>
                            <div class="span-row-r">{$eyou.maddr.addr_shipping_addr}</div>
                        </div>
                    </div>
                </div>

                <div class="el-row p10 bgfff mt10">
                    <div class="column-title"> <div class="column-title-l">会员收货地址</div> </div>
                    <div class="order-progress-con">
                        <div class="span-row">
                            <div class="span-row-l" style="line-height: 35px; height: 35px;">联系人:</div>
                            <div class="span-row-r">
                                <input type="text" name="consignee" value="{$eyou.field.consignee}" id="consignee" class="el-input__inner" autocomplete="off">
                            </div>
                        </div>
                        <div class="span-row">
                            <div class="span-row-l" style="line-height: 35px; height: 35px;">联系号码:</div>
                            <div class="span-row-r">
                                <input type="text" name="mobile" value="{$eyou.field.mobile}" id="mobile" class="el-input__inner" autocomplete="off">
                            </div>
                        </div>
                        <div class="span-row">
                            <input type="hidden" name="addrinfo" value="{$eyou.field.province} {$eyou.field.city} {$eyou.field.district}">
                            <div class="span-row-l" style="line-height: 35px; height: 35px;">会员地址:</div>
                            <div class="span-row-r" style="line-height: 35px;">{$eyou.field.province} {$eyou.field.city} {$eyou.field.district}
                                <input type="text" name="address" value="{$eyou.field.address}" id="address" class="el-input__inner" autocomplete="off" style="display: block;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="h60 mt15"></div>
                <div class="public-btn">
                    <a onclick="submitApply(this);" data-url="{$eyou.url}">提交</a>
                </div>
            </form>
        </div>
        {eyou:static file="users/skin/js/shop_after_service_apply.js"/}
    </body>
</html>