|
@@ -30,21 +30,21 @@
|
|
|
|
|
|
<p>
|
|
<p>
|
|
<template v-if="dataModel.prod_horizon">
|
|
<template v-if="dataModel.prod_horizon">
|
|
- 投产于<span>{{ dataModel.start_prod_date }}</span>
|
|
|
|
|
|
+ 投产于<span>{{ dataModel.start_prod_date }},</span>
|
|
</template>
|
|
</template>
|
|
<template v-if="dataModel.prod_horizon">
|
|
<template v-if="dataModel.prod_horizon">
|
|
- ,生产层位<span>{{ dataModel.prod_horizon }}</span>
|
|
|
|
|
|
+ 生产层位<span>{{ dataModel.prod_horizon }}</span>层位。
|
|
</template>
|
|
</template>
|
|
<template v-if="dataModel.recent_testing_date">
|
|
<template v-if="dataModel.recent_testing_date">
|
|
- 层位 <span>{{ dataModel.recent_testing_date }}</span>
|
|
|
|
|
|
+ <span>{{ dataModel.recent_testing_date }}</span>
|
|
</template>
|
|
</template>
|
|
<template v-if="dataModel.recent_testing_name">
|
|
<template v-if="dataModel.recent_testing_name">
|
|
- 进行最近一次<span>{{ dataModel.recent_testing_name }}</span>测试
|
|
|
|
|
|
+ 进行最近一次<span>{{ dataModel.recent_testing_name }}</span>测试。
|
|
</template>
|
|
</template>
|
|
<template v-if="dataModel.recent_prod_date">
|
|
<template v-if="dataModel.recent_prod_date">
|
|
- ,最近一次产油时间<span>{{ dataModel.recent_prod_date }}</span>
|
|
|
|
|
|
+ 最近一次产油时间<span>{{ dataModel.recent_prod_date }}</span>,
|
|
</template>
|
|
</template>
|
|
- ,油嘴<span>{{ dataModel.oil_nozzle ?? 0 }}</span>mm
|
|
|
|
|
|
+ 油嘴<span>{{ dataModel.oil_nozzle ?? 0 }}</span>mm
|
|
,油压<span>{{ dataModel.tubing_pres ?? 0 }}</span>MPa
|
|
,油压<span>{{ dataModel.tubing_pres ?? 0 }}</span>MPa
|
|
,套压<span>{{ dataModel.casing_pres ?? 0 }}</span>MPa
|
|
,套压<span>{{ dataModel.casing_pres ?? 0 }}</span>MPa
|
|
,日产液量<span>{{ dataModel.fluid_prod_daily ?? 0 }}</span>t/d
|
|
,日产液量<span>{{ dataModel.fluid_prod_daily ?? 0 }}</span>t/d
|
|
@@ -231,14 +231,15 @@
|
|
<div v-if="cardSettings.cardTest.expand">
|
|
<div v-if="cardSettings.cardTest.expand">
|
|
<p class="info-body">本井共实施
|
|
<p class="info-body">本井共实施
|
|
<template v-for="it in testHistorySummary">
|
|
<template v-for="it in testHistorySummary">
|
|
- <span>{{ it.testing_num }}</span>次{{ it.testing_name }}、
|
|
|
|
|
|
+ <span>{{ it.testing_num }}</span>次{{ it.testing_name }},
|
|
</template>
|
|
</template>
|
|
<span>{{ lastTestHistory.testing_date }}</span>进行最近一次<span>{{ lastTestHistory.testing_name }}</span>,
|
|
<span>{{ lastTestHistory.testing_date }}</span>进行最近一次<span>{{ lastTestHistory.testing_name }}</span>,
|
|
<span>{{ lastTestHistory.construction_description }}</span>
|
|
<span>{{ lastTestHistory.construction_description }}</span>
|
|
</p>
|
|
</p>
|
|
<br/>
|
|
<br/>
|
|
<a-table :columns="testHistoryColumns" :data-source="testHistoryList" :scroll="{ x:'100%', y: 500 }"
|
|
<a-table :columns="testHistoryColumns" :data-source="testHistoryList" :scroll="{ x:'100%', y: 500 }"
|
|
- :pagination="false"
|
|
|
|
|
|
+ :pagination="testHistoryPage"
|
|
|
|
+ @change="handleTestHistoryChange"
|
|
bordered>
|
|
bordered>
|
|
</a-table>
|
|
</a-table>
|
|
</div>
|
|
</div>
|
|
@@ -263,7 +264,8 @@
|
|
</p>
|
|
</p>
|
|
<br>
|
|
<br>
|
|
<a-table :columns="analyticalAssaysColumns" :data-source="analyticalAssaysList" :scroll="{ x:'100%', y: 500 }"
|
|
<a-table :columns="analyticalAssaysColumns" :data-source="analyticalAssaysList" :scroll="{ x:'100%', y: 500 }"
|
|
- :pagination="false"
|
|
|
|
|
|
+ :pagination="analyticalAssaysPage"
|
|
|
|
+ @change="handleAnalyticalAssaysChange"
|
|
bordered>
|
|
bordered>
|
|
</a-table>
|
|
</a-table>
|
|
</div>
|
|
</div>
|
|
@@ -347,6 +349,8 @@ import ChartProdDynmics from '@/components/basic/chart/chart-prod-dynamics.vue'
|
|
import ChartMap from '@/components/basic/chart/chart-map.vue'
|
|
import ChartMap from '@/components/basic/chart/chart-map.vue'
|
|
import filePreview from '@/components/basic/file-preview/index.vue'
|
|
import filePreview from '@/components/basic/file-preview/index.vue'
|
|
import {download} from "@/utils/downloadFile";
|
|
import {download} from "@/utils/downloadFile";
|
|
|
|
+import {getPaginationTotalTitle} from "@/utils/common";
|
|
|
|
+import type {TableProps} from "ant-design-vue";
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
name: 'wellinfoDetail',
|
|
name: 'wellinfoDetail',
|
|
@@ -369,6 +373,62 @@ export default defineComponent({
|
|
})
|
|
})
|
|
const wellId = ref(history.state.params?.id);
|
|
const wellId = ref(history.state.params?.id);
|
|
|
|
|
|
|
|
+ const testHistoryPage = ref({
|
|
|
|
+ total: 0,
|
|
|
|
+ current: 1,
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ showSizeChanger: true,
|
|
|
|
+ showTotal: total => getPaginationTotalTitle(total)
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ const handleTestHistoryChange: TableProps['onChange'] = (
|
|
|
|
+ pag: { pageSize: number; current: number },
|
|
|
|
+ ) => {
|
|
|
|
+ testHistoryPage.value.current = pag.current;
|
|
|
|
+ testHistoryPage.value.pageSize = pag.pageSize;
|
|
|
|
+ loadTestHistoryData();
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ function loadTestHistoryData() {
|
|
|
|
+ let id = history.state.params?.id ?? wellData.dataModel.well_id;
|
|
|
|
+ get('wellInfo/getTestHistoryList', {
|
|
|
|
+ page: testHistoryPage.value.current,
|
|
|
|
+ rows: testHistoryPage.value.pageSize,
|
|
|
|
+ well_id: id
|
|
|
|
+ }).then(result => {
|
|
|
|
+ wellData.testHistoryList = result.list;
|
|
|
|
+ testHistoryPage.value.total = result.total;
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ const analyticalAssaysPage = ref({
|
|
|
|
+ total: 0,
|
|
|
|
+ current: 1,
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ showSizeChanger: true,
|
|
|
|
+ showTotal: total => getPaginationTotalTitle(total)
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ const handleAnalyticalAssaysChange: TableProps['onChange'] = (
|
|
|
|
+ pag: { pageSize: number; current: number },
|
|
|
|
+ ) => {
|
|
|
|
+ analyticalAssaysPage.value.current = pag.current;
|
|
|
|
+ analyticalAssaysPage.value.pageSize = pag.pageSize;
|
|
|
|
+ loadAnalyticalAssaysData();
|
|
|
|
+ };
|
|
|
|
+
|
|
|
|
+ function loadAnalyticalAssaysData() {
|
|
|
|
+ let id = history.state.params?.id ?? wellData.dataModel.well_id;
|
|
|
|
+ get('wellInfo/getAnalyticalAssaysList', {
|
|
|
|
+ page: analyticalAssaysPage.value.current,
|
|
|
|
+ rows: analyticalAssaysPage.value.pageSize,
|
|
|
|
+ well_id: id
|
|
|
|
+ }).then(result => {
|
|
|
|
+ wellData.analyticalAssaysList = rowSpan(result.list);
|
|
|
|
+ analyticalAssaysPage.value.total = result.total;
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
const fileOptions = reactive({
|
|
const fileOptions = reactive({
|
|
docKey: '',
|
|
docKey: '',
|
|
businessType: [] as any[],
|
|
businessType: [] as any[],
|
|
@@ -411,13 +471,14 @@ export default defineComponent({
|
|
if (id == undefined) {
|
|
if (id == undefined) {
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
|
|
+ loadTestHistoryData();
|
|
|
|
+ loadAnalyticalAssaysData();
|
|
|
|
+
|
|
get('wellInfo/getWellInfo', {well_id: id}).then(data => {
|
|
get('wellInfo/getWellInfo', {well_id: id}).then(data => {
|
|
wellData.dataModel = data.dataModel;
|
|
wellData.dataModel = data.dataModel;
|
|
wellData.boreholeInterList = data.boreholeInterList;
|
|
wellData.boreholeInterList = data.boreholeInterList;
|
|
- wellData.testHistoryList = data.testHistoryList;
|
|
|
|
wellData.testHistorySummary = data.testHistorySummary;
|
|
wellData.testHistorySummary = data.testHistorySummary;
|
|
wellData.lastTestHistory = data.lastTestHistory ?? {};
|
|
wellData.lastTestHistory = data.lastTestHistory ?? {};
|
|
- wellData.analyticalAssaysList = rowSpan(data.analyticalAssaysList);
|
|
|
|
wellData.analyticalAssaysSummary = data.analyticalAssaysSummary;
|
|
wellData.analyticalAssaysSummary = data.analyticalAssaysSummary;
|
|
wellData.historyAssignmentList = data.historyAssignmentList;
|
|
wellData.historyAssignmentList = data.historyAssignmentList;
|
|
wellData.historyAssignmentSummary = data.historyAssignmentSummary;
|
|
wellData.historyAssignmentSummary = data.historyAssignmentSummary;
|
|
@@ -476,8 +537,8 @@ export default defineComponent({
|
|
return {
|
|
return {
|
|
...toRefs(wellData),
|
|
...toRefs(wellData),
|
|
loadData, cardSettings,
|
|
loadData, cardSettings,
|
|
- onClose, ...columns,
|
|
|
|
- dayjs, wellId, fileOptions, downFile, onBusTypeChange
|
|
|
|
|
|
+ onClose, ...columns,analyticalAssaysPage,handleAnalyticalAssaysChange,
|
|
|
|
+ dayjs, wellId, fileOptions, downFile, onBusTypeChange, handleTestHistoryChange, testHistoryPage
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|