dayuan
/
manyi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486
							<!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">
    <li class="mui-table-view-cell">
        温度<span class="mui-pull-right"><span id="temperature"></span> 度</span>
    </li>
    <li class="mui-table-view-cell">
        烟雾报警器状态<span class="mui-pull-right"><span id="isYangan"></span></span>
    </li>
    <li class="mui-table-view-cell">
        电压<span class="mui-pull-right"><span id="voltage"></span> V</span>
    </li>
</ul>

<h5 class="mui-content-padded margin-t-15">功能开关</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>
    <li class="mui-table-view-cell">
        免费充电
        <div class="switch switch-mini " key="chargeFree" true-value="1" false-value="0">
            <div class="switch-handle"></div>
        </div>
    </li>
</ul>

<h5 class="mui-content-padded margin-t-15">功能配置</h5>
<ul class="mui-table-view ">
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(1);">
            <em>音量设置</em><span class="mui-pull-right font-b-14 custom-right"></span>
        </a>
    </li>
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(10);">
            <em>温度设置面板</em><span class="mui-pull-right font-b-14 custom-right"></span>
        </a>
    </li>
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(11);">
            <em>浮充功率设置</em><span class="mui-pull-right font-b-14 custom-right"></span>
        </a>
    </li>
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(13);">
            <em>计费模式设置</em><span class="mui-pull-right font-b-14 custom-right"></span>
        </a>
    </li>
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(2);">
            <em>刷卡投币设置</em><span class="mui-pull-right font-b-14 custom-right"></span>
        </a>
    </li>
    <li class="mui-table-view-cell " permission="manage-show">
        <a class="mui-navigate-right" href="javascript:toSetParam(3);">
            <em>三档计费功率比例</em><span class="mui-pull-right font-b-14 custom-right"></span>
        </a>
    </li>

</ul>

<div class="custom-margin">
    <div class="dev-fun-btn custom-btn-vertical c-red" key="reboot">重启设备</div>
