admin/zhgdlarge
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

暂存代码

Browse Source
This commit is contained in:
Vce 2024-06-03 13:45:16 +08:00
parent 1a50532e2c
commit 1cd412f169
6 changed files with 101 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@ -5,7 +5,7 @@ NODE_ENV = 'development'
# 后端本地
# VITE_API_URL = 'http://192.168.34.221:19111'
# VITE_API_URL = 'http://192.168.34.221:9111' #雄哥本地
VITE_API_URL = 'http://182.90.224.237:51234' #雄哥远程
# VITE_API_URL = 'http://182.90.224.237:51234' #雄哥远程
# VITE_API_URL = 'http://192.168.34.221:28889'
# VITE_API_URL = 'http://121.196.214.246/api'
# VITE_API_URL = 'http://jxj.zhgdyun.com:100'
@ -24,7 +24,7 @@ VITE_API_URL = 'http://182.90.224.237:51234' #雄哥远程
# VITE_API_URL = 'http://182.90.224.237:15551'
# agjt
# VITE_API_URL = 'http://42.180.188.17:9809' #生产环境
# VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
VITE_API_URL = 'http://42.180.188.17:11211' #测试环境
# VITE_API_URL = 'http://jxj.zhgdyun.com:19812'
# 苏立信
# VITE_API_URL = 'http://101.43.164.214:11111'

7
src/api/modules/agjtCommandApi.ts
View File

@ -97,3 +97,10 @@ export const getStatsDirectorateBigScreenApi = (params: {}) => {
export const getStatScoreApi = (params: {}) => {
return http.get(BASEURL + `/xmgl/xzSecurityQualityInspectionRecord/getStatScore`, params, { headers: { noLoading: true } });
};
// 项目人员考勤
// 出勤人员/考勤日环比
export const getPersonTypeAndEduStatisticsApi = (params: {}) => {
return http.post(BASEURL + `/xmgl/workerInfo/selectPersonTypeAndEduStatistics`, params, { headers: { noLoading: true } });
};

BIN
src/assets/images/mountain-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

5
src/views/commandScreen/commandCenter/index.vue
View File

@ -42,10 +42,11 @@ const openPeopleCountDialog = (index:any) => {
height: 100%;
display: flex;
.left {
height: 100%;
height: 109.5%;
width: 26%;
transform: translateY(-70px);
.leftTop {
height: 35%;
height: 24.5%;
}
.leftBottom {
height: 65%;

50
src/views/commandScreen/commandCenter/leftBottom.vue
View File

@ -7,10 +7,20 @@
<div class="contentTop">
<div class="line1">
<span>出勤人员总数:</span>
<div class="numberCard" v-for="(item,i) in '0234'" :key="i">{{item}}</div>
<!-- <div class="numberCard" v-for="(item,i) in '0234'" :key="i">{{item}}</div> -->
<div class="numberCard" v-for="(item,i) in totalPerson" :key="i">{{item}}</div>
<span style="margin-left:15px">考勤日环比</span>
<div class="dayRadio">0.22%</div>
<div class="iconCenter"><el-icon size="20" color="#0262c7"><Top/></el-icon></div>
<div style="display:flex" v-if="totalPersonRhbRatio > 0">
<div class="dayRadio">{{totalPersonRhbRatio}}%</div>
<div class="iconCenter"><el-icon size="20" color="#1E90FF"><Top/></el-icon></div>
</div>
<div style="display:flex" v-if="totalPersonRhbRatio === 0">
<div class="dayRadio">{{totalPersonRhbRatio}}%</div>
</div>
<div style="display:flex" v-if="totalPersonRhbRatio < 0">
<div class="dayRadio">{{totalPersonRhbRatio}}%</div>
<div class="iconCenter"><el-icon size="20" color="#8B0000"><Bottom/></el-icon></div>
</div>
</div>
<div class="line2">
<div :class="['line2Item',activeIndex === '0' ? 'activeTab' : '']" @click="handleTab('0')">总包出勤情况分析</div>
@ -64,7 +74,7 @@
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
</template>
@ -73,8 +83,9 @@
import { onMounted, ref } from "vue";
import * as echarts from "echarts";
import { selectQualityStatisticsApi } from "@/api/modules/projectOverview";
import { getMemberJobStatusApi, getInspectManStatusApi, getEnterpriseStatusApi } from "@/api/modules/agjtCommandApi";
import { getPersonTypeAndEduStatisticsApi } from "@/api/modules/labor";
import { getMemberJobStatusApi, getInspectManStatusApi, getEnterpriseStatusApi,
getPersonTypeAndEduStatisticsApi
} from "@/api/modules/agjtCommandApi";
import type { TabsPaneContext, ElMessageBox } from "element-plus";
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import { GlobalStore } from "@/stores";
@ -82,7 +93,27 @@ import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
const store = GlobalStore();
const activeName = ref("总包出勤情况分析");
const activeIndex = ref("0" as any);
//出勤人员数据
let totalPerson = ref(""as any)
//考勤日环比
let totalPersonRhbRatio = ref("" as any)
//获取出勤人员数据/考勤日环比
const getPersonTypeAndEduStatistics = async () => {
const res: any = await getPersonTypeAndEduStatisticsApi({
projectSn: store.sn
});
if (res.result) {
console.log("出勤人员数据/考勤日环比", res);
totalPerson.value = res.result.personType.attendancePerson.totalPerson
if(totalPerson.value.length < 4){
let temp = 4-totalPerson.value.length
for(let i = 0;i<temp;i++){
totalPerson.value = "0" + totalPerson.value
}
}
totalPersonRhbRatio.value = res.result.personType.attendancePerson.totalPersonRhbRatio
}
};
//切换tab
const handleTab = (val:string) => {
activeIndex.value = val
@ -184,6 +215,7 @@ let listData = ref([
onMounted(async () => {
drawBar()
getPersonTypeAndEduStatistics()
});
</script>
@ -327,7 +359,7 @@ onMounted(async () => {
}
.cbProcess{
padding-top: 5px;
height: calc(100% - 55px);
height: calc(100% - 65px);
overflow: hidden;
// background-color: #fff;
.pItem{
@ -423,7 +455,7 @@ onMounted(async () => {
}
.plBtnBgc2{
background: rgb(155,155,0);
background: linear-gradient(90deg, rgba(50,50,50,0.5) 10%, rgba(155,0,0,1) 100%);
background: linear-gradient(90deg, rgba(50,50,50,0.5) 10%, rgba(155,155,0,1) 100%);
}
.plBgc3{
background: rgb(0,0,139);

51
src/views/commandScreen/commandCenter/leftTop.vue
View File

@ -15,6 +15,51 @@
</div>
<div class="content">
<div class="content-info">
<span style="font-size:15px">项目名称：</span>
<span style="font-size:15px">{{ projectData.projectName || "" }}</span>
</div>
<div class="content-info">
<span style="font-size:15px">项目地址：</span>
<span style="font-size:15px">{{addressData()}}</span>
</div>
<div class="content-info">
<span style="font-size:15px">项目编号：</span>
<span style="font-size:15px">{{ projectData.projectNumber || "" }}</span>
</div>
<div style="font-size:15px;line-height:22px">
<div style="display:flex;color:white;margin-top:8px">
<div style="width:50%;display:flex;">
<span>项目经理：</span>
<span>{{ projectData.projectManage || "" }}</span>
</div>
<div style="width:50%;display:flex;">
<span>联系电话：</span>
<span>{{ projectData.projectTel || "" }}</span>
</div>
</div>
<div style="display:flex;color:white;margin-top:8px">
<div style="width:50%;display:flex;">
<span>建筑面积：</span>
<span>{{ projectData.projectAcreage || "" }} {{ projectData.projectAcreage ? '㎡' : "" }}</span>
</div>
<div style="width:50%;display:flex;">
<span>开工日期：</span>
<span>{{ projectData.startWorkDate || "" }}</span>
</div>
</div>
<div style="display:flex;color:white;margin-top:8px">
<div style="width:50%;display:flex;">
<span>工程类别：</span>
<span>{{ projectData.projectType && projectTypeEnumList.length > 0 ? projectTypeEnumList[projectData.projectType - 1].name : "" }}</span>
<div style="margin-left:5px;line-height:20px;">
<img style="width:25px;height:25px;" src="@/assets/images/mountain-icon.png" alt="" />
</div>
</div>
</div>
</div>
<!-- <div class="content-info">
<span>项目名称：</span>
<span>{{ projectData.projectName || "" }}</span>
</div>
@ -45,7 +90,7 @@
<div class="content-info">
<span>工程类别：</span>
<span>{{ projectData.projectType && projectTypeEnumList.length > 0 ? projectTypeEnumList[projectData.projectType - 1].name : "" }}</span>
</div>
</div> -->
</div>
</div>
</template>
@ -103,7 +148,7 @@ onMounted(async () => {
display: flex;
// align-items: center;
justify-content: space-between;
padding: 20px 20px;
padding: 10px 20px;
border-bottom: 1px solid #0059ff;
.hLeft {
width: 50%;
@ -123,7 +168,7 @@ onMounted(async () => {
display: flex;
flex-direction: column;
margin-top: 10px;
margin-left: 20px;
margin-left: 10px;
&-info:not(:first-child){
margin-top: 11px;
}