|
|
@@ -24,7 +24,7 @@
|
|
|
<div class="scrollClass" style="height:721px">
|
|
|
<el-scrollbar style="height:100%">
|
|
|
<el-tree
|
|
|
- style="box-sizing: border-box;width:120%;"
|
|
|
+ style="box-sizing: border-box;"
|
|
|
v-show="!filterText"
|
|
|
ref="trees1"
|
|
|
:props="props"
|
|
|
@@ -38,7 +38,7 @@
|
|
|
@mouseleave="mouseLeave(data)"
|
|
|
|
|
|
>
|
|
|
- <span style="text-overflow: ellipsis;">{{ data.title }}</span>
|
|
|
+ <span style="text-overflow: ellipsis;width:101%;">{{ data.title }}</span>
|
|
|
<span
|
|
|
class="marleft10"
|
|
|
v-show="data.moreShow"
|
|
|
@@ -137,7 +137,7 @@
|
|
|
<div class="scrollClass" style="height:721px">
|
|
|
<el-scrollbar style="height:100%">
|
|
|
<el-tree
|
|
|
- style="box-sizing: border-box;width:120%;"
|
|
|
+ style="box-sizing: border-box;"
|
|
|
v-show="!filterText"
|
|
|
ref="trees1"
|
|
|
:props="props"
|
|
|
@@ -199,7 +199,7 @@
|
|
|
slot-scope="{ node, data }"
|
|
|
@mouseover="mouseOver(data)"
|
|
|
@mouseleave="mouseLeave(data)"
|
|
|
- style="box-sizing: border-box;width:120%;"
|
|
|
+ style="box-sizing:border-box;width:101%;"
|
|
|
>
|
|
|
<span style="text-overflow: ellipsis;">{{ data.title }}</span>
|
|
|
<span
|
|
|
@@ -247,7 +247,7 @@
|
|
|
style="padding-top:30px;"
|
|
|
>
|
|
|
<!-- <h3>上传文件入口显示配置</h3> -->
|
|
|
-
|
|
|
+<!--
|
|
|
<div
|
|
|
class="peizhi"
|
|
|
:style="{'height':heights-210+'px','overflow': 'hidden'}"
|
|
|
@@ -276,7 +276,7 @@
|
|
|
</el-scrollbar>
|
|
|
</div>
|
|
|
|
|
|
- <!-- 立卷规则 -->
|
|
|
+
|
|
|
<div v-if="!isentryTree" style="margin-top:20px">
|
|
|
<el-checkbox-group v-model="checkList">
|
|
|
<el-checkbox label="设置为最高并卷层级"></el-checkbox>
|
|
|
@@ -284,7 +284,7 @@
|
|
|
<el-checkbox label="设置为单独并卷层级"></el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
<div style="margin-top:20px;border:1px solid #e5e5e5;padding:20px">
|
|
|
- <!-- 选择默认划分树 -->
|
|
|
+
|
|
|
<div style="display: flex;justify-content: space-between;">
|
|
|
<el-select v-model="publictreevalue" clearable placeholder="请选择公有质检化分树" style=" width:45%;">
|
|
|
<el-option
|
|
|
@@ -311,8 +311,8 @@
|
|
|
</el-input>
|
|
|
<div class="scrollClass" style="height:521px ;">
|
|
|
<el-scrollbar style="height:100%">
|
|
|
-
|
|
|
<el-tree
|
|
|
+
|
|
|
class="filter-tree"
|
|
|
:data="rightData"
|
|
|
:props="Rightprops"
|
|
|
@@ -329,6 +329,86 @@
|
|
|
|
|
|
|
|
|
</div>
|
|
|
+ </div> -->
|
|
|
+ <div class="peizhi" :style="{'height':heights-210+'px','overflow': 'hidden'}">
|
|
|
+ <el-tabs v-model="activetabName" @tab-click="handletabClick">
|
|
|
+ <el-tab-pane label="立卷规则" name="second">
|
|
|
+ <el-row style="margin-bottom:15px">
|
|
|
+ <el-button type="primary" plain @click="setHigh">设置为最高并卷层级</el-button>
|
|
|
+ <el-button type="primary" plain @click="setType">设置为分类卷并卷</el-button>
|
|
|
+ <el-button type="primary" plain @click="setAlone">设置为独立组卷</el-button>
|
|
|
+ </el-row>
|
|
|
+ <div style="display: flex;justify-content: space-between;">
|
|
|
+ <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">
|
|
|
+ </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">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="工程文件入口配置" name="first"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+
|
|
|
+ <div class="scrollClass" v-if="activetabName==='second'" style="height:721px">
|
|
|
+ <el-scrollbar style="height:100%">
|
|
|
+ <el-tree
|
|
|
+ :props="Rightprops"
|
|
|
+ :data="rightData"
|
|
|
+ node-key="id"
|
|
|
+ ref="tree"
|
|
|
+ class="filter-tree"
|
|
|
+ show-checkbox
|
|
|
+ @check-change="handleCheckChange"
|
|
|
+ >
|
|
|
+ <div class="custom-tree-node" slot-scope="{ node, data }" @mouseover="mouseOver(data)"
|
|
|
+ @mouseleave="mouseLeave(data)">
|
|
|
+ <span>{{ node.label }}</span>
|
|
|
+ <span class="marleft10"
|
|
|
+ v-show="data.moreShow">
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ size="mini"
|
|
|
+ @click.stop="() => viewConfig(data)">
|
|
|
+ 查看配置
|
|
|
+ </el-button>
|
|
|
+
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </el-tree>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+ <div class="flexEnd" v-if="isentryTree">
|
|
|
+ <i
|
|
|
+ @click="rightPushTree"
|
|
|
+ class="el-icon-plus"
|
|
|
+ style="backgroundColor:#2A97DF;color:#fff;fontSize:20px;cursor: pointer;"
|
|
|
+ ></i>
|
|
|
+ </div>
|
|
|
+ <div class="scrollClass" v-if="isentryTree" style="height:721px">
|
|
|
+ <el-scrollbar style="height:100%">
|
|
|
+ <el-tree
|
|
|
+ :props="Rightprops"
|
|
|
+ :data="rightData"
|
|
|
+ node-key="id"
|
|
|
+ ref="tree"
|
|
|
+ class="filter-tree"
|
|
|
+
|
|
|
+ >
|
|
|
+ </el-tree>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -580,7 +660,58 @@
|
|
|
>确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
-
|
|
|
+ <!-- 设置最高层级 -->
|
|
|
+ <el-dialog
|
|
|
+ title="设置最高并卷层级"
|
|
|
+ :visible.sync="highVisible"
|
|
|
+ width="50%"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-checkbox-group v-model="checkList">
|
|
|
+ <el-checkbox label="复选框 A" style="margin-bottom:10px"></el-checkbox><br/>
|
|
|
+ <el-checkbox label="复选框 B" style="margin-bottom:10px"></el-checkbox><br/>
|
|
|
+ <el-checkbox label="复选框 C" style="margin-bottom:10px"></el-checkbox><br/>
|
|
|
+ </el-checkbox-group>
|
|
|
+ <span
|
|
|
+ slot="footer"
|
|
|
+ class="dialog-footer"
|
|
|
+ >
|
|
|
+ <el-button @click="highVisible=false,highVisible=false">取 消</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="editSort()"
|
|
|
+ >确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 查看配置 -->
|
|
|
+ <el-dialog
|
|
|
+ title="设置最高并卷层级"
|
|
|
+ :visible.sync="configVisible"
|
|
|
+ width="50%"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <el-tabs v-model="configactiveName" @tab-click="confighandleClick">
|
|
|
+ <el-tab-pane label="最高层级配置" name="first"></el-tab-pane>
|
|
|
+ <el-tab-pane label="分类并卷配置" name="second"></el-tab-pane>
|
|
|
+ <el-tab-pane label="独立组卷配置" name="third"></el-tab-pane>
|
|
|
+
|
|
|
+ </el-tabs>
|
|
|
+ <el-checkbox-group v-model="checkList">
|
|
|
+ <el-checkbox label="复选框 A" style="margin-bottom:10px"></el-checkbox><br/>
|
|
|
+ <el-checkbox label="复选框 B" style="margin-bottom:10px"></el-checkbox><br/>
|
|
|
+ <el-checkbox label="复选框 C" style="margin-bottom:10px"></el-checkbox><br/>
|
|
|
+ </el-checkbox-group>
|
|
|
+ <span
|
|
|
+ slot="footer"
|
|
|
+ class="dialog-footer"
|
|
|
+ >
|
|
|
+ <el-button @click="configVisible=false,configVisible=false">取 消</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="editSort()"
|
|
|
+ >确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
</basic-container>
|
|
|
</template>
|
|
|
|
|
|
@@ -589,6 +720,7 @@ import ManualSorting from '@/components/WbsTree/ManualSorting'
|
|
|
import { archiveTreeInit, lazyTree, dictionary, remove, archiveTreeSave, archiveTreeUpdate, archiveTreeDetail, archiveTreetree, submitDisplayConfigTree, getSameGradeNode, submitArchiveTreeSort } from "@/api/manager/archivetree";
|
|
|
import { getToken } from '@/util/auth';
|
|
|
import { roletree } from "@/api/system/role.js";
|
|
|
+// import logoVue from '../../page/index/logo.vue';
|
|
|
export default {
|
|
|
components: {
|
|
|
ManualSorting,
|
|
|
@@ -618,6 +750,8 @@ export default {
|
|
|
}],
|
|
|
testtreevalue:'',
|
|
|
activeName: 'second',
|
|
|
+ activetabName:'second',
|
|
|
+ configactiveName:'second',
|
|
|
isentryTree:true,
|
|
|
checkList:[],
|
|
|
//#region 左侧树
|
|
|
@@ -781,14 +915,40 @@ export default {
|
|
|
ruledefaultProps: {
|
|
|
children: 'children',
|
|
|
label: 'label'
|
|
|
- }
|
|
|
+ },
|
|
|
+ highVisible:false,
|
|
|
+ configVisible:false,
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
//切换tabs
|
|
|
handleClick(tab, event) {
|
|
|
console.log(tab, event);
|
|
|
+
|
|
|
},
|
|
|
+ handletabClick(tab, event) {
|
|
|
+ console.log(tab, event);
|
|
|
+ },
|
|
|
+ confighandleClick(tab, event) {
|
|
|
+ console.log(tab, event);
|
|
|
+ },
|
|
|
+ setHigh(){
|
|
|
+ this.highVisible=true
|
|
|
+ console.log('设置最高');
|
|
|
+ },
|
|
|
+ setType(){
|
|
|
+ console.log('设置类型');
|
|
|
+ },
|
|
|
+ setAlone(){
|
|
|
+ console.log('设置独立');
|
|
|
+ },
|
|
|
+ viewConfig(data){
|
|
|
+ console.log(data,'查看配置');
|
|
|
+ this.configVisible=true
|
|
|
+ },
|
|
|
+ handleCheckChange(data, checked, indeterminate) {
|
|
|
+ console.log(data, checked, indeterminate);
|
|
|
+ },
|
|
|
handleentrybtn(){
|
|
|
console.log(this.entrybtn,'entrybtn');
|
|
|
this.isentryTree=false;
|
|
|
@@ -1282,8 +1442,13 @@ export default {
|
|
|
background-color: #e5e5e5;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
+.el-tree .el-tree-node__content{
|
|
|
+ display: block !important;
|
|
|
+ }
|
|
|
|
|
|
+/deep/ .el-tree .el-tree-node__children{
|
|
|
+ overflow: visible!important;
|
|
|
+ }
|
|
|
|
|
|
|
|
|
</style>
|
duy