</div>

    <div class="edit-back mui-hidden" id="paramPanel1">
        <form class="edit-content" action="#">
            <div class="edit-box">
                <div class="mui-input-row">
                    <label class="font-b-14">语音音量</label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" maxlength="4" min=1 max=8 required id="volume" 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="edit-back mui-hidden" id="paramPanel10">
        <form class="edit-content" action="#">
            <div class="edit-box">
                <div class="mui-input-row margin-b-10">
                    <label class="font-b-14 ">温度阀值开关</label>
                    <div class="mui-pull-right mui-radio ">
                        <span class="font-b-14 ">
                            <input class="save-data" id="temperatureMaxSwitch" name="temperatureMaxSwitch" type="radio"
                                   value=0
                                   required>关</span>
                        <span class="font-b-14 ">
                            <input class="" name="temperatureMaxSwitch" type="radio" value=1 required>开</span>
                        <br>
                    </div>
                </div>

                <div class="mui-input-row">
                    <label class="font-b-14 tips-event">温度保护阀值 <i class="tips"
                                                                  title="温度阀值范围0-254之间">i</i></label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" maxlength="4" min=0 max=1000 required id="temperatureMax" class="save-data"/>
                        <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">
                    <label class="font-b-14">浮充功率</label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" maxlength="4" min=1 max=1000 step="0.1" id="fuchongPower"
                               class="save-data"/>
                        <span class="font-b-12">瓦</span>
                    </div>
                </div>

                <div class="mui-input-row">
                    <label class="font-b-14 ">浮充时间 </label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" maxlength="4" min=10 max=9999 id="fuchongTime" class="save-data"
                        />
                        <span class="font-b-12">秒</span>
                    </div>
                </div>
                <div class="mui-input-row">
                    <label class="font-b-14 ">空载时间 </label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" maxlength="4" min=10 max=9999 id="noPowerTime" class="save-data"
                        />
                        <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="paramPanel13">
        <form class="edit-content" action="#">
            <div class="edit-box">
                <div class="mui-input-row margin-b-10">
                    <label class="font-b-14 ">消费方式</label>
                    <div class="mui-pull-right mui-radio ">
                        <span class="font-b-14 ">
                            <input class="save-data" name="consumeProcess" type="radio" value=0
                                   required>先消费后按键</span>
                        <br>
                        <span class="font-b-14 ">
                            <input class="" name="consumeProcess" type="radio" value=1 required>先按键后消费</span>
                        <br>
                    </div>
                </div>

                <div class="mui-input-row margin-b-10">
                    <label class="font-b-14 ">计费模式</label>
                    <div class="mui-pull-right mui-radio ">
                        <span class="font-b-14 ">
                            <input class="save-data" id="consumeModule" name="consumeModule" type="radio" value="0"
                                   required>按功率分档</span>
                        <br>
                        <span class="font-b-14 ">
                            <input class="" name="consumeModule" type="radio" value="1" required>电量计费</span>
                        <br>
                    </div>
                </div>

                <div class="mui-input-row">
                    <label class="font-b-12">电量计费最大功率</label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" maxlength="3" min=0 max=9999 required id="maxPower" class="save-data"/>
                        <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="font-b-12">刷卡单价</label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" maxlength="3" min=0 max=999 required id="icMoney" class="save-data"
                        />
                        <span class="font-b-12">角</span>
                    </div>
                </div>
                <div id="consumeTime">
                    <div class="mui-input-row">
                        <label class="font-b-12">刷1次时间</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999 required id="card1Time" class="save-data"
                            />
                            <span class="font-b-12">分钟</span>
                        </div>
                    </div>
                    <div class="mui-input-row">
                        <label class="font-b-12">刷2次时间</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999 required id="card2Time" class="save-data"
                            />
                            <span class="font-b-12">分钟</span>
                        </div>
                    </div>
                    <div class="mui-input-row">
                        <label class="font-b-12">刷3次时间</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999 required id="card3Time" class="save-data"
                            />
                            <span class="font-b-12">分钟</span>
                        </div>
                    </div>

                    <div class="mui-input-row">
                        <label class="font-b-12">第1币充电时间</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999  required id="time1" class="save-data"
                            />
                            <span class="font-b-12">分钟</span>
                        </div>
                    </div>
                    <div class="mui-input-row">
                        <label class="font-b-12">第2币充电时间</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999  required id="time2" class="save-data"
                            />
                            <span class="font-b-12">分钟</span>
                        </div>
                    </div>
                    <div class="mui-input-row">
                        <label class="font-b-12">第3币充电时间</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999  required id="time3" class="save-data"
                            />
                            <span class="font-b-12">分钟</span>
                        </div>
                    </div>
                </div>
                <div id="consumeElec">
                    <div class="mui-input-row">
                        <label class="font-b-12">刷1次电量</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999 step="0.01" required id="card1Elec" class="save-data"
                            />
                            <span class="font-b-12">度</span>
                        </div>
                    </div>
                    <div class="mui-input-row">
                        <label class="font-b-12">刷2次电量</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999 step="0.01" required id="card2Elec" class="save-data"
                            />
                            <span class="font-b-12">度</span>
                        </div>
                    </div>
                    <div class="mui-input-row">
                        <label class="font-b-12">刷3次电量</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999 step="0.01" required id="card3Elec" class="save-data"
                            />
                            <span class="font-b-12">度</span>
                        </div>
                    </div>

                    <div class="mui-input-row">
                        <label class="font-b-12">第1币充电电量</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999 step="0.01" required id="elec1" class="save-data"
                            />
                            <span class="font-b-12">度</span>
                        </div>
                    </div>
                    <div class="mui-input-row">
                        <label class="font-b-12">第2币充电电量</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999 step="0.01" required id="elec2" class="save-data"
                            />
                            <span class="font-b-12">度</span>
                        </div>
                    </div>
                    <div class="mui-input-row">
                        <label class="font-b-12">第3币充电电量</label>
                        <div class="mui-pull-right edit-row">
                            <input type="number" maxlength="3" min=0 max=999 step="0.01" required id="elec3" class="save-data"
                            />
                            <span class="font-b-12">度</span>
                        </div>
                    </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="font-b-12 tips-event">第1档功率 <i class="tips" title="设置第1档功率范围：0-第1档功率">i</i></label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" min=0 max=99999 required id="power1" class="save-data"
                        />
                        <span class="font-b-12">瓦</span>
                    </div>
                </div>
                <div class="mui-input-row">
                    <label class="font-b-12 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=99999 required id="power2" class="save-data"
                        />
                        <span class="font-b-12">瓦</span>
                    </div>
                </div>
                <div class="mui-input-row">
                    <label class="font-b-12 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=99999 required id="power3" class="save-data"
                        />
                        <span class="font-b-12">瓦</span>
                    </div>
                </div>

                <div class="mui-input-row">
                    <label class="font-b-12">第2档功率比例</label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" min=0 max=100 required id="power1ratio" class="save-data"
                        />
                        <span class="font-b-12">%</span>
                    </div>
                </div>
                <div class="mui-input-row">
                    <label class="font-b-12">第3档功率比例</label>
                    <div class="mui-pull-right edit-row">
                        <input type="number" min=0 max=100 required id="power2ratio" class="save-data"
                        />
                        <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>

<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>
    function setConsumeModule(val){
        if (val == "0") {
            $("#consumeElec").remove()
        } else {
            $("#consumeTime").remove()
        }
    };
    initParam({
    params:{"temperature": "value",
            "isYangan": "value",
            "voltage": "value",

            "chargeFree": "switch",
            "autoStop": "switch",
            "cardRefund": "switch",

            "fuchongPower": "value",
            "fuchongTime": "value",
            "noPowerTime": "value",

            "volume": "value",
            "temperatureMaxSwitch": "radio",
            "temperatureMax": "value",

            "consumeProcess": "radio",
            "consumeModule": "radio",
            "maxPower": "value",

            "icMoney": "value",
            "card1Time": "value",
            "card2Time": "value",
            "card3Time": "value",
            "card1Elec": "value",
            "card2Elec": "value",
            "card3Elec": "value",
            "time1": "value",
            "time2": "value",
            "time3": "value",
            "elec1":"value",
            "elec2":"value",
            "elec3":"value",

            "power1": "value",
            "power2": "value",
            "power3": "value",
            "power1ratio": "value",
            "power2ratio": "value",},

        dialogSubmitSuccess: function () {
                location.reload()
            },
        callback: function (payload) {

                $("#consumeModule").on('change', function () {
                    setConsumeModule(this.value)
                })
                setConsumeModule(payload.consumeModule)
            },
    },
        function (payload) {
        $('#isYangan').text(payload.isYangan ? '烟雾报警中' : '正常')
    })


</script>
</body>
</html>