|
@@ -60,7 +60,7 @@
|
|
|
<div>
|
|
|
<div class="search-body-title">
|
|
|
井名:<span v-html="it.well_common_name"></span>
|
|
|
- <p @click="showWell(it.well_id)">
|
|
|
+ <p @click="showWell(it.well_id,it.well_common_name)">
|
|
|
<img src="~@/assets/images/info.png" width="18" height="16"/>查看井筒详情</p>
|
|
|
</div>
|
|
|
<div class="search-body-item">
|
|
@@ -101,7 +101,7 @@
|
|
|
<div class="search-sider">
|
|
|
<div class="search-sider-block">
|
|
|
<b>近期访问的井</b>
|
|
|
- <a-list size="small" :data-source="listData">
|
|
|
+ <a-list size="small" :data-source="oilWaterDailyList">
|
|
|
<template #header>
|
|
|
<div style="display: flex;background-color: #bfdedf;justify-content: space-around;padding: 5px;">
|
|
|
<span>井号</span>
|
|
@@ -111,9 +111,9 @@
|
|
|
</template>
|
|
|
<template #renderItem="{ item }">
|
|
|
<a-list-item style="display: flex;justify-content: space-around;padding: 5px;">
|
|
|
- <span style="color: red">{{ item }}</span>
|
|
|
- <span>20/242.3</span>
|
|
|
- <span>2024-08-04</span>
|
|
|
+ <span style="color: #1890FF;cursor: pointer" @click="redirectWell(item.well_id)">{{ item.well_common_name }}</span>
|
|
|
+ <span>{{ item.oil_prod_daily }}/{{ item.water_pord_daily }}</span>
|
|
|
+ <span>{{ item.prod_date }}</span>
|
|
|
</a-list-item>
|
|
|
</template>
|
|
|
</a-list>
|
|
@@ -130,18 +130,6 @@
|
|
|
</template>
|
|
|
</a-list>
|
|
|
</div>
|
|
|
- <div class="search-sider-block">
|
|
|
- <b>你可能要找的年月报</b>
|
|
|
- <a-list size="small" :data-source="listData">
|
|
|
- <template #renderItem="{ item }">
|
|
|
- <a-list-item>{{ item }}
|
|
|
- <template #actions>
|
|
|
- <a key="list-loadmore-edit">年报</a>
|
|
|
- </template>
|
|
|
- </a-list-item>
|
|
|
- </template>
|
|
|
- </a-list>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</a-spin>
|
|
@@ -177,6 +165,9 @@ export default defineComponent({
|
|
|
const indexList = ref<any>([]);
|
|
|
const keyList = ref<any>([]);
|
|
|
const relationLogList = ref<any>([]);
|
|
|
+ const wellInfo = ref();
|
|
|
+ const oilWaterDailyList = ref([]);
|
|
|
+
|
|
|
const formState = reactive({
|
|
|
page: 1, rows: 10, subjectName: '', tabName: '', tabCode: null, total: 0
|
|
|
});
|
|
@@ -216,13 +207,32 @@ export default defineComponent({
|
|
|
const result = await get('esindex/getAllList', {});
|
|
|
indexList.value = result;
|
|
|
}
|
|
|
- const showWell = (well_id) => {
|
|
|
+ const showWell = (well_id, well_common_name) => {
|
|
|
tabsViewStore.addTabByPath('/wellinfo/detail', {id: well_id});
|
|
|
+ storeWell(well_common_name);
|
|
|
}
|
|
|
const redirectWell = (well_id) => {
|
|
|
tabsViewStore.addTabByPath('/domain/well', {id: well_id});
|
|
|
}
|
|
|
|
|
|
+ const storeWell = (well_common_name) => {
|
|
|
+ let nameJson = localStorage.getItem("ls_well_common_name");
|
|
|
+ if (nameJson == null) {
|
|
|
+ localStorage.setItem("ls_well_common_name", JSON.stringify([well_common_name]));
|
|
|
+ } else {
|
|
|
+ let nameList = JSON.parse(nameJson);
|
|
|
+ //只需要记录十条浏览记录,超过了最大长度,就移除末尾元素
|
|
|
+ if (nameList.indexOf(well_common_name) == -1) {
|
|
|
+ nameList.unshift(well_common_name);
|
|
|
+ if (nameList.length > 10) {
|
|
|
+ nameList.pop();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ localStorage.setItem("ls_well_common_name", JSON.stringify(nameList));
|
|
|
+ }
|
|
|
+ getOilWaterDailyList();
|
|
|
+ }
|
|
|
+
|
|
|
const onQuery = (args) => {
|
|
|
pageParams.value.current = 1;
|
|
|
queryObject.value = args;
|
|
@@ -265,8 +275,6 @@ export default defineComponent({
|
|
|
})
|
|
|
}
|
|
|
|
|
|
- const wellInfo = ref();
|
|
|
-
|
|
|
const onVisible = (visible, key) => {
|
|
|
console.log(visible, key);
|
|
|
if (visible) {
|
|
@@ -275,16 +283,14 @@ export default defineComponent({
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- const listData: string[] = [
|
|
|
- '井号1-1.',
|
|
|
- '井号2-1',
|
|
|
- '井号3-1',
|
|
|
- '井号4-1',
|
|
|
- '井号5-1',
|
|
|
- '井号5-1',
|
|
|
- '井号5-1',
|
|
|
- ];
|
|
|
+ const getOilWaterDailyList = () => {
|
|
|
+ let params = localStorage.getItem("ls_well_common_name");
|
|
|
+ if (params != null) {
|
|
|
+ postData('wellInfo/getoilWaterDailyList', {commonWellNameList: params}).then((data:[]) => {
|
|
|
+ oilWaterDailyList.value = data;
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
return {
|
|
|
router,
|
|
|
route,
|
|
@@ -295,14 +301,14 @@ export default defineComponent({
|
|
|
showWell,
|
|
|
redirectWell,
|
|
|
pageState,
|
|
|
- listData,
|
|
|
queryRef,
|
|
|
loadData,
|
|
|
dataList,
|
|
|
handleChange,
|
|
|
getIndex,
|
|
|
pageParams,
|
|
|
- keyList, onVisible, wellInfo,relationLogList,
|
|
|
+ oilWaterDailyList,
|
|
|
+ keyList, onVisible, wellInfo, relationLogList, getOilWaterDailyList,
|
|
|
queryObject
|
|
|
};
|
|
|
},
|
|
@@ -315,6 +321,7 @@ export default defineComponent({
|
|
|
this.loadData();
|
|
|
}
|
|
|
});
|
|
|
+ this.getOilWaterDailyList();
|
|
|
},
|
|
|
activated() {
|
|
|
}
|