数据看板 时间选择
This commit is contained in:
parent
53f394dbd6
commit
a0ec62f296
|
|
@ -1,4 +1,4 @@
|
||||||
import request from '@/utils/request'
|
import request from '@/utils/request'
|
||||||
|
|
||||||
// 查询用户列表
|
// 查询用户列表
|
||||||
export function listNotice(query) {
|
export function listNotice(query) {
|
||||||
|
|
|
||||||
|
|
@ -198,7 +198,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {listDept} from "@/api/system/dept";
|
import {listDeptUser} from "@/api/system/dept";
|
||||||
import Treeselect from "@riophae/vue-treeselect";
|
import Treeselect from "@riophae/vue-treeselect";
|
||||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
||||||
import {getDetailsList} from "@/api/report/attReport";
|
import {getDetailsList} from "@/api/report/attReport";
|
||||||
|
|
@ -284,7 +284,7 @@ export default {
|
||||||
},
|
},
|
||||||
//部门选择
|
//部门选择
|
||||||
getDeptList() {
|
getDeptList() {
|
||||||
listDept().then(response => {
|
listDeptUser().then(response => {
|
||||||
this.deptOptions = this.handleTree(response.data, "id");
|
this.deptOptions = this.handleTree(response.data, "id");
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -6,11 +6,11 @@
|
||||||
<div style="width: 78%;margin: 0 1%;height: 100%;">
|
<div style="width: 78%;margin: 0 1%;height: 100%;">
|
||||||
<TopOne @getHomeData="getHomeData" @openDialog="handleDialog"></TopOne>
|
<TopOne @getHomeData="getHomeData" @openDialog="handleDialog"></TopOne>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style="width: 20%;margin: 0 1%;height: 100%;">
|
<div style="width: 20%;margin: 0 1%;height: 100%;">
|
||||||
<TopTwo :pageData="pageData.monthAbnormalBean" @openDialog="handleDialog"></TopTwo>
|
<TopTwo :pageData="pageData.monthAbnormalBean" @openDialog="handleDialog"></TopTwo>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 下侧数据模块列表 -->
|
<!-- 下侧数据模块列表 -->
|
||||||
<div class="bottomModuleBox">
|
<div class="bottomModuleBox">
|
||||||
<div style="width: 48%;margin: 0 1%;height: 100%;">
|
<div style="width: 48%;margin: 0 1%;height: 100%;">
|
||||||
|
|
@ -27,12 +27,12 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
import TopOne from './dashboard/topOne.vue';
|
import TopOne from './dashboard/topOne.vue';
|
||||||
import TopTwo from './dashboard/topTwo.vue';
|
import TopTwo from './dashboard/topTwo.vue';
|
||||||
import BottomOne from './dashboard/bottomOne.vue';
|
import BottomOne from './dashboard/bottomOne.vue';
|
||||||
import BottomTwo from './dashboard/bottomTwo.vue';
|
import BottomTwo from './dashboard/bottomTwo.vue';
|
||||||
import CommonDialog from './components/commonDialog.vue'
|
import CommonDialog from './components/commonDialog.vue'
|
||||||
import { getHomePageData } from '@/api/dashboard'
|
import { getHomePageData } from '@/api/dashboard'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
|
|
@ -49,16 +49,16 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
// setTimeout(()=>{
|
// setTimeout(()=>{
|
||||||
// this.getHomePageData()
|
// this.getHomePageData()
|
||||||
// },2000)
|
// },2000)
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getHomeData(data){
|
getHomeData(data){
|
||||||
|
|
@ -84,7 +84,7 @@ export default {
|
||||||
background: #F8F8F8;
|
background: #F8F8F8;
|
||||||
color: #000;
|
color: #000;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
@ -102,7 +102,7 @@ export default {
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -15,9 +15,9 @@
|
||||||
<div id="pieBox" style="width: 100%;height: 260px;"></div>
|
<div id="pieBox" style="width: 100%;height: 260px;"></div>
|
||||||
<!-- 点击区域 -->
|
<!-- 点击区域 -->
|
||||||
<div class="clickable-texts">
|
<div class="clickable-texts">
|
||||||
<div class="clickable-text expected" @click="handleClick('0')">应出勤人数</div>
|
<div class="clickable-text expected" @click="handleClick('0')">应出勤人数应出勤人数</div>
|
||||||
<div class="clickable-text actual" @click="handleClick('1')">实际出勤人数</div>
|
<div class="clickable-text actual" @click="handleClick('1')">实际出勤人数实际出勤人数</div>
|
||||||
<div class="clickable-text absent" @click="handleClick('2')">未出勤人数</div>
|
<div class="clickable-text absent" @click="handleClick('2')">未出勤人数未出勤人数</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<el-tab-pane label="全部消息" name="all"></el-tab-pane>
|
<el-tab-pane label="全部消息" name="all"></el-tab-pane>
|
||||||
<el-tab-pane label="未处理" name="unCare"></el-tab-pane>
|
<el-tab-pane label="未处理" name="unCare"></el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
|
|
||||||
<el-table v-loading="loading" :data="tableList">
|
<el-table v-loading="loading" :data="tableList">
|
||||||
<el-table-column label="序号" align="center" width="80" type="index">
|
<el-table-column label="序号" align="center" width="80" type="index">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
|
@ -15,14 +15,14 @@
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="scope.row.addressErrorNum!=0" @click="goJump(scope.row,scope.row.value)" style="color: #02a7f0; cursor: pointer">
|
<div v-if="scope.row.addressErrorNum!=0" @click="goJump(scope.row,scope.row.value)" style="color: #02a7f0; cursor: pointer">
|
||||||
{{ scope.row.title}}
|
{{ scope.row.title}}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="消息内容" align="center" prop="content" :show-overflow-tooltip="true" >
|
<el-table-column label="消息内容" align="center" prop="content" :show-overflow-tooltip="true" >
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="scope.row.addressErrorNum!=0" @click="goJump(scope.row,scope.row.value)" style="color: #02a7f0; cursor: pointer">
|
<div v-if="scope.row.addressErrorNum!=0" @click="goJump(scope.row,scope.row.value)" style="color: #02a7f0; cursor: pointer">
|
||||||
{{ scope.row.content}}
|
{{ scope.row.content}}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="提交人" align="center" prop="userName" :show-overflow-tooltip="true" />
|
<el-table-column label="提交人" align="center" prop="userName" :show-overflow-tooltip="true" />
|
||||||
|
|
@ -35,7 +35,7 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<pagination
|
<pagination
|
||||||
v-show="total>0"
|
v-show="total>0"
|
||||||
:total="total"
|
:total="total"
|
||||||
|
|
@ -45,7 +45,7 @@
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { listNotice,updateStatus } from "@/api/system/messages";
|
import { listNotice,updateStatus } from "@/api/system/messages";
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -103,7 +103,7 @@
|
||||||
this.total = response.total;
|
this.total = response.total;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
/** 搜索按钮操作 */
|
/** 搜索按钮操作 */
|
||||||
handleQuery() {
|
handleQuery() {
|
||||||
|
|
@ -130,15 +130,16 @@
|
||||||
}else if(row.type.indexOf('轮休审批提醒')>-1){//userName
|
}else if(row.type.indexOf('轮休审批提醒')>-1){//userName
|
||||||
this.$router.replace({ path: '/process/restExam',query:{param:value}})
|
this.$router.replace({ path: '/process/restExam',query:{param:value}})
|
||||||
}else if(row.type.indexOf('临时外出审批提醒')>-1){//userName
|
}else if(row.type.indexOf('临时外出审批提醒')>-1){//userName
|
||||||
|
|
||||||
this.$router.replace({ path: '/process/outExam',query:{param:value}})
|
this.$router.replace({ path: '/process/outExam',query:{param:value}})
|
||||||
}else if(row.type.indexOf('分公司项目部新增')>-1){//userName
|
}else if(row.type.indexOf('分公司项目部新增')>-1){//userName
|
||||||
this.$router.replace({ path: '/process/org/branchProExamine',query:{param:value}})
|
this.$router.replace({ path: '/process/org/branchProExamine',query:{param:value}})
|
||||||
}else if(row.type.indexOf('考勤明细修改申请')>-1){//userName
|
}else if(row.type.indexOf('考勤明细修改申请')>-1){//userName
|
||||||
this.$router.replace({ path: '/process/record',query:{param:value}})
|
this.$router.replace({ path: '/process/record',query:{param:value}})
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue