|
@@ -26,7 +26,23 @@
|
|
<div class="search-group-title">检索井名:</div>
|
|
<div class="search-group-title">检索井名:</div>
|
|
<div class="search-group-item">
|
|
<div class="search-group-item">
|
|
<template v-for="it in keyList">
|
|
<template v-for="it in keyList">
|
|
- <span>{{it.key}}</span>
|
|
|
|
|
|
+ <a-popover trigger="hover" @visibleChange="visible=>onVisible(visible,it.key)">
|
|
|
|
+ <template #content>
|
|
|
|
+ <a-descriptions bordered>
|
|
|
|
+ <a-descriptions-item label="井名:">{{ wellInfo?.well_common_name }} </a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="井别:">{{ wellInfo?.well_purpose }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="井型:">{{ wellInfo?.well_type }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="开钻日期:">{{ wellInfo?.spud_date_fmt }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="完钻日期:">{{ wellInfo?.end_drilling_date_fmt }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="设计井深:">{{wellInfo?.budgeted_md == null ? "" : (wellInfo?.budgeted_md + "m")}}
|
|
|
|
+ </a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="完钻层位:">{{ wellInfo?.completion_formation }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="完井方式:">{{ wellInfo?.completion_method }}</a-descriptions-item>
|
|
|
|
+ <a-descriptions-item label="生产井段:">{{ wellInfo?.well_production_sections }}</a-descriptions-item>
|
|
|
|
+ </a-descriptions>
|
|
|
|
+ </template>
|
|
|
|
+ <span>{{it.key}}</span>
|
|
|
|
+ </a-popover>
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
<div class="search-group-expend" @click="pageState.showMoreKey=!pageState.showMoreKey">
|
|
<div class="search-group-expend" @click="pageState.showMoreKey=!pageState.showMoreKey">
|
|
@@ -232,7 +248,15 @@ export default defineComponent({
|
|
}
|
|
}
|
|
})
|
|
})
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ const wellInfo=ref();
|
|
|
|
+ function onVisible(visible,key){
|
|
|
|
+ console.log(visible,key);
|
|
|
|
+ if(visible) {
|
|
|
|
+ get('wellInfo/getWellBaseInfo', {well_id:key}).then(data => {
|
|
|
|
+ wellInfo.value = data;
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
const listData: string[] = [
|
|
const listData: string[] = [
|
|
'井号1-1.',
|
|
'井号1-1.',
|
|
'井号2-1',
|
|
'井号2-1',
|
|
@@ -257,7 +281,7 @@ export default defineComponent({
|
|
dataList,
|
|
dataList,
|
|
handleChange,
|
|
handleChange,
|
|
pageParams,
|
|
pageParams,
|
|
- keyList,
|
|
|
|
|
|
+ keyList,onVisible,wellInfo,
|
|
queryObject
|
|
queryObject
|
|
};
|
|
};
|
|
},
|
|
},
|