Merge branch 'hi-ucs-dev' of http://15.2.21.221:3000/wuhongjian/hi-ucs into hi-ucs-dev
This commit is contained in:
851673013@qq.com
commit
be36fc8631
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,6 +1,27 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-card shadow="never" class="aui-card--fill" v-if='homeIsShow'>
|
||||
<div class='container'>
|
||||
<div class='container-left'>
|
||||
<div class='left-search'>
|
||||
<div>
|
||||
<input type="text" class='input-style' placeholder="请输入部门关键词" v-model="inputTxt">
|
||||
<div class='input-search' @click='searchBtn'>
|
||||
<img src="@/assets/img/搜索.png" style='margin-top:7px;margin-left:16px' >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-tree
|
||||
class='tree-style'
|
||||
:data="treeData"
|
||||
:props="defaultProps"
|
||||
accordion
|
||||
@node-click="handleNodeClick">
|
||||
<span slot-scope="{ node }" class='tree-text-style'>
|
||||
<img src="@/assets/img/一级图标.png" style="width: 16px; height: 16px" />
|
||||
{{ node.label }}
|
||||
</span>
|
||||
</el-tree>
|
||||
</div>
|
||||
<el-card shadow="never" class="aui-card--fill" v-if='homeIsShow'>
|
||||
<div class="mod-demand__bsdemand">
|
||||
<div class='top-box'>
|
||||
<span class='title'>能力统计</span>
|
||||
|
|
@ -79,21 +100,18 @@
|
|||
<div class="block">
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
@current-change="getALLTree"
|
||||
:current-page="currentPage4"
|
||||
:page-sizes="[10, 20, 30, 40]"
|
||||
layout="total, prev, pager, next, jumper"
|
||||
:total="40">
|
||||
:total="50">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
<component-services v-if='servicesIsShow' ></component-services>
|
||||
<application-resources v-if='resourcesIsShow'></application-resources>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import componentServices from './componentServices.vue'
|
||||
|
|
@ -102,6 +120,46 @@ export default {
|
|||
components:{componentServices,applicationResources},
|
||||
data(){
|
||||
return{
|
||||
inputTxt:'',
|
||||
treeData: [{
|
||||
label: '一级 1',
|
||||
children: [{
|
||||
label: '二级 1-1',
|
||||
children: [{
|
||||
label: '三级 1-1-1'
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
label: '一级 2',
|
||||
children: [{
|
||||
label: '二级 2-1',
|
||||
children: [{
|
||||
label: '三级 2-1-1'
|
||||
}]
|
||||
}, {
|
||||
label: '二级 2-2',
|
||||
children: [{
|
||||
label: '三级 2-2-1'
|
||||
}]
|
||||
}]
|
||||
}, {
|
||||
label: '一级 3',
|
||||
children: [{
|
||||
label: '二级 3-1',
|
||||
children: [{
|
||||
label: '三级 3-1-1'
|
||||
}]
|
||||
}, {
|
||||
label: '二级 3-2',
|
||||
children: [{
|
||||
label: '三级 3-2-1'
|
||||
}]
|
||||
}]
|
||||
}],
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'name'
|
||||
},
|
||||
choseId:null,
|
||||
departmentId:1,
|
||||
currentPage4: 4,
|
||||
|
|
@ -154,8 +212,77 @@ export default {
|
|||
},
|
||||
]
|
||||
}
|
||||
},
|
||||
created(){
|
||||
this.getALLTree()
|
||||
},
|
||||
methods: {
|
||||
//搜索框
|
||||
searchBtn(){
|
||||
this.getALLTree()
|
||||
},
|
||||
//树
|
||||
handleNodeClick(data) {
|
||||
console.log(data.name);
|
||||
this.getTreeName(data)
|
||||
},
|
||||
handleCurrentChange(val){
|
||||
this.getALLTree(val)
|
||||
|
||||
},
|
||||
getTreeName (data) {
|
||||
this.$http.get('/census/center/v3/treeList/' ,{
|
||||
params : {
|
||||
keywords:data.name,
|
||||
deptId:'1067246875800000066',
|
||||
// pageNo: pageNo || 1,
|
||||
// pageSize: 20
|
||||
}
|
||||
}).then(res => {
|
||||
this.tableData =res.data.data
|
||||
})
|
||||
},
|
||||
// 获取部门列表
|
||||
getALLTree () {
|
||||
this.$http.get('/census/center/v3/treeList/' ,{
|
||||
params : {
|
||||
keywords:this.inputTxt,
|
||||
deptId:'1067246875800000066',
|
||||
// pageNo: pageNo || 1,
|
||||
// pageSize: 20
|
||||
}
|
||||
}).then(res => {
|
||||
this.treeData =res.data.data
|
||||
this.tableData =res.data.data
|
||||
})
|
||||
},
|
||||
// 获取部门发布情况列表
|
||||
getFirstTree () {
|
||||
this.$http.get('/census/center/v3/resourceReleaseDetails/' ,{
|
||||
params : {
|
||||
limit:100,
|
||||
page:1,
|
||||
id:null,
|
||||
resourceType:'资源类型'
|
||||
}
|
||||
}).then(res => {
|
||||
this.tableData =res.data.data
|
||||
|
||||
})
|
||||
},
|
||||
// 获取部门使用情况列表
|
||||
getSecondTree () {
|
||||
this.$http.get('/census/center/v3/resourceUsedDetails/' ,{
|
||||
params : {
|
||||
keywords:'',
|
||||
deptId:'1067246875800000066',
|
||||
}
|
||||
}).then(res => {
|
||||
this.tableData =res.data.data
|
||||
console.log('2222',this.tableData)
|
||||
|
||||
})
|
||||
},
|
||||
handleClick(row) {
|
||||
console.log(row);
|
||||
},
|
||||
|
|
@ -174,6 +301,12 @@ export default {
|
|||
//选择发布or使用表格
|
||||
handleChose(index){
|
||||
this.departmentId=index
|
||||
if(index===1){
|
||||
this.getFirstTree()
|
||||
}
|
||||
else{
|
||||
this.getSecondTree()
|
||||
}
|
||||
},
|
||||
//翻页
|
||||
handleSizeChange(val) {
|
||||
|
|
@ -187,13 +320,62 @@ export default {
|
|||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.container{
|
||||
display: flex;
|
||||
}
|
||||
.container-left{
|
||||
width:250px;
|
||||
height:1000px;
|
||||
// background-color: #ffffff;
|
||||
margin-right:10px
|
||||
}
|
||||
.left-search{
|
||||
width:250px;
|
||||
height:76px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.input-style{
|
||||
width:210px;
|
||||
height:36px;
|
||||
margin:20px 20px;
|
||||
padding-left: 20px;
|
||||
border-radius: 18px;
|
||||
border:1px solid transparent;
|
||||
background-color: #f2f4fa;
|
||||
}
|
||||
input::placeholder {
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #b0b3ca;
|
||||
}
|
||||
.input-search{
|
||||
width:44px;
|
||||
height:30px;
|
||||
background-color: #ffffff;
|
||||
position: absolute;
|
||||
border-radius: 15px;
|
||||
top:38px;
|
||||
left:196px;
|
||||
}
|
||||
::v-deep.tree-style {
|
||||
.el-tree-node__label{
|
||||
font-size:16px;
|
||||
}
|
||||
.el-tree-node__content{
|
||||
width:240px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.top-box{
|
||||
height:80px;
|
||||
background-color: #fafafc;
|
||||
}
|
||||
.title{
|
||||
display: flex;
|
||||
font-size:20px;
|
||||
font-size:20px;
|
||||
color:#000000;
|
||||
font-weight: bold;
|
||||
padding-left:15px;
|
||||
|
|
@ -247,4 +429,9 @@ export default {
|
|||
.departmentStyle{
|
||||
color:#526aff
|
||||
}
|
||||
::v-deep .tree-text-styleJ{
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue