|
@@ -25,7 +25,7 @@
|
|
v-model:selectedKeys="subjectTrees.selectedKeys"
|
|
v-model:selectedKeys="subjectTrees.selectedKeys"
|
|
:replace-fields="replaceFields"
|
|
:replace-fields="replaceFields"
|
|
:autoExpandParent="subjectTrees.autoExpandParent"
|
|
:autoExpandParent="subjectTrees.autoExpandParent"
|
|
- @expand="treeOnExpand">
|
|
|
|
|
|
+ @expand="treeOnExpand" @select="treeOnSelect">
|
|
<template #title="{ label,value,children }">
|
|
<template #title="{ label,value,children }">
|
|
<span v-if="label!=null&&label.indexOf(subjectTrees.searchStr) > -1">
|
|
<span v-if="label!=null&&label.indexOf(subjectTrees.searchStr) > -1">
|
|
{{ label.substr(0, label.indexOf(subjectTrees.searchStr)) }}
|
|
{{ label.substr(0, label.indexOf(subjectTrees.searchStr)) }}
|
|
@@ -127,19 +127,7 @@
|
|
<a-button type="link" size="small" @click="detail(record.well_id)">{{ record.well_id }}</a-button>
|
|
<a-button type="link" size="small" @click="detail(record.well_id)">{{ record.well_id }}</a-button>
|
|
</template>
|
|
</template>
|
|
<template v-if="column.key === 'operation'">
|
|
<template v-if="column.key === 'operation'">
|
|
- <a-popover trigger="hover" placement="left">
|
|
|
|
- <template #content>
|
|
|
|
- <a-button type="link" size="small">复制模板</a-button>
|
|
|
|
- <br/>
|
|
|
|
- <a-button type="link" size="small">查看详情</a-button>
|
|
|
|
- <br/>
|
|
|
|
- <a-popconfirm placement="leftTop"
|
|
|
|
- title="是否删除数据?">
|
|
|
|
- <a-button type="link" size="small">删除</a-button>
|
|
|
|
- </a-popconfirm>
|
|
|
|
- </template>
|
|
|
|
- <a-button type="link" size="small">相关文档</a-button>
|
|
|
|
- </a-popover>
|
|
|
|
|
|
+ <a-button type="link" size="small" @click="showDoc(record.well_id)">相关文档</a-button>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</template>
|
|
</a-table>
|
|
</a-table>
|
|
@@ -149,9 +137,8 @@
|
|
<a-col :span="8" v-for="item in data">
|
|
<a-col :span="8" v-for="item in data">
|
|
<a-card :title="'井名:'+item.well_common_name" bodyStyle="padding: 10px;">
|
|
<a-card :title="'井名:'+item.well_common_name" bodyStyle="padding: 10px;">
|
|
<template #extra>
|
|
<template #extra>
|
|
- <a-button type="link">查看详情</a-button>
|
|
|
|
- |
|
|
|
|
- <a-button type="link">相关文档</a-button>
|
|
|
|
|
|
+ <a-button type="link" @click="detail(item.well_id)">查看详情</a-button>
|
|
|
|
+ <a-button type="link" @click="showDoc(item.well_id)">相关文档</a-button>
|
|
</template>
|
|
</template>
|
|
<table class="well-card-table">
|
|
<table class="well-card-table">
|
|
<tr>
|
|
<tr>
|
|
@@ -164,7 +151,7 @@
|
|
<th>开钻日期:</th>
|
|
<th>开钻日期:</th>
|
|
<td>{{ item.spud_date }}</td>
|
|
<td>{{ item.spud_date }}</td>
|
|
<th>含水率:</th>
|
|
<th>含水率:</th>
|
|
- <td :class="getTdColor( item.water_cut)">{{ item.water_cut }}</td>
|
|
|
|
|
|
+ <td><span style="padding:2px 10px;" :class="getTdColor( item.water_cut)">{{ item.water_cut }}</span></td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
<th>开始采油日期:</th>
|
|
<th>开始采油日期:</th>
|
|
@@ -173,22 +160,22 @@
|
|
<td>{{ item.oil_prod_recent_date }}</td>
|
|
<td>{{ item.oil_prod_recent_date }}</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
- <th>月产油量(t):</th>
|
|
|
|
- <td>{{ item.oil_prod_mon }}</td>
|
|
|
|
|
|
+ <th>月产油量:</th>
|
|
|
|
+ <td>{{ item.oil_prod_mon }}t</td>
|
|
<td colspan="2" rowspan="2"></td>
|
|
<td colspan="2" rowspan="2"></td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
- <th>累产油量(t):</th>
|
|
|
|
- <td>{{ item.oil_prod_year }}</td>
|
|
|
|
|
|
+ <th>累产油量:</th>
|
|
|
|
+ <td>{{ item.oil_prod_year }}t</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
- <th>月产气量(m³):</th>
|
|
|
|
- <td>{{ item.gas_prod_mon }}</td>
|
|
|
|
|
|
+ <th>月产气量:</th>
|
|
|
|
+ <td>{{ item.gas_prod_mon }}m³</td>
|
|
<td colspan="2" rowspan="2"></td>
|
|
<td colspan="2" rowspan="2"></td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<tr>
|
|
- <th>累产气量(m³):</th>
|
|
|
|
- <td>{{ item.gas_prod_year }}</td>
|
|
|
|
|
|
+ <th>累产气量:</th>
|
|
|
|
+ <td>{{ item.gas_prod_year }}m³</td>
|
|
</tr>
|
|
</tr>
|
|
</table>
|
|
</table>
|
|
</a-card>
|
|
</a-card>
|
|
@@ -203,6 +190,26 @@
|
|
@showSizeChange="(current,pageSize)=>handleTableChange({ current: current,pageSize: pageSize })"/>
|
|
@showSizeChange="(current,pageSize)=>handleTableChange({ current: current,pageSize: pageSize })"/>
|
|
</a-spin>
|
|
</a-spin>
|
|
</div>
|
|
</div>
|
|
|
|
+ <a-modal v-model:visible="isShowDoc" title="相关文档" :footer="null" @onCancel="isShowDoc=false">
|
|
|
|
+ <a-list item-layout="horizontal" :data-source="docList">
|
|
|
|
+ <template #renderItem="{ item }">
|
|
|
|
+ <a-list-item>
|
|
|
|
+ <template #actions>
|
|
|
|
+ <a style="color:#1890ff">下载</a>
|
|
|
|
+ </template>
|
|
|
|
+ <a-list-item-meta
|
|
|
|
+ :description="item.file_business_type">
|
|
|
|
+ <template #title>
|
|
|
|
+ <a href="https://www.antdv.com/">{{ item.file_name }}</a>
|
|
|
|
+ </template>
|
|
|
|
+ <template #avatar>
|
|
|
|
+ <img src="~@/assets/images/file.png"/>
|
|
|
|
+ </template>
|
|
|
|
+ </a-list-item-meta>
|
|
|
|
+ </a-list-item>
|
|
|
|
+ </template>
|
|
|
|
+ </a-list>
|
|
|
|
+ </a-modal>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -229,9 +236,11 @@ export default defineComponent({
|
|
const selectedRowKeys = ref([]);
|
|
const selectedRowKeys = ref([]);
|
|
const activeTab = ref("1");
|
|
const activeTab = ref("1");
|
|
const showTree = ref(true);
|
|
const showTree = ref(true);
|
|
|
|
+ const isShowDoc = ref(false);
|
|
const data = ref([{children: [], label: '', value: ''}]);
|
|
const data = ref([{children: [], label: '', value: ''}]);
|
|
const viewModel = ref("list");
|
|
const viewModel = ref("list");
|
|
const tabsViewStore = useTabsViewStore();
|
|
const tabsViewStore = useTabsViewStore();
|
|
|
|
+ const docList = ref([]);
|
|
const wellTypeList = ref([{label: "直井", value: "直井"}, {label: "定向井", value: "定向井"}, {label: "分支井", value: "分支井"}]);
|
|
const wellTypeList = ref([{label: "直井", value: "直井"}, {label: "定向井", value: "定向井"}, {label: "分支井", value: "分支井"}]);
|
|
const replaceFields = {
|
|
const replaceFields = {
|
|
children: 'children',
|
|
children: 'children',
|
|
@@ -253,7 +262,8 @@ export default defineComponent({
|
|
oil_prod_begin_date_begin: '',
|
|
oil_prod_begin_date_begin: '',
|
|
oil_prod_begin_date_end: '',
|
|
oil_prod_begin_date_end: '',
|
|
oil_prod_recent_date_begin: '',
|
|
oil_prod_recent_date_begin: '',
|
|
- oil_prod_recent_date_end: ''
|
|
|
|
|
|
+ oil_prod_recent_date_end: '',
|
|
|
|
+ org_id_a1: ''
|
|
});
|
|
});
|
|
const columns: TableColumnsType = [
|
|
const columns: TableColumnsType = [
|
|
{
|
|
{
|
|
@@ -266,6 +276,7 @@ export default defineComponent({
|
|
},
|
|
},
|
|
{title: '井号', dataIndex: 'well_id', key: 'well_id', width: 120},
|
|
{title: '井号', dataIndex: 'well_id', key: 'well_id', width: 120},
|
|
{title: '井名', dataIndex: 'well_common_name', key: 'well_common_name', width: 120},
|
|
{title: '井名', dataIndex: 'well_common_name', key: 'well_common_name', width: 120},
|
|
|
|
+ {title: '采油厂机构', dataIndex: 'org_name_a1', key: 'org_name_a1', width: 120},
|
|
{title: '井型', dataIndex: 'well_type', key: 'well_type', width: 120},
|
|
{title: '井型', dataIndex: 'well_type', key: 'well_type', width: 120},
|
|
{
|
|
{
|
|
title: '开钻日期', dataIndex: 'spud_date', key: 'spud_date', width: 120, customRender: ({record}) =>
|
|
title: '开钻日期', dataIndex: 'spud_date', key: 'spud_date', width: 120, customRender: ({record}) =>
|
|
@@ -369,7 +380,6 @@ export default defineComponent({
|
|
searchStr: ''
|
|
searchStr: ''
|
|
});
|
|
});
|
|
const getSubjectTree = async function () {
|
|
const getSubjectTree = async function () {
|
|
- //loading.value = true;
|
|
|
|
subjectTrees.value.data = await get('wellInfo/getOrganizationTree', {tabName: subjectTrees.value.searchStr});
|
|
subjectTrees.value.data = await get('wellInfo/getOrganizationTree', {tabName: subjectTrees.value.searchStr});
|
|
//计算第一个展开节点
|
|
//计算第一个展开节点
|
|
subjectTrees.value.expandedKeys = [];
|
|
subjectTrees.value.expandedKeys = [];
|
|
@@ -424,18 +434,22 @@ export default defineComponent({
|
|
}
|
|
}
|
|
const treeOnSelect = function (selected, selectedNodes, node) {
|
|
const treeOnSelect = function (selected, selectedNodes, node) {
|
|
console.log(selected, selectedNodes, node);
|
|
console.log(selected, selectedNodes, node);
|
|
- if (selected && selectedNodes.node.parent != undefined) {
|
|
|
|
- }
|
|
|
|
- if (selectedNodes.node.parent == undefined) {
|
|
|
|
- subjectTrees.value.expandedKeys = [selectedNodes.node.key];
|
|
|
|
- }
|
|
|
|
|
|
+ formState.org_id_a1 = selected.length>0 ? selectedNodes.node.key : '';
|
|
|
|
+ loadData();
|
|
}
|
|
}
|
|
|
|
+ const showDoc = (id) => {
|
|
|
|
+ get('wellInfo/getWellDocumentList', {wellId: id}).then(data => {
|
|
|
|
+ docList.value = data;
|
|
|
|
+ isShowDoc.value = true;
|
|
|
|
+ })
|
|
|
|
+ };
|
|
const labelCol = {style: {width: '100px'}};
|
|
const labelCol = {style: {width: '100px'}};
|
|
|
|
+
|
|
return {
|
|
return {
|
|
route, selectedRowKeys, columns, loading, activeTab, showTree, onSelectChange, data,
|
|
route, selectedRowKeys, columns, loading, activeTab, showTree, onSelectChange, data,
|
|
expand, onQuery, loadData, onRangeChange, showQuery, wellTypeList, replaceFields,
|
|
expand, onQuery, loadData, onRangeChange, showQuery, wellTypeList, replaceFields,
|
|
formRef, viewModel, handleTableChange, detail,
|
|
formRef, viewModel, handleTableChange, detail,
|
|
- formState,
|
|
|
|
|
|
+ formState, isShowDoc, showDoc, docList,
|
|
labelCol, getTdColor,
|
|
labelCol, getTdColor,
|
|
tabChange,
|
|
tabChange,
|
|
treeOnExpand,
|
|
treeOnExpand,
|
|
@@ -487,6 +501,10 @@ export default defineComponent({
|
|
.query-index-table {
|
|
.query-index-table {
|
|
flex-grow: 1;
|
|
flex-grow: 1;
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+
|
|
|
|
+ .ant-row{
|
|
|
|
+ width:100%;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.query-index-tabs {
|
|
.query-index-tabs {
|