YYC
2023-07-10 b642a88b35271f37e411a603c29a57875111730c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
var depotType;
var depotName;
var tagCeng = 0; //粮情层数
var tagHang = 0; //粮情层数
var tagLie = 0; //粮情层数
var grainData;
 
//初始化数据
function init() {
    //获取参数
    var curr = plus.webview.currentWebview();
    grainData = curr.data;
    depotName = curr.depotName;
    depotType = grainData.depotType;
    if (depotName) {
        $("#titleName").html(depotName + "粮情详细");
    }
    renderGrain();
}
 
//渲染粮情数据
function renderGrain() {
    if (grainData != null) {
 
        //平房仓-层行列
        var array = grainData.cable.split("-");
        tagCeng = parseInt(array[0], 10);
        tagHang = parseInt(array[1], 10);
        tagLie = parseInt(array[2], 10);
 
        //筒仓-层行列
        if (depotType && (depotType == "02" || depotType == "04")) {
            //解析出层,取最大层
            var array1 = grainData.cableCir.split("-");
            tagCeng = parseInt(array1[0], 10);
            for (var i = 1; i < array1.length; i++) {
                if (parseInt(array1[i], 10) > tagLie) {
                    tagCeng = parseInt(array1[i], 10);
                }
            }
            //解析出圈
            tagHang = array1.length;
            //解析出列,取最大列
            var array2 = grainData.cable.split("-");
            tagLie = parseInt(array2[0], 10);
            for (var i = 1; i < array2.length; i++) {
                if (parseInt(array2[i], 10) > tagLie) {
                    tagLie = parseInt(array2[i], 10);
                }
            }
        }
        //渲染总览信息
        $("#tempAve").html(grainData.tempAve <= -100 ? "备用" : grainData.tempAve);
        $("#tempMax").html(grainData.tempMax <= -100 ? "备用" : grainData.tempMax);
        $("#tempMin").html(grainData.tempMin <= -100 ? "备用" : grainData.tempMin);
        $("#tempIn").html(grainData.tempIn <= -100 ? "<span style='font-size: 20px;'>备用</span>" : "<span>" + grainData
            .tempIn + "</span>℃");
        $("#humidityIn").html(grainData.humidityIn <= -100 ? "<span style='font-size: 20px;'>备用</span>" : "<span>" +
            grainData.humidityIn + "</span>%");
        $("#tempOut").html(grainData.tempOut <= -100 ? "<span style='font-size: 20px;'>备用</span>" : "<span>" + grainData
            .tempOut + "</span>℃");
        $("#humidityOut").html(grainData.humidityOut <= -100 ? "<span style='font-size: 20px;'>备用</span>" : "<span>" +
            grainData.humidityOut + "</span>%");
        $("#receiveDate").html(grainData.receiveDate);
        //渲染各层粮情
        var grainLay = grainData.details;
        if (grainLay != null && grainLay.length > 0) {
            var html1 = '';
            $.each(grainLay, function(index, item) {
                html1 += '<li><div class="con"><div class="mui-input-row mui-radio mui-left rad">';
                html1 += '<label>' + item.fzName + '</label><input id="' + item.fz +
                    '" name="radio1" type="radio"></div>';
                html1 += '<div class="m-left-sq2"><div class="inner"><div class="g">';
                html1 += '<div class="pure">' + item.tempMax + '<span>℃</span></div>';
                html1 += '<div class="desc">层高温</div></div></div>';
                html1 += '<div class="inner"><div class="g g1"><div class="pure">';
                html1 += item.tempAve + '<span>℃</span></div>';
                html1 += '<div class="desc">层均温</div></div></div>';
                html1 += '<div class="inner"><div class="g g2"><div class="pure">';
                html1 += item.tempMin + '<span>℃</span></div>';
                html1 += '<div class="desc">层低温</div></div></div>';
                html1 += '</div></div></li>';
            })
            $("#grain-lay").html(html1);
        }
        //默认选中1层并渲染
        $("#1").attr("checked", true);
        renderTierGrain(1);
    }
}
 
//层选择
mui(".mui-scroll-wrapper").on("tap", ".row-sslq1 ul li input", function() {
    var id = this.getAttribute("id");
    renderTierGrain(id);
});
 
//渲染某层粮情
function renderTierGrain(tag) {
    $("#grainCeng").html(tag + "层详细粮情");
    if (depotType == "02" || depotType == "04") {
        grainT(tag);
    } else {
        grainP(tag);
    }
}
 
//平房仓
function grainP(tag) {
    var grainPoint = grainData.points;
    if (grainPoint != null && grainPoint.length > 0) {
        var html1 = '';
        var html2 = '';
        var arrData = new Array;
        arrData.push(0);
        $.each(grainPoint, function(index, item) {
            if (item.fz == tag) {
                arrData.push(item.temp <= -100 ? "备用" : item.temp);
            }
        })
        var wid = (tagLie + 1) * 60;
        if (arrData.length > 1) {
            html1 += '<li style="width:' + wid + 'px"><div class="con"><div class="desc d">行/列</div>';
            var count = 1;
            var count0 = 1;
            for (var i = 1; i <= tagHang; i++) {
                if (count0 > 5) {
                    count0 = 1;
                }
                html2 += '<li style="width:' + wid + 'px"><div class="con con' + count0 +
                    '"><div class="desc d1">' + i + '行</div>';
                count0 += 1;
                for (var j = i; j < arrData.length; j += tagHang) {
 
                    if (i == 1) {
                        html1 += '<div class="desc">' + count + '列</div>';
                        count += 1;
                    }
                    html2 += '<div class="desc">' + arrData[j] + '</div>';
                }
                html2 += '</div></li>';
            }
            html1 += '</div></li>';
        }
        $("#grainPoint").html(html1 + html2);
    }
}
 
//筒仓
function grainT(tag) {
    var grainPoint = grainData.points;
    //每圈列数
    var array = grainData.cable.split("-");
    if (grainPoint != null && grainPoint.length > 0) {
        var html1 = '';
        var html2 = '';
        var arrData = new Array;
        arrData.push(0);
        $.each(grainPoint, function(index, item) {
            if (item.fz == tag) {
                if(item.temp <= -100){
                    if(item.temp == -102){
                        arrData.push("--");
                    }else{
                        arrData.push("备用");
                    }
                }else{
                    arrData.push(item.temp);
                }
            }
        })
        var wid = (tagLie + 1) * 60;
        if (arrData.length > 1) {
            html1 += '<li style="width:' + wid + 'px"><div class="con"><div class="desc d">圈/根</div>';
            var count = 1;
            var count0 = 1;
            var temp = 0;
            for (var i = 1; i <= tagHang; i++) {
                if (count0 > 5) {
                    count0 = 1;
                }
                if (count < arrData.length) {
                    html2 += '<li style="width:' + wid + 'px"><div class="con con' + count0 +
                        '"><div class="desc d1">' + i + '圈</div>';
                    if (i > 1) {
                        temp += parseInt(array[i - 2], 10);
                    }
                    for (var j = 1; j <= tagLie; j++) {
                        if (i == 1) {
                            html1 += '<div class="desc">' + j + '根</div>';
                        }
                        if (j <= array[i - 1]) {
                            html2 += '<div class="desc">' + arrData[j + temp] + '</div>';
                            count += 1;
                        } else {
                            html2 += '<div class="desc">/</div>';
                        }
                    }
                    html2 += '</div></li>';
                }
            }
            html1 += '</div></li>';
        }
        $("#grainPoint").html(html1 + html2);
    }
}
 
//滑动
mui('.mui-scroll-wrapper').scroll({
    indicators: false, //是否显示滚动条
    deceleration: 0.0006, //阻尼系数,系数越小滑动越灵敏
    bounce: false, //是否启用回弹
    deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
});