329 lines
17 KiB
HTML
329 lines
17 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content = "IE=edge" />
|
||
|
|
<title></title>
|
||
|
|
<script src="./scripts/polyfill.js"></script>
|
||
|
|
<script src="./scripts/vue.min.js"></script>
|
||
|
|
<script src="./scripts/vue-router.js"></script>
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="./scripts/elementindex.css">
|
||
|
|
|
||
|
|
<script src="./scripts/2.15.6/elementindex.js"></script>
|
||
|
|
<script src="./scripts/2.15.6/en.js"></script>
|
||
|
|
|
||
|
|
<!--
|
||
|
|
<script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script>
|
||
|
|
<script src="https://unpkg.com/element-ui@2.15.6/lib/umd/locale/en.js"></script>
|
||
|
|
-->
|
||
|
|
|
||
|
|
<script src="scripts/axiosmin.js"></script>
|
||
|
|
|
||
|
|
<script src="scripts/checkuser.js"></script>
|
||
|
|
<script src="scripts/loginout.js"></script>
|
||
|
|
<script src="scripts/exportfile.js"></script>
|
||
|
|
<style>
|
||
|
|
.box-card {
|
||
|
|
color: #538C21;
|
||
|
|
/*width: 480px;*/
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="app" class="homeWrap">
|
||
|
|
<el-container style="height: 100%; border: 1px solid #eee">
|
||
|
|
|
||
|
|
<el-header style="text-align: right; font-size: 14px;height: 68px;">
|
||
|
|
<el-row :gutter="20">
|
||
|
|
<el-col :span="16" :offset="4"><div style="text-align: center; font-size: 18px;">
|
||
|
|
<span style="font-size: 30px;font-weight: bolder;font-family: 字体圈欣意LOGO体;">DEES ON CLOUD</span></div></el-col>
|
||
|
|
<el-col :span="4">
|
||
|
|
<div style="float: right; font-size: 0.875rem;">
|
||
|
|
<el-dropdown @command="handleCommand" class="el-dropdown-link">
|
||
|
|
<i class="el-icon-setting" style="margin-right: 16px"></i>
|
||
|
|
<el-dropdown-menu slot="dropdown">
|
||
|
|
<el-dropdown-item command='exit'>Exit</el-dropdown-item>
|
||
|
|
</el-dropdown-menu>
|
||
|
|
</el-dropdown>
|
||
|
|
<span>{{onlineuser}}</span>
|
||
|
|
</div>
|
||
|
|
</el-col>
|
||
|
|
</el-row>
|
||
|
|
</el-header>
|
||
|
|
|
||
|
|
<el-container>
|
||
|
|
<el-main >
|
||
|
|
<div style="display: flex;">
|
||
|
|
<div id="" style="width: 30%">
|
||
|
|
<el-card class="box-card" shadow="hover" >
|
||
|
|
<div slot="header" class="clearfix">
|
||
|
|
Current Well: {{curWellName}}
|
||
|
|
<el-button @click="exportWellHis()" style="float: right; padding: 3px 0" type="text">Export</el-button>
|
||
|
|
</div>
|
||
|
|
<div class="text item">Status: {{well_state}}</div>
|
||
|
|
<div class="text item">User: {{well_oper}}</div>
|
||
|
|
</el-card>
|
||
|
|
|
||
|
|
<!--
|
||
|
|
<el-card class="box-card" shadow="hover" style="margin-top: 20px;">
|
||
|
|
<div slot="header" class="clearfix">
|
||
|
|
Decoding Parameter Units
|
||
|
|
</div>
|
||
|
|
<template>
|
||
|
|
<div class="text item">
|
||
|
|
<span style="margin-right: 20px;">Pressure</span>
|
||
|
|
<el-radio v-model="radio1" label="1" @change="r_change">Mpa</el-radio>
|
||
|
|
<el-radio v-model="radio1" label="2" @change="r_change">psi</el-radio>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="text item">
|
||
|
|
<span style="margin-right: 20px;">Temperature</span>
|
||
|
|
<el-radio v-model="radio2" label="1" @change="r_change">℃</el-radio>
|
||
|
|
<el-radio v-model="radio2" label="2" @change="r_change">℉</el-radio>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</el-card>
|
||
|
|
-->
|
||
|
|
</div>
|
||
|
|
<div id="" style="width: 5%;">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div id="" style="width: 65%">
|
||
|
|
<div style="display: inline-block;width: 100%;">
|
||
|
|
<div style="float: left;">
|
||
|
|
<el-date-picker
|
||
|
|
v-if="if_show_bt==1"
|
||
|
|
v-model="begin_t"
|
||
|
|
type="datetime"
|
||
|
|
placeholder="Start Time"
|
||
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
||
|
|
</el-date-picker>
|
||
|
|
<el-date-picker
|
||
|
|
v-if="if_show_bt==2"
|
||
|
|
v-model="begin_t"
|
||
|
|
type="datetime"
|
||
|
|
placeholder="Start Time"
|
||
|
|
format="MM-dd-yyyy HH:mm:ss"
|
||
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
||
|
|
</el-date-picker>
|
||
|
|
<el-date-picker
|
||
|
|
v-if="if_show_bt==3"
|
||
|
|
v-model="begin_t"
|
||
|
|
type="datetime"
|
||
|
|
placeholder="Start Time"
|
||
|
|
format="dd-MM-yyyy HH:mm:ss"
|
||
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
||
|
|
</el-date-picker>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;">
|
||
|
|
<el-date-picker
|
||
|
|
v-if="if_show_bt==1"
|
||
|
|
v-model="end_t"
|
||
|
|
type="datetime"
|
||
|
|
placeholder="End Time"
|
||
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
||
|
|
</el-date-picker>
|
||
|
|
<el-date-picker
|
||
|
|
v-if="if_show_bt==2"
|
||
|
|
v-model="end_t"
|
||
|
|
type="datetime"
|
||
|
|
placeholder="End Time"
|
||
|
|
format="MM-dd-yyyy HH:mm:ss"
|
||
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
||
|
|
</el-date-picker>
|
||
|
|
<el-date-picker
|
||
|
|
v-if="if_show_bt==3"
|
||
|
|
v-model="end_t"
|
||
|
|
type="datetime"
|
||
|
|
placeholder="End Time"
|
||
|
|
format="dd-MM-yyyy HH:mm:ss"
|
||
|
|
value-format="yyyy-MM-dd HH:mm:ss">
|
||
|
|
</el-date-picker>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;">
|
||
|
|
<el-checkbox v-model="checked" label="Ascending" border></el-checkbox>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;">
|
||
|
|
<el-button id ="bt_serach" plain type="primary" icon="el-icon-search" @click="getWellhistory()">Search</el-button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="margin-top: 10px;">
|
||
|
|
<el-table
|
||
|
|
:data="tableData"
|
||
|
|
style="width: 100%"
|
||
|
|
:height="tHeight"
|
||
|
|
:cell-style="{background:'#fff'}"
|
||
|
|
border
|
||
|
|
:row-class-name="tableRowClassName"
|
||
|
|
>
|
||
|
|
<el-table-column
|
||
|
|
prop="time"
|
||
|
|
label="Time"
|
||
|
|
width="170">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="welldepth"
|
||
|
|
label="Depth"
|
||
|
|
width="80">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="paraname"
|
||
|
|
label="Parameters"
|
||
|
|
width="100"
|
||
|
|
:show-overflow-tooltip="true">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="decodevalue"
|
||
|
|
label="Decoding Value"
|
||
|
|
width="120">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="unit"
|
||
|
|
label="Unit"
|
||
|
|
width="50"
|
||
|
|
:show-overflow-tooltip="true">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column
|
||
|
|
prop="precision"
|
||
|
|
label="Accuracy"
|
||
|
|
width="80">
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="block">
|
||
|
|
<span class="demonstration"></span>
|
||
|
|
<el-pagination
|
||
|
|
@size-change="handleSizeChange"
|
||
|
|
@current-change="handleCurrentChange"
|
||
|
|
:current-page="currentPage"
|
||
|
|
:page-sizes="[50,100, 200, 300]"
|
||
|
|
:page-size="pagesize"
|
||
|
|
layout="total, sizes, prev, pager, next, jumper"
|
||
|
|
:total="recordTotal">
|
||
|
|
</el-pagination>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</el-main>
|
||
|
|
</el-container>
|
||
|
|
</el-container>
|
||
|
|
|
||
|
|
<div v-show="if_show" style="background-color: #ffffff;height: 30px;">
|
||
|
|
<div style="text-align: center;padding-top: 10px;font-size: 12px;">
|
||
|
|
<span>All right reserved ©</span>
|
||
|
|
<span style="color: #116699;">Liuhe Greatness</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="scripts/hisd-en.js"></script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
.el-dropdown-link {
|
||
|
|
cursor: pointer;
|
||
|
|
color: #f8f8f8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item {
|
||
|
|
margin-bottom: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clearfix:before,
|
||
|
|
.clearfix:after {
|
||
|
|
display: table;
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
.clearfix:after {
|
||
|
|
clear: both
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "字体圈欣意LOGO体";
|
||
|
|
src: url(data:;base64,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
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table .warning-row {
|
||
|
|
color: #ff0000;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.el-table{
|
||
|
|
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table th.gutter{
|
||
|
|
display: none;
|
||
|
|
width: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table td>.cell{
|
||
|
|
padding-top: 3px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
padding-left: 0rem;
|
||
|
|
padding-right: 0rem;
|
||
|
|
|
||
|
|
border-spacing: 0rem;
|
||
|
|
font-weight: normal;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table td {
|
||
|
|
padding-top: 0rem;
|
||
|
|
padding-bottom: 0rem;
|
||
|
|
padding-left: 0rem;
|
||
|
|
padding-right: 0rem;
|
||
|
|
border-spacing: 0rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table th {
|
||
|
|
padding-top: 0px;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
padding-left: 0rem;
|
||
|
|
padding-right: 0rem;
|
||
|
|
border-spacing: 0rem;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-table th>.cell {
|
||
|
|
padding: 0px;
|
||
|
|
border-spacing: 0rem;
|
||
|
|
/*color:#4e545d;
|
||
|
|
font-weight: bold;*/
|
||
|
|
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.homeWrap {
|
||
|
|
/*position: absolute;*/
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-header {
|
||
|
|
background-color: #3C8DBC;
|
||
|
|
color: #f8f8f8;/*color: #333;*/
|
||
|
|
line-height: 64px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.el-aside {
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|