FCC/Framework/Edge.WebHost/Views/WebConsole/Config/FuelConfigPartial/PriceChangeRnav.cshtml


<div id="PriceChangeDiv">
    <form action="" method="post" class="config-form">
        <div class="config-form-group">
            <label class="price-form-label">油品</label>
            <label class="price-form-label">当前价格(元)</label>
            <label class="price-form-label">新价格(元)</label>
        </div>
        <div v-for="r in rows" class="config-form-group">
            <label class="price-form-label">{{ r.FuelName }}</label>
            <label class="price-form-label">{{ r.CurrentPrice }}</label>
            <input class="price-form-input" oninput="value=value.match(/[0-9]{1,10}\.?[0-9]{0,6}/)" v-model="r.NewPrice" />
        </div>
        <div class="config-form-submit-group">
            <label :class="showResult ? (result ? 'config-form-result' : 'config-form-result-fail') : 'color-transparent'">{{ result ? '提交完成' : '提交失败' }}</label>
        </div>
        <div class="config-form-submit-group" v-if="receiveData">
            <label class="config-form-label"></label>
            <button class="config-form-submit" type="button" @@click="submit(event)" id="FuelChange" />
        </div>
    </form>
</div>

<script type="text/javascript">
    var vm = new Vue({
        el: '#PriceChangeDiv',
        i18n,
        data: {
            //rows: { "1": { "FuelName": "0#", "CurrentPrice": 0.0, "NewPrice": null }, "2": { "FuelName": "98#", "CurrentPrice": 0.0, "NewPrice": null } },
            rows: [],
            receiveData: false,
            showResult: false,
            result: false,
            currentIndex:0
        },
        methods: {
            receive(resdata) {
                resdata = JSON.parse(resdata)
                this.rows = resdata
            },
            submit(e) {
                if (!confirm("确定要继续吗？")) {
                    return
                }
                this.currentIndex = 0;
                this.ChangeFuelPrice();

                return false
            },
            GetData() {
                var temp = {
                    "parameters": [
                        { "name": "pumpId", "value": "-1" }
                    ]
                };
                GetDataByAPIS("GetPumpsLayout", temp, "post", function (response) {
                    console.log("GetPumpsLayout", response);
                    if (response === null || response.length === 0) return;
                    vm.rows.splice(0, vm.rows.length);
                    var tempMap = new Map();
                    response.forEach(function (p) {
                        p.Nozzles.forEach(function (n) {
                            if (n.ProductBarcode !== null && !tempMap.has(n.ProductBarcode)) {
                                tempMap.set(n.ProductBarcode, {
                                    "FuelName": n.ProductName,
                                    "CurrentPrice": n.RealPriceOnPhysicalPump === null ? 0 : n.RealPriceOnPhysicalPump / Math.pow(10, p.AmountDecimalDigits), "NewPrice": null, "ProductBarcode": n.ProductBarcode
                                });
                            }
                        });
                    });
                    tempMap.forEach(function (value, key) {
                        vm.rows.push(value);
                    });
                    vm.receiveData = true;
                    tempMap.clear();
                });
            },
            ChangeFuelPrice() {
                if (vm.rows.length === 0) return;
                var resultMap = new Map();
                //var succeed = false;
                if (vm.currentIndex > vm.rows.length - 1 ||
                    vm.rows[vm.currentIndex].NewPrice === null || vm.rows[vm.currentIndex].NewPrice === "") {
                    vm.currentIndex++;
                    if (vm.currentIndex < vm.rows.length) vm.ChangeFuelPrice();
                    else {
                        vm.showResult = true;
                        vm.GetData();
                    }
                    return;
                }

                var tempPara = new Array();
                tempPara.push(vm.rows[vm.currentIndex].ProductBarcode);
                tempPara.push(vm.rows[vm.currentIndex].NewPrice * 1);

                GetDataByAPIS("ChangeFuelPriceAsync", tempPara, "post", function (response) {
                    if (response === null || response.length === 0) {
                        resultMap.set(vm.rows[vm.currentIndex].ProductBarcode, false);
                    } else {
                        vm.result = true;
                        resultMap.set(vm.rows[vm.currentIndex].ProductBarcode, true);
                    }
                    vm.currentIndex++;
                    if (vm.currentIndex < vm.rows.length) {
                        vm.ChangeFuelPrice();
                    }
                    else{
                        vm.showResult = true;
                        //vm.result = succeed;
                        vm.GetData();
                    }
                })

                //vm.rows.forEach(function (value) {
                //    if (value.NewPrice === null || value.NewPrice === "") {
                //        resultMap.set(value.ProductBarcode, false);
                //        return;
                //    }
                //    var tempPara = new Array();
                //    tempPara.push(value.ProductBarcode);
                //    tempPara.push(value.NewPrice*1);
                //    GetDataByAPIS("ChangeFuelPriceAsync", tempPara, "post", function (response) {
                //        if (response === null || response.length === 0) {
                //            resultMap.set(value.ProductBarcode, false);
                //        } else {
                //            succeed = true;
                //            resultMap.set(value.ProductBarcode, true);
                //        }
                //        if (resultMap.size === vm.rows.length) {
                //            vm.showResult = true;
                //            vm.result = succeed;
                //            vm.GetData();
                //        }
                //    })
                //});
                
            }
        },
        mounted: function () {
            this.GetData();
        }
    })
</script>