数据看板 时间选择

This commit is contained in:
lSun 2024-12-25 21:51:50 +08:00
parent 53f394dbd6
commit a0ec62f296
5 changed files with 25 additions and 24 deletions

View File

@ -1,4 +1,4 @@
import request from '@/utils/request' import request from '@/utils/request'
// 查询用户列表 // 查询用户列表
export function listNotice(query) { export function listNotice(query) {

View File

@ -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");
}); });
}, },

View File

@ -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>

View File

@ -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>

View File

@ -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>