|
@@ -3,7 +3,9 @@
|
|
|
<div>
|
|
|
<a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
<template #title>
|
|
|
- <div slot="title" style="width:100%" @click="cardSettings.cardSummary.expand=!cardSettings.cardSummary.expand">井史简介</div>
|
|
|
+ <div slot="title" style="width:100%" @click="cardSettings.cardSummary.expand=!cardSettings.cardSummary.expand">
|
|
|
+ 井史简介
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<UpSquareOutlined v-if="cardSettings.cardSummary.expand" @click="cardSettings.cardSummary.expand=false"
|
|
@@ -14,28 +16,67 @@
|
|
|
<div v-if="cardSettings.cardSummary.expand" class="info-body">
|
|
|
<p>井名<span>{{ dataModel.well_common_name }}</span>构造位置<span>{{
|
|
|
dataModel.structure_pos
|
|
|
- }}</span>,于<span>{{ dataModel.spud_date }}</span>开钻,<span>{{ dataModel.end_drilling_date }}</span>完钻,采取<span>{{
|
|
|
- dataModel.completion_method
|
|
|
- }}</span>方式完井。
|
|
|
+ }}</span>
|
|
|
+ <template v-if="dataModel.spud_date">
|
|
|
+ ,于<span>{{ dataModel.spud_date }}</span>开钻
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.end_drilling_date">
|
|
|
+ ,<span>{{ dataModel.end_drilling_date }}</span>完钻
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.completion_method">
|
|
|
+ ,采取<span>{{dataModel.completion_method}}</span>方式完井。
|
|
|
+ </template>
|
|
|
</p>
|
|
|
|
|
|
- <p>投产于<span>{{ dataModel.start_prod_date }}</span>,生产层位<span>{{ dataModel.prod_horizon }}</span>层位
|
|
|
- <span>{{ dataModel.recent_testing_date }}</span>进行最近一次<span>{{ dataModel.recent_testing_name }}</span>测试,最近一次产油时间<span>{{
|
|
|
- dataModel.recent_prod_date
|
|
|
- }}</span>,油嘴<span>{{ dataModel.oil_nozzle }}</span>mm,
|
|
|
- 油压<span>{{ dataModel.tubing_pres }}</span>MPa,套压<span>{{
|
|
|
- dataModel.casing_pres
|
|
|
- }}</span>MPa,日产液量<span>{{ dataModel.fluid_prod_daily }}</span>t/d,日产油量<span>{{
|
|
|
- dataModel.oil_prod_daily
|
|
|
- }}</span>t/d,含水<span>{{ dataModel.water_cut }}</span>%,动液面<span>{{ dataModel.start_pump_liq_level }}</span>m,截止目前累产油<span>{{
|
|
|
- dataModel.oil_prod_cum
|
|
|
- }}</span>吨。
|
|
|
+ <p>
|
|
|
+ <template v-if="dataModel.prod_horizon">
|
|
|
+ 投产于<span>{{ dataModel.start_prod_date }}</span>
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.prod_horizon">
|
|
|
+ ,生产层位<span>{{ dataModel.prod_horizon }}</span>
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.recent_testing_date">
|
|
|
+ 层位 <span>{{ dataModel.recent_testing_date }}</span>
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.recent_testing_name">
|
|
|
+ 进行最近一次<span>{{ dataModel.recent_testing_name }}</span>测试
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.recent_prod_date">
|
|
|
+ ,最近一次产油时间<span>{{ dataModel.recent_prod_date }}</span>
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.oil_nozzle">
|
|
|
+ ,油嘴<span>{{ dataModel.oil_nozzle }}</span>mm
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.tubing_pres">
|
|
|
+ ,油压<span>{{ dataModel.tubing_pres }}</span>MPa
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.casing_pres">
|
|
|
+ ,套压<span>{{ dataModel.casing_pres }}</span>MPa
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.fluid_prod_daily">
|
|
|
+ ,日产液量<span>{{ dataModel.fluid_prod_daily }}</span>t/d
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.oil_prod_daily">
|
|
|
+ ,日产油量<span>{{ dataModel.oil_prod_daily }}</span>t/d
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.water_cut">
|
|
|
+ ,含水<span>{{ dataModel.water_cut }}</span>%
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.start_pump_liq_level">
|
|
|
+ ,动液面<span>{{ dataModel.start_pump_liq_level }}</span>m
|
|
|
+ </template>
|
|
|
+ <template v-if="dataModel.oil_prod_cum">,截止目前累产油<span>{{
|
|
|
+ dataModel.oil_prod_cum
|
|
|
+ }}</span>吨
|
|
|
+ </template>
|
|
|
+ 。
|
|
|
</p>
|
|
|
</div>
|
|
|
</a-card>
|
|
|
- <a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
+ <a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
<template #title>
|
|
|
- <div slot="title" style="width:100%" @click="cardSettings.cardChat.expand=!cardSettings.cardChat.expand">生产动态</div>
|
|
|
+ <div slot="title" style="width:100%" @click="cardSettings.cardChat.expand=!cardSettings.cardChat.expand">生产动态
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<UpSquareOutlined v-if="cardSettings.cardChat.expand" @click="cardSettings.cardChat.expand=false"
|
|
@@ -49,7 +90,9 @@
|
|
|
</a-card>
|
|
|
<a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
<template #title>
|
|
|
- <div slot="title" style="width:100%" @click="cardSettings.cardBaseInfo.expand=!cardSettings.cardBaseInfo.expand">基本信息</div>
|
|
|
+ <div slot="title" style="width:100%"
|
|
|
+ @click="cardSettings.cardBaseInfo.expand=!cardSettings.cardBaseInfo.expand">基本信息
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<UpSquareOutlined v-if="cardSettings.cardBaseInfo.expand" @click="cardSettings.cardBaseInfo.expand=false"
|
|
@@ -68,14 +111,28 @@
|
|
|
<a-descriptions-item label="井型:">{{ dataModel.well_type }}</a-descriptions-item>
|
|
|
<a-descriptions-item label="开钻日期:">{{ dataModel.spud_date }}</a-descriptions-item>
|
|
|
<a-descriptions-item label="完钻日期:">{{ dataModel.end_drilling_date }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="设计井深:">{{ dataModel.budgeted_md }}m</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="设计井深:">{{
|
|
|
+ dataModel.budgeted_md == null ? "" : (dataModel.budgeted_md + "m")
|
|
|
+ }}
|
|
|
+ </a-descriptions-item>
|
|
|
<a-descriptions-item label="完钻层位:">{{ dataModel.completion_formation }}</a-descriptions-item>
|
|
|
<a-descriptions-item label="完井方式:">{{ dataModel.completion_method }}</a-descriptions-item>
|
|
|
<a-descriptions-item label="生产井段:">{{ dataModel.well_production_sections }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="T₇⁴顶深:">{{ dataModel.t74_top_depth }}m</a-descriptions-item>
|
|
|
- <a-descriptions-item label="造斜点:">{{ dataModel.ko_azimuth }}m</a-descriptions-item>
|
|
|
- <a-descriptions-item label="水平位移:">{{ dataModel.ko_horizontal_dislocation }}m</a-descriptions-item>
|
|
|
- <a-descriptions-item label="方位角:">{{ dataModel.azimuth_angle }}°</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="T₇⁴顶深:">{{
|
|
|
+ dataModel.t74_top_depth == null ? "" : (dataModel.t74_top_depth + "m")
|
|
|
+ }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="造斜点:">{{
|
|
|
+ dataModel.ko_azimuth == null ? "" : (dataModel.ko_azimuth + "m")
|
|
|
+ }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="水平位移:">
|
|
|
+ {{ dataModel.ko_horizontal_dislocation == null ? "" : (dataModel.ko_horizontal_dislocation + "m") }}
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="方位角:">{{
|
|
|
+ dataModel.azimuth_angle == null ? "" : (dataModel.azimuth_angle + "°")
|
|
|
+ }}
|
|
|
+ </a-descriptions-item>
|
|
|
<a-descriptions-item label="井位坐标X:">{{ dataModel.well_coordinates_x }}</a-descriptions-item>
|
|
|
<a-descriptions-item label="井位坐标y:">{{ dataModel.well_coordinates_y }}</a-descriptions-item>
|
|
|
</a-descriptions>
|
|
@@ -123,7 +180,9 @@
|
|
|
</a-card>
|
|
|
<a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
<template #title>
|
|
|
- <div slot="title" style="width:100%" @click="cardSettings.cardExplain.expand=!cardSettings.cardExplain.expand">业务解释</div>
|
|
|
+ <div slot="title" style="width:100%" @click="cardSettings.cardExplain.expand=!cardSettings.cardExplain.expand">
|
|
|
+ 业务解释
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<UpSquareOutlined v-if="cardSettings.cardExplain.expand" @click="cardSettings.cardExplain.expand=false"
|
|
@@ -140,7 +199,8 @@
|
|
|
</a-card>
|
|
|
<a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
<template #title>
|
|
|
- <div slot="title" style="width:100%" @click="cardSettings.cardFile.expand=!cardSettings.cardFile.expand">相关文档</div>
|
|
|
+ <div slot="title" style="width:100%" @click="cardSettings.cardFile.expand=!cardSettings.cardFile.expand">相关文档
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<UpSquareOutlined v-if="cardSettings.cardFile.expand" @click="cardSettings.cardFile.expand=false"
|
|
@@ -160,9 +220,10 @@
|
|
|
</a-table>
|
|
|
</div>
|
|
|
</a-card>
|
|
|
- <a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
+ <a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
<template #title>
|
|
|
- <div slot="title" style="width:100%" @click="cardSettings.cardTest.expand=!cardSettings.cardTest.expand">测试历史</div>
|
|
|
+ <div slot="title" style="width:100%" @click="cardSettings.cardTest.expand=!cardSettings.cardTest.expand">测试历史
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<UpSquareOutlined v-if="cardSettings.cardTest.expand" @click="cardSettings.cardTest.expand=false"
|
|
@@ -187,7 +248,9 @@
|
|
|
</a-card>
|
|
|
<a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
<template #title>
|
|
|
- <div slot="title" style="width:100%" @click="cardSettings.cardAnalysis.expand=!cardSettings.cardAnalysis.expand">分析化验</div>
|
|
|
+ <div slot="title" style="width:100%"
|
|
|
+ @click="cardSettings.cardAnalysis.expand=!cardSettings.cardAnalysis.expand">分析化验
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<UpSquareOutlined v-if="cardSettings.cardAnalysis.expand" @click="cardSettings.cardAnalysis.expand=false"
|
|
@@ -210,7 +273,9 @@
|
|
|
</a-card>
|
|
|
<a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
<template #title>
|
|
|
- <div slot="title" style="width:100%" @click="cardSettings.cardWork.expand=!cardSettings.cardWork.expand">作业简史(业务过程)</div>
|
|
|
+ <div slot="title" style="width:100%" @click="cardSettings.cardWork.expand=!cardSettings.cardWork.expand">
|
|
|
+ 作业简史(业务过程)
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<UpSquareOutlined v-if="cardSettings.cardWork.expand" @click="cardSettings.cardWork.expand=false"
|
|
@@ -237,7 +302,8 @@
|
|
|
</a-card>
|
|
|
<a-card :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
<template #title>
|
|
|
- <div slot="title" style="width:100%" @click="cardSettings.cardGIS.expand=!cardSettings.cardGIS.expand">GIS地图</div>
|
|
|
+ <div slot="title" style="width:100%" @click="cardSettings.cardGIS.expand=!cardSettings.cardGIS.expand">GIS地图
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<template #extra>
|
|
|
<UpSquareOutlined v-if="cardSettings.cardGIS.expand" @click="cardSettings.cardGIS.expand=false"
|
|
@@ -316,12 +382,12 @@ export default defineComponent({
|
|
|
wellData.boreholeInterList = data.boreholeInterList;
|
|
|
wellData.testHistoryList = data.testHistoryList;
|
|
|
wellData.testHistorySummary = data.testHistorySummary;
|
|
|
- wellData.lastTestHistory = data.lastTestHistory??{};
|
|
|
+ wellData.lastTestHistory = data.lastTestHistory ?? {};
|
|
|
wellData.analyticalAssaysList = data.analyticalAssaysList;
|
|
|
wellData.analyticalAssaysSummary = data.analyticalAssaysSummary;
|
|
|
wellData.historyAssignmentList = data.historyAssignmentList;
|
|
|
wellData.historyAssignmentSummary = data.historyAssignmentSummary;
|
|
|
- wellData.lastHistoryAssignment = data.lastHistoryAssignment??{};
|
|
|
+ wellData.lastHistoryAssignment = data.lastHistoryAssignment ?? {};
|
|
|
wellData.dataIndexList = data.dataIndexList;
|
|
|
wellData.historyAssignmentCount = wellData.historyAssignmentSummary.reduce((total, it: any) => total + it.testing_num, 0);
|
|
|
})
|
|
@@ -353,7 +419,7 @@ export default defineComponent({
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped>
|
|
|
+<style lang="less">
|
|
|
.card-detail {
|
|
|
width: 100%;
|
|
|
margin-top: 10px;
|
|
@@ -361,6 +427,20 @@ export default defineComponent({
|
|
|
a {
|
|
|
color: #1890ff;
|
|
|
}
|
|
|
+ .ant-card-head-title{
|
|
|
+ font-weight: bold;
|
|
|
+ color:#1f37dd;
|
|
|
+ }
|
|
|
+ .ant-card-head {
|
|
|
+ padding: 0px 10px;
|
|
|
+ height: 35px;
|
|
|
+ cursor:pointer;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-card-head-wrapper {
|
|
|
+ height: 35px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.info-body {
|