|
@@ -106,9 +106,9 @@
|
|
<el-button type="primary" size="small" @click.stop="consultFileClick(row,2)">查阅文件</el-button>
|
|
<el-button type="primary" size="small" @click.stop="consultFileClick(row,2)">查阅文件</el-button>
|
|
</template>
|
|
</template>
|
|
</HcTable>
|
|
</HcTable>
|
|
- <template #action>
|
|
|
|
|
|
+ <!-- <template #action>
|
|
<HcPages :pages="InsearchForm" @change="InpageChange"/>
|
|
<HcPages :pages="InsearchForm" @change="InpageChange"/>
|
|
- </template>
|
|
|
|
|
|
+ </template> -->
|
|
</HcCardItem>
|
|
</HcCardItem>
|
|
</div>
|
|
</div>
|
|
</HcCard>
|
|
</HcCard>
|
|
@@ -217,7 +217,7 @@
|
|
</HcDialog>
|
|
</HcDialog>
|
|
|
|
|
|
<!--目录树-->
|
|
<!--目录树-->
|
|
- <HcDialog :show="nodeTreeModal" widths="1080px" isTable saveText="确认" :isClose="false" @close="nodeTreeModalClose" @save="nodeTreeModalSave">
|
|
|
|
|
|
+ <HcDialog :show="nodeTreeModal" widths="1080px" isTable saveText="确认" :isClose="false" @close="nodeTreeModalClose" @save="nodeTreeModalSave" >
|
|
<template #header>
|
|
<template #header>
|
|
<div role="heading" class="el-dialog__title">
|
|
<div role="heading" class="el-dialog__title">
|
|
<span class="mr-3">选择目录</span>
|
|
<span class="mr-3">选择目录</span>
|
|
@@ -228,16 +228,26 @@
|
|
<HcNewSwitch :datas="nodeTabData" :keys="nodeTabKey" @change="nodeTabChange" :round="false"/>
|
|
<HcNewSwitch :datas="nodeTabData" :keys="nodeTabKey" @change="nodeTabChange" :round="false"/>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
- <el-collapse class="hc-node-tree-collapse" v-model="activeName" accordion @change="collapseChange">
|
|
|
|
- <template v-for="item in nodeTreeArr">
|
|
|
|
|
|
+ <el-collapse class="hc-node-tree-collapse" v-model="activeName" accordion @change="collapseChange" v-loading="nodeTreeArrLoad">
|
|
|
|
+ <template v-for="(item) in nodeTreeArr">
|
|
<el-collapse-item :name="item.id.toString()">
|
|
<el-collapse-item :name="item.id.toString()">
|
|
<template #title>
|
|
<template #title>
|
|
<div class="hc-collapse-item-title">
|
|
<div class="hc-collapse-item-title">
|
|
<HcIcon name="folder-3" fill class="icon"/>
|
|
<HcIcon name="folder-3" fill class="icon"/>
|
|
- <span class="title">{{item.name}}</span>
|
|
|
|
|
|
+ <span class="title">{{item.nodeName}}</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
- <HcNodeTree :projectId="projectId" :contractId="contractId"/>
|
|
|
|
|
|
+ <!-- <HcNodeTree :projectId="projectId" :contractId="contractId"/> -->
|
|
|
|
+ <el-tree
|
|
|
|
+ node-key="id"
|
|
|
|
+ ref="nodetreeEl"
|
|
|
|
+ :props="defaultProps"
|
|
|
|
+ show-checkbox
|
|
|
|
+ v-loading="nodetreeElloading"
|
|
|
|
+ lazy
|
|
|
|
+ :load="loadNode"
|
|
|
|
+ :data="Nodetreedata"
|
|
|
|
+ />
|
|
</el-collapse-item>
|
|
</el-collapse-item>
|
|
</template>
|
|
</template>
|
|
</el-collapse>
|
|
</el-collapse>
|
|
@@ -250,8 +260,8 @@
|
|
import {ref, nextTick, onMounted, watch} from "vue";
|
|
import {ref, nextTick, onMounted, watch} from "vue";
|
|
import {useAppStore} from "~src/store";
|
|
import {useAppStore} from "~src/store";
|
|
import MetaTable from "../transfer/components/meta-table.vue"
|
|
import MetaTable from "../transfer/components/meta-table.vue"
|
|
-//import HcNodeTree from "./components/query/hc-tree.vue"
|
|
|
|
-import HcNodeTree from "~src/components/tree/hc-tree-1.vue"
|
|
|
|
|
|
+import HcNodeTree from "./components/query/hc-tree.vue"
|
|
|
|
+// import HcNodeTree from "~src/components/tree/hc-tree-1.vue"
|
|
import {getArrValue, arrIndex, isArrIndex} from "js-fast-way"
|
|
import {getArrValue, arrIndex, isArrIndex} from "js-fast-way"
|
|
import website from '~src/config/index'
|
|
import website from '~src/config/index'
|
|
import archiveQueryApi from "~api/using/query.js";
|
|
import archiveQueryApi from "~api/using/query.js";
|
|
@@ -265,6 +275,7 @@ const isBubble = ref(useAppState.getBubble);
|
|
const userRoleId = ref(useAppState.getRoleId);
|
|
const userRoleId = ref(useAppState.getRoleId);
|
|
const hoverHand = ref(true)
|
|
const hoverHand = ref(true)
|
|
|
|
|
|
|
|
+
|
|
//监听
|
|
//监听
|
|
watch(() => [
|
|
watch(() => [
|
|
useAppState.getBubble,
|
|
useAppState.getBubble,
|
|
@@ -437,14 +448,21 @@ const setQueryFiltering = (arr, {key, name}) => {
|
|
//目录树
|
|
//目录树
|
|
const nodeTreeClick = () => {
|
|
const nodeTreeClick = () => {
|
|
nodeTreeModal.value = true
|
|
nodeTreeModal.value = true
|
|
|
|
+ getnodeTabData()
|
|
}
|
|
}
|
|
const nodeTreeModal = ref(false)
|
|
const nodeTreeModal = ref(false)
|
|
const nodeTreeModalClose = () => {
|
|
const nodeTreeModalClose = () => {
|
|
nodeTreeModal.value = false
|
|
nodeTreeModal.value = false
|
|
|
|
+ activeName.value=""
|
|
}
|
|
}
|
|
|
|
+
|
|
//确认
|
|
//确认
|
|
const nodeTreeModalSave = () => {
|
|
const nodeTreeModalSave = () => {
|
|
|
|
+ let keys= nodetreeEl.value[treeIndex.value].getCheckedKeys()
|
|
|
|
+ searchForm.value.nodeIds=keys.join(',')
|
|
nodeTreeModal.value = false
|
|
nodeTreeModal.value = false
|
|
|
|
+
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
@@ -665,13 +683,13 @@ const cscTableColumn3 = [
|
|
{key:'name', name: '计量资料', align: 'center'}
|
|
{key:'name', name: '计量资料', align: 'center'}
|
|
];
|
|
];
|
|
const cscTableData3 = ref([
|
|
const cscTableData3 = ref([
|
|
- {id: 1, name: 'ZB2-17.pdf'},
|
|
|
|
- {id: 2, name: 'ZB2-18.pdf'},
|
|
|
|
- {id: 3, name: 'ZB2-19.pdf'},
|
|
|
|
- {id: 4, name: 'ZB2-20.pdf'},
|
|
|
|
- {id: 5, name: 'ZB2-21.pdf'},
|
|
|
|
- {id: 6, name: 'ZB2-22.pdf'},
|
|
|
|
- {id: 7, name: 'ZB2-23.pdf'}
|
|
|
|
|
|
+ // {id: 1, name: 'ZB2-17.pdf'},
|
|
|
|
+ // {id: 2, name: 'ZB2-18.pdf'},
|
|
|
|
+ // {id: 3, name: 'ZB2-19.pdf'},
|
|
|
|
+ // {id: 4, name: 'ZB2-20.pdf'},
|
|
|
|
+ // {id: 5, name: 'ZB2-21.pdf'},
|
|
|
|
+ // {id: 6, name: 'ZB2-22.pdf'},
|
|
|
|
+ // {id: 7, name: 'ZB2-23.pdf'}
|
|
])
|
|
])
|
|
|
|
|
|
//计量资料
|
|
//计量资料
|
|
@@ -679,12 +697,12 @@ const cscTableColumn4 = [
|
|
{key:'name', name: '关联文件', align: 'center'}
|
|
{key:'name', name: '关联文件', align: 'center'}
|
|
];
|
|
];
|
|
const cscTableData4 = ref([
|
|
const cscTableData4 = ref([
|
|
- {id: 1, name: 'xxxxxxxxxxxxxxxxxxx.pdf', tag: '开工'},
|
|
|
|
- {id: 2, name: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.pdf', tag: '工序'},
|
|
|
|
- {id: 3, name: 'xxxxxxxxxxxxxxxxxxxxxxxxxx.pdf', tag: '评定'},
|
|
|
|
- {id: 4, name: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxx.pdf', tag: '交工'},
|
|
|
|
- {id: 5, name: '', tag: '抽检'},
|
|
|
|
- {id: 6, name: '', tag: '隐蔽'}
|
|
|
|
|
|
+ // {id: 1, name: 'xxxxxxxxxxxxxxxxxxx.pdf', tag: '开工'},
|
|
|
|
+ // {id: 2, name: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.pdf', tag: '工序'},
|
|
|
|
+ // {id: 3, name: 'xxxxxxxxxxxxxxxxxxxxxxxxxx.pdf', tag: '评定'},
|
|
|
|
+ // {id: 4, name: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxx.pdf', tag: '交工'},
|
|
|
|
+ // {id: 5, name: '', tag: '抽检'},
|
|
|
|
+ // {id: 6, name: '', tag: '隐蔽'}
|
|
])
|
|
])
|
|
|
|
|
|
//验签包
|
|
//验签包
|
|
@@ -738,33 +756,81 @@ const onCarrySpotChecksDrawerClose = () => {
|
|
}
|
|
}
|
|
|
|
|
|
//tab数据和相关处理
|
|
//tab数据和相关处理
|
|
-const nodeTabKey = ref('tab1')
|
|
|
|
|
|
+const nodeTabKey = ref('1')
|
|
const nodeTabData = ref([
|
|
const nodeTabData = ref([
|
|
- {key:'tab1', name: '业主档案'},
|
|
|
|
- {key:'tab2', name: '施工档案'},
|
|
|
|
- {key:'tab3', name: '监理档案'},
|
|
|
|
- {key:'tab4', name: '文书档案'},
|
|
|
|
|
|
+ {key:'1', name: '业主档案'},
|
|
|
|
+ {key:'2', name: '施工档案'},
|
|
|
|
+ {key:'3', name: '监理档案'},
|
|
|
|
+ {key:'4', name: '文书档案'},
|
|
]);
|
|
]);
|
|
const nodeTabChange = (item) => {
|
|
const nodeTabChange = (item) => {
|
|
nodeTabKey.value = item?.key;
|
|
nodeTabKey.value = item?.key;
|
|
-}
|
|
|
|
|
|
+ getnodeTabData()
|
|
|
|
+}
|
|
|
|
+//获取目录树getArchiveTreeByNodeType
|
|
|
|
+const nodeTreeArrLoad=ref(false)
|
|
|
|
+const getnodeTabData=async()=>{
|
|
|
|
+ nodeTreeArrLoad.value=true
|
|
|
|
+ const { error, code, data } = await archiveQueryApi.getArchiveTreeByNodeType({
|
|
|
|
+ nodeType:nodeTabKey.value,
|
|
|
|
+ projectId: projectId.value,
|
|
|
|
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ if (!error && code === 200) {
|
|
|
|
+ console.log(data,'mulushu');
|
|
|
|
+ nodeTreeArr.value = getArrValue(data)
|
|
|
|
+ nodeTreeArrLoad.value=false
|
|
|
|
+
|
|
|
|
+ } else {
|
|
|
|
+ nodeTreeArr.value = []
|
|
|
|
+ nodeTreeArrLoad.value=false
|
|
|
|
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+const defaultProps = {
|
|
|
|
+ children: 'children',
|
|
|
|
+ label: 'nodeName',
|
|
|
|
+ isLeaf: 'notExsitChild'
|
|
|
|
+}
|
|
|
|
+const Nodetreedata=ref([])
|
|
|
|
+const nodetreeEl=ref(null)
|
|
const activeName = ref('')
|
|
const activeName = ref('')
|
|
-const nodeTreeArr = ref([
|
|
|
|
- {id: '1', name: '一、立项审批文件'},
|
|
|
|
- {id: '2', name: '二、勘察设计文件'},
|
|
|
|
- {id: '3', name: '三、招标投标、合同协议文件'},
|
|
|
|
- {id: '4', name: '四、工程准备、征地、拆迁、移民等文件'},
|
|
|
|
- {id: '5', name: '五、项目管理文件'},
|
|
|
|
- {id: '6', name: '六、计量与支付、结算与审计文件'},
|
|
|
|
- {id: '7', name: '七、交、竣工文件'},
|
|
|
|
- {id: '8', name: '八、工程照片、音像资料'},
|
|
|
|
-])
|
|
|
|
|
|
+const nodeTreeArr = ref([])
|
|
|
|
+const checkNodeid=ref('')
|
|
|
|
+const treeIndex=ref(0)
|
|
const collapseChange = (key) => {
|
|
const collapseChange = (key) => {
|
|
|
|
+ treeIndex.value=nodeTreeArr.value.findIndex(item=>{return item.id===key})
|
|
|
|
+
|
|
|
|
+ checkNodeid.value=key
|
|
activeName.value = key.toString();
|
|
activeName.value = key.toString();
|
|
|
|
+ getNodetreedata()
|
|
}
|
|
}
|
|
|
|
+const nodetreeElloading=ref(false)
|
|
|
|
+const getNodetreedata=async()=>{
|
|
|
|
+ nodetreeElloading.value=true
|
|
|
|
+ const { error, code, data } = await archiveQueryApi.getChildrenNodeByNodeId({
|
|
|
|
+ nodeId:checkNodeid.value,
|
|
|
|
+ })
|
|
|
|
+ nodetreeElloading.value=false
|
|
|
|
+ if (!error && code === 200) {
|
|
|
|
+
|
|
|
|
+ Nodetreedata.value = getArrValue(data)
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ } else {
|
|
|
|
+ Nodetreedata.value = []
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+const checkNodeids=ref([])
|
|
|
|
|
|
|
|
+
|
|
|
|
+const loadNode=(tree, resolve)=>{
|
|
|
|
+ archiveQueryApi.getChildrenNodeByNodeId({ nodeId:tree.data.id}).then((response) => {
|
|
|
|
+ let resdata=getArrValue(response.data)
|
|
|
|
+ resolve(resdata);
|
|
|
|
+ })
|
|
|
|
+}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|