dayuan
/
manyi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache,no-store,no-siteapp,must-revalidate">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="author" content="">
    <meta name="description" content=""/>
    <meta name="keywords" content="扫码支付，线上投币，运营数据，物联网"/>
    <meta name="format-detection" content="telephone=no,email=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>设备功能配置</title>
    <link rel="stylesheet" href="https://cdn.washpayer.com/components/lib/mui.min.css">
    <link rel="stylesheet" href="/components/custom/css/common.css">
    <link rel="stylesheet" href="/app/css/xyf.common.min.css">
    <style>

    </style>
</head>
<body class="device-function">
<h4 class="param-title" id="device">设备</h4>
<h5 class="mui-content-padded">设备信息</h5>
<ul class="mui-table-view custom-top">
    <li class="mui-table-view-cell">
        主板编号<span class="mui-pull-right"><span id="boardNo"></span></span>
    </li>
    <li class="mui-table-view-cell">
        主板硬件版本<span class="mui-pull-right"><span id="hardVersion"></span></span>
    </li>
    <li class="mui-table-view-cell">
        主板软件ID<span class="mui-pull-right"><span id="softId"></span></span>
    </li>
    <li class="mui-table-view-cell">
        主板软件版本<span class="mui-pull-right"><span id="softVersion"></span></span>
    </li>
</ul>

<h5 class="mui-content-padded">设备功能配置</h5>
<ul class="mui-table-view">
    <li class="mui-table-view-cell">
        充满自停
        <div class="switch switch-mini " key="autoStop">
            <div class="switch-handle"></div>
        </div>
    </li>
    <li class="mui-table-view-cell">
        刷卡是否退费
        <div class="switch switch-mini " key="cardRefund">
            <div class="switch-handle"></div>
        </div>
    </li>
</ul>


<ul class="mui-table-view margin-t-15">
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(1);">
            <em>基本配置</em>
        </a>
    </li>
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(11);">
            <em>在线卡刷卡配置</em>
        </a>
    </li>

    <li class="mui-table-view-cell" permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(2);">
            <em>五档计费功率比例</em>
        </a>
    </li>
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(3);">
            <em>浮充配置</em>
        </a>
    </li>
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(4);">
            <em>更换主板ID</em>
        </a>
    </li>
</ul>

<div class="edit-back mui-hidden" id="paramPanel1">
    <form class="edit-content" action="#">
        <div class="edit-box">
            <div class="mui-input-row padding-b-10">
                <label class=" " style="width: 4em">运行模式</label>
                <div class="mui-pull-right mui-radio">
                    <span class="font-b-14">
                        <input class="save-data" name="runMode" type="radio" value=0 required>先消费</span>
                    <span class="font-b-14">
                        <input name="runMode" type="radio" value=1 required>先按键</span>
                    <span class="font-b-14">
                        <input name="runMode" type="radio" value=2 required>免费模式</span>
                </div>
            </div>

            <div class="mui-input-row">
                <label class="">音量</label>
                <div class="mui-pull-right edit-row">
                    <input type="number" maxlength="4" min=0 max=8 required id="voice" class="save-data"
                           inputmode="numeric"/>
                </div>
            </div>

            <div class="mui-input-row">
                <label class="tips-event">
                    投币1币时间
                    <i class="tips" title="本地投币一次时间 0-999 分钟">?</i>
                </label>
                <div class="mui-pull-right edit-row">
                    <input type="number" required id="coinTime" min="0" max="999" class="save-data"
                           inputmode="numeric"/>
                    <span class="font-b-12">分钟</span>
                </div>
            </div>

            <div class="mui-input-row">
                <label class="tips-event">
                    刷卡1次时间
                    <i class="tips" title="本地刷卡一次时间">?</i>
                </label>
                <div class="mui-pull-right edit-row">
                    <input type="number" required id="cardTime" min="0" max="999" class="save-data"
                           inputmode="numeric"/>
                    <span class="font-b-12">分钟</span>
                </div>
            </div>

            <div class="mui-input-row">
                <label class="">刷卡扣费金额</label>
                <div class="mui-pull-right edit-row">
                    <input type="number" maxlength="4" min=0 max=255 required id="icMoney" class="save-data"
                           inputmode="numeric"
                    />
                    <span class="font-b-12">角</span>
                </div>
            </div>
            <div class="mui-input-row">
                <label class=" tips-event">密码 <i class="tips" title="涉及到分体板需要设置密码，默认发8888">i</i></label>
                <div class="mui-pull-right edit-row">
                    <input type="text" required id="password" class="save-data"
                    />
                </div>
            </div>

            <div class="mui-input-row">
                <label class=" tips-event">安全温度阈值 <i class="tips"
                                                      title="0-100，如果设置为255则表示关闭">i</i></label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=50 max=255 required id="temperature" class="save-data" inputmode="numeric"/>
                    <span class="font-b-12">℃</span>
                </div>
            </div>
        </div>
        <div class="mui-popup-buttons ">
            <span class="mui-popup-button">取消</span>
            <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
            /></span>
        </div>
    </form>
</div>

<div class="edit-back mui-hidden" id="paramPanel11">
    <form class="edit-content" action="#">
        <div class="edit-box">
            <div class="mui-input-row padding-b-10">
                <label class=" " style="width: 4em">计费模式</label>
                <div class="mui-pull-right mui-radio">
                    <span class="font-b-14">
                        <input name="cardFeeMode" id="cardFeeMode1" type="radio" value=time required><label
                            for="cardFeeMode1">按时间计费</label></span>
                    <span class="font-b-14">
                        <input name="cardFeeMode" id="cardFeeMode2" type="radio" value=elec required><label
                            for="cardFeeMode2">按电量计费</label></span>
                </div>
            </div>

            <div class="mui-input-row">
                <label class="">
                    1元钱
                </label>
                <div class="mui-pull-right edit-row">
                    <input type="number" required id="cardFeeValue" min="0" max="999" class="save-data"
                           inputmode="decimal"/>
                    <span class="font-b-12">分钟</span>
                </div>
            </div>
        </div>
        <div class="mui-popup-buttons ">
            <span class="mui-popup-button">取消</span>
            <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
            /></span>
        </div>
    </form>
</div>

<div class="edit-back mui-hidden" id="paramPanel2">
    <form class="edit-content" action="#">
        <div class="edit-box">

            <div class="mui-input-row">
                <label class=" tips-event">第1档功率 <i class="tips" title="设置第1档功率范围：0-第1档功率，0-9990">i</i></label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=9990 required id="power1" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">瓦</span>
                </div>
            </div>
            <div class="mui-input-row">
                <label class=" tips-event">第1档功率比例 <i class="tips"
                                                               title="电动车在此功率范围内充电时间对应机器设置时间的百分比，充电时间=设置时间*对应比例%，0-100">i</i></label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=100 required id="power1ratio" class="save-data" value="100" disabled
                           inputmode="numeric"
                    />
                    <span class="font-b-12">%</span>
                </div>
            </div>
            <div class="mui-input-row">
                <label class=" tips-event">第2档功率 <i class="tips" title="设置第2档功率范围：第1档功率-第2档功率">i</i></label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=9990 required id="power2" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">瓦</span>
                </div>
            </div>
            <div class="mui-input-row">
                <label class="">第2档功率比例</label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=100 required id="power2ratio" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">%</span>
                </div>
            </div>
            <div class="mui-input-row">
                <label class=" tips-event">第3档功率 <i class="tips" title="设置第3档功率范围：第2档功率-第3档功率">i</i></label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=9990 required id="power3" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">瓦</span>
                </div>
            </div>
            <div class="mui-input-row">
                <label class="">第3档功率比例</label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=100 required id="power3ratio" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">%</span>
                </div>
            </div>

            <div class="mui-input-row">
                <label class=" tips-event">第4档功率 <i class="tips" title="设置第4档功率范围：第3档功率-第4档功率">i</i></label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=9990 required id="power4" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">瓦</span>
                </div>
            </div>
            <div class="mui-input-row">
                <label class="">第4档功率比例</label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=100 required id="power4ratio" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">%</span>
                </div>
            </div>

            <div class="mui-input-row">
                <label class=" tips-event">第5档功率 <i class="tips" title="设置第5档功率范围：第4档功率-第5档功率">i</i></label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=9990 required id="power5" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">瓦</span>
                </div>
            </div>
            <div class="mui-input-row">
                <label class="">第5档功率比例</label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=0 max=100 required id="power5ratio" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">%</span>
                </div>
            </div>
        </div>
        <div class="mui-popup-buttons ">
            <span class="mui-popup-button">取消</span>
            <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
            /></span>
        </div>
    </form>
