From 1e4db8a594fd5677aadf8bea9c8059bd939843e1 Mon Sep 17 00:00:00 2001
From: gaoxiaolong <327091900@qq.com>
Date: Tue, 28 Jun 2022 10:40:39 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=91=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 back/src/assets/img/一级图标.png          | Bin 0 -> 1326 bytes
 back/src/assets/img/搜索.png                | Bin 0 -> 1202 bytes
 .../views/modules/abilityStatistics/index.vue | 205 +++++++++++++++++-
 3 files changed, 196 insertions(+), 9 deletions(-)
 create mode 100644 back/src/assets/img/一级图标.png
 create mode 100644 back/src/assets/img/搜索.png

diff --git a/back/src/assets/img/一级图标.png b/back/src/assets/img/一级图标.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7f339aa826cd145fa2d383533d607efcf3a1441
GIT binary patch
literal 1326
zcmeAS@N?(olHy`uVBq!ia0vp^LO?9S!3HE7rssMADajJoh?3y^w370~qErUQl>DSr
z1<%~X^wgl##FWaylc_cg49qH-ArU1JzCKpT`MG+DAT@dwxdlMo3=B5*6$OdO*{LN8
zNvY|XdA3ULckfqH$V{<S3ODsN@GWpo&B*kqDoPEm@(W3>%1*XSQL?vFu&J;D8jzb>
zlBiITo0C^;Rbi_HHrEQs1_|pcDS(xfWZNo192Makpx~Tel&WB^XQ-QOU|^tNZmE}&
zn3R~Dl%%6zWME{dZ(yQtXrgOiU}bD+Wn!WL1xi5cic-?7f?V97mH~OTN*N_31y=g{
z<>lpi<;HsXMd|v6mX?<K21fcuM!G;1y2X`wC5aWfdBw^w6I@b@lZ!G7N;32F6hI~>
zCgqow*eU^?3h_g30o>TUVrV!4LrlLSu|VHY&j92nm_lD){7Q3k;i`*Ef>IIg#cFVI
zNM%8)eo$(0erZuMFy_*fK~@!5ITxiSmgE<O<mczWf-xW?za+mnBfmhw$VksrK_fgf
zFD1XcSQD(l*VoE3uec;JFFDoI#a0PugkEN5ij}3Mo2jdji?N%bv8kb<tFxtvn~9UF
zg`1_5fs31gi8)NKOMY@`Zfaf$Om7N8uL(}Qpu~_{0JPa9wJ5VJHN~wcKUV?lXRA!y
zZZX7Z9#n4%ZnqfW)T<A4j6Nu4kzyJq1WZ04COqK+Iq;;Png>kpMZkn@w#!hEfq`*>
zr;B4q#jQ10yfs<^MGkzNc`|uvj?br4Z<b8(NOC@@qp@*f#3ZSkoRzvA895zpH#Pd-
zbWEBQkkY8BWVU2N8>^<_49Wk|&o5tJQd#)=y3M}o^LvZW*(R^q_><?qp^xJ{^GBRn
z+cj0%q*n;#&p5^?lX1+p%9(RYXY86otwvK0vl)wB?DxO&Urd9q*}~cI*2F&FyLa5L
zEEJhO<1k;*)x#Po$<Adt2Wlql$yH{yjA#;$RXf=nsTSK3xT09IMao$#fbrUf2Io18
zG#naOd=BWcOB~)jZLzRtoM_O7_EeSMteJ<IqY~V;+633LdQH48`c>6R^@VO!pwh{0
zr(fy@2{b?Xu{=v||6KP8YA0omPm4K~74jg;Jbdj})?GKvR~+oAF*|*}cZKVfibnG*
zai3Xc2urK9h0DKq&ELB|>SV?w^HrxOEAd=eJoiLb_??B!hKg((PMr<=YrcR<*4tI4
zXy=_vZ*Lj=5?vag_hDCv8Gr4qmh#9s{mMRG_amPy(evDOD@Q&uW76ptS9ZnQ_o+na
srWLCGx4pP&rqtpW$J*;2Zf9U-Slg6fqcLNK8mI*GboFyt=akR{0M4J+E&u=k

literal 0
HcmV?d00001

diff --git a/back/src/assets/img/搜索.png b/back/src/assets/img/搜索.png
new file mode 100644
index 0000000000000000000000000000000000000000..22399624253d904f39de20afe3e15c76e52456c9
GIT binary patch
literal 1202
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xa$r9IylHmNblJdl&R0hYC{G?O`
z&)mfH)S%SFl*+=BsWuD@%qp275hW46K32*3xq68pHF_1f1wh>l3^w)^1&PVosU-?Y
zsp*+{wo31J?^jaDOtDo8H}y5}EpSfF$n>ZxN)4{^3rViZPPR-@vbR&PsjvbXkegbP
zs8ErclUHn2VXFi-*9yo63F|8<fR&VF+bTgE72zA8;GAESs$i~XsGDqHV4z@bsh5(N
zl$e~9q@!SDU}UIoV4`nmqHADaWo&6>Vxj;AN<iz1Qqrt~T->0R0eQAc86_nJR{Hwo
z<>h+i#(Mch>H3D2mX`VkM*2oZx<D1W#g%y_i50qe#mX=fTvCgZi!uvJGV}8kKqe+8
z<(HP&Dgm7e@k4F_+}ONgXgC2wOur(rK;KZ$0OTi_LSJ9}N^^7Js*6j4QW5UOYH)E#
zWkITbP-=00X;CsT=F*fwRuxz|7o{ea<QIkH=jXtJF(4zqB)>Q#zd*srNY7M3BRn%N
zCBM8_6Rg44*UB@mxFj(zIn~p}Rtac?US?*Bm6^Grv4xAXnVX@psiC2(vy+jDi<6nD
zvAMH>vAL<K1x&9?esXDUYF-IUZwf-MIZnNx#E@G6wAm%KD6=dz#jPkmR{`v2t4!Q(
zF~MmbRBsAyx0vG8s}FRHJ}739Vj3m{Og<ncJmCU4@T8xb2Tbopz=R#ZmJ7@;j4GZk
zjv*DdS}xgoGdqg3J`6S6=C&r7)qCT_h%R}BzzrLOcp@?vwsy?TSQs%=i7kgoNR;QG
z`~ntk(JS%_w>kv7Z?H^ZVOl28`TmgPj-#`9Y|gy7YkBzGo079@x7b{Mwz0?1cK<^W
z_KX{ychhPb7dgpmDEGyNOyJ;-ON#odkR;(CzwKgowM%XRljog8w)1HZt-ft&;W(F5
z5d7Hn{r|F-aNRran;!o-vithJxhv#1R_9dBoo#(pPF&};fs$;~=2!Bu28*3``D$3a
z^qg{MT2lg_>6%1S6_XzJUhj1;9*ZyjCEFfx-StOU?J1o}*Br%aMCX-wZ;CiDZDvh#
z^qU#=KOfKLjQ2=ncK$W%!Mc4fY75?elA8Zpv3k`bttEA9a^F7w<=?=_Ah5^!{h4W5
QouE?0)78&qol`;+0G4{5Bme*a

literal 0
HcmV?d00001

diff --git a/back/src/views/modules/abilityStatistics/index.vue b/back/src/views/modules/abilityStatistics/index.vue
index 5d4a90f1..21b7db82 100644
--- a/back/src/views/modules/abilityStatistics/index.vue
+++ b/back/src/views/modules/abilityStatistics/index.vue
@@ -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>