From 87824981049de9c8d178be9bc6adefda6228181a Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Tue, 27 Sep 2022 09:42:13 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=AB=AFbug=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=20=20=20=E9=97=A8=E6=88=B7=E4=BF=AE=E6=94=B9=E5=8F=B3?=
 =?UTF-8?q?=E4=BE=A7=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/modules/abilityStatistics/index.vue | 1375 +++++++++++------
 front/src/assets/home/bg-right.png            |  Bin 0 -> 1523 bytes
 front/src/assets/home/sj.png                  |  Bin 0 -> 859 bytes
 front/src/assets/home/sq.png                  |  Bin 0 -> 987 bytes
 front/src/assets/home/xq.png                  |  Bin 0 -> 931 bytes
 .../views/newHome/components/WorkDynamics.vue |   50 +-
 6 files changed, 909 insertions(+), 516 deletions(-)
 create mode 100644 front/src/assets/home/bg-right.png
 create mode 100644 front/src/assets/home/sj.png
 create mode 100644 front/src/assets/home/sq.png
 create mode 100644 front/src/assets/home/xq.png

diff --git a/back/src/views/modules/abilityStatistics/index.vue b/back/src/views/modules/abilityStatistics/index.vue
index f29ac522..9385c14c 100644
--- a/back/src/views/modules/abilityStatistics/index.vue
+++ b/back/src/views/modules/abilityStatistics/index.vue
@@ -1,492 +1,883 @@
-<template>
-<div >
-    <div class='container'>
-         <!-- <div class='container-left'  v-if='homeIsShow'>
-        <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>
-            <div class='title-list-style'>
-            <div v-for="(item,index) in titleList" :key='index' class='title-single' :class="{'choseStyle':choseId=== index}" @click="choseBtn(index)">
-             <span class='box-style'>{{item.name}}</span>
-            </div>
-    </div>
-        </div>
-         <div class='second-title'>
-            <span style='margin-right:30px' :class="[departmentId===1?'departmentStyle':'']" @click="handleChose(1)">
-                部门发布情况
-            </span>
-            <span v-if='this.choseId===0' :class="[departmentId===2?'departmentStyle':'']"  @click="handleChose(2)">
-                部门使用情况
-            </span>
-         </div>
-         <div class='line-style'></div>
-          <el-table
-            :data="tableData"
-            border
-            style="width: 100%">
-        <el-table-column
-            prop="deptName"
-            label="部门名称"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if='this.departmentId===1'
-            prop="resourceNum"
-            label="发布总数"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if="this.choseId===0 && this.departmentId===1 "
-            prop="resourceCarNum"
-            label="被申请总数"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if="this.departmentId===1"
-            prop="resourceBrowseNum"
-            label="浏览总量"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if="this.departmentId===1"
-            prop="resourceCollectionNum"
-            label="收藏量"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if="this.choseId===0 && this.departmentId===1 "
-            prop="resourceVisits"
-            label="被调用总数"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if="this.choseId===0 && this.departmentId===1 "
-            prop="resourceRelNum"
-            label="被应用总数"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if="this.choseId===0 && this.departmentId===1 "
-            prop="resourceShareNum"
-            label="需申请数量"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if="this.choseId===0 && this.departmentId===1 "
-            prop="resourceShareNonNum"
-            label="免批数量"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if="this.departmentId===2"
-            prop="resourceUseNum"
-            label="使用总数"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column v-if="this.departmentId===2"
-            prop="resourceCallNum"
-            label="申请总数"
-            min-width="100%">
-        </el-table-column>
-        <el-table-column
-            label="操作"
-            min-width="92%">
-        <template slot-scope="scope">
-            <el-button @click="handleClick(scope.row)" type="text" size="small">查看详情</el-button>
-        </template>
-        </el-table-column>
-    </el-table>
-    <div class="block">
-    <el-pagination
-      @current-change="handleCurrentChange"
-      layout="total, prev, pager, next, jumper"
-      :total="total"
-      :page-size="5"
-      :current-page="currentPage"
-      >
-    </el-pagination>
-  </div>
-    </div>
-  </el-card>
-    </div>
-   <component-used v-if='UsedIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild2='closeChild2'></component-used>
-   <component-services v-if='servicesIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild='closeChild'></component-services>
-   <application-resources  v-if='resourcesIsShow'  :tableId='tableId' :fatherId='fatherId' @closeApplication='closeApplication'></application-resources>
-</div>
-</template>
-<script>
-import componentServices from './componentServices.vue'
-import applicationResources from './applicationResources.vue'
-import ComponentUsed from './componentUsed.vue'
-export default {
-  components: { componentServices, applicationResources, ComponentUsed },
-  data () {
-    return {
-      inputTxt: '',
-      tableId: '',
-      fatherId: '',
-      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'
-          }]
-        }]
-      }],
-      total: null,
-      defaultProps: {
-        children: 'children',
-        label: 'name'
-      },
-      choseId: 0,
-      departmentId: 1,
-      currentPage: 1,
-      homeIsShow: true,
-      servicesIsShow: false,
-      resourcesIsShow: false,
-      UsedIsShow: false,
-      titleList: [
-        { name: '组件服务', key: 1 }, { name: '应用资源', key: 2 }, { name: '基础设施', key: 3 }, { name: '数据资源', key: 3 }, { name: '知识库', key: 3 }
-      ],
-      tableData: [{ deptName: '部门', resourceNum: 222 }]
-    }
-  },
-  created () {
-
-  },
-  mounted () {
-    this.getFirstTree()
-  },
-  methods: {
-    // 搜索框
-    // searchBtn(){
-    //     this.getALLTree()
-    // },
-    //  //树
-    //     handleNodeClick(data) {
-    //         console.log(data.name);
-    //         this.getTreeName(data)
-    //     },
-    // 翻页
-    handleCurrentChange (val) {
-      if (this.choseId === 0) {
-        this.getFirstTree(val)
-      } else if (this.choseId === 1) {
-        this.getReleaseTree(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 (page) {
-      this.$http.get('/census/center/v3/resourceReleaseDetails/', {
-        params: {
-          page: page || 1,
-          limit: 5,
-          // id:'1067246875800000066',
-          resourceType: '组件服务'
-        }
-      }).then(res => {
-        this.tableData = res.data.data.list
-        this.total = res.data.data.total
-      })
-    },
-    // 组件服务部门使用情况列表
-    getSecondTree () {
-      this.$http.get('/census/center/v3/resourceUsedDetails/', {
-        params: {
-          limit: 5,
-          page: 1,
-          // id:'1067246875800000064',
-          resourceType: '组件服务'
-        }
-      }).then(res => {
-        this.tableData = res.data.data.list
-      })
-    },
-    // 应用资源部门发布情况列表
-    getReleaseTree (page) {
-      this.$http.get('/census/center/v3/resourceReleaseDetails/', {
-        params: {
-          limit: 5,
-          page: page || 1,
-          // id:'1067246875800000066',
-          resourceType: '应用资源'
-        }
-      }).then(res => {
-        this.tableData = res.data.data.list
-        this.total = res.data.data.total
-      })
-    },
-    // 应用资源部门使用情况列表
-    getUsedTree () {
-      this.$http.get('/census/center/v3/resourceReleaseDetails/', {
-        params: {
-          limit: 5,
-          page: 1,
-          // id:'1067246875800000066',
-          resourceType: '应用资源'
-        }
-      }).then(res => {
-        this.tableData = res.data.data.list
-      })
-    },
-    handleClick (row) {
-      if (this.choseId === 0) {
-        if (this.departmentId === 1) {
-          this.homeIsShow = false
-          this.servicesIsShow = true
-          this.tableId = row.deptId
-          this.fatherId = 1
-        } else if (this.departmentId === 2) {
-          this.homeIsShow = false
-          this.UsedIsShow = true
-          this.tableId = row.deptId
-          this.fatherId = 1
-        }
-      } else if (this.choseId === 1) {
-        this.homeIsShow = false
-        this.resourcesIsShow = true
-        this.tableId = row.deptId
-        this.fatherId = 2
-      }
-    },
-    // 选择组件
-    choseBtn (index) {
-      this.choseId = index
-      this.handleChose(1)
-    },
-    //   choseBtn(index){
-    //     this.choseId=index
-    //     if (index===0){
-    //         this.homeIsShow=false
-    //         this.servicesIsShow=true
-    //     } else if(index===1){
-    //         this.homeIsShow=false
-    //         this.servicesIsShow=false
-    //         this.resourcesIsShow=true
-    //     }
-    //   },
-    // 选择发布or使用表格
-    handleChose (index) {
-      this.departmentId = index
-      if (index === 1) {
-        if (this.choseId === 0) {
-          this.getFirstTree()
-        } else if (this.choseId === 1) {
-          this.getReleaseTree()
-        }
-      } else if (index === 2) {
-        if (this.choseId === 0) {
-          this.getSecondTree()
-        } else {
-          this.getUsedTree()
-        }
-      }
-    },
-    // 翻页
-    handleSizeChange (val) {
-      console.log(`每页 ${val} 条`)
-    },
-    closeChild () {
-      this.homeIsShow = true
-      this.servicesIsShow = false
-      this.handleCurrentChange(1)
-    },
-    closeChild2 () {
-      this.homeIsShow = true
-      this.UsedIsShow = false
-      this.handleCurrentChange(1)
-    },
-    closeApplication () {
-      this.homeIsShow = true
-      this.resourcesIsShow = false
-      this.handleCurrentChange(1)
-    }
-  }
-
-}
-</script>
-<style lang="scss" scoped>
-.container {
-  display: flex;
-}
-.container-left {
-  width: 250px;
-  height: 1000px;
-  display: inline-block;
-  // 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;
-    word-break: break-all;
-  }
-}
-
-.top-box {
-  height: 80px;
-  width: 100%;
-  background-color: #fafafc;
-  display: inline-block;
-}
-.title {
-  display: flex;
-  font-size: 20px;
-  color: #000000;
-  font-weight: bold;
-  padding-left: 15px;
-  padding-top: 10px;
-}
-.title-list-style {
-  display: flex;
-  margin-top: 10px;
-}
-.title-single {
-  font-size: 14px;
-  width: 90px;
-  color: #666666;
-  height: 24px;
-  margin-left: 10px;
-  border: 1px solid #cccccc;
-  border-radius: 12px;
-  cursor: pointer;
-}
-.box-style {
-  width: 90px;
-  height: 24px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding-bottom: 2px;
-}
-.second-title {
-  margin-top: 20px;
-  font-size: 14px;
-  color: #979eb9;
-  cursor: pointer;
-}
-.line-style {
-  width: 100%;
-  height: 1px;
-  background-color: #f5f6fa;
-  margin-top: 15px;
-  margin-bottom: 15px;
-}
-.aui-card--fill {
-  width: 100% !important;
-  padding: 0px !important;
-}
-.choseStyle {
-  color: #526aff;
-  border: 1px solid #526aff;
-}
-.departmentStyle {
-  color: #526aff;
-}
-::v-deep .tree-text-styleJ {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  word-break: break-all;
-}
-</style>
+<template>
+<div >
+    <div class='container'>
+         <!-- <div class='container-left'  v-if='homeIsShow'>
+        <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-form :inline="true">
+           <!--起始日期 @keyup.enter.native="getDataList()"-->
+         <el-form-item>
+         <el-date-picker
+            v-model="value1"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            format='yyyy-MM-dd HH:mm:ss'
+            value-format='yyyy-MM-dd HH:mm:ss'
+          >
+          </el-date-picker>
+         </el-form-item>
+          <!--审核状态-->
+        <el-form-item>
+          <el-select
+            v-model="examineStatus"
+            placeholder="请选审核状态"
+            clearable
+          >
+            <el-option
+              label="审核完成"
+              value="1"
+            ></el-option>
+            <el-option
+              label="审核中"
+              value="0"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+      
+          <!--部门-->
+         <el-form-item>
+          <el-select
+            v-model="abilityDepartment"
+            placeholder="请选择部门"
+            clearable
+          >
+             <el-option label="全部" value=""></el-option>
+            <el-option v-for="item in departmentSelects" :key="item.label" v-bind="item"></el-option>
+          </el-select>
+        </el-form-item>
+
+         <!--类型-->
+         <el-form-item>
+          <el-select
+            v-model="abilityType"
+            placeholder="请选择类型"
+            clearable
+          >
+             <el-option label="全部" value=""></el-option>
+            <el-option v-for="item in typeOptions" :key="item.name" :label="item.name" :value="item.name" v-bind="item"></el-option>
+          </el-select>
+        </el-form-item>
+       
+        <!--操作按钮查询-->
+        <el-form-item>
+          <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item>
+        <!--操作按钮重置-->
+        <el-form-item>
+          <el-button type="primary" @click="resetDataList()">{{ $t('reset') }}</el-button>
+        </el-form-item>
+        </el-form>
+     <el-card shadow="never" class="aui-card--fill"  v-if='homeIsShow'>
+    <div class="mod-demand__bsdemand">
+       <!--  <div class='top-box'>
+            <span class='title'>能力统计</span>
+            <div class='title-list-style'>
+            <div v-for="(item,index) in titleList" :key='index' class='title-single' :class="{'choseStyle':choseId=== index}" @click="choseBtn(index)">
+             <span class='box-style'>{{item.name}}</span>
+            </div>
+           </div>
+        </div> -->
+
+         <div class='second-title'>
+            <span style='margin-right:30px' :class="[(departmentId===1 || departmentId===3)?'departmentStyle':'']" @click="handleChose(1)">
+                能力上架统计
+            </span>
+            <span  :class="[(departmentId===2 || departmentId===4)?'departmentStyle':'']"  @click="handleChose(2)">
+               能力使用统计
+            </span>
+         <!--   <span v-if='this.choseId===0' :class="[departmentId===3?'departmentStyle':'']"  @click="handleChose(3)">
+                能力上架明细
+            </span>
+           <span v-if='this.choseId===0' :class="[departmentId===4?'departmentStyle':'']"  @click="handleChose(4)">
+                能力使用明细
+            </span> -->
+            <span  v-if="detailFlag" class="detail-button" @click="goToDetail()">
+               明细
+            </span>
+            <span  v-else class="detail-button" @click="goToBack()">
+               返回
+            </span>
+         </div>
+         <div class='line-style'></div>
+         <!--统计表-->
+          <el-table
+            :data="tableData"
+            :header-cell-style="{textAlign:'center'}"
+            :cell-style="{textAlign:'center'}"
+            border
+            style="width: 100%" v-show='this.departmentId===1 ||this.departmentId===2'>
+        <el-table-column
+            prop="name"
+            label="部门名称"
+            min-width="100%">
+        </el-table-column>
+            <el-table-column label="组件">
+              <el-table-column
+                  prop="znsf"
+                  label="智能算法"
+                  min-width="100%">
+              </el-table-column>
+              <el-table-column
+                  prop="tcfw"
+                  label="图层服务"
+                  min-width="100%">
+              </el-table-column>
+              <el-table-column
+                    prop="kfzj"
+                    label="通用开发组件"
+                    min-width="100%">
+                </el-table-column>
+              <el-table-column
+                      prop="ywzj"
+                      label="业务能力组件"
+                      min-width="100%">
+            </el-table-column>
+            </el-table-column>
+            <el-table-column
+                prop="yyzy"
+                label="应用资源"
+                min-width="100%">
+            </el-table-column>
+            <el-table-column
+                prop="zj"
+                label="总计"
+                min-width="100%">
+            </el-table-column>
+         </el-table>
+        <!--明细表-->
+        
+    <el-table
+      :data="tableData"
+      style="width: 100%"
+      v-show='this.departmentId===3 ||this.departmentId===4'
+      >
+      <el-table-column
+        prop="deptName"
+        label="部门"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="resourceName"
+        label="资源名称"
+        width="180">
+      </el-table-column>
+      <el-table-column
+        prop="type"
+        label="类型">
+      </el-table-column>
+      <el-table-column
+        prop="createDate"
+        label="日期">
+      </el-table-column>
+      <el-table-column
+        prop="approveStatus"
+        label="状态">
+      </el-table-column>
+    </el-table>
+    <div class="block">
+    <el-pagination
+      @current-change="handleCurrentChange"
+      layout="total, prev, pager, next, jumper"
+      :total="total"
+      :page-size="5"
+      :current-page="currentPage"
+      >
+    </el-pagination>
+  </div>
+    </div>
+  </el-card>
+    </div>
+   <component-used v-if='UsedIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild2='closeChild2'></component-used>
+   <component-services v-if='servicesIsShow' :tableId='tableId' :fatherId='fatherId' @closeChild='closeChild'></component-services>
+   <application-resources  v-if='resourcesIsShow'  :tableId='tableId' :fatherId='fatherId' @closeApplication='closeApplication'></application-resources>
+</div>
+</template>
+<script>
+import componentServices from './componentServices.vue'
+import applicationResources from './applicationResources.vue'
+import ComponentUsed from './componentUsed.vue'
+import { mapState } from 'vuex'
+export default {
+  components: { componentServices, applicationResources, ComponentUsed },
+  data () {
+    return {
+      inputTxt: '',
+      tableId: '',
+      fatherId: '',
+      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'
+          }]
+        }]
+      }],
+      total: null,
+      defaultProps: {
+        children: 'children',
+        label: 'name'
+      },
+      choseId: 0,
+      departmentId: 1,
+      currentPage: 1,
+      homeIsShow: true,
+      servicesIsShow: false,
+      resourcesIsShow: false,
+      UsedIsShow: false,
+      titleList: [
+        { name: '组件服务', key: 1 }, { name: '应用资源', key: 2 }, { name: '基础设施', key: 3 }, { name: '数据资源', key: 3 }, { name: '知识库', key: 3 }
+      ],
+      tableData: [{ deptName: '部门', resourceNum: 222 }],
+      tableData2: [{ approveStatus: '', createDate: '' ,deptName:'',resourceName:'',type:''}],
+        examineStatus: '0',//审核状态
+       value1:[],//起始时间
+       abilityDepartment:"",//部门
+       abilityType:"",//能力
+       beginTime: '',//开始时间
+       endTime: '',//结束时间
+       typeOptions:[
+        { name: '智能算法', value: 1 },
+        { name: '图层服务', value: 2 }, 
+        { name: '通用开发组件', value: 3 }, 
+        { name: '页面开发组件', value: 4 }, 
+        { name: '应用资源', value: 5 }],//类型备选列表
+        detailFlag:true,//明细返回按钮显示标志位
+        startDate:"",//开始时间
+        endDate:"" // 结束时间
+    }
+  },
+  created () {
+ //当前设定的日期时间
+      let d = new Date
+      let year1,month1,day1;
+      [year1,month1,day1] = [d.getFullYear(),d.getMonth(),d.getDate()]
+      let date1 = new Date(year1, month1, day1,7)
+      this.value1.push(date1)
+      //前一天设定的日期时间
+      let year2,month2,day2
+      d.setTime(d.getTime()-24*60*60*1000);
+      [year2,month2,day2] = [d.getFullYear(),d.getMonth(),d.getDate()]
+      let date2 = new Date(year2,month2,day2,7)
+      this.value1.unshift(date2)
+  },
+  mounted () {
+    this.getFirstTree()
+  },
+     computed: {
+    ...mapState(['departmentSelects'])
+  },
+  methods: {
+    // 搜索框
+    // searchBtn(){
+    //     this.getALLTree()
+    // },
+    //  //树
+    //     handleNodeClick(data) {
+    //         console.log(data.name);
+    //         this.getTreeName(data)
+    //     },
+    // 翻页
+    handleCurrentChange (val) {
+      if (this.choseId === 0) {
+        this.getFirstTree(val)
+      } else if (this.choseId === 1) {
+        this.getReleaseTree(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 (page) {
+      this.$http.get('/census/center/selectDeptDetailTypeCountList/', {
+        params: {
+          page: page || 1,
+          limit: 5,
+          approveStatus: this.examineStatus,
+          deptId: this.abilityDepartment,
+          params: '',
+          startDate:this.startDate,
+          endDate:this.endDate
+        }
+      }).then(res => {
+        let result= res.data.data
+        for(let i=0;i<result.length;i++){
+               if(!result[i].hasOwnProperty('yyzy') ){
+                 result[i].yyzy= 0
+               }
+          if(!result[i].hasOwnProperty('kfzj') ){
+            result[i].kfzj= 0
+          }
+          if(!result[i].hasOwnProperty('znsf') ){
+            result[i].znsf= 0
+          }
+          if(!result[i].hasOwnProperty('tcfw') ){
+            result[i].tcfw= 0
+          }
+          if(!result[i].hasOwnProperty('ywzj') ){
+            result[i].ywzj= 0
+          }
+          result[i].zj=parseInt(result[i].yyzy)+ parseInt(result[i].kfzj)+parseInt(result[i].znsf)+parseInt(result[i].ywzj)+parseInt(result[i].tcfw)
+        }
+        this.tableData = res.data.data
+        this.total = res.data.data.total
+      })
+    },
+    // 组件服务部门使用情况列表-改为能力使用统计
+    getSecondTree () {
+      this.$http.get('/census/center/selectApplyDeptDetailTypeCountList/', {
+        params: {
+         // page: page || 1,
+          limit: 5,
+          approveStatus:this.examineStatus,
+          deptId: this.abilityDepartment,
+          params: '',
+          startDate:this.startDate,
+          endDate:this.endDate
+        }
+      }).then(res => {
+        let result= res.data.data
+        for(let i=0;i<result.length;i++){
+          if(!result[i].hasOwnProperty('yyzy') ){
+            result[i].yyzy= 0
+          }
+          if(!result[i].hasOwnProperty('kfzj') ){
+            result[i].kfzj= 0
+          }
+          if(!result[i].hasOwnProperty('znsf') ){
+            result[i].znsf= 0
+          }
+          if(!result[i].hasOwnProperty('tcfw') ){
+            result[i].tcfw= 0
+          }
+          if(!result[i].hasOwnProperty('ywzj') ){
+            result[i].ywzj= 0
+          }
+          result[i].zj=parseInt(result[i].yyzy)+ parseInt(result[i].kfzj)+parseInt(result[i].znsf)+parseInt(result[i].ywzj)+parseInt(result[i].tcfw)
+        }
+        this.tableData = res.data.data
+        this.total = res.data.data.total
+      })
+    },
+    // 能力上架明细
+    getOneDetail (page) {
+      this.$http.get('/census/center/selectCensusResourceTable/', {
+        params: {
+          limit: 5,
+         // page: page || 1,
+          approveStatus: this.examineStatus,
+          deptId: this.abilityDepartment,
+          params: '',
+          startDate:this.startDate,
+          endDate:this.endDate
+        }
+      }).then(res => {
+        console.log('111111',this.tableData,res.data.data)
+        this.tableData = res.data.data
+        this.total = res.data.data.total
+      })
+    },
+    // 能力使用明细
+    getTwoDetail (page) {
+      this.$http.get('/census/center/selectCensusApplyTable/', {
+        params: {
+          limit: 5,
+          // page: page || 1,
+          approveStatus: this.examineStatus,
+          deptId: this.abilityDepartment,
+          params: '',
+          startDate:this.startDate,
+          endDate:this.endDate
+        }
+      }).then(res => {
+        this.tableData = res.data.data
+        this.total = res.data.data.total
+      })
+    },
+    getReleaseTree (page) {
+      this.$http.get('/census/center/selectApplyDeptDetailTypeCountList/', {
+        params: {
+          limit: 5,
+          // page: page || 1,
+          approveStatus: '',
+          deptId: '',
+          params: '',
+          startDate: ''
+        }
+      }).then(res => {
+        let result= res.data.data
+        for(let i=0;i<result.length;i++){
+          if(!result[i].hasOwnProperty('yyzy') ){
+            result[i].yyzy= 0
+          }
+          if(!result[i].hasOwnProperty('kfzj') ){
+            result[i].kfzj= 0
+          }
+          if(!result[i].hasOwnProperty('znsf') ){
+            result[i].znsf= 0
+          }
+          if(!result[i].hasOwnProperty('tcfw') ){
+            result[i].tcfw= 0
+          }
+          if(!result[i].hasOwnProperty('ywzj') ){
+            result[i].ywzj= 0
+          }
+          result[i].zj=parseInt(result[i].yyzy)+ parseInt(result[i].kfzj)+parseInt(result[i].znsf)+parseInt(result[i].ywzj)+parseInt(result[i].tcfw)
+        }
+        this.tableData = res.data.data
+        this.total = res.data.data.total
+      })
+    },
+    // 应用资源部门使用情况列表
+    getUsedTree () {
+      this.$http.get('/census/center/v3/resourceReleaseDetails/', {
+        params: {
+          limit: 5,
+          page: 1,
+          // id:'1067246875800000066',
+          resourceType: '应用资源'
+        }
+      }).then(res => {
+        this.tableData = res.data.data.list
+      })
+    },
+    handleClick (row) {
+      if (this.choseId === 0) {
+        if (this.departmentId === 1) {
+          this.homeIsShow = false
+          this.servicesIsShow = true
+          this.tableId = row.deptId
+          this.fatherId = 1
+        } else if (this.departmentId === 2) {
+          this.homeIsShow = false
+          this.UsedIsShow = true
+          this.tableId = row.deptId
+          this.fatherId = 1
+        }
+      } else if (this.choseId === 1) {
+        this.homeIsShow = false
+        this.resourcesIsShow = true
+        this.tableId = row.deptId
+        this.fatherId = 2
+      }
+    },
+    // 选择组件
+    choseBtn (index) {
+      this.choseId = index
+      this.handleChose(1)
+    },
+    //   choseBtn(index){
+    //     this.choseId=index
+    //     if (index===0){
+    //         this.homeIsShow=false
+    //         this.servicesIsShow=true
+    //     } else if(index===1){
+    //         this.homeIsShow=false
+    //         this.servicesIsShow=false
+    //         this.resourcesIsShow=true
+    //     }
+    //   },
+    // 选择发布or使用表格
+    handleChose (index) {
+      this.departmentId = index
+      if (index === 1) {
+        if (this.choseId === 0) {
+          if(!this.detailFlag){
+            this.detailFlag = !this.detailFlag;
+          }
+          this.getFirstTree()
+        } else if (this.choseId === 1) {
+          //this.getReleaseTree()
+        }
+      } else if (index === 2) {
+        if (this.choseId === 0) {
+          if(!this.detailFlag){
+            this.detailFlag = !this.detailFlag;
+          }
+          this.getSecondTree()
+        } else {
+          //this.getUsedTree()
+        }
+      }
+      else if (index === 3) {
+        if (this.choseId === 0) {
+          this.getOneDetail()
+        } else {
+          //this.getUsedTree()
+        }
+      }  else if (index === 4) {
+        if (this.choseId === 0) {
+          this.getTwoDetail()
+        } else {
+         // this.getUsedTree()
+        }
+      }
+    },
+    // 翻页
+    handleSizeChange (val) {
+      console.log(`每页 ${val} 条`)
+    },
+    closeChild () {
+      this.homeIsShow = true
+      this.servicesIsShow = false
+      this.handleCurrentChange(1)
+    },
+    closeChild2 () {
+      this.homeIsShow = true
+      this.UsedIsShow = false
+      this.handleCurrentChange(1)
+    },
+    closeApplication () {
+      this.homeIsShow = true
+      this.resourcesIsShow = false
+      this.handleCurrentChange(1)
+    },
+    //明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数//明细按钮函数
+    goToDetail(){
+      this.detailFlag = !this.detailFlag;
+      if(this.departmentId===1){
+       this.handleChose(3);
+       //this.departmentId = 1;
+      }else if(this.departmentId===2){
+       this.handleChose(4);
+       //this.departmentId = 2;
+      }else{
+
+      }
+    },
+    //返回按钮
+    goToBack(){
+      //departmentId 1，3  2，4 两个值共同判断
+      this.detailFlag = !this.detailFlag;
+      if(this.departmentId===3){
+       this.handleChose(1);
+       //this.departmentId = 1;
+      }else if(this.departmentId===4){
+       this.handleChose(2);
+       //this.departmentId = 2;
+      }else{
+
+      }
+    },
+    //点击查询按钮查询数据
+    getDataList(){
+      if(this.value1.length >0){
+        this.startDate = this.handleTime(this.value1[0], 'yyyy-MM-dd HH:mm:ss');
+        this.endDate = this.handleTime(this.value1[1], 'yyyy-MM-dd HH:mm:ss');
+      }
+      if(this.examineStatus == 0){
+        this.examineStatus = "审核中";
+      }else{
+          this.examineStatus = "审核完成";
+      }
+
+      if( this.abilityDepartment){
+        this.abilityDepartment = this.abilityDepartment
+      } else {
+        this.abilityDepartment = "全部";
+      }
+
+      if(this.abilityType){
+       this.abilityType = this.abilityType;
+      } else {
+        this.abilityType = "全部";
+      }
+      console.log('查询参数开始时间1',this.startDate);
+      console.log('查询参数结束时间2',this.endDate);
+      console.log('查询参数审核状态',this.examineStatus);
+      console.log('查询参数部门',this.abilityDepartment);
+      console.log('查询参数类型',this.abilityType);
+      if(this.departmentId===1){
+        if(this.detailFlag){
+          this.handleChose(3);
+          this.detailFlag = !this.detailFlag;
+        }else {
+          this.handleChose(1);
+          this.detailFlag = !this.detailFlag;
+        }
+       //this.departmentId = 1;
+      }else if(this.departmentId===2){
+        if(this.detailFlag){
+           this.handleChose(4);
+           this.detailFlag = !this.detailFlag;
+        }else {
+           this.handleChose(2);
+           this.detailFlag = !this.detailFlag;
+        }
+      } else if(this.departmentId===3){
+           this.handleChose(3);
+       } else {
+           this.handleChose(4);
+       }
+    
+    },
+    //重置按钮查询数据
+    resetDataList(){
+      this.startDate = "";
+      this.endDate="";
+      this.examineStatus = "审核中";
+      this.abilityDepartment = "全部";
+      this.abilityType ="全部";
+       if(this.departmentId===1){
+        if(this.detailFlag){
+          this.handleChose(3);
+          this.detailFlag = !this.detailFlag;
+        }else {
+          this.handleChose(1);
+          this.detailFlag = !this.detailFlag;
+        }
+       //this.departmentId = 1;
+      }else if(this.departmentId===2){
+        if(this.detailFlag){
+           this.handleChose(4);
+           this.detailFlag = !this.detailFlag;
+        }else {
+           this.handleChose(2);
+           this.detailFlag = !this.detailFlag;
+        }
+      }else if(this.departmentId===3){
+           this.handleChose(3);
+       } else {
+           this.handleChose(4);
+       }
+     
+    },
+     // 定义格式化函数：
+    handleTime (time, format) {
+      if (time == null || time == undefined || time == '') {
+        return ''
+      }
+      var t = new Date(time)
+      var tf = function (i) {
+        return (i < 10 ? '0' : '') + i
+      }
+      return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
+        switch (a) {
+          case 'yyyy':
+            return tf(t.getFullYear())
+            break
+          case 'MM':
+            return tf(t.getMonth() + 1)
+            break
+          case 'mm':
+            return tf(t.getMinutes())
+            break
+          case 'dd':
+            return tf(t.getDate())
+            break
+          case 'HH':
+            return tf(t.getHours())
+            break
+          case 'ss':
+            return tf(t.getSeconds())
+            break
+        }
+      })
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.container {
+  display: flex;
+  flex-direction: column;
+}
+.container-left {
+  width: 250px;
+  height: 1000px;
+  display: inline-block;
+  // 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;
+    word-break: break-all;
+  }
+}
+
+.top-box {
+  height: 80px;
+  width: 100%;
+  background-color: #fafafc;
+  display: inline-block;
+}
+.title {
+  display: flex;
+  font-size: 20px;
+  color: #000000;
+  font-weight: bold;
+  padding-left: 15px;
+  padding-top: 10px;
+}
+.title-list-style {
+  display: flex;
+  margin-top: 10px;
+}
+.title-single {
+  font-size: 14px;
+  width: 90px;
+  color: #666666;
+  height: 24px;
+  margin-left: 10px;
+  border: 1px solid #cccccc;
+  border-radius: 12px;
+  cursor: pointer;
+}
+.box-style {
+  width: 90px;
+  height: 24px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-bottom: 2px;
+}
+.second-title {
+  margin-top: 20px;
+  font-size: 14px;
+  color: #979eb9;
+  cursor: pointer;
+  .detail-button{
+   width: 60px;
+    height: 30px;
+    right: 60px;
+    background-color: #0058e1;
+    position: absolute;
+    text-align: center;
+    line-height: 30px;
+    margin-top: -20px;
+    border-radius: 2px;
+    color: #fff;
+  }
+}
+.line-style {
+  width: 100%;
+  height: 1px;
+  background-color: #f5f6fa;
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+.aui-card--fill {
+  width: 100% !important;
+  padding: 0px !important;
+}
+.choseStyle {
+  color: #526aff;
+  border: 1px solid #526aff;
+}
+.departmentStyle {
+  color: #526aff;
+}
+::v-deep .tree-text-styleJ {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-break: break-all;
+}
+</style>
diff --git a/front/src/assets/home/bg-right.png b/front/src/assets/home/bg-right.png
new file mode 100644
index 0000000000000000000000000000000000000000..51c177d54e6a94da6628ee46029d050946a7880f
GIT binary patch
literal 1523
zcmV<P1q}L$P)<h;3K|Lk000e1NJLTq003YB003YJ1^@s6;+S_h00004b3#c}2nYxW
zd<bNS000H5Nkl<ZcwX&YX-^bE5Z(Ijg~lT)K?!2KqCpJ?Zw<yH5I=ff@xTMT<Ap&y
z;vGc&xxm_2&Ga<W%kIwhbT+>A!`fT2nD?f->Q&YB(4uoQRia9zTCG&(zmxd9n)5mT
zd)SNOLyOPP2<Y*Og@7W!?*Tr~z~}ipM&r29k_+&FSXaONy@~+o0TsCsiNElkhIKi3
z(9(<A1DFH88nD*aWN18SnIs?y0;wnHv<Pe72}0pP9hU_GWl$aZQfkxhr;bY|3sT#V
zhymhHa^cH0>j2n;;6ux=7!Q!B^GgL}tjoYd5kQ>%um>dB5PN`mhh6UwEyRabT!jvZ
zsskhel2I-O={+Covhbjl*JfnGnFJU&naBiWD_u%IHyX}tPxyI_K;8IA0(ejJl|5nC
zF)#!^wCXxyK-3r@3GhaBU$n>PMjts@ViUN~>Kp6<sQ#2w{mDj2ML@;_loGDNEbJ}C
zht}Mj723io2Kl-(32~nOCF~~sX$&7hfbak-Y0|ZzG>O7GEFQG>me2tz!?Fr-SeJ)~
zB*4w{vCiiGA@QJfw?z!lT?g*I;JrjV1Od<iF?A5Fzf;Qt+y;T`DX?n<d^^a(_y_{v
z0Z~1mb0p6L7G|y}^Z0q~In+6Ven8Cr2X)<@6*7R^Y@7?3azv6F!LGNd0Qhv>(@Hq0
zcU!d{RsY61sr`h&gErikwIH7i;3fp@`7)_EK7s(_0eq#~@9wljGB;$(7O?BSfQySe
zJyOF?8y}czsM>DKYu;RtVH);q@|NJyJU)T|=zyp?pnFv60K8%$K;5Iz0a0~8&zRH!
z`J<qy{A6pyLFxlNWBwSxb1=R=5_a8wEP@YhdWaYhYyX$OR}jD+z=K~_*+CJEby9{1
zfCu$HG9G}jpcrF873zIFD{4X3mF}%N7*BxRQ<Z2AAKLt+RxQYfHa>4v3tbSvb3qzZ
zu5GBmgmrK{Xv<Tf1Kd&u*1Gb{rLll`C<1U+MB`^XwCt>it<RtXqUr!i0L}}FcU}^0
zd#*hIG9Zc!sL*yn0DAzlkj_F%fso!B1v}%xJ@n%E(2f_-0VR%t&Ktp11f++e@E!4d
zd=S=J7lp%vcD_ve0hp1FFe5Grh}jcOtF1N8U})m*!*=;z+Vu)LAgT_K1myNaO=R+(
z9Ra&a-izWxeXmUnNOI9M;PBm(`aC~#_n#GzVAlgBMew1%H!=(28}u;omN^foz{Fd<
z6LYkCd=B@BMHB+GXIunfltZJHLuv0@+XLLm7pye`;SSLg1V9JG)IrogF{e6WX`xMf
zqh6;YDX`}i-dcc9|AZ7`=1v%+II%7d58C%GF9x{U(A@)J&mzz~K7s(mfT%HGU{b^Y
zt0RUJBT7CwV_=d!0JEW54wX9#OZ(r;7=Wg5tfn{}_@D_0CpAJ#nfCsEI{49eK+K}}
zfBd@@0hkMlI2Uy2Q@#hdb3*P#3VU{rs9AjIuq0q!?#V|lTEQWctHPdrri_bI{rJ$4
z&w>E^PGO%AV2WYS7Ya?{qX-B&_Y!)prrp1vj(*WGAhV}ihk&@ma(P?@ZfoPi&s%sj
zfFB(b1jMX`w9EWXsQ)J&{|X%tQ-&x4@;tzOhKhRyz^?ZhpJ&vI4-I}Z)lkg+m{wr1
zIiIAgQzxD@_+4f}&Rh`I=81ygaiJ4GWIF&Ife3TaO1%jJbPOo#xmkElS@t<?bn>U|
z0bJVUhZb;tkS$iH4|RY&uNdA4K7s(~fS5XnPEDzUbIr?@a9HcH&2ae8=_x71%p8o#
ze!O!*u&eB-mH5z^U(y52m7c$)r`-zJJ^jz-@e>3f21JbkL(`ej&{iFTgYWV6vfR&y
zrr8597ZhbKX!y5zj2;e)h;mp24gaa89kF`d2LG;Q#Tz>NH+_&KhO_cd5cVd2CLt|i
Z{|BGcJu5MB`K<r|002ovPDHLkV1ji}%U}Qi

literal 0
HcmV?d00001

diff --git a/front/src/assets/home/sj.png b/front/src/assets/home/sj.png
new file mode 100644
index 0000000000000000000000000000000000000000..cbac3838b4acec229024d7b9be3986728b07caaf
GIT binary patch
literal 859
zcmV-h1El<kP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800004b3#c}2nYxW
zd<bNS0009LNkl<ZSV!%bYiLhl9LF6)TJnOVL?XGA77;Uw)*6Z;FWhp;UX0ZC!rrXC
zuy{i$c}J2ciKN_RX{BUsQcH6wx1?NRTNBop<MaJ@&cEmX-?=>J>@R!aSKprJJip8H
zeSXjNIKw<~UAL6#DKHBZ`RxTR`-%4gR5^}wU$Gs7Kr8iyW?O+fH^a3+U`alKuQZGS
zSHOdmo&Us72$Ojzc7e|jn2=B48x6%^H_8(!2}HUv%^NVd1Ul(s{Lm)=;}NhNJ;-eI
zG1@-GNSpy2l&<AqcuEp3e(j(V68*$mOZ}?#6yWe0<EbFKTM`lxfiGYR1bT_LhWfQ6
z1g2p;dypA;Md#1FDX=226NfViM`~qmn}PoXvKb&{bI7euE^Ws!X=ci_vSTID6kx2a
z_X%W9tO)slZZRa@nl|{);CmmaN7tQd5fbDqj+G#48+M>yM<+c#0sM4$T?gf$0USb4
zv%7$L6L`Y+GTEEAp??>cQ=rr<15pHe2=?9RTvz!?upQ_Gl<y8~E<!-{nV_5RkFf-z
zGasy_lUg)K!A;Nz?to6Pf==J%dqrj-DFHe!!{@d}2=u_w`l!<s06jp;A(3-k$4$XV
zoF)cL!Ef5$6HH}B=zK24J<tUz(CHXgyZSf>HiCn+D=S%vBcRJ@WdH%4@i)L`Z*ghI
zw1N4ur%ekjE0CDP$0IOSHt3)G%1{E{Rjh?F&J1SMUs5me$epHK4fYaTJ7<6pPpe+%
zg{ELBc6uAe?gFK?3XIB&_=E4`3PRu->RNQSz+up<(dzp3eXv<XUFX6!unL?<za@--
zwoKqCLPpk1`*cG$nY!-(y9NQhF*O+N21yrsy$=I3unFabpw4XC7_AoJR$^!yW`wpD
ziVoV8%^V3@1Al{nGN9A%pApb>yczNY{2!BJu+?8unCS3nVl;Z|4UmvEV3mQ#MAJ&O
zk^K-jP-p@b1Uv$?jiPS9U+DKh;Br9;*bLjohAGfq7rCc~eKmExoK)sW+V_4a7YIB=
lsfULtdM~VpfUf2o`2!d%(l8gAlr#VU002ovPDHLkV1jTCggF2J

literal 0
HcmV?d00001

diff --git a/front/src/assets/home/sq.png b/front/src/assets/home/sq.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7d60438cf89f6adf8011038ca4ac2be012a753c
GIT binary patch
literal 987
zcmV<110?*3P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00004b3#c}2nYxW
zd<bNS000A$Nkl<ZSV!%bTZm0j7{}+hUnBQ><4*B{JSfBnPr^(np2QT%y=G!)Qe$Rv
zn_M0wLOggGncNzqnC3-O2qR9R$Pk%aCNne~zrW5tZQEMs?6Z$_9?q(NXYX(Q*Z2L`
zx4yOZI-#sIYoRpLlNDG{BoZ0SWcper)D#MZ8iPzWX+a3-PoTpf7j(1){f@m7tV7tx
zWP}9~w4VUmd<2QWDM8RKAKVxvh@e_V&jfctp(WS>?32MQ1kL$hf~pC&z!Z#Sy@`D;
zsDmT%zFR68$_O&1ndNY5C~Y!y4W$dgSMbbI9AmI|1sAEIrM?RYVvrhI#JIDdSAsxI
z^e;n@3fy-KBB(vyXMwd~kR{R^?59Buf^;7FZb=LBdZwlZV4DFXv>pL3eMdJCt%3;D
z0sclGOOp*J59l*;89YoN=o|fq5Z+?q#S_$p0Z+k*RAy`#`x)Cv1gXaUYJLT2HlHlQ
zI$`e(<V&1Z3$F)u;hzY)jw9Q5YdU@9K-+u|xM~rk<zJnOAkADthJY)i*!YE~)+A_O
zR8TQIqab)&;pBs6kOR+{@wmGTCw&;K-P4MLFQ%Epkq_ry)CTXTh1VT>H=ur9;Ecz?
zAA)c`1@c(X&gE1N!Z^6+4g^<ckiO*Fjqaw)SuOnc9=?tSZ4h@%`EG#w$l?C(#Cbn{
zj)Nth0S-^Ixd1jW_yhbLp3i`xrfgt)4f3^oaK$+Zj8_%xZPEVi@S7b$THB+*b|qC@
z&0JT~Qv|8!d74FxV^)@C!`*~IH5SjeCY%Sq(h;;5gLaWl*)`yaE7)kB&jVfROBqx|
z5Y0-prI{Cdgq8BX3cLf_5E8Qm=tH~`D0@!J=0SIF-O~&4UG5e1oQ}orH6{3XY}H^m
zD5Gx&Hm4vfcvrAkqw5$i>!X6SToSYyXp-~czjDZMHQ73#ddvt4l%W@-ZUty?t-?5-
ztANt4CEH1=wOzH`+6V>iCF8jQ=xU-GaxYn!cip98OUCmkPy+^fmrPDefC|;tRLBJg
zI*1@S9TtbHuE$^!*d2xYY%>kjF>%5v>WMIP&gj3Ct=*?%IfKFoQqh)yo))q`pha+x
zz@5tTIWWP()dsl(a^W||PE7{t6xG3~liHoBAG~Y*FF88|ZfD--0UeO~sJff(+Bd*$
z_$|>-i<U-zy%odj`vJBpxNqeo<r||lp8-2Ef)XVzlc7Wz`UN(8hcuNa#4G>+002ov
JPDHLkV1jm|!Giz*

literal 0
HcmV?d00001

diff --git a/front/src/assets/home/xq.png b/front/src/assets/home/xq.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d190ff23b855dbae1a873ff7f6b242cc2a44e46
GIT binary patch
literal 931
zcmV;U16=%xP)<h;3K|Lk000e1NJLTq001HY001Ni1^@s6>>lXf00004b3#c}2nYxW
zd<bNS000A8Nkl<ZSV!%cTZm0j9LDFkm)tUMN{VtRl1pJ`WIPxtq!Ef-(xfn@B)4)m
zQt~8b9w>JYB0^~*_XaaB<ALUZm?WacG{P{B-*;MDd!O0cT6@kpIuBNTopbj7)_?u>
zf9-WUiGn;Si9F#b2!JG$$pL^>ped+#mLZ#ocPx=eJPV8a2Ly<57|x)vSqAWj`^As_
zXdgiB{u?O}Ao}uAk47Px8&O-9frb%p2>ON=0dg%2q@0Tv(NDAz)7dOT=wSyF^D!EZ
z?$AbQ7|0eb9zabPMrIqriwDeBzE`0Z+8GoEvXhIuPy>cZIRsfl>}u3bJAuLAy(9lY
zyzE;uLcjLIyb$$?(Pc@zjimpPzYejw-ZfOdM6d-hAUx}5z7ztZk(er(f>aXY5b6~J
zMj25yN&wOK%t2x_Znb8V5o`1qhBzSgq;hhM*s-jDETw|hGwX!b353d;k~JOobZGTG
zo*O)j){{<!SQ>fTQ5~M^euK;Ky+Vb#$Yt;H311nFG&n#9EG{6Msi8eeH;3RK@MvXy
z6Oj>3>*LWo)a)NoE+Fy@Mco}hS_%F!%1761<DQn2CRBrt<NqqZ6~v)&Ckqf-)t{jL
zros<CAFA7dY5SKT2WfN@(o3q0Y%twD3y@kX2v4GJS%IQvR=pQB>03X4noJD6zyr}V
zGyxq&+P_YxZmSE(EzC15`Cm@3(_tPU^Z>P}80|qP&{NYzv#EDa^;|&K;#-A!M8Ifq
ztBl&61G0qsCrx)0$%}TQn@A(<iz|pmi&7d@ItbPhbrX=g+$%vFk+SvzY5!VGJ-w`{
zV$H~30Iau6HqK#ug{C46*?FiMh;{w|IRi1nRa*f~Vr58&x69}?Dh1?i&Ow0C10F^i
zqFUru8;Ci4?ge5;dOE#~c-#Evn8sLhZZVj}?E$ulNFz>1hYLtke-UkHaSRj>WU(>o
z7+8)ma0-hHW<c&!Pe&8Iq?*VI)kVa<9Tv}j<kZ+6jXIDfpTODF0;B2r2#sietG%h_
z4h_#4rk;+mI!P|WBX6hTKZI*TbPDPG+m&*aM&=t34SBsAnnSd{oJYF<GAeNT-x8WH
z)+5b=asHP0j=##AB@K+aVg%RfT%O8hv*QvcV^7|I{05i<mNe*ScSisK002ovPDHLk
FV1jR@oP+=X

literal 0
HcmV?d00001

diff --git a/front/src/views/newHome/components/WorkDynamics.vue b/front/src/views/newHome/components/WorkDynamics.vue
index c2a83e73..ee90a8be 100644
--- a/front/src/views/newHome/components/WorkDynamics.vue
+++ b/front/src/views/newHome/components/WorkDynamics.vue
@@ -55,11 +55,11 @@
     <div class="fixedmount">
       <div @click="applyResource()">
         <p></p>
-        <p>资源申请</p>
+        <p>能力申请</p>
       </div>
       <div @click="toView()">
         <p></p>
-        <p>需求申请</p>
+        <p>新需求</p>
       </div>
       <div @click="showModal">
         <p></p>
@@ -320,7 +320,7 @@
     router.push({
       path: '/DetailsPageconetent',
       query: {
-        select: "基础设施",
+        select: '基础设施',
       },
     })
   }
@@ -592,11 +592,11 @@
   }
 
   .fixedmount {
-    height: 2.4rem;
+    height: 3rem;
     display: flex;
     position: fixed;
     bottom: 1.56rem;
-    right: 1.9rem;
+    right: 0rem;
     z-index: 10;
     flex-direction: column;
     justify-content: space-between;
@@ -604,50 +604,52 @@
   }
 
   .fixedmount div {
-    width: 0.7rem;
-    height: 0.7rem;
-    border-radius: 0.04rem;
-    border: 0.01rem #94aac9 solid;
+    width: 0.96rem;
+    height: 0.96rem;
+    // border-radius: 0.04rem;
+    // border: 0.01rem #94aac9 solid;
     display: flex;
     flex-direction: column;
     // justify-content: center;
     align-items: center;
-    padding-top: 0.13rem;
+    padding-top: 0.16rem;
+    margin-bottom: 2px;
     position: relative;
     cursor: pointer;
-    background: #e3edfc;
+    // background: #e3edfc;
+    background: url('~@/assets/home/bg-right.png');
   }
 
   .fixedmount div p:nth-child(2) {
     position: absolute;
     bottom: 0rem;
-    height: 0.14rem;
-    font-size: 0.14rem;
-    line-height: 0.14rem;
-    color: #000000;
+    height: 0.2rem;
+    font-size: 0.2rem;
+    line-height: 0.2rem;
+    color: #fff;
     // margin-top: .08rem;
   }
 
   .fixedmount div:nth-child(1) p:nth-child(1) {
-    height: 0.24rem;
-    width: 0.24rem;
+    height: 0.32rem;
+    width: 0.32rem;
     //background: url('~@/assets/home/shenqing.png') no-repeat;
-    background: url('~@/assets/newHome/banner-yy.png') no-repeat;
+    background: url('~@/assets/home/sq.png') no-repeat;
     background-size: contain;
     background-position: center;
   }
 
   .fixedmount div:nth-child(2) p:nth-child(1) {
-    height: 0.24rem;
-    width: 0.24rem;
-    background: url('~@/assets/home/shangjia.png') no-repeat;
+    height: 0.32rem;
+    width: 0.32rem;
+    background: url('~@/assets/home/xq.png') no-repeat;
     background-size: contain;
     background-position: center;
   }
   .fixedmount div:nth-child(3) p:nth-child(1) {
-    height: 0.24rem;
-    width: 0.24rem;
-    background: url('~@/assets/home/abilitysquare.png') no-repeat;
+    height: 0.32rem;
+    width: 0.32rem;
+    background: url('~@/assets/home/sj.png') no-repeat;
     background-size: 140% 126%;
     background-position: center;
   }