</div>

<div class="edit-back mui-hidden" id="paramPanel3">
    <form class="edit-content" action="#">
        <div class="edit-box">
            <div class="mui-input-row">
                <label class="">浮充功率</label>
                <div class="mui-pull-right edit-row">
                    <input type="number" maxlength="4" min=1 max=500 step="0.1" id="fuchongPower" inputmode="numeric"
                           class="save-data"/>
                    <span class="font-b-12">瓦</span>
                </div>
            </div>

            <div class="mui-input-row">
                <label class=" ">浮充时间 </label>
                <div class="mui-pull-right edit-row">
                    <input type="number" min=120 max=10800 id="fuchongTime" class="save-data" inputmode="numeric"
                    />
                    <span class="font-b-12">分钟</span>
                </div>
            </div>
            <div class="mui-input-row">
                <label class="">充电器移除时间</label>
                <div class="mui-pull-right edit-row">
                    <input type="number" step="1" min=5 max=3600 required id="noPowerTime" class="save-data"
                           inputmode="numeric"
                    />
                    <span class="font-b-12">分钟</span>
                </div>
            </div>

        </div>
        <div class="mui-popup-buttons ">
            <span class="mui-popup-button">取消</span>
            <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
            /></span>
        </div>
    </form>
</div>

<div class="edit-back mui-hidden" id="paramPanel4">
    <form class="edit-content" action="#">
        <div class="edit-box">
            <div class="mui-input-row">
                <label class="">主板ID</label>
                <div class="mui-pull-right edit-row">
                    <input type="text" maxlength="30" id="boardId" class="save-data"/>
                </div>
            </div>

        </div>
        <div class="mui-popup-buttons ">
            <span class="mui-popup-button">取消</span>
            <span class="mui-popup-button mui-popup-button-bold"><input type="submit" value="确认"
            /></span>
        </div>
    </form>
</div>

<div class="custom-margin">
    <div class="dev-fun-btn custom-btn-vertical c-red" data-param-tips="确定复位设备？" key="reboot">复位设备</div>
    <div class="dev-fun-btn custom-btn-vertical c-red margin-t-5" data-param-tips="确定升级？" key="remoteUpgrade">远程升级</div>
</div>

<script src="https://cdn.washpayer.com/components/lib/jquery.min.js"></script>
<script src="https://cdn.washpayer.com/components/lib/mui.min.js"></script>
<script src="/components/custom/js/common.js"></script>
<script src="/app/js/xyf.common.js"></script>
<script src="/app/js/device-param.js"></script>
<script>
    // radio change事件
    $('input[type=radio][name=cardFeeMode]').change(function () {
        var v = $(this).val()
        initCardFeeUnit(v)
    });

    function initCardFeeUnit(v) {
        var u = '度'
        if (v === 'time') {
            u = '分钟'
        }
        $('#cardFeeValue').next().text(u)
    }

    initParam(
        {
            params: {
                "boardNo": "value",
                "hardVersion": "value",
                "softId": "value",
                "softVersion": "value",

                cardFeeMode: "radio",
                cardFeeValue: "value",

                "boardId": "value",// 主板id，可以编辑包保存

                runMode: "radio", // 1 设备运行模式 0=先消费1=先按键2=免费模式
                voice: "value", // 2 音量

                coinTime: "value", // 3 投币1次获得时间
                cardTime: "value",// 4 刷卡1次时间
                icMoney: "value", // 5 刷卡扣分金额
                cardRefund: "switch", //6 刷卡是否退费

                power1: "value", // 7 第一档功率值
                power2: "value",
                power3: "value",
                power4: "value",
                power5: "value",
                power1ratio: "value",
                power2ratio: "value",
                power3ratio: "value",
                power4ratio: "value",
                power5ratio: "value", // 16 第五档分档比例

                autoStop: "switch",  // 17 充满自停
                fuchongPower: "value",// 18 浮充功率
                fuchongTime: "value", // 19 浮充时间
                noPowerTime: 'value',// 20 拔除时间
                password: "value",// 21 密码
                temperature: "value",// 22 温度保护值
            },
            callback: function (payload) {
                initCardFeeUnit(payload.cardFeeValue)
            },
        })
</script>
</body>
</html>