388 lines
11 KiB
JavaScript
388 lines
11 KiB
JavaScript
|
history.pushState(null, null, document.URL);
|
||
|
|
window.addEventListener('popstate', function () {
|
||
|
|
console.log(document.URL);
|
||
|
|
history.pushState(null, null, document.URL);
|
||
|
|
});
|
||
|
|
|
||
|
|
setInterval(checkUser,5000);
|
||
|
|
|
||
|
|
ELEMENT.locale(ELEMENT.lang.en);
|
||
|
|
var appVue = new Vue(
|
||
|
|
{
|
||
|
|
el:"#app",
|
||
|
|
data(){
|
||
|
|
var url = decodeURI(window.location.href);
|
||
|
|
|
||
|
|
let reg = new RegExp("(^|&)" + 'id' + "=([^&]*)(&|$)", "i");
|
||
|
|
let r = window.location.search.substr(1).match(reg);
|
||
|
|
let arg = decodeURI(r[2]);
|
||
|
|
|
||
|
|
reg = new RegExp("(^|&)" + 'sid' + "=([^&]*)(&|$)", "i");
|
||
|
|
r = window.location.search.substr(1).match(reg);
|
||
|
|
let arg1 = decodeURI(r[2]);
|
||
|
|
|
||
|
|
reg = new RegExp("(^|&)" + 'iid' + "=([^&]*)(&|$)", "i");
|
||
|
|
r = window.location.search.substr(1).match(reg);
|
||
|
|
let arg2 = decodeURI(r[2]);
|
||
|
|
|
||
|
|
// 获取浏览器窗口宽度
|
||
|
|
var windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
|
||
|
|
|
||
|
|
// 获取浏览器窗口高度
|
||
|
|
var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
|
||
|
|
|
||
|
|
console.log('窗口宽度: ' + windowWidth);
|
||
|
|
console.log('窗口高度: ' + windowHeight);
|
||
|
|
|
||
|
|
// 获取当前屏幕的分辨率
|
||
|
|
let screenW = window.screen.width;
|
||
|
|
let screenH = window.screen.height;
|
||
|
|
console.log("screen width:",screenW);
|
||
|
|
console.log("screen height:",screenH);
|
||
|
|
return {
|
||
|
|
tHeight:windowHeight-192,
|
||
|
|
tableData: [],
|
||
|
|
currentPage: 1,
|
||
|
|
pagesize:50,
|
||
|
|
recordTotal:0,
|
||
|
|
if_show:false,
|
||
|
|
curWellName:arg,
|
||
|
|
well_state:arg1,
|
||
|
|
well_oper:arg2,
|
||
|
|
onlineuser:localStorage.getItem("online_user"),
|
||
|
|
begin_t:'',
|
||
|
|
end_t:'',
|
||
|
|
checked:false,
|
||
|
|
vit:false,
|
||
|
|
|
||
|
|
radio1:'1',
|
||
|
|
radio2:'1',
|
||
|
|
|
||
|
|
if_show_bt:1,
|
||
|
|
if_show_et:false,
|
||
|
|
|
||
|
|
wellname:'',
|
||
|
|
X:'',
|
||
|
|
Y:'',
|
||
|
|
WellDepth:'',
|
||
|
|
Drilling_num:'',
|
||
|
|
Servicer:'',
|
||
|
|
Work_time:'',
|
||
|
|
Wait_time:'',
|
||
|
|
|
||
|
|
nb_data:[],
|
||
|
|
timeout_data:[],
|
||
|
|
ver_data:[],
|
||
|
|
|
||
|
|
tHeight1:windowHeight-182,
|
||
|
|
time_warn:0,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
var _this = this;
|
||
|
|
|
||
|
|
axios.post('/deescloud/get_page_setting', {
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
})
|
||
|
|
.then(function (response) {
|
||
|
|
if(response.data.r3=="1"){
|
||
|
|
_this.$data.if_show_bt=1;
|
||
|
|
//_this.$data.if_show_et=false;
|
||
|
|
}else if(response.data.r3=="2"){
|
||
|
|
//_this.$data.if_show_et=true;
|
||
|
|
_this.$data.if_show_bt=2;
|
||
|
|
}else if(response.data.r3=="3"){
|
||
|
|
//_this.$data.if_show_et=true;
|
||
|
|
_this.$data.if_show_bt=3;
|
||
|
|
}else{
|
||
|
|
_this.$data.if_show_bt=1;
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
|
||
|
|
var objs;
|
||
|
|
axios.post('/deescloud/getWellHistory_en', {
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
id: this.$data.curWellName,
|
||
|
|
index: this.$data.currentPage,
|
||
|
|
count: this.$data.pagesize,
|
||
|
|
if_asc:this.$data.checked,
|
||
|
|
if_vit:this.$data.vit,
|
||
|
|
r1:this.$data.radio1,
|
||
|
|
r2:this.$data.radio2,
|
||
|
|
})
|
||
|
|
.then(function (response) {
|
||
|
|
console.log(response.data);
|
||
|
|
objs = response.data.data;
|
||
|
|
rcnt = response.data.total;
|
||
|
|
_this.$data.tableData = objs;
|
||
|
|
_this.$data.recordTotal = rcnt;
|
||
|
|
_this.$data.time_warn = response.data.time_warn;
|
||
|
|
|
||
|
|
_this.$data.if_show = true;
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
|
||
|
|
axios.post('/deescloud/get_well_cur_data', {
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
Wellname: this.$data.curWellName,
|
||
|
|
})
|
||
|
|
.then(function (response) {
|
||
|
|
console.log(response.data);
|
||
|
|
let data = response.data;
|
||
|
|
|
||
|
|
_this.$data.wellname =data.wellname;
|
||
|
|
_this.$data.X = data.x
|
||
|
|
_this.$data.Y = data.y;
|
||
|
|
_this.$data.WellDepth = data.cur_well_dep;
|
||
|
|
|
||
|
|
_this.$data.Drilling_num=data.Drilling_num;
|
||
|
|
_this.$data.Servicer = data.Servicer;
|
||
|
|
_this.$data.Wait_time =data.Wait_time;
|
||
|
|
_this.$data.Work_time =data.Work_time;
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
axios.post('/deescloud/get_well_nb', {
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
wellname: this.$data.curWellName,
|
||
|
|
})
|
||
|
|
.then(function (response) {
|
||
|
|
let data = response.data.data;
|
||
|
|
console.log(data);
|
||
|
|
_this.$data.nb_data = data;
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
axios.post('/deescloud/get_well_instrument_timeout', {
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
wellname: this.$data.curWellName,
|
||
|
|
if_en:true,
|
||
|
|
})
|
||
|
|
.then(function (response) {
|
||
|
|
let data = response.data.data;
|
||
|
|
console.log(data);
|
||
|
|
_this.$data.timeout_data = data;
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
axios.post('/deescloud/get_well_ver_timeout', {
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
wellname: this.$data.curWellName,
|
||
|
|
if_en:true,
|
||
|
|
})
|
||
|
|
.then(function (response) {
|
||
|
|
let data = response.data.data;
|
||
|
|
console.log(data);
|
||
|
|
_this.$data.ver_data = data;
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
r_change(){
|
||
|
|
this.getWellhistory();
|
||
|
|
},
|
||
|
|
|
||
|
|
tableRowClassName({row, rowIndex}) {
|
||
|
|
if (row.paraname=='INC') {
|
||
|
|
if (row.decodevalue >180 || row.decodevalue<0) {
|
||
|
|
return 'warning-row';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (row.paraname=='Azimuth') {
|
||
|
|
if (row.decodevalue >360 || row.decodevalue<0) {
|
||
|
|
return 'warning-row';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (row.paraname=='GTF' || row.paraname=='MTF') {
|
||
|
|
if (row.decodevalue >360 || row.decodevalue<0) {
|
||
|
|
return 'warning-row';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (row.ifWarning==1){
|
||
|
|
return 'warning-row';
|
||
|
|
}
|
||
|
|
|
||
|
|
return '';
|
||
|
|
},
|
||
|
|
|
||
|
|
handleCommand(command) {
|
||
|
|
if (command === 'exit') {
|
||
|
|
loginout();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
exportWellHis(){
|
||
|
|
var _this = this;
|
||
|
|
|
||
|
|
axios.post('deescloud/exportWellHistory_en',{
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
id: this.$data.curWellName,
|
||
|
|
beginTime:this.$data.begin_t,
|
||
|
|
endTime:this.$data.end_t,
|
||
|
|
if_asc:_this.$data.checked,
|
||
|
|
if_vit:this.$data.vit,
|
||
|
|
r1:this.$data.radio1,
|
||
|
|
r2:this.$data.radio2,
|
||
|
|
},
|
||
|
|
).then(function (response) {
|
||
|
|
console.log(response.data);
|
||
|
|
var fileid = response.data.fileId;
|
||
|
|
|
||
|
|
var downUrl = 'file/'+fileid;
|
||
|
|
downloadUrl(_this.$data.curWellName+".csv",downUrl);
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
getWellhistory(){
|
||
|
|
document.getElementById("bt_serach").blur();
|
||
|
|
|
||
|
|
this.$data.currentPage = 1;
|
||
|
|
|
||
|
|
if (this.$data.curWellName=='') {
|
||
|
|
console.log("The well name queried is empty!");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (this.$data.begin_t != '' && this.$data.end_t != '' && this.$data.begin_t>this.$data.end_t) {
|
||
|
|
this.$message({
|
||
|
|
message: 'The end time must be after the start time!',
|
||
|
|
type: 'warning',
|
||
|
|
duration: 1500
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var _this = this;
|
||
|
|
var objs;
|
||
|
|
axios.post('/deescloud/getWellHistory_en', {
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
id: this.$data.curWellName,
|
||
|
|
index: this.$data.currentPage,
|
||
|
|
count: this.$data.pagesize,
|
||
|
|
beginTime:this.$data.begin_t,
|
||
|
|
endTime:this.$data.end_t,
|
||
|
|
if_asc:this.$data.checked,
|
||
|
|
if_vit:this.$data.vit,
|
||
|
|
r1:this.$data.radio1,
|
||
|
|
r2:this.$data.radio2,
|
||
|
|
})
|
||
|
|
.then(function (response) {
|
||
|
|
console.log(response.data);
|
||
|
|
objs = response.data.data;
|
||
|
|
rcnt = response.data.total;
|
||
|
|
_this.$data.tableData = objs;
|
||
|
|
_this.$data.recordTotal = rcnt;
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
handleSizeChange(val) {
|
||
|
|
this.$data.pagesize = val;
|
||
|
|
|
||
|
|
if (this.$data.begin_t != '' && this.$data.end_t != '' && this.$data.begin_t>this.$data.end_t) {
|
||
|
|
this.$message({
|
||
|
|
message: 'The end time must be after the start time!',
|
||
|
|
type: 'warning',
|
||
|
|
duration: 1500
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var _this = this;
|
||
|
|
|
||
|
|
var objs;
|
||
|
|
axios.post('/deescloud/getWellHistory_en', {
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
id: this.$data.curWellName,
|
||
|
|
index: this.$data.currentPage,
|
||
|
|
count: this.$data.pagesize,
|
||
|
|
beginTime:this.$data.begin_t,
|
||
|
|
endTime:this.$data.end_t,
|
||
|
|
if_asc:this.$data.checked,
|
||
|
|
if_vit:this.$data.vit,
|
||
|
|
r1:this.$data.radio1,
|
||
|
|
r2:this.$data.radio2,
|
||
|
|
})
|
||
|
|
.then(function (response) {
|
||
|
|
console.log(response.data);
|
||
|
|
objs = response.data.data;
|
||
|
|
rcnt = response.data.total;
|
||
|
|
_this.$data.tableData = objs;
|
||
|
|
_this.$data.recordTotal = rcnt;
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
handleCurrentChange(val) {
|
||
|
|
this.$data.currentPage = val;
|
||
|
|
|
||
|
|
if (this.$data.begin_t != '' && this.$data.end_t != '' && this.$data.begin_t>this.$data.end_t) {
|
||
|
|
this.$message({
|
||
|
|
message: 'The end time must be after the start time!',
|
||
|
|
type: 'warning',
|
||
|
|
duration: 1500
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var _this = this;
|
||
|
|
|
||
|
|
var objs;
|
||
|
|
axios.post('/deescloud/getWellHistory_en', {
|
||
|
|
opuser:localStorage.getItem("online_user"),
|
||
|
|
opuser_uuid:localStorage.getItem("uuid"),
|
||
|
|
id: this.$data.curWellName,
|
||
|
|
index: this.$data.currentPage,
|
||
|
|
count: this.$data.pagesize,
|
||
|
|
beginTime:this.$data.begin_t,
|
||
|
|
endTime:this.$data.end_t,
|
||
|
|
if_asc:this.$data.checked,
|
||
|
|
if_vit:this.$data.vit,
|
||
|
|
r1:this.$data.radio1,
|
||
|
|
r2:this.$data.radio2,
|
||
|
|
})
|
||
|
|
.then(function (response) {
|
||
|
|
console.log(response.data);
|
||
|
|
objs = response.data.data;
|
||
|
|
rcnt = response.data.total;
|
||
|
|
_this.$data.tableData = objs;
|
||
|
|
_this.$data.recordTotal = rcnt;
|
||
|
|
})
|
||
|
|
.catch(function (error) {
|
||
|
|
console.log(error);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|