69 行
4.4 KiB
JavaScript
69 行
4.4 KiB
JavaScript
define(['jquery', 'bootstrap', 'backend', 'backend/forecast/components'], function ($, undefined, Backend, components) {
|
|
'use strict';
|
|
return { index: function () {
|
|
new Vue({
|
|
el: '#forecast-app',
|
|
components: {'forecast-list': components.list, 'forecast-create': components.create, 'forecast-detail': components.detail},
|
|
data: { rows: [], granaries: [], total: 0, page: 1, gid: '', site: '', siteOptions: Config.granarySites || [], loading: false, saving: false, creating: false, viewing: false, selected: null, loadSequence: 0 },
|
|
created: function () { this.load(); },
|
|
methods: {
|
|
api: function (action, data, method) {
|
|
var self = this;
|
|
return new Promise(function (resolve, reject) {
|
|
$.ajax({url: 'forecast/' + action, type: method || 'GET', data: data || {}, dataType: 'json', timeout: 45000,
|
|
success: function (res) {
|
|
if (res.code !== 200) { self.$message.error(res.msg || '操作失败，请刷新后重试'); reject(new Error(res.msg)); }
|
|
else resolve(res);
|
|
},
|
|
error: function () { self.$message.error('请求失败或登录已失效，请刷新查看记录后重试'); reject(new Error('request failed')); }
|
|
});
|
|
});
|
|
},
|
|
load: function () {
|
|
var self = this, sequence = ++this.loadSequence;
|
|
this.loading = true;
|
|
return this.api('index', {gid: this.gid, site: this.site, page: this.page}).then(function (res) {
|
|
if (sequence !== self.loadSequence) return;
|
|
self.rows = res.list; self.total = res.total; self.granaries = res.granaries;
|
|
}).catch(function () {}).then(function () { if (sequence === self.loadSequence) self.loading = false; });
|
|
},
|
|
siteChanged: function () { this.gid = ''; this.page = 1; this.load(); },
|
|
filterChanged: function () { this.page = 1; this.load(); },
|
|
changePage: function (page) { this.page = page; this.load(); },
|
|
newRecord: function () { this.creating = true; },
|
|
closeCreate: function (done) { if (!this.saving) { this.creating = false; if (typeof done === 'function') done(); } },
|
|
closeDetail: function (done) {
|
|
var self = this;
|
|
if (this.saving) return;
|
|
this.$refs.detail.confirmDiscard().then(function () { self.viewing = false; if (typeof done === 'function') done(); }).catch(function () {});
|
|
},
|
|
openRecord: function (id) {
|
|
var self = this;
|
|
this.api('detail', {id: id}).then(function (res) { self.selected = res.data; self.viewing = true; }).catch(function () {});
|
|
},
|
|
write: function (action, data, callback) {
|
|
if (this.saving) return;
|
|
var self = this;
|
|
this.saving = true;
|
|
this.api(action, data, 'POST').then(function (res) {
|
|
self.selected = res.data;
|
|
if (action !== 'actual' && res.data.status === 'failed') self.$message.warning('温湿度已保存，算法暂不可用，可稍后重新生成');
|
|
else self.$message.success(action === 'actual' ? '实测值已保存' : res.data.status === 'ready' ? '预测已生成并保存' : '记录已保存');
|
|
if (callback) callback();
|
|
self.load();
|
|
}).catch(function () {}).then(function () { self.saving = false; });
|
|
},
|
|
createRecord: function (form) {
|
|
var self = this;
|
|
this.write('add', form, function () { self.creating = false; self.viewing = true; });
|
|
},
|
|
saveActual: function (form) { this.write('actual', form); },
|
|
retry: function (id) {
|
|
var self = this;
|
|
this.$refs.detail.confirmDiscard().then(function () { self.write('retry', {id: id}); }).catch(function () {});
|
|
}
|
|
}
|
|
});
|
|
} };
|
|
});
|