|
@@ -28,10 +28,80 @@
|
|
|
<little-card title="知识仓库访问量(uv)" :num="dataNum.knowledge" :picture="warehousePicture"></little-card>
|
|
|
<little-card title="搜索服务访问量(uv)" :num="dataNum.search" :picture="searchPicture"></little-card>
|
|
|
</div>
|
|
|
+ <div class="bar-style">
|
|
|
+ <div>
|
|
|
+ 员工创建量统计
|
|
|
+ </div>
|
|
|
+ <div class="staff-style">
|
|
|
+ <a-form ref="searchForm" layout="inline" style="display: flex; flex-wrap: wrap">
|
|
|
+ <a-form-item class="form-item-style" style="width:240px;" label="查询选项" name="staff">
|
|
|
+ <!-- <a-input class="set-input" v-model="staffForm.staff" placeholder="请选择要查询的员工" /> -->
|
|
|
+ <div @click="handleAuditShow(1)">
|
|
|
+ <a-select
|
|
|
+ v-model="staffName"
|
|
|
+ :showArrow="false"
|
|
|
+ :open="false"
|
|
|
+ placeholder="请选择要查询的员工"
|
|
|
+ ></a-select>
|
|
|
+ </div>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item class="form-item-style" style="width:300px;" label="时间范围" name="staffTime">
|
|
|
+ <a-range-picker
|
|
|
+ v-model="staffTime"
|
|
|
+ class="set-range-picker"
|
|
|
+ separator="→"
|
|
|
+ format="YYYY/MM/DD"
|
|
|
+ valueFormat="YYYY-MM-DD"
|
|
|
+ >
|
|
|
+ </a-range-picker>
|
|
|
+ </a-form-item>
|
|
|
+ <div style="display: flex;align-items:center;justify-content: center;margin-bottom: 1px;">
|
|
|
+ <a-button style="margin-right: 8px;" @click="handleResetClick(1)">重置</a-button>
|
|
|
+ <a-button type="primary" @click="handleSearchClick(1)">查询</a-button>
|
|
|
+ </div>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ <bar-echart-one :barXData="barXUserData" :barData="barUserDataNew"></bar-echart-one>
|
|
|
+ </div>
|
|
|
+ <div class="bar-style">
|
|
|
+ <div>
|
|
|
+ 组织创建量统计
|
|
|
+ </div>
|
|
|
+ <div class="staff-style">
|
|
|
+ <a-form ref="searchForm" layout="inline" style="display: flex; flex-wrap: wrap">
|
|
|
+ <a-form-item class="form-item-style" style="width:240px;" label="查询选项" name="staff">
|
|
|
+ <!-- <a-input class="set-input" v-model="staffForm.staff" placeholder="请选择要查询的员工" /> -->
|
|
|
+ <div @click="handleAuditShow(2)">
|
|
|
+ <a-select
|
|
|
+ v-model="orgName"
|
|
|
+ :showArrow="false"
|
|
|
+ :open="false"
|
|
|
+ placeholder="请选择要查询的组织"
|
|
|
+ ></a-select>
|
|
|
+ </div>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item class="form-item-style" style="width:300px;" label="时间范围" name="staffTime">
|
|
|
+ <a-range-picker
|
|
|
+ v-model="orgTime"
|
|
|
+ class="set-range-picker"
|
|
|
+ separator="→"
|
|
|
+ format="YYYY/MM/DD"
|
|
|
+ valueFormat="YYYY-MM-DD"
|
|
|
+ >
|
|
|
+ </a-range-picker>
|
|
|
+ </a-form-item>
|
|
|
+ <div style="display: flex;align-items:center;justify-content: center;margin-bottom: 1px;">
|
|
|
+ <a-button style="margin-right: 8px;" @click="handleResetClick(2)">重置</a-button>
|
|
|
+ <a-button type="primary" @click="handleSearchClick(2)">查询</a-button>
|
|
|
+ </div>
|
|
|
+ </a-form>
|
|
|
+ </div>
|
|
|
+ <bar-echart-one isOrg :barXData="barXOrgData" :barData="barOrgDataNew"></bar-echart-one>
|
|
|
+ </div>
|
|
|
<div class="table-style">
|
|
|
<div>
|
|
|
组织访问量
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<!--<rx-grid
|
|
|
ref="table"
|
|
@@ -48,6 +118,22 @@
|
|
|
<DataShow :type="type" interface="0"></DataShow>
|
|
|
</div>
|
|
|
</rx-fit>
|
|
|
+ <a-modal
|
|
|
+ v-model="showAuditFlag"
|
|
|
+ class="chooseAuthor"
|
|
|
+ width="800"
|
|
|
+ :title="isOrgOrUser == 1 ? '员工选择' : '组织选择'"
|
|
|
+ centered
|
|
|
+ okText="保存"
|
|
|
+ @ok="handleSaveOk"
|
|
|
+ >
|
|
|
+ <org-people
|
|
|
+ ref="orgModalRef"
|
|
|
+ :isOnlyOrg="isOrgOrUser == 1 ? true : false"
|
|
|
+ :key="new Date().getTime()"
|
|
|
+ style="width: 800px; height: 600px"
|
|
|
+ ></org-people>
|
|
|
+ </a-modal>
|
|
|
</div>
|
|
|
</rx-layout>
|
|
|
</template>
|
|
@@ -57,6 +143,7 @@ import topNav from './components/topNav'
|
|
|
import pieChange from './components/pieChange'
|
|
|
import lineEchart from './components/LineEchart';
|
|
|
import roseEchart from './components/RoseEchart';
|
|
|
+import barEchartOne from './components/BarEchartOne';
|
|
|
import littleCard from './components/card';
|
|
|
import mapPicture from '@/assets/img/map.png'
|
|
|
import albumPicture from '@/assets/img/album.png'
|
|
@@ -65,6 +152,9 @@ import searchPicture from '@/assets/img/search.png'
|
|
|
import statistics from '@/api/knowledge/statistics'
|
|
|
import pieEchart from './components/PieEchart';
|
|
|
import DataShow from './components/DataShow';
|
|
|
+import orgPeople from './components/orgPeople'
|
|
|
+import mixin from "./sMixin/statisticsMixin"
|
|
|
+const personMixin = new mixin('personVisit')
|
|
|
export default {
|
|
|
name: 'synthesize',
|
|
|
components: {
|
|
@@ -72,10 +162,13 @@ export default {
|
|
|
lineEchart,
|
|
|
roseEchart,
|
|
|
littleCard,
|
|
|
+ barEchartOne,
|
|
|
pieEchart,
|
|
|
pieChange,
|
|
|
- DataShow
|
|
|
+ DataShow,
|
|
|
+ orgPeople
|
|
|
},
|
|
|
+ mixins:[ personMixin ],
|
|
|
data() {
|
|
|
return {
|
|
|
peitype:0,
|
|
@@ -248,6 +341,29 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
+ .bar-style {
|
|
|
+ height: 400px;
|
|
|
+ background:#fff;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-end;
|
|
|
+ margin: 10px 0 20px;
|
|
|
+
|
|
|
+ >div:first-child {
|
|
|
+ position: absolute;
|
|
|
+ top: 8%;
|
|
|
+ left: 2.3%;
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .staff-style {
|
|
|
+ position: absolute;
|
|
|
+ top: 3.3%;
|
|
|
+ left: 15%;
|
|
|
+ z-index: 100;
|
|
|
+ }
|
|
|
+ }
|
|
|
.table-style {
|
|
|
display: inline-block;
|
|
|
width: 100%;
|
|
@@ -286,4 +402,7 @@ export default {
|
|
|
/deep/ .ant-table-tbody > tr > td {
|
|
|
height: 54px;
|
|
|
}
|
|
|
+.chooseAuthor /deep/.ant-modal-body {
|
|
|
+ padding: 0px;
|
|
|
+}
|
|
|
</style>
|