|
|
@@ -13,7 +13,10 @@
|
|
|
>
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
<el-tab-pane label="竣工档案目录" name="first">
|
|
|
- <div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="文书档案目录" name="second">
|
|
|
+ </el-tab-pane>
|
|
|
+ <div>
|
|
|
<!-- <h2>归档目录树</h2> -->
|
|
|
<el-input
|
|
|
placeholder="输入关键字进行过滤"
|
|
|
@@ -124,121 +127,6 @@
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="文书档案目录" name="second">
|
|
|
- <div>
|
|
|
- <!-- <h2>归档目录树</h2> -->
|
|
|
- <el-input
|
|
|
- placeholder="输入关键字进行过滤"
|
|
|
- clearable
|
|
|
- v-model="filterText"
|
|
|
- >
|
|
|
- </el-input>
|
|
|
- <div class="scrollClass" style="height:721px">
|
|
|
- <el-scrollbar style="height:100%">
|
|
|
- <el-tree
|
|
|
- style="box-sizing: border-box;"
|
|
|
- v-show="!filterText"
|
|
|
- ref="trees1"
|
|
|
- :props="props"
|
|
|
- :load="loadNode"
|
|
|
- node-key="id"
|
|
|
- lazy >
|
|
|
- <span
|
|
|
- class=" flexStar"
|
|
|
- slot-scope="{ node, data }"
|
|
|
- @mouseover="mouseOver(data)"
|
|
|
- @mouseleave="mouseLeave(data)"
|
|
|
-
|
|
|
- >
|
|
|
- <span style="text-overflow: ellipsis;">{{ data.title }}</span>
|
|
|
- <span
|
|
|
- class="marleft10"
|
|
|
- v-show="data.moreShow"
|
|
|
- >
|
|
|
- <i
|
|
|
- @click.stop='addtree(data,node)'
|
|
|
- class="el-icon-circle-plus-outline"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="data.isStorageNode!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='edittree(data,node)'
|
|
|
- class="el-icon-edit-outline marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='deletetree(node)'
|
|
|
- class="el-icon-delete marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='paixuMD(data)'
|
|
|
- class="el-icon-sort marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </el-tree>
|
|
|
-
|
|
|
- <el-tree
|
|
|
- v-show="filterText"
|
|
|
- :default-expanded-keys='defaultExpanded'
|
|
|
- :props="props"
|
|
|
- :data="data"
|
|
|
- node-key="id"
|
|
|
- ref="trees2"
|
|
|
- :default-expand-all="true"
|
|
|
- :filter-node-method="filterNode"
|
|
|
- >
|
|
|
- <span
|
|
|
- class=" flexStar"
|
|
|
- slot-scope="{ node, data }"
|
|
|
- @mouseover="mouseOver(data)"
|
|
|
- @mouseleave="mouseLeave(data)"
|
|
|
- style="box-sizing:border-box;width:101%;"
|
|
|
- >
|
|
|
- <span style="text-overflow: ellipsis;">{{ data.title }}</span>
|
|
|
- <span
|
|
|
- class="marleft10"
|
|
|
- v-show="data.moreShow"
|
|
|
- >
|
|
|
- <i
|
|
|
- @click.stop='addtree(data,node)'
|
|
|
- class="el-icon-circle-plus-outline"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="data.isStorageNode!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='edittree(data,node)'
|
|
|
- class="el-icon-edit-outline marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='deletetree(node)'
|
|
|
- class="el-icon-delete marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- <i
|
|
|
- @click.stop='paixuMD(data)'
|
|
|
- class="el-icon-sort marleft5"
|
|
|
- style="fontSize:18px;"
|
|
|
- v-if="node.level!=1"
|
|
|
- ></i>
|
|
|
- </span>
|
|
|
- </span>
|
|
|
- </el-tree>
|
|
|
- </el-scrollbar>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </el-tab-pane>
|
|
|
-
|
|
|
</el-tabs>
|
|
|
|
|
|
</el-col>
|
|
|
@@ -330,7 +218,7 @@
|
|
|
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div class="peizhi" :style="{'height':heights-210+'px','overflow': 'hidden'}">
|
|
|
+ <div class="peizhi" :style="{'height':heights-210+'px','overflow': 'hidden'}" v-loading="rightTreeLoading">
|
|
|
<el-tabs v-model="activetabName" @tab-click="handletabClick">
|
|
|
<el-tab-pane label="立卷规则" name="second">
|
|
|
<el-row style="margin-bottom:15px">
|
|
|
@@ -342,17 +230,17 @@
|
|
|
<el-select v-model="publictreevalue" clearable placeholder="请选择公有质检化分树" style=" margin-bottom:15px; width:45%;">
|
|
|
<el-option
|
|
|
v-for="item in publictreeoptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.wbsName"
|
|
|
+ :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
<el-select v-model="testtreevalue" clearable placeholder="请选择公有试验化分树" style=" width: 45%;">
|
|
|
<el-option
|
|
|
v-for="item in testtreeoptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.wbsName"
|
|
|
+ :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
@@ -785,7 +673,8 @@
|
|
|
|
|
|
<script>
|
|
|
import ManualSorting from '@/components/WbsTree/ManualSorting'
|
|
|
-import { lazyTree, dictionary, remove, archiveTreeSave, archiveTreeUpdate, archiveTreeDetail, archiveTreetree, submitDisplayConfigTree, getSameGradeNode, submitArchiveTreeSort } from "@/api/manager/archivetree";
|
|
|
+import { archiveTreeInit, lazyTree, dictionary, remove, archiveTreeSave, archiveTreeUpdate, archiveTreeDetail, archiveTreetree, submitDisplayConfigTree, getSameGradeNode, submitArchiveTreeSort } from "@/api/manager/archivetree";
|
|
|
+import {getWbsList} from "@/api/manager/wbsinfo";
|
|
|
import { getToken } from '@/util/auth';
|
|
|
import { roletree } from "@/api/system/role.js";
|
|
|
// import logoVue from '../../page/index/logo.vue';
|
|
|
@@ -795,27 +684,9 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
- publictreeoptions: [{//公有质检话分数
|
|
|
- value: '选项1',
|
|
|
- label: '公有质检划分树1'
|
|
|
- }, {
|
|
|
- value: '选项2',
|
|
|
- label: '公有质检划分树2'
|
|
|
- }, {
|
|
|
- value: '选项3',
|
|
|
- label: '公有质检划分树3'
|
|
|
- }],
|
|
|
+ publictreeoptions: [],
|
|
|
publictreevalue:'',
|
|
|
- testtreeoptions: [{//公有质检话分数
|
|
|
- value: '选项1',
|
|
|
- label: '公有试验划分树1'
|
|
|
- }, {
|
|
|
- value: '选项2',
|
|
|
- label: '公有试验划分树2'
|
|
|
- }, {
|
|
|
- value: '选项3',
|
|
|
- label: '公有试验划分树3'
|
|
|
- }],
|
|
|
+ testtreeoptions: [],
|
|
|
testtreevalue:'',
|
|
|
activeName: 'second',
|
|
|
activetabName:'second',
|
|
|
@@ -1008,6 +879,7 @@ export default {
|
|
|
label: 'title'
|
|
|
},
|
|
|
rightData: [],
|
|
|
+ rightTreeLoading:false,//右侧树加载
|
|
|
//#endregion
|
|
|
|
|
|
//#region 右侧树弹框
|
|
|
@@ -1162,7 +1034,10 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
async archiveTreeInit () {//添加根节点
|
|
|
- const { data: res } = await archiveTreeInit()
|
|
|
+ const { data: res } = await archiveTreeInit({
|
|
|
+
|
|
|
+ projectId:this.projectId//项目id
|
|
|
+ })
|
|
|
console.log(res);
|
|
|
if (res.code == 200 && res.msg == '操作成功') {
|
|
|
res.data.forEach(val => {
|
|
|
@@ -1609,6 +1484,30 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
//#endregion
|
|
|
+
|
|
|
+ async getWbsList(){
|
|
|
+ const datas = await Promise.all([
|
|
|
+ getWbsList(1),
|
|
|
+ getWbsList(2),
|
|
|
+ ])
|
|
|
+ //console.log(datas,'ressssss');
|
|
|
+ this.publictreeoptions = datas[0].data.data;
|
|
|
+ this.testtreeoptions = datas[1].data.data;
|
|
|
+ },
|
|
|
+
|
|
|
+ //切换树
|
|
|
+ async treeIdChange(id){
|
|
|
+ this.rightTreeLoading = true;
|
|
|
+ const { data: res } = await archiveTreetree({
|
|
|
+ projectId:0,
|
|
|
+ wbsId:id
|
|
|
+ })
|
|
|
+ //console.log(res);
|
|
|
+ this.rightTreeLoading = false;
|
|
|
+ if (res.code == 200 && res.msg == "操作成功") {
|
|
|
+ this.rightData = res.data
|
|
|
+ }
|
|
|
+ }
|
|
|
},
|
|
|
watch: {
|
|
|
filterText (val) {
|
|
|
@@ -1629,6 +1528,8 @@ export default {
|
|
|
nodeType: 2,
|
|
|
})
|
|
|
this.archiveTreetree4()//全加载左侧树
|
|
|
+
|
|
|
+ this.getWbsList();
|
|
|
},
|
|
|
mounted () {
|
|
|
this.heights = this.$refs.container.$el.offsetHeight;
|
yangyj