<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>市场服务</title>

    <link rel="stylesheet" href="../style/share/weui.min.css">
    <link rel="stylesheet" href="../style/share/jquery-weui.css">
    <link rel="stylesheet" href="../style/share/reset.css">
    <link rel="stylesheet" href="../style/page/common.css">
    <link rel="stylesheet" href="../style/page/form.css">
    <link rel="stylesheet" href="../style/page/check_result.css">
    <style>
        .top-title img {
            width: 3.8438rem;
            border: 0;
            vertical-align: middle;
            margin: 0px auto;
        }

        .clock {
            bottom: 5px;
            transform: none;
        }

        .l {
            margin-right: 5px;
        }

        .weui-textarea {
            display: block;
            border: 0;
            resize: none;
            width: 100%;
            color: inherit;
            font-size: 12px;
            line-height: inherit;
            outline: 0;
        }

        input,textarea{
            font-family: -apple-system-font,Helvetica Neue,sans-serif;
        }


        input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
            color:#D2D4D6;
            font-family: -apple-system-font,Helvetica Neue,sans-serif;
        }
        input::-moz-placeholder, textarea::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #D2D4D6;
            font-family: -apple-system-font,Helvetica Neue,sans-serif;
        }
        input:-moz-placeholder, textarea::-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #D2D4D6;
            font-family: -apple-system-font,Helvetica Neue,sans-serif;
        }
        input:-ms-input-placeholder, textarea::-moz-placeholder {
            /* Internet Explorer 10-11 */
            font-family: -apple-system-font,Helvetica Neue,sans-serif;
            color: #D2D4D6;
        }
        .weui-dialog .weui-dialog__btn.default{
            color:#fff !important;
        }

        .clock{
            right:0px;
        }

        .weui-label {
            width: auto !important;
        }

        .fs12 {
            margin-top: 0.3rem;
        }
        .weui-dialog__hd{
            padding: 0.1em 1.6em .5em !important;
        }
        .tempTextdoc{
            overflow: inherit;
            display: none;
        }
        .tempTextdoc .weui-dialog__title{
            font-size: 15px;
        }
        .tempTextdoc .weui-dialog__bd{
            text-align: left;
            color: #333333;
            height: 7rem;
            overflow: scroll;
            margin-bottom: 0.7rem;
            font-size: 13px;
        }
        .tempTextdoc .weui-dialog__ft{
            position: absolute;
            bottom: 0px;
            width:100%;
        }
        .pdt10{
            padding-top: 23px;
        }

        .weui-dialog__bd {
            padding: 0 1.6em .8em;
            min-height: 40px;
            font-size: 15px;
            line-height: 1.3;
            word-wrap: break-word;
            word-break: keep-all;
            color: #999;
        }





    </style>
</head>

<body style="background: #f4f8fa">
<div class="top-title tx-c bdb bg-fff" id="logo"><img src="../image/logo.png"></div>
<div id="content">
    <div style="width: 1.0667rem;height: 1.0667rem;border-radius: 100%;position: fixed;z-index: 500;
    bottom: 4.5rem;right: 0.4rem" class="mark">
        <img src="../image/brandApplyModal.png" style=" width: 100%;height: 100%;position: absolute;top:50%; left:50%;transform: translate(-50%,-50%)">
    </div>
    <div class="bdb" style='margin:0 0.7105rem'>
        <div>
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10" style="padding-top: 10px;">您的姓名Your name:</label>
            <input type="text" style="width: 45%;" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="Zhang Yuan" id="name"/>
            <span style="color: #A9B1B6;font-size: 12px;">,</span>
            <input type="text" style="width: 45%;" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="OZ/SAM-CC" id="org"/>
        </div>
    </div>

    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">您的成本中心Your cost center:</label>
            <input type="text" style="width: 25%;" maxlength="4" class="fs12 mgb2  bg-transparent w-100 lh25" id="costCenter1" placeholder=""/>
            <span style="color: #A9B1B6;font-size: 12px;">—</span>
            <input type="text" style="width: 55%;" maxlength="4" class="fs12 mgb2  bg-transparent w-100 lh25" id="costCenter2" placeholder=""/>
        </div>
    </div>

    <div class="bdb" style='margin:0 0.7105rem;display: none;'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">申请人org</label>
            <input type="text" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="" id="org"/>

        </div>
    </div>
    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">所在部门Division/Department:</label>
            <input type="text" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="" id="come_type"/>
            <img class="clock" src="../image/arrow.png" alt="" style="width: auto;">
        </div>
    </div>
    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">请选择审批人Please choose your approver:</label>
            <input type="text" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="" id="approver"/>
            <img class="clock" src="../image/arrow.png" alt="" style="width: auto;">
        </div>
    </div>


    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">申领用途Your application is intended for:</label>
            <input type="text" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="" id="use"/>
            <img class="clock" src="../image/arrow.png" alt="" style="width: auto;">
        </div>
    </div>

    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">收货人信息 Recipient information:</label>
<!--            <input type="text" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="" id="address"/>-->
            <textarea style="margin-bottom: 10px;margin-top: 10px;" class="weui-textarea pd10" id="address"
                      placeholder="张三 13012348888 xx省xx市xx区xxx路xxx号" rows="5"></textarea>
        </div>
    </div>
    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">其他备注Remarks:</label>
            <textarea style="margin-bottom: 10px;margin-top: 10px;" class="weui-textarea pd10" id="remarks"
                      placeholder="备注" rows="5"></textarea>
        </div>
    </div>

</div>
<script id="detail-template" type="text/x-handlebars-template">
    <div class="bdb" style='margin:0 0.7105rem'>
        <div>
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10" style="padding-top: 10px;">您的姓名Your name:</label>
            <input type="text" style="width: 45%;" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="Zhang Yuan" value="{{data.name}}"/>
            <span style="color: #A9B1B6;font-size: 12px;">,</span>
            <input type="text" style="width: 45%;" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="OZ/SAM-CC" value="{{data.org}}"/>
        </div>
    </div>
    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">您的成本中心Your cost center:</label>
            <input type="text" style="width: 25%;" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="" value="{{data.costCenter1}}"/>
            <span style="color: #A9B1B6;font-size: 12px;">—</span>
            <input type="text" style="width: 55%;" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder="" value="{{data.costCenter2}}"/>
        </div>
    </div>
    <div class="bdb" style='margin:0 0.7105rem;display: none;'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">申请人org</label>
            <input type="text" class="fs12 mgb2  bg-transparent w-100 lh25" value="{{data.org}}"/>

        </div>
    </div>
    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">所在部门Division/Department:</label>
            <input type="text" readonly class="fs12 mgb2  bg-transparent w-100 lh25" value="{{data.dname}}"/>
        </div>
    </div>
    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">审批人 approver:</label>
            <input type="text" readonly class="fs12 mgb2  bg-transparent w-100 lh25" value="{{data.aname}}"/>
        </div>
    </div>


    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">您的促销品用途Application scope for promotional
                items:</label>
            <input type="text" readonly class="fs12 mgb2  bg-transparent w-100 lh25" value="{{data.uname}}" placeholder=""/>
        </div>
    </div>

    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">收货人信息 Recipient information:</label>
<!--            <input type="text" class="fs12 mgb2  bg-transparent w-100 lh25" value="{{data.address}}"/>-->
            <textarea style="margin-bottom: 10px;margin-top: 10px;" class="weui-textarea pd10" placeholder="张三 13012348888 xx省xx市xx区xxx路xxx号"
                      rows="5">{{data.address}}</textarea>
        </div>
    </div>
    <div class="bdb" style='margin:0 0.7105rem'>
        <div class="positionR">
            <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">相关备注Remarks:</label>
            <textarea style="margin-bottom: 10px;margin-top: 10px;" class="weui-textarea pd10" placeholder="备注"
                      rows="5">{{data.remarks}}</textarea>
        </div>
    </div>
    <div class="goods-list" style="display: none;margin: 0 0.7105rem;">
        <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">申请明细Application details:</label>
        {{#each grantItmes}}
        <div class="goods-box flex mg10" style="    margin-left: 0;">
            <div class="l"><img src="{{cover}}" alt="" width="100%"></div>
            <div class="m fx1">
                <div class="title mgb10">{{itemname}} ￥{{price}}</div>
                <div class="size mgb10">申请数量：{{appCount}} 发放数量：{{realityGrantCount}} 规格:{{specifications}}</div>
                <div class="title mgb10">￥{{multiplication appCount price}}</div>
            </div>
        </div>
        {{/each}}
    </div>
    <div style="margin:0 0.7105rem;text-align: right;font-size: 13px;padding: 0.2632rem;" class="bdb mg10">
        合计Total：¥
        <span style="font-size: 16px;">{{data.appPrice}}</span>
    </div>
</script>
<div class="bdb" style='margin:0 0.7105rem;display: none;margin-bottom: 15px;' id="auditStatus">
    <div class="positionR">
        <label for="" class="weui-label fs13 cl-A9B1B6 pdt10">申请状态Application status:</label>
        <p  style="color:#0ebc5b;" id="status" class="fs12 mgb2  bg-transparent w-100 lh25" placeholder=""></p>
    </div>
</div>
<div style="margin-bottom: 50px;" id="bg"></div>
<div class="foot tx-c" id="next_step">下一步</div>
</body>

<script src="../javascript/components/jquery-2.2.4.min.js"></script>
<script src="../javascript/components/jquery-weui.js"></script>
<script src="../javascript/crypto-js-master/crypto-js.js"></script>
<script src="../javascript/components/cryptomain.js"></script>
<script src="../javascript/components/flexible.js"></script>
<script src="../javascript/components/niceClick.js"></script>
<script src="../javascript/components/fastclick.js"></script>
<script src="../javascript/components/StringValidateUtils.js"></script>
<script src="../javascript/components/handlebars.min-latest.js"></script>
<script src="../javascript/components/g.js"></script>
<script src="../javascript/components/mcfApp.js"></script>
<script src="../javascript/pages/process/check_form.js"></script>
<script>
    var bindNextEvent = function (app) {
        var mo = new checkForm({
            devMode: false,
            cfApp: app
        });
        mo.init();
    };
    var cfapp = new cfApp({
        devMode: false,
        nextAction: bindNextEvent,
        vt: new Date().getTime()
    });
    cfapp.init();
</script>

</html>