|
@@ -1,195 +1,216 @@
|
|
<template>
|
|
<template>
|
|
|
|
|
|
- <div>
|
|
|
|
- <a-card title="井史简介" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
- <template #extra>
|
|
|
|
- <UpSquareOutlined v-if="cardSettings.cardSummary.expand" @click="cardSettings.cardSummary.expand=false"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- <DownSquareOutlined v-else @click="cardSettings.cardSummary.expand=true"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- </template>
|
|
|
|
- <div v-if="cardSettings.cardSummary.expand" class="info-body">
|
|
|
|
- <p>井名宁<span>13-23</span>构造位置<span>XXXXXXXX</span>,于<span>2015年02月03日</span>开钻,2015年08月22日完钻,采取<span>先期裸眼完并</span>方式完井。
|
|
|
|
- </p>
|
|
|
|
|
|
+ <div>
|
|
|
|
+ <a-card title="井史简介" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
+ <template #extra>
|
|
|
|
+ <UpSquareOutlined v-if="cardSettings.cardSummary.expand" @click="cardSettings.cardSummary.expand=false"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ <DownSquareOutlined v-else @click="cardSettings.cardSummary.expand=true"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ </template>
|
|
|
|
+ <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>方式完井。
|
|
|
|
+ </p>
|
|
|
|
|
|
- <p>投产于<span>2015年09月09日</span>,生产层位<span>XXX</span>层位 <span>2023年10月27日</span>进行最近一次流压测试,油层中部压力<span>33.4</span>MPa,中部温度<span>166.85</span>°C,<span>2023年11月07日</span>,油嘴<span>6.5</span>mm,
|
|
|
|
- </p>
|
|
|
|
- <p>
|
|
|
|
- 油压<span>14.66</span>MPa,套压<span>0.4</span>MPa,日产液量<span>38.2</span>t/d,日产油量<span>22.58</span>t/d,含水<span>40.88</span>%,动液面<span>788</span>m,截止目前累产油<span>290594.34</span>吨。
|
|
|
|
- </p>
|
|
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
- <a-card title="生产动态" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
- <template #extra>
|
|
|
|
- <UpSquareOutlined v-if="cardSettings.cardChat.expand" @click="cardSettings.cardChat.expand=false"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- <DownSquareOutlined v-else @click="cardSettings.cardChat.expand=true"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- </template>
|
|
|
|
- <div v-if="cardSettings.cardChat.expand">
|
|
|
|
- <p>Card content</p>
|
|
|
|
- <p>Card content</p>
|
|
|
|
- <p>Card content</p>
|
|
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
- <a-card title="基本信息" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
- <template #extra>
|
|
|
|
- <UpSquareOutlined v-if="cardSettings.cardBaseInfo.expand" @click="cardSettings.cardBaseInfo.expand=false"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- <DownSquareOutlined v-else @click="cardSettings.cardBaseInfo.expand=true"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- </template>
|
|
|
|
- <div v-if="cardSettings.cardBaseInfo.expand">
|
|
|
|
- <a-divider type="vertical" class="info-title" style="margin-top: 0px" dashed>井身结构</a-divider>
|
|
|
|
- <a-descriptions bordered>
|
|
|
|
- <a-descriptions-item label="井id:">{{dataModel.well_id }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="井名:">{{dataModel.well_common_name }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="井别:">{{dataModel.well_purpose }}</a-descriptions-item>
|
|
|
|
- <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 }}</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>
|
|
|
|
- <a-divider type="vertical" class="info-title" dashed>井信息</a-divider>
|
|
|
|
- <a-descriptions bordered>
|
|
|
|
- <a-descriptions-item label="采油厂机构:">{{dataModel.org_name_a1 }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="单位名称:">{{dataModel.org_name_a2 }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="标准井名:">{{dataModel.well_legal_name }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="地理位置描述:" :span="3">{{dataModel.geo_description }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="构造位置描述:" :span="3">{{dataModel.structure_pos }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="创建/更新日期:">
|
|
|
|
- {{dataModel.update_date == null ? dataModel.create_date : dataModel.update_date }}
|
|
|
|
- </a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="井筒生命阶段:">{{dataModel.phase }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="通用井筒名:">{{dataModel.wellbore_common_name }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="目的层:">{{dataModel.target_formation }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="审定测量深度:">{{dataModel.authorized_md }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="审定真垂直深度:">{{dataModel.authorized_tvd }}</a-descriptions-item>
|
|
|
|
|
|
+ <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,
|
|
|
|
+ </p>
|
|
|
|
+ <p>
|
|
|
|
+ 油压<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>
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ <a-card title="生产动态" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
+ <template #extra>
|
|
|
|
+ <UpSquareOutlined v-if="cardSettings.cardChat.expand" @click="cardSettings.cardChat.expand=false"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ <DownSquareOutlined v-else @click="cardSettings.cardChat.expand=true"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ </template>
|
|
|
|
+ <div v-if="cardSettings.cardChat.expand">
|
|
|
|
+ <p>Card content</p>
|
|
|
|
+ <p>Card content</p>
|
|
|
|
+ <p>Card content</p>
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ <a-card title="基本信息" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
+ <template #extra>
|
|
|
|
+ <UpSquareOutlined v-if="cardSettings.cardBaseInfo.expand" @click="cardSettings.cardBaseInfo.expand=false"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ <DownSquareOutlined v-else @click="cardSettings.cardBaseInfo.expand=true"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ </template>
|
|
|
|
+ <div v-if="cardSettings.cardBaseInfo.expand">
|
|
|
|
+ <a-divider type="vertical" class="info-title" style="margin-top: 0px" dashed>井身结构</a-divider>
|
|
|
|
+ <a-descriptions bordered>
|
|
|
|
+ <a-descriptions-item label="井id:">{{ dataModel.well_id }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="井名:">{{ dataModel.well_common_name }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="井别:">{{ dataModel.well_purpose }}</a-descriptions-item>
|
|
|
|
+ <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 }}</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>
|
|
|
|
+ <a-divider type="vertical" class="info-title" dashed>井信息</a-divider>
|
|
|
|
+ <a-descriptions bordered>
|
|
|
|
+ <a-descriptions-item label="采油厂机构:">{{ dataModel.org_name_a1 }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="单位名称:">{{ dataModel.org_name_a2 }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="标准井名:">{{ dataModel.well_legal_name }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="地理位置描述:" :span="3">{{ dataModel.geo_description }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="构造位置描述:" :span="3">{{ dataModel.structure_pos }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="创建/更新日期:">
|
|
|
|
+ {{ dataModel.update_date == null ? dataModel.create_date : dataModel.update_date }}
|
|
|
|
+ </a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="井筒生命阶段:">{{ dataModel.phase }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="通用井筒名:">{{ dataModel.wellbore_common_name }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="目的层:">{{ dataModel.target_formation }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="审定测量深度:">{{ dataModel.authorized_md }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="审定真垂直深度:">{{ dataModel.authorized_tvd }}</a-descriptions-item>
|
|
|
|
|
|
- <a-descriptions-item label="井底测量深度:">{{dataModel.bh_md }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="井底位置描述信息:" :span="2">{{dataModel.geo_description_bh }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="井底真垂直深度:">{{dataModel.bh_tvd }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="相对于参考面的造斜点深度:">{{dataModel.ko_md }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="实际造斜点真垂直深度:">{{dataModel.ko_tvd }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="地质单元:">{{dataModel.project_name }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="单元类型:">{{dataModel.project_type }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="单元等级:">{{dataModel.project_level }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="备注:" :span="3">{{dataModel.remarks }}</a-descriptions-item>
|
|
|
|
- </a-descriptions>
|
|
|
|
- <a-divider type="vertical" class="info-title" dashed>井盆地凹陷信息</a-divider>
|
|
|
|
- <a-descriptions bordered>
|
|
|
|
- <a-descriptions-item label="标准盆地:">{{dataModel.bz_basin }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="标准地陷:">{{dataModel.bz_depression }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="标准凹陷:">{{dataModel.bz_depressed }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="标准构造带:">{{dataModel.bz_structural_belt }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="标准区块:">{{dataModel.bz_qkdy }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="标准组织机构:">{{dataModel.bz_org_name }}</a-descriptions-item>
|
|
|
|
- <a-descriptions-item label="标准作业区名:">{{dataModel.bz_dwmc }}</a-descriptions-item>
|
|
|
|
- </a-descriptions>
|
|
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
- <a-card title="业务解释" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
- <template #extra>
|
|
|
|
- <UpSquareOutlined v-if="cardSettings.cardExplain.expand" @click="cardSettings.cardExplain.expand=false"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- <DownSquareOutlined v-else @click="cardSettings.cardExplain.expand=true"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- </template>
|
|
|
|
- <div v-if="cardSettings.cardExplain.expand">
|
|
|
|
- <a-table :columns="boreholeInterColumns" :data-source="boreholeInterList" :scroll="{ x:'100%', y: 500 }"
|
|
|
|
- :pagination="false"
|
|
|
|
- bordered>
|
|
|
|
- </a-table>
|
|
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
- <a-card title="相关文档" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
- <template #extra>
|
|
|
|
- <UpSquareOutlined v-if="cardSettings.cardFile.expand" @click="cardSettings.cardFile.expand=false"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- <DownSquareOutlined v-else @click="cardSettings.cardFile.expand=true"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- </template>
|
|
|
|
- <div v-if="cardSettings.cardFile.expand">
|
|
|
|
- <p>Card content</p>
|
|
|
|
- <p>Card content</p>
|
|
|
|
- <p>Card content</p>
|
|
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
- <a-card title="测试历史" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
- <template #extra>
|
|
|
|
- <UpSquareOutlined v-if="cardSettings.cardTest.expand" @click="cardSettings.cardTest.expand=false"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- <DownSquareOutlined v-else @click="cardSettings.cardTest.expand=true"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- </template>
|
|
|
|
- <div v-if="cardSettings.cardTest.expand">
|
|
|
|
- <p>本井共实施5次系统试井,4次压恢压降试井,5次工程测井, 11次静压测试, 107次流压测试,
|
|
|
|
- 2023年10月27日进行最近一次流压测试,油层中部压力33.47MPa,中部温度132.32 ℃<br/>
|
|
|
|
- </p>
|
|
|
|
- <a-table :columns="testHistoryColumns" :data-source="testHistoryList" :scroll="{ x:'100%', y: 500 }"
|
|
|
|
- :pagination="false"
|
|
|
|
- bordered>
|
|
|
|
- </a-table>
|
|
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
- <a-card title="分析化验" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
- <template #extra>
|
|
|
|
- <UpSquareOutlined v-if="cardSettings.cardAnalysis.expand" @click="cardSettings.cardAnalysis.expand=false"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- <DownSquareOutlined v-else @click="cardSettings.cardAnalysis.expand=true"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- </template>
|
|
|
|
- <div v-if="cardSettings.cardAnalysis.expand">
|
|
|
|
- <p>
|
|
|
|
- 本井共实监原油全分析共90组,原油族组份分析12组,天然气全分析47组,B2S含量分析19组,油田水分析2组,PVT分析3组:
|
|
|
|
- </p>
|
|
|
|
- <br>
|
|
|
|
- <a-table :columns="analyticalAssaysColumns" :data-source="analyticalAssaysList" :scroll="{ x:'100%', y: 500 }"
|
|
|
|
- :pagination="false"
|
|
|
|
- bordered>
|
|
|
|
- </a-table>
|
|
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
- <a-card title="作业简史(业务过程)" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
- <template #extra>
|
|
|
|
- <UpSquareOutlined v-if="cardSettings.cardWork.expand" @click="cardSettings.cardWork.expand=false"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- <DownSquareOutlined v-else @click="cardSettings.cardWork.expand=true"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- </template>
|
|
|
|
- <div v-if="cardSettings.cardWork.expand">
|
|
|
|
- 哈23-12井井实施井下作业施工1次,其中油管测试1次;2015年08月23日油管测试,油管测试井段7458m-7613.05m
|
|
|
|
- <p>Card content</p>
|
|
|
|
- <p>Card content</p>
|
|
|
|
- <p>Card content</p>
|
|
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
- <a-card title="GIS地图" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
- <template #extra>
|
|
|
|
- <UpSquareOutlined v-if="cardSettings.cardGIS.expand" @click="cardSettings.cardGIS.expand=false"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- <DownSquareOutlined v-else @click="cardSettings.cardGIS.expand=true"
|
|
|
|
- :style="cardSettings.buttonStyle"/>
|
|
|
|
- </template>
|
|
|
|
- <div v-if="cardSettings.cardGIS.expand">
|
|
|
|
- 哈23-12井井实施井下作业施工1次,其中油管测试1次;2015年08月23日油管测试,油管测试井段7458m-7613.05m
|
|
|
|
- <p>Card content</p>
|
|
|
|
- <p>Card content</p>
|
|
|
|
- <p>Card content</p>
|
|
|
|
- </div>
|
|
|
|
- </a-card>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <a-descriptions-item label="井底测量深度:">{{ dataModel.bh_md }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="井底位置描述信息:" :span="2">{{ dataModel.geo_description_bh }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="井底真垂直深度:">{{ dataModel.bh_tvd }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="相对于参考面的造斜点深度:">{{ dataModel.ko_md }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="实际造斜点真垂直深度:">{{ dataModel.ko_tvd }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="地质单元:">{{ dataModel.project_name }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="单元类型:">{{ dataModel.project_type }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="单元等级:">{{ dataModel.project_level }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="备注:" :span="3">{{ dataModel.remarks }}</a-descriptions-item>
|
|
|
|
+ </a-descriptions>
|
|
|
|
+ <a-divider type="vertical" class="info-title" dashed>井盆地凹陷信息</a-divider>
|
|
|
|
+ <a-descriptions bordered>
|
|
|
|
+ <a-descriptions-item label="标准盆地:">{{ dataModel.bz_basin }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="标准地陷:">{{ dataModel.bz_depression }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="标准凹陷:">{{ dataModel.bz_depressed }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="标准构造带:">{{ dataModel.bz_structural_belt }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="标准区块:">{{ dataModel.bz_qkdy }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="标准组织机构:">{{ dataModel.bz_org_name }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="标准作业区名:">{{ dataModel.bz_dwmc }}</a-descriptions-item>
|
|
|
|
+ </a-descriptions>
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ <a-card title="业务解释" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
+ <template #extra>
|
|
|
|
+ <UpSquareOutlined v-if="cardSettings.cardExplain.expand" @click="cardSettings.cardExplain.expand=false"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ <DownSquareOutlined v-else @click="cardSettings.cardExplain.expand=true"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ </template>
|
|
|
|
+ <div v-if="cardSettings.cardExplain.expand">
|
|
|
|
+ <a-table :columns="boreholeInterColumns" :data-source="boreholeInterList" :scroll="{ x:'100%', y: 500 }"
|
|
|
|
+ :pagination="false"
|
|
|
|
+ bordered>
|
|
|
|
+ </a-table>
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ <a-card title="相关文档" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
+ <template #extra>
|
|
|
|
+ <UpSquareOutlined v-if="cardSettings.cardFile.expand" @click="cardSettings.cardFile.expand=false"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ <DownSquareOutlined v-else @click="cardSettings.cardFile.expand=true"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ </template>
|
|
|
|
+ <div v-if="cardSettings.cardFile.expand">
|
|
|
|
+ <a-table :columns="dataIndexColumns" :data-source="dataIndexList" :scroll="{ x:'100%', y: 500 }"
|
|
|
|
+ :pagination="false"
|
|
|
|
+ bordered>
|
|
|
|
+ <template #bodyCell="{ column,record }">
|
|
|
|
+ <template v-if="column.key === 'file_name'">
|
|
|
|
+ <a>{{ record.file_name }}</a>
|
|
|
|
+ </template>
|
|
|
|
+ </template>
|
|
|
|
+ </a-table>
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ <a-card title="测试历史" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
+ <template #extra>
|
|
|
|
+ <UpSquareOutlined v-if="cardSettings.cardTest.expand" @click="cardSettings.cardTest.expand=false"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ <DownSquareOutlined v-else @click="cardSettings.cardTest.expand=true"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ </template>
|
|
|
|
+ <div v-if="cardSettings.cardTest.expand">
|
|
|
|
+ <p>本井共实施5次系统试井,4次压恢压降试井,5次工程测井, 11次静压测试, 107次流压测试,
|
|
|
|
+ 2023年10月27日进行最近一次流压测试,油层中部压力33.47MPa,中部温度132.32 ℃<br/>
|
|
|
|
+ </p>
|
|
|
|
+ <a-table :columns="testHistoryColumns" :data-source="testHistoryList" :scroll="{ x:'100%', y: 500 }"
|
|
|
|
+ :pagination="false"
|
|
|
|
+ bordered>
|
|
|
|
+ </a-table>
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ <a-card title="分析化验" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
+ <template #extra>
|
|
|
|
+ <UpSquareOutlined v-if="cardSettings.cardAnalysis.expand" @click="cardSettings.cardAnalysis.expand=false"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ <DownSquareOutlined v-else @click="cardSettings.cardAnalysis.expand=true"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ </template>
|
|
|
|
+ <div v-if="cardSettings.cardAnalysis.expand">
|
|
|
|
+ <p>
|
|
|
|
+ 本井共实监原油全分析共90组,原油族组份分析12组,天然气全分析47组,B2S含量分析19组,油田水分析2组,PVT分析3组:
|
|
|
|
+ </p>
|
|
|
|
+ <br>
|
|
|
|
+ <a-table :columns="analyticalAssaysColumns" :data-source="analyticalAssaysList" :scroll="{ x:'100%', y: 500 }"
|
|
|
|
+ :pagination="false"
|
|
|
|
+ bordered>
|
|
|
|
+ </a-table>
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ <a-card title="作业简史(业务过程)" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
+ <template #extra>
|
|
|
|
+ <UpSquareOutlined v-if="cardSettings.cardWork.expand" @click="cardSettings.cardWork.expand=false"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ <DownSquareOutlined v-else @click="cardSettings.cardWork.expand=true"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ </template>
|
|
|
|
+ <div v-if="cardSettings.cardWork.expand">
|
|
|
|
+ <p>哈23-12井井实施井下作业施工1次,其中油管测试1次;2015年08月23日油管测试,油管测试井段7458m-7613.05m</p>
|
|
|
|
+ <br/>
|
|
|
|
+ <a-table :columns="historyAssignmentColumns" :data-source="historyAssignmentList" :scroll="{ x:'100%', y: 500 }"
|
|
|
|
+ :pagination="false"
|
|
|
|
+ bordered>
|
|
|
|
+ </a-table>
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ <a-card title="GIS地图" :bordered="false" :headStyle="cardSettings.cardHeadStyle" class="card-detail">
|
|
|
|
+ <template #extra>
|
|
|
|
+ <UpSquareOutlined v-if="cardSettings.cardGIS.expand" @click="cardSettings.cardGIS.expand=false"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ <DownSquareOutlined v-else @click="cardSettings.cardGIS.expand=true"
|
|
|
|
+ :style="cardSettings.buttonStyle"/>
|
|
|
|
+ </template>
|
|
|
|
+ <div v-if="cardSettings.cardGIS.expand">
|
|
|
|
+ 哈23-12井井实施井下作业施工1次,其中油管测试1次;2015年08月23日油管测试,油管测试井段7458m-7613.05m
|
|
|
|
+ <p>Card content</p>
|
|
|
|
+ <p>Card content</p>
|
|
|
|
+ <p>Card content</p>
|
|
|
|
+ </div>
|
|
|
|
+ </a-card>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
-import {ref, defineComponent, toRefs, reactive} from 'vue';
|
|
|
|
-import {get} from "@/api/common";
|
|
|
|
|
|
+import {ref, defineComponent, toRefs, reactive, watch} from 'vue';
|
|
|
|
+import {get, postData} from "@/api/common";
|
|
import {useTabsViewStore} from "@/store/modules/tabsView";
|
|
import {useTabsViewStore} from "@/store/modules/tabsView";
|
|
import dayjs from "dayjs";
|
|
import dayjs from "dayjs";
|
|
import {useRoute} from "vue-router";
|
|
import {useRoute} from "vue-router";
|
|
import router from "@/router";
|
|
import router from "@/router";
|
|
-import {boreholeInterColumns,testHistoryColumns,analyticalAssaysColumns} from './columns';
|
|
|
|
|
|
+import * as columns from './columns';
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
name: 'wellinfoDetail',
|
|
name: 'wellinfoDetail',
|
|
@@ -210,22 +231,38 @@ export default defineComponent({
|
|
cardWork: {expand: true},
|
|
cardWork: {expand: true},
|
|
cardGIS: {expand: true}
|
|
cardGIS: {expand: true}
|
|
})
|
|
})
|
|
|
|
+ watch(
|
|
|
|
+ () => cardSettings,
|
|
|
|
+ () => {
|
|
|
|
+ let id = history.state.params?.id ?? wellData.dataModel.well_id;
|
|
|
|
+ postData('wellInfo/saveExpendSetting', {well_id: id, setting_json: JSON.stringify(cardSettings.value)});
|
|
|
|
+ }, {deep: true, immediate: false}
|
|
|
|
+ );
|
|
const wellData = reactive({
|
|
const wellData = reactive({
|
|
- dataModel:{},
|
|
|
|
- boreholeInterList:[],
|
|
|
|
- testHistoryList:[],
|
|
|
|
- analyticalAssaysList:[]
|
|
|
|
|
|
+ dataModel: {well_id: null},
|
|
|
|
+ boreholeInterList: [],
|
|
|
|
+ testHistoryList: [],
|
|
|
|
+ analyticalAssaysList: [],
|
|
|
|
+ historyAssignmentList: [],
|
|
|
|
+ dataIndexList: []
|
|
});
|
|
});
|
|
|
|
|
|
const loadData = async (id) => {
|
|
const loadData = async (id) => {
|
|
if (id == undefined) {
|
|
if (id == undefined) {
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
- 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.testHistoryList=data.testHistoryList;
|
|
|
|
- wellData.analyticalAssaysList=data.analyticalAssaysList;
|
|
|
|
|
|
+ wellData.boreholeInterList = data.boreholeInterList;
|
|
|
|
+ wellData.testHistoryList = data.testHistoryList;
|
|
|
|
+ wellData.analyticalAssaysList = data.analyticalAssaysList;
|
|
|
|
+ wellData.historyAssignmentList = data.historyAssignmentList;
|
|
|
|
+ wellData.dataIndexList = data.dataIndexList;
|
|
|
|
+ })
|
|
|
|
+ get('wellInfo/getExpendSetting', {wellId: id}).then(data => {
|
|
|
|
+ if (data != null) {
|
|
|
|
+ cardSettings.value = JSON.parse(data.setting_json);
|
|
|
|
+ }
|
|
})
|
|
})
|
|
}
|
|
}
|
|
const onClose = () => {
|
|
const onClose = () => {
|
|
@@ -236,12 +273,15 @@ export default defineComponent({
|
|
return {
|
|
return {
|
|
...toRefs(wellData),
|
|
...toRefs(wellData),
|
|
loadData, cardSettings,
|
|
loadData, cardSettings,
|
|
- onClose,boreholeInterColumns,testHistoryColumns,analyticalAssaysColumns,
|
|
|
|
|
|
+ onClose, ...columns,
|
|
dayjs
|
|
dayjs
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
const id = history.state.params?.id;
|
|
const id = history.state.params?.id;
|
|
|
|
+ if (id == undefined) {
|
|
|
|
+ this.onClose();
|
|
|
|
+ }
|
|
this.loadData(id);
|
|
this.loadData(id);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
@@ -251,13 +291,17 @@ export default defineComponent({
|
|
.card-detail {
|
|
.card-detail {
|
|
width: 100%;
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
|
+
|
|
|
|
+ a {
|
|
|
|
+ color: #3a7be0;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.info-body {
|
|
.info-body {
|
|
line-height: 30px;
|
|
line-height: 30px;
|
|
|
|
|
|
span {
|
|
span {
|
|
- color: #4E61D0
|
|
|
|
|
|
+ color: #3a7be0
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|