|
@@ -1,26 +1,6 @@
|
|
|
<template>
|
|
|
<div class="card-search">
|
|
|
- <div>
|
|
|
- <a-space>
|
|
|
- <a-select v-model:value="formState.tabName" :options="fieldList" class="operTexts"></a-select>
|
|
|
- <QueryHistoryComplete v-model:value="formState.key" style="width: 285px"></QueryHistoryComplete>
|
|
|
- <a-button type="primary" html-type="submit" @click="onQuery">查询</a-button>
|
|
|
- <a-button @click="() => {formRef.resetFields();}">重置</a-button>
|
|
|
- </a-space>
|
|
|
- </div>
|
|
|
- <div v-show="pageState.showMoreQuery">
|
|
|
- <queryCriteria ref="queryRef" :query-object="queryObject"></queryCriteria>
|
|
|
- </div>
|
|
|
- <a-divider orientation="center" @click="pageState.showMoreQuery=!pageState.showMoreQuery">
|
|
|
- <template v-if="!pageState.showMoreQuery">
|
|
|
- 展开更多
|
|
|
- <DoubleRightOutlined rotate="90"/>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- 收 起
|
|
|
- <DoubleLeftOutlined rotate="90"/>
|
|
|
- </template>
|
|
|
- </a-divider>
|
|
|
+ <queryCriteria ref="queryRef" :queryObject="queryObject" @query="onQuery"></queryCriteria>
|
|
|
<a-spin :spinning="pageState.loading">
|
|
|
<div class="search-group" :style="{ height: pageState.showMoreKey? '150px':'38px' }">
|
|
|
<div class="search-group-title">检索井名:</div>
|
|
@@ -29,19 +9,20 @@
|
|
|
<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_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 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>
|
|
|
+ <span>{{ it.key }}</span>
|
|
|
</a-popover>
|
|
|
</template>
|
|
|
</div>
|
|
@@ -88,10 +69,17 @@
|
|
|
<div class="search-body-item">
|
|
|
<component is="cycleView" :indexSetting="it.indexSetting" :data="it"></component>
|
|
|
<component is="tableView" :indexSetting="it.indexSetting" :data="it"></component>
|
|
|
- <component is="chatView" :indexSetting="it.indexSetting" :well_id="it.well_id" :data="it.dws_dm_analytical_assays_new" v-show="it.showMore"></component>
|
|
|
- <component is="listView" :indexSetting="it.indexSetting" :fieldCode="'fact_dwr_brief_history_assignment'" :data="it.fact_dwr_brief_history_assignment" v-show="it.showMore"></component>
|
|
|
- <component is="listView" :indexSetting="it.indexSetting" :fieldCode="'fact_dwr_wl_ach_borehole_inter'" :data="it.fact_dwr_wl_ach_borehole_inter" v-show="it.showMore"></component>
|
|
|
- <component is="docView" :indexSetting="it.indexSetting" :data="it.fact_dwr_well_data_index" v-show="it.showMore"></component>
|
|
|
+ <component is="chatView" :indexSetting="it.indexSetting" :well_id="it.well_id"
|
|
|
+ :data="it.dws_dm_analytical_assays_new" v-show="it.showMore"></component>
|
|
|
+ <component is="listView" :indexSetting="it.indexSetting"
|
|
|
+ :fieldCode="'fact_dwr_brief_history_assignment'" :data="it.fact_dwr_brief_history_assignment"
|
|
|
+ v-show="it.showMore"></component>
|
|
|
+ <component is="listView" :indexSetting="it.indexSetting" :fieldCode="'fact_dwr_wl_ach_borehole_inter'"
|
|
|
+ :data="it.fact_dwr_wl_ach_borehole_inter" v-show="it.showMore"></component>
|
|
|
+ <component is="listView" :indexSetting="it.indexSetting" :fieldCode="'dws_dm_analytical_assays_new'"
|
|
|
+ :data="it.dws_dm_analytical_assays_new" v-show="it.showMore"></component>
|
|
|
+ <component is="docView" :indexSetting="it.indexSetting" :data="it.fact_dwr_well_data_index"
|
|
|
+ v-show="it.showMore"></component>
|
|
|
|
|
|
<a-divider orientation="center" @click="it.showMore=!it.showMore">
|
|
|
<template v-if="!it.showMore">
|
|
@@ -170,7 +158,7 @@ import QueryHistoryComplete from '@/components/basic/querylog/history-complete.v
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'esdomainResult',
|
|
|
- components: {tableView, listView, chatView, docView, cycleView, queryCriteria,QueryHistoryComplete},
|
|
|
+ components: {tableView, listView, chatView, docView, cycleView, queryCriteria, QueryHistoryComplete},
|
|
|
setup() {
|
|
|
|
|
|
const route = useRoute();
|
|
@@ -184,13 +172,13 @@ export default defineComponent({
|
|
|
page: 1, rows: 10, subjectName: '', tabName: '', tabCode: null, total: 0
|
|
|
});
|
|
|
const displayType = ['cycleView', 'tableView', 'listView', 'chatView', 'docView'];
|
|
|
- const queryObject=ref();
|
|
|
+ const queryObject = ref();
|
|
|
const pageState = reactive({
|
|
|
showMoreQuery: false,
|
|
|
defaultOrder: '',
|
|
|
timeOrder: '',
|
|
|
loading: false,
|
|
|
- showMoreKey:false
|
|
|
+ showMoreKey: false
|
|
|
});
|
|
|
const pageParams = ref({
|
|
|
total: 0,
|
|
@@ -205,7 +193,7 @@ export default defineComponent({
|
|
|
) => {
|
|
|
pageParams.value.current = pag.current;
|
|
|
pageParams.value.pageSize = pag.pageSize;
|
|
|
- onQuery();
|
|
|
+ onQuery(queryObject.value);
|
|
|
};
|
|
|
|
|
|
const queryRef = ref<typeof queryCriteria>();
|
|
@@ -216,10 +204,10 @@ export default defineComponent({
|
|
|
] as SelectProps['options'];
|
|
|
|
|
|
|
|
|
- /* get('esindex/getAllList', {}).then(result => {
|
|
|
- indexList.value = result.list;
|
|
|
- }) */
|
|
|
- const getIndex=async () => {
|
|
|
+ /* get('esindex/getAllList', {}).then(result => {
|
|
|
+ indexList.value = result.list;
|
|
|
+ }) */
|
|
|
+ const getIndex = async () => {
|
|
|
const result = await get('esindex/getAllList', {});
|
|
|
indexList.value = result.list;
|
|
|
}
|
|
@@ -227,17 +215,17 @@ export default defineComponent({
|
|
|
tabsViewStore.addTabByPath('/wellinfo/detail', {id: well_id});
|
|
|
}
|
|
|
|
|
|
- function onQuery() {
|
|
|
- let queryObject = queryRef.value?.getQuery();
|
|
|
- loadData(queryObject);
|
|
|
+ function onQuery(args) {
|
|
|
+ queryObject.value = args;
|
|
|
+ loadData();
|
|
|
}
|
|
|
|
|
|
- function loadData(queryObject) {
|
|
|
- queryObject.page = pageParams.value.current - 1;
|
|
|
- queryObject.limit = pageParams.value.pageSize;
|
|
|
+ function loadData() {
|
|
|
+ queryObject.value.page = pageParams.value.current - 1;
|
|
|
+ queryObject.value.limit = pageParams.value.pageSize;
|
|
|
|
|
|
pageState.loading = true;
|
|
|
- postData('esquery/Query', queryObject).then(result => {
|
|
|
+ postData('esquery/Query', queryObject.value).then(result => {
|
|
|
pageState.loading = false;
|
|
|
console.log(result);
|
|
|
dataList.value = (result as any).rows;
|
|
@@ -252,20 +240,23 @@ export default defineComponent({
|
|
|
dataList.value.forEach(it => {
|
|
|
let itSetting = indexList.value.find(ind => ind.indexCode == it.index);
|
|
|
if (itSetting) {
|
|
|
- it.component = displayType[itSetting.displayType-1];
|
|
|
+ it.component = displayType[itSetting.displayType - 1];
|
|
|
it.indexSetting = itSetting;
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
- const wellInfo=ref();
|
|
|
- function onVisible(visible,key){
|
|
|
- console.log(visible,key);
|
|
|
- if(visible) {
|
|
|
- get('wellInfo/getWellBaseInfo', {well_id:key}).then(data => {
|
|
|
+
|
|
|
+ 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[] = [
|
|
|
'井号1-1.',
|
|
|
'井号2-1',
|
|
@@ -291,16 +282,16 @@ export default defineComponent({
|
|
|
handleChange,
|
|
|
getIndex,
|
|
|
pageParams,
|
|
|
- keyList,onVisible,wellInfo,
|
|
|
+ keyList, onVisible, wellInfo,
|
|
|
queryObject
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
- this.getIndex().then(()=>{
|
|
|
- let queryObject = localStorage.getItem("queryObject");
|
|
|
- if (queryObject != null) {
|
|
|
- this.queryObject=JSON.parse(queryObject);
|
|
|
- this.loadData(JSON.parse(queryObject));
|
|
|
+ this.getIndex().then(() => {
|
|
|
+ let params = localStorage.getItem("queryObject");
|
|
|
+ if (params != null) {
|
|
|
+ this.queryObject = JSON.parse(params);
|
|
|
+ this.loadData();
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -310,30 +301,33 @@ export default defineComponent({
|
|
|
</script>
|
|
|
|
|
|
<style lang="less">
|
|
|
-.search-group{
|
|
|
+.search-group {
|
|
|
display: flex;
|
|
|
width: 100%;
|
|
|
border: 1px solid #f0f0f0;
|
|
|
- padding:10px;
|
|
|
+ padding: 10px;
|
|
|
margin-bottom: 10px;
|
|
|
overflow-y: hidden;
|
|
|
|
|
|
- .search-group-title{
|
|
|
+ .search-group-title {
|
|
|
width: 120px;
|
|
|
font-weight: bold;
|
|
|
border-right: 1px solid #f0f0f0;
|
|
|
text-align: center;
|
|
|
}
|
|
|
- .search-group-item{
|
|
|
+
|
|
|
+ .search-group-item {
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
+
|
|
|
span {
|
|
|
padding: 0px 10px 5px 10px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
}
|
|
|
- .search-group-expend{
|
|
|
+
|
|
|
+ .search-group-expend {
|
|
|
border-left: 1px solid #f0f0f0;
|
|
|
width: 120px;
|
|
|
cursor: pointer;
|
|
@@ -433,15 +427,19 @@ export default defineComponent({
|
|
|
.search-view-chat {
|
|
|
display: flex;
|
|
|
flex-flow: wrap;
|
|
|
- .search-view-chat-img{
|
|
|
+
|
|
|
+ .search-view-chat-img {
|
|
|
width: 300px;
|
|
|
}
|
|
|
+
|
|
|
.search-chat {
|
|
|
margin-right: 10px;
|
|
|
}
|
|
|
- .search-view-chat-info{
|
|
|
+
|
|
|
+ .search-view-chat-info {
|
|
|
width: 150px;
|
|
|
- div{
|
|
|
+
|
|
|
+ div {
|
|
|
padding: 5px;
|
|
|
}
|
|
|
}
|
|
@@ -450,6 +448,7 @@ export default defineComponent({
|
|
|
.search-view-doc {
|
|
|
display: flex;
|
|
|
margin-bottom: 5px;
|
|
|
+
|
|
|
img {
|
|
|
margin-right: 10px;
|
|
|
}
|