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

<head>
    <meta charset="UTF-8">
    <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{
            color: #00893D;
            font-weight: 700;
            font-size: 16px;
            line-height: 0px;
           border-bottom: 2px solid #ECECEC;
            padding-top:15px;
            padding-bottom:15px;
            text-align: right;
        }
        .top-title img{
            margin-right:8px;
        }

        .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::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
            color: #D2D4D6;
        }

        input::-moz-placeholder, textarea::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #D2D4D6;
        }

        input:-moz-placeholder, textarea::-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #D2D4D6;
        }

        input:-ms-input-placeholder, textarea::-moz-placeholder {
            /* Internet Explorer 10-11 */
            color: #D2D4D6;
        }

        .clock{
            right:0px;
        }

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

        . {
            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%;
        }
        .mgb2{
            margin-top:15px;
            margin-bottom:15px;
        }
        .lh25{
            line-height:0px;
        }
        body{
            width: 80%;
            margin:0px auto;
        }
    </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>
<script id="detail-template" type="text/x-handlebars-template">
    <div class="bdb" style=''>
        <div>
            <label for="" class="weui-label  cl-A9B1B6 " style="padding-top: 10px;">您的姓名Your name:</label>
            <input type="text" style="width: 45%;" class=" mgb2  bg-transparent w-100 lh25" placeholder="Zhang Yuan" value="{{data.name}},{{data.org}}"/>
        </div>
    </div>
    <div class="bdb" style=''>
        <div class="positionR">
            <label for="" class="weui-label  cl-A9B1B6 ">您的成本中心Your cost center:</label>
            <input type="text" style="width: 25%;" class=" mgb2  bg-transparent w-100 lh25" placeholder="" value="{{data.costCenter}}"/>
        </div>
    </div>
    <div class="bdb" style=';display: none;'>
        <div class="positionR">
            <label for="" class="weui-label  cl-A9B1B6 ">申请人org</label>
            <input type="text" class=" mgb2  bg-transparent w-100 lh25" value="{{data.org}}"/>

        </div>
    </div>
    <div class="bdb" style=''>
        <div class="positionR">
            <label for="" class="weui-label  cl-A9B1B6 ">所在部门Division/Department:</label>
            <input type="text" readonly class=" mgb2  bg-transparent w-100 lh25" value="{{data.departmentName}}"/>
        </div>
    </div>
    <div class="bdb" style=''>
        <div class="positionR">
            <label for="" class="weui-label  cl-A9B1B6 ">审批人 approver:</label>
            <input type="text" readonly class=" mgb2  bg-transparent w-100 lh25" value="{{data.approverName}}"/>
        </div>
    </div>


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

    <div class="bdb" style=''>
        <div class="positionR">
            <label for="" class="weui-label  cl-A9B1B6 ">收货地址Delivery address:</label>
            <input type="text" class=" mgb2  bg-transparent w-100 lh25" value="{{data.address}}"/>
        </div>
    </div>
    <div class="bdb" style=''>
        <div class="positionR">
            <label for="" class="weui-label  cl-A9B1B6 ">相关备注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;">
        <label for="" class="weui-label  cl-A9B1B6 ">申请明细Application details:</label>
        {{#each grantItmes}}
        <div class="goods-box flex " style="    margin-left: 0;">
            <div class="l"><img src="{{cover}}" alt="" width="100%"></div>
            <div class="m fx1">
                <div class="title ">{{itemname}} ￥{{price}}</div>
                <div class="size ">申请数量：{{appCount}} 发放数量：{{realityGrantCount}} 规格:{{specifications}}</div>
                <div class="title ">￥{{multiplication appCount price}}</div>
            </div>
        </div>
        {{/each}}
    </div>
    <div style=";text-align: right;font-size: 13px;padding: 0.2632rem;" class="bdb ">
        合计Total：¥
        <span style="font-size: 16px;">{{data.appPrice}}</span>
    </div>
</script>
<div class="bdb" style=';display: none;margin-bottom: 15px;' id="auditStatus">
    <div class="positionR">
        <label for="" class="weui-label  cl-A9B1B6 ">申请状态Application status:</label>
        <input type="text" id="status" class=" mgb2  bg-transparent w-100 lh25" placeholder=""/>
    </div>
</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/pages/process/check_form_audit.js"></script>
<script>
        var mo = new checkForm({
            devMode: false
        });
        mo.init();
</script>

</html>