|
@@ -1,134 +1,195 @@
|
|
|
<template>
|
|
|
- <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">
|
|
|
- 井名宁13-23构造位置XXXXXXXX,于2015年02月03日开钻,2015年08月22日完钻,采取先期裸眼完并方式完井。
|
|
|
|
|
|
- 投产于2015年09月09日,生产层位XXX层位 2023年10月27日进行最近一次流压测试,油层中部压力33.4MPa,中部温度166.85°C,2023年11月07日,油嘴6.5mm,油压14.66MPa,套压0.4MPa,日产液量38.2t/d,日产油量22.58t/d,含水40.88%,动液面788m,截止目前累产油290594.34吨。
|
|
|
- </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">
|
|
|
- <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.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">
|
|
|
- <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.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">
|
|
|
- 本井共实施5次系统试井,4次压恢压降试井,5次工程测井, 11次静压测试, 107次流压测试, 2023年10月27日进行最近一次流压测试,油层中部压力33.47MPa,中部温度132.32 ℃
|
|
|
- <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.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">
|
|
|
- 本井共实监原油全分析共90组,原油族组份分析12组,天然气全分析47组,B2S含量分析19组,油田水分析2组,PVT分析3组:
|
|
|
- <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.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-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>
|
|
|
+
|
|
|
+ <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>
|
|
|
+
|
|
|
+ <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>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
-import {ref, defineComponent} from 'vue';
|
|
|
+import {ref, defineComponent, toRefs, reactive} from 'vue';
|
|
|
import {get} from "@/api/common";
|
|
|
import {useTabsViewStore} from "@/store/modules/tabsView";
|
|
|
import dayjs from "dayjs";
|
|
|
-import type {Subject} from "@/views/subject/model";
|
|
|
import {useRoute} from "vue-router";
|
|
|
import router from "@/router";
|
|
|
+import {boreholeInterColumns,testHistoryColumns,analyticalAssaysColumns} from './columns';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'wellinfoDetail',
|
|
@@ -136,9 +197,9 @@ export default defineComponent({
|
|
|
setup() {
|
|
|
const tabsViewStore = useTabsViewStore();
|
|
|
const route = useRoute();
|
|
|
- const cardSettings =ref( {
|
|
|
+ const cardSettings = ref({
|
|
|
cardHeadStyle: {fontWeight: 'bold'},
|
|
|
- buttonStyle:{fontSize: '26px', cursor:'pointer'},
|
|
|
+ buttonStyle: {fontSize: '20px', cursor: 'pointer'},
|
|
|
cardSummary: {expand: true},
|
|
|
cardChat: {expand: true},
|
|
|
cardBaseInfo: {expand: true},
|
|
@@ -149,23 +210,22 @@ export default defineComponent({
|
|
|
cardWork: {expand: true},
|
|
|
cardGIS: {expand: true}
|
|
|
})
|
|
|
- const dataModel = ref<Subject>({
|
|
|
- subjectName: "",
|
|
|
- tabCode: "",
|
|
|
- tabName: "",
|
|
|
- isReferences: 0,
|
|
|
- tabDesc: "",
|
|
|
- execSql: "",
|
|
|
- tagList: []
|
|
|
+ const wellData = reactive({
|
|
|
+ dataModel:{},
|
|
|
+ boreholeInterList:[],
|
|
|
+ testHistoryList:[],
|
|
|
+ analyticalAssaysList:[]
|
|
|
});
|
|
|
|
|
|
const loadData = async (id) => {
|
|
|
if (id == undefined) {
|
|
|
return;
|
|
|
}
|
|
|
- get('subject/getSubject',
|
|
|
- {subjectId: id}).then(data => {
|
|
|
- dataModel.value = data;
|
|
|
+ get('wellInfo/getWellInfo',{well_id: id}).then(data => {
|
|
|
+ wellData.dataModel = data.dataModel;
|
|
|
+ wellData.boreholeInterList =data.boreholeInterList;
|
|
|
+ wellData.testHistoryList=data.testHistoryList;
|
|
|
+ wellData.analyticalAssaysList=data.analyticalAssaysList;
|
|
|
})
|
|
|
}
|
|
|
const onClose = () => {
|
|
@@ -174,9 +234,9 @@ export default defineComponent({
|
|
|
};
|
|
|
|
|
|
return {
|
|
|
+ ...toRefs(wellData),
|
|
|
loadData, cardSettings,
|
|
|
- onClose,
|
|
|
- dataModel,
|
|
|
+ onClose,boreholeInterColumns,testHistoryColumns,analyticalAssaysColumns,
|
|
|
dayjs
|
|
|
};
|
|
|
},
|
|
@@ -188,7 +248,22 @@ export default defineComponent({
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.card-detail{
|
|
|
- width: 100%;margin-top:10px;
|
|
|
+.card-detail {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.info-body {
|
|
|
+ line-height: 30px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #4E61D0
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.info-title {
|
|
|
+ border-color: #7cb305;
|
|
|
+ margin: 15px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
</style>
|