Commit 9da0a538 by jiang'yun

修改

parent 0a22694f
import request from "@/utils/request";
// 查询录井整米数据列表
export function listLjSssjSd(query) {
return request({
url: "/system/ljSssjSd/list",
method: "get",
params: query,
});
}
// 查询录井整米数据详细
export function getLjSssjSd(id) {
return request({
url: "/system/ljSssjSd/" + id,
method: "get",
});
}
// 新增录井整米数据
export function addLjSssjSd(data) {
return request({
url: "/system/ljSssjSd",
method: "post",
data: data,
});
}
// 修改录井整米数据
export function updateLjSssjSd(data) {
return request({
url: "/system/ljSssjSd",
method: "put",
data: data,
});
}
// 删除录井整米数据
export function delLjSssjSd(id) {
return request({
url: "/system/ljSssjSd/" + id,
method: "delete",
});
}
import request from "@/utils/request";
// 查询录井整米数据列表
export function listLjSssjSd(query) {
return request({
url: "/system/ljSssjSd/list",
method: "get",
params: query,
});
}
// 查询录井整米数据详细
export function getLjSssjSd(id) {
return request({
url: "/system/ljSssjSd/" + id,
method: "get",
});
}
// 新增录井整米数据
export function addLjSssjSd(data) {
return request({
url: "/system/ljSssjSd",
method: "post",
data: data,
});
}
// 修改录井整米数据
export function updateLjSssjSd(data) {
return request({
url: "/system/ljSssjSd",
method: "put",
data: data,
});
}
// 删除录井整米数据
export function delLjSssjSd(id) {
return request({
url: "/system/ljSssjSd/" + id,
method: "delete",
});
}
// 查询录井整米数据列表
export function getLjzmsj(query) {
return request({
url: "/system/ljSssjSd/getLjzmsj",
method: "get",
params: query,
});
}
This source diff could not be displayed because it is too large. You can view the blob instead.
<template>
<div class="chart-container">
<div v-if="jh" class="well-number-display">
<div v-if="jh" style="margin: 0px 10px">
<span class="well-label">井号:</span>
<span class="well-number">{{ jh }}</span>
</div>
<div class="export-button-container">
<span class="well-label" style="margin-left: 10px">开次:</span>
<el-select v-model="kc" style="width: 100px" size="mini" clearable placeholder="请选择">
<el-option
v-for="item in kcData"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<span class="well-label" style="margin-left: 10px">钻头尺寸:</span>
<el-input v-model="ztccs" style="width: 100px" clearable size="mini"></el-input>
<el-button type="primary" style="margin-left: 10px" size="mini" @click="getList">查询</el-button>
<el-button
class="export-btn"
type="primary"
@click="exportChart"
:disabled="loading || !myChart"
title="导出图表为图片"
icon="el-icon-download"
>
导出
</el-button>
size="mini"
> </el-button>
</div>
<div class="chart-layout">
<div id="mainzft" class="chart" ref="chartRef"></div>
<aside v-if="legendItems && legendItems.length" class="strata-legend">
<div class="legend-header">层位图例</div>
<div class="legend-list">
<div
v-for="(item, index) in legendItems"
......@@ -70,6 +82,26 @@ export default {
lastStackedAreas: null,
lastChartConfig: null,
lastXAxisLabels: null,
kc:'',
ztccs:'',
kcData:[
{
label:'1',
value:'1',
},{
label:'2',
value:'2',
},{
label:'3',
value:'3',
},{
label:'4',
value:'4',
},{
label:'5',
value:'5',
},
]
};
},
computed: {
......@@ -295,7 +327,7 @@ export default {
// 获取数据
async getList() {
try {
const res = await getZft({ jhe: this.jh });
const res = await getZft({ jhe: this.jh,kc:this.kc,ztccs:this.ztccs });
this.mockData = res?.mockData || {};
const legendList = Array.isArray(res?.tlList)
? res.tlList
......@@ -702,7 +734,7 @@ export default {
type: "bar",
stack: "total",
silent: true,
barWidth: "8%",
barWidth: "10%",
itemStyle: {
borderColor: "transparent",
color: "transparent",
......@@ -848,12 +880,12 @@ export default {
const colors = this.colorScheme;
chartDom.innerHTML = `
<div class="empty-state" style="
width: 100%;
height: 100%;
display: flex;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
align-items: center;
justify-content: center;
color: ${colors.text};
font-size: 16px;
background: ${colors.background};
......@@ -861,18 +893,18 @@ export default {
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
">
<div style="
font-size: 48px;
margin-bottom: 16px;
font-size: 48px;
margin-bottom: 16px;
opacity: 0.6;
color: ${colors.primary};
">📊</div>
<div style="
font-size: 18px;
font-size: 18px;
color: ${colors.text};
font-weight: 500;
">暂无数据</div>
<div style="
font-size: 14px;
font-size: 14px;
color: ${colors.text};
opacity: 0.6;
margin-top: 8px;
......@@ -979,7 +1011,7 @@ export default {
gap: 5px;
align-items: stretch;
justify-content: flex-start;
overflow: hidden;
overflow: auto;
}
.strata-legend {
......@@ -1080,7 +1112,7 @@ export default {
flex: 1;
width: 100%;
max-width: 100%;
height: 100%;
height: 110%;
min-height: 400px;
display: block;
border-radius: 16px;
......@@ -1168,7 +1200,7 @@ export default {
border: 1px solid rgba(255, 255, 255, 0.1);
}
/*
/*
.chart:hover {
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
} */
......
<template>
<div class="app-container">
<el-tabs v-model="activeTab" type="card" @tab-click="handleTabClick" style="margin-top: -10px;">
<el-tab-pane label="数据表格" name="dataTable">
<el-tab-pane label="井身结构" name="wellDepthStructure">
<WellDepthStructure v-if="activeTab === 'wellDepthStructure'" :jh="queryParams.jh"
:key="`wellDepthStructure-${queryParams.jh}`" />
</el-tab-pane>
<el-tab-pane label="钻头使用数据" name="dataTable">
<DataTable v-if="activeTab === 'dataTable'" :jh="queryParams.jh" :key="`dataTable-${queryParams.jh}`" />
</el-tab-pane>
<el-tab-pane label="曲线图形" name="curveGraph">
<el-tab-pane label="钻头优选" name="curveGraph">
<CurveGraph v-if="activeTab === 'curveGraph'" :jh="queryParams.jh"
:key="`curveGraph-${queryParams.jh}`" />
</el-tab-pane>
<el-tab-pane label="直方图形" name="histogramGraph">
<el-tab-pane label="钻头能效分析" name="histogramGraph">
<HistogramGraph v-if="activeTab === 'histogramGraph'" :jh="queryParams.jh"
:key="`histogramGraph-${queryParams.jh}`" />
</el-tab-pane>
......@@ -32,7 +36,7 @@
:jh="queryParams.jh" :key="`drillingCurve-${queryParams.jh}`" />
</keep-alive>
</el-tab-pane>
<el-tab-pane label="录井钻时图" name="drillingTimeChart">
<el-tab-pane label="钻时及功能参数" name="drillingTimeChart">
<DrillingTimeChart v-if="activeTab === 'drillingTimeChart'" :jh="queryParams.jh"
:key="`drillingTimeChart-${queryParams.jh}`" />
</el-tab-pane>
......@@ -40,10 +44,7 @@
<WellboreTrajectory v-if="activeTab === 'wellboreTrajectory'" :jh="queryParams.jh"
:key="`wellboreTrajectory-${queryParams.jh}`" />
</el-tab-pane>
<el-tab-pane label="井身结构" name="wellDepthStructure">
<WellDepthStructure v-if="activeTab === 'wellDepthStructure'" :jh="queryParams.jh"
:key="`wellDepthStructure-${queryParams.jh}`" />
</el-tab-pane>
</el-tabs>
</div>
</template>
......@@ -76,7 +77,7 @@ export default {
data() {
return {
// 当前激活的tab
activeTab: 'dataTable',
activeTab: 'wellDepthStructure',
// 显示搜索条件
showSearch: true,
// 遮罩层
......@@ -185,4 +186,4 @@ export default {
padding: 5px 0;
margin-top: -10px;
}
</style>
\ No newline at end of file
</style>
......@@ -778,7 +778,7 @@ export default {
},
handleChangeAr() {
if (this.radio == "3") {
if (this.formAr.radio == "3") {
var item = this.sfcs;
console.log(item, "item");
this.$router.push({
......@@ -789,7 +789,7 @@ export default {
qkmc: item.qkmc,
},
});
} else if (this.radio == "6") {
} else if (this.formAr.radio == "6") {
this.$message({
message: "正在开发中!",
type: "warning",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment