27 changed files with 995 additions and 56 deletions
@ -0,0 +1,9 @@ |
|||
import request from "@/utils/request"; |
|||
|
|||
// 查询项目人员名单信息列表
|
|||
export function statisticsOfNormal(proNo) { |
|||
return request({ |
|||
url: `/site/deviceInformation/statisticsOfNormal/${proNo}`, |
|||
method: "get", |
|||
}); |
|||
} |
|||
@ -0,0 +1,9 @@ |
|||
import request from "@/utils/request"; |
|||
|
|||
// 查询项目人员名单信息列表
|
|||
export function statisticsOfOverweightEquipment(proNo) { |
|||
return request({ |
|||
url: `/site/deviceInformation/statisticsOfOverweightEquipment/${proNo}`, |
|||
method: "get", |
|||
}); |
|||
} |
|||
@ -0,0 +1,10 @@ |
|||
import request from "@/utils/request"; |
|||
|
|||
// 查询项目人员名单信息列表
|
|||
export function getMaterialOutputStatistics(params) { |
|||
return request({ |
|||
url: `/site/monitoring/getMaterialOutputStatistics`, |
|||
method: "get", |
|||
params: params |
|||
}); |
|||
} |
|||
@ -0,0 +1,10 @@ |
|||
import request from "@/utils/request"; |
|||
|
|||
// 查询项目人员名单信息列表
|
|||
export function typeStatistics(params) { |
|||
return request({ |
|||
url: `/site/personnel/typeStatistics`, |
|||
method: "post", |
|||
params: params, |
|||
}); |
|||
} |
|||
@ -0,0 +1,205 @@ |
|||
<template> |
|||
<!-- 图片管理--> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" :inline="true"> |
|||
<el-form-item label="隐患名称" prop="hazardName"> |
|||
<el-input |
|||
v-model="queryParams.cv.value" |
|||
placeholder="请输入隐患名称" |
|||
clearable |
|||
size="small" |
|||
@keyup.enter.native="handleQuery" |
|||
> |
|||
<el-button |
|||
type="primary" |
|||
slot="append" |
|||
icon="el-icon-search" |
|||
size="small" |
|||
@click="handleQuery" |
|||
></el-button> |
|||
</el-input> |
|||
</el-form-item> |
|||
|
|||
<el-form-item> |
|||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
|||
>重置</el-button |
|||
> |
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<el-table |
|||
v-loading="loading" |
|||
:data="accList" |
|||
tooltip-effect="dark myTooltips" |
|||
> |
|||
<el-table-column |
|||
label="序号" |
|||
type="index" |
|||
width="50" |
|||
align="center" |
|||
fixed |
|||
/> |
|||
<el-table-column |
|||
label="项目名称" |
|||
align="left" |
|||
prop="entryName" |
|||
min-width="200" |
|||
/> |
|||
<el-table-column |
|||
label="隐患名称" |
|||
align="left" |
|||
prop="hazardName" |
|||
min-width="200" |
|||
/> |
|||
|
|||
<el-table-column |
|||
label="文档附件" |
|||
align="left" |
|||
prop="hazardAttachment" |
|||
min-width="180" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<template v-if="scope.row.hazardAttachment"> |
|||
<div |
|||
v-for="(item, index) in JSON.parse(scope.row.hazardAttachment)" |
|||
:key="item.id + index" |
|||
> |
|||
<i class="el-icon-document"></i> |
|||
{{ item.name }} |
|||
<i |
|||
class="el-icon-download" |
|||
@click="downloadFile1(scope, index)" |
|||
style="cursor: pointer" |
|||
></i> |
|||
</div> |
|||
</template> |
|||
<template v-else> |
|||
<span>暂无附件</span> |
|||
</template> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
label="操作" |
|||
align="right" |
|||
class-name="small-padding fixed-width" |
|||
min-width="100" |
|||
fixed="right" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-button |
|||
size="mini" |
|||
type="text" |
|||
icon="el-icon-delete" |
|||
@click="handleView(scope.row)" |
|||
>查看</el-button |
|||
> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination |
|||
v-show="total > 0" |
|||
:total="total" |
|||
:page.sync="queryParams.pageNum" |
|||
:limit.sync="queryParams.pageSize" |
|||
@pagination="getList" |
|||
/> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import { listRecord } from "@/api/build/hazardRecord"; |
|||
export default { |
|||
name: "PhotoManagement", |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
// 查询参数 |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
ids: null, |
|||
data: {}, |
|||
cv: { |
|||
name: "hazardName", |
|||
type: "like", |
|||
value: null, |
|||
}, |
|||
// 排序方式 |
|||
params: { |
|||
// 按哪个字段排序 |
|||
orderBy: "create_time", |
|||
// desc降序，升序asc |
|||
sortBy: "desc", |
|||
}, |
|||
}, |
|||
// 总条数 |
|||
total: 0, |
|||
// 遮罩层 |
|||
loading: true, |
|||
// 竣工验收表格数据 |
|||
accList: [], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getList(); |
|||
}, |
|||
methods: { |
|||
/** 重置按钮操作 */ |
|||
resetQuery() { |
|||
this.resetQueryForm(); |
|||
this.handleQuery(); |
|||
}, |
|||
// 查询表单重置 |
|||
resetQueryForm() { |
|||
this.queryParams = { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
ids: null, |
|||
data: {}, |
|||
cv: { |
|||
name: "hazardName", |
|||
type: "like", |
|||
value: null, |
|||
}, |
|||
// 排序方式 |
|||
params: { |
|||
// 按哪个字段排序 |
|||
orderBy: "create_time", |
|||
// desc降序，升序asc |
|||
sortBy: "desc", |
|||
}, |
|||
}; |
|||
this.resetForm("form"); |
|||
}, |
|||
/** 搜索按钮操作 */ |
|||
handleQuery() { |
|||
this.queryParams.pageNum = 1; |
|||
this.getList(); |
|||
}, |
|||
/** 查询竣工验收列表 */ |
|||
getList() { |
|||
this.loading = true; |
|||
this.queryParams.data.proNo = ""; |
|||
this.queryParams.data.proCode = ""; |
|||
listRecord(this.queryParams).then((response) => { |
|||
this.accList = response.records; |
|||
this.total = response.total; |
|||
this.loading = false; |
|||
}); |
|||
}, |
|||
handleView(row) { |
|||
console.log(row); |
|||
if (!row.proNo) { |
|||
this.$message.warning("暂无项目信息"); |
|||
return; |
|||
} |
|||
this.$router.push({ |
|||
path: `/building/projectInfo/projectProcess?baseDataId=${row.proNo}&activeName=missIdentification` , |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
@import "@/assets/css/dialog.scss"; |
|||
</style> |
|||
@ -0,0 +1,92 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div ref="equipmentMonitoring" style="width: 100%; height: 500px"></div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as echarts from "echarts"; |
|||
import { statisticsOfNormal } from "@/api/site/equipmentMonitoring"; |
|||
export default { |
|||
name: "equipmentMonitoring", |
|||
props: ["proNo", "proCode"], |
|||
data() { |
|||
return { |
|||
nameTypeOptions: [], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getDicts("device_name").then((response) => { |
|||
this.nameTypeOptions = response.data; |
|||
}); |
|||
}, |
|||
mounted() { |
|||
this.getequipmentMonitoring(); |
|||
}, |
|||
methods: { |
|||
nameTypeFormat(name) { |
|||
return this.selectDictLabel(this.nameTypeOptions, name); |
|||
}, |
|||
getequipmentMonitoring() { |
|||
statisticsOfNormal(this.proNo).then((res) => { |
|||
console.log("equipmentMonitoring", res); |
|||
this.chartInit(res.data); |
|||
}); |
|||
}, |
|||
chartInit(dataList) { |
|||
let xAxisData = []; |
|||
let seriesData = [ |
|||
{ |
|||
name: "正常", |
|||
type: "bar", |
|||
data: [], |
|||
}, |
|||
{ |
|||
name: "异常", |
|||
type: "bar", |
|||
data: [], |
|||
}, |
|||
]; |
|||
|
|||
dataList.forEach((item) => { |
|||
xAxisData.push(this.nameTypeFormat(item.model)); |
|||
seriesData[0].data.push(item.normal_count || 0); |
|||
seriesData[1].data.push(item.no_normal_count || 0); |
|||
}); |
|||
|
|||
let myChart = echarts.init(this.$refs.equipmentMonitoring); |
|||
let option = { |
|||
tooltip: { |
|||
trigger: "axis", |
|||
axisPointer: { |
|||
type: "shadow", |
|||
}, |
|||
}, |
|||
legend: {}, |
|||
grid: { |
|||
left: "3%", |
|||
right: "4%", |
|||
bottom: "3%", |
|||
containLabel: true, |
|||
}, |
|||
xAxis: { |
|||
type: "category", |
|||
data: xAxisData, |
|||
}, |
|||
yAxis: { |
|||
type: "value", |
|||
boundaryGap: [0, 1], |
|||
minInterval: 1, |
|||
}, |
|||
series: seriesData, |
|||
}; |
|||
|
|||
option && myChart.setOption(option); |
|||
window.addEventListener("resize", function () { |
|||
myChart.resize(); |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped></style> |
|||
@ -0,0 +1,93 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<div ref="equipmentOperationWarning" style="width: 100%; height: 500px"></div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as echarts from "echarts"; |
|||
import { statisticsOfOverweightEquipment } from "@/api/site/equipmentOperationWarning"; |
|||
export default { |
|||
name: "equipmentOperationWarning", |
|||
props: ["proNo", "proCode"], |
|||
data() { |
|||
return { |
|||
nameTypeOptions: [], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getDicts("device_name").then((response) => { |
|||
this.nameTypeOptions = response.data; |
|||
}); |
|||
}, |
|||
mounted() { |
|||
this.getequipmentOperationWarning(); |
|||
}, |
|||
methods: { |
|||
nameTypeFormat(name) { |
|||
return this.selectDictLabel(this.nameTypeOptions, name); |
|||
}, |
|||
getequipmentOperationWarning() { |
|||
statisticsOfOverweightEquipment(this.proNo).then((res) => { |
|||
console.log("equipmentOperationWarning", res); |
|||
this.chartInit(res.data); |
|||
}); |
|||
}, |
|||
chartInit(dataList) { |
|||
let xAxisData = []; |
|||
let seriesData = [ |
|||
{ |
|||
name: "统计总数", |
|||
type: "bar", |
|||
data: [], |
|||
}, |
|||
{ |
|||
name: "超重报警数", |
|||
type: "bar", |
|||
data: [], |
|||
}, |
|||
]; |
|||
|
|||
dataList.forEach((item) => { |
|||
xAxisData.push(this.nameTypeFormat(item.model)); |
|||
seriesData[0].data.push(item.total || 0); |
|||
seriesData[1].data.push(item.non_overweight_count |
|||
|| 0); |
|||
}); |
|||
|
|||
let myChart = echarts.init(this.$refs.equipmentOperationWarning); |
|||
let option = { |
|||
tooltip: { |
|||
trigger: "axis", |
|||
axisPointer: { |
|||
type: "shadow", |
|||
}, |
|||
}, |
|||
legend: {}, |
|||
grid: { |
|||
left: "3%", |
|||
right: "4%", |
|||
bottom: "3%", |
|||
containLabel: true, |
|||
}, |
|||
xAxis: { |
|||
type: "category", |
|||
data: xAxisData, |
|||
}, |
|||
yAxis: { |
|||
type: "value", |
|||
boundaryGap: [0, 1], |
|||
minInterval: 1, |
|||
}, |
|||
series: seriesData, |
|||
}; |
|||
|
|||
option && myChart.setOption(option); |
|||
window.addEventListener("resize", function () { |
|||
myChart.resize(); |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped></style> |
|||
@ -0,0 +1,107 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" :inline="true"> |
|||
<el-form-item label="统计时间" prop="timeType"> |
|||
<el-select |
|||
v-model="queryParams.timeType" |
|||
placeholder="请选择统计时间" |
|||
@change="getproductionOutputStatistics" |
|||
> |
|||
<el-option label="年" value="1"></el-option> |
|||
<el-option label="月" value="2"></el-option> |
|||
<el-option label="日" value="3"></el-option> </el-select |
|||
></el-form-item> |
|||
</el-form> |
|||
<div |
|||
ref="productionOutputStatistics" |
|||
style="width: 100%; height: 500px" |
|||
></div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as echarts from "echarts"; |
|||
import { getMaterialOutputStatistics } from "@/api/site/productionOutputStatistics"; |
|||
export default { |
|||
name: "productionOutputStatistics", |
|||
props: ["proNo", "proCode"], |
|||
data() { |
|||
return { |
|||
queryParams: { |
|||
proNo: this.proNo, |
|||
timeType: "1", |
|||
}, |
|||
}; |
|||
}, |
|||
created() {}, |
|||
mounted() { |
|||
this.getproductionOutputStatistics(); |
|||
}, |
|||
methods: { |
|||
getproductionOutputStatistics() { |
|||
getMaterialOutputStatistics(this.queryParams).then((res) => { |
|||
console.log("productionOutputStatistics", res); |
|||
this.chartInit(res.data); |
|||
}); |
|||
}, |
|||
chartInit(dataList) { |
|||
let xAxisData = []; |
|||
let seriesData = [ |
|||
{ |
|||
type: "bar", |
|||
data: [], |
|||
}, |
|||
]; |
|||
|
|||
let titleText = |
|||
this.queryParams.timeType == 1 |
|||
? "本年物料生产量" |
|||
: this.queryParams.timeType == 2 |
|||
? "本月物料生产量" |
|||
: "本日物料生产量"; |
|||
|
|||
dataList.forEach((item) => { |
|||
xAxisData.push(item.time || 0); |
|||
seriesData[0].data.push(item.materialYield || 0); |
|||
}); |
|||
|
|||
let myChart = echarts.init(this.$refs.productionOutputStatistics); |
|||
let option = { |
|||
title: { |
|||
left: "center", |
|||
text: titleText, |
|||
}, |
|||
tooltip: { |
|||
trigger: "axis", |
|||
axisPointer: { |
|||
type: "shadow", |
|||
}, |
|||
}, |
|||
legend: {}, |
|||
grid: { |
|||
left: "3%", |
|||
right: "4%", |
|||
bottom: "3%", |
|||
containLabel: true, |
|||
}, |
|||
xAxis: { |
|||
type: "category", |
|||
data: xAxisData, |
|||
}, |
|||
yAxis: { |
|||
type: "value", |
|||
boundaryGap: [0, 1], |
|||
minInterval: 1, |
|||
}, |
|||
series: seriesData, |
|||
}; |
|||
|
|||
option && myChart.setOption(option); |
|||
window.addEventListener("resize", function () { |
|||
myChart.resize(); |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped></style> |
|||
@ -0,0 +1,149 @@ |
|||
<template> |
|||
<div class="app-container"> |
|||
<el-form :model="queryParams" ref="queryForm" :inline="true"> |
|||
<el-form-item label="统计类型" prop="type"> |
|||
<el-select |
|||
v-model="queryParams.type" |
|||
placeholder="请选择统计类型" |
|||
@change="getprojectPersonnelStatistics" |
|||
> |
|||
<el-option label="岗位" value="post"></el-option> |
|||
<el-option label="位置" value="position"></el-option> |
|||
<el-option |
|||
label="资质证书" |
|||
value="qualification_certificate" |
|||
></el-option> |
|||
<el-option |
|||
label="是否进场" |
|||
value="enter_arena" |
|||
></el-option> </el-select |
|||
></el-form-item> |
|||
</el-form> |
|||
<div |
|||
ref="projectPersonnelStatistics" |
|||
style="width: 100%; height: 500px" |
|||
></div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import * as echarts from "echarts"; |
|||
import { typeStatistics } from "@/api/site/projectPersonnelStatistics"; |
|||
export default { |
|||
name: "projectPersonnelStatistics", |
|||
props: ["proNo", "proCode"], |
|||
data() { |
|||
return { |
|||
queryParams: { |
|||
proNo: this.proNo, |
|||
type: "post", |
|||
}, |
|||
// 岗位 |
|||
postOptions: [], |
|||
// 位置 |
|||
positionOptions: [], |
|||
// 资质证书 |
|||
qualification_certificateOptions: [], |
|||
// 是否进场 |
|||
enter_arenaOptions: [], |
|||
}; |
|||
}, |
|||
created() { |
|||
this.getDicts("post").then((response) => { |
|||
this.postOptions = response.data; |
|||
}); |
|||
this.getDicts("risk_address").then((response) => { |
|||
this.positionOptions = response.data; |
|||
}); |
|||
this.getDicts("qualifications").then((response) => { |
|||
this.qualification_certificateOptions = response.data; |
|||
}); |
|||
this.getDicts("sys_yes_no").then((response) => { |
|||
this.enter_arenaOptions = response.data; |
|||
}); |
|||
}, |
|||
mounted() { |
|||
this.getprojectPersonnelStatistics(); |
|||
}, |
|||
methods: { |
|||
dataFormat(data, type) { |
|||
return this.selectDictLabel(data, type); |
|||
}, |
|||
getprojectPersonnelStatistics() { |
|||
typeStatistics(this.queryParams).then((res) => { |
|||
console.log("projectPersonnelStatistics", res); |
|||
this.chartInit(res.data); |
|||
}); |
|||
}, |
|||
chartInit(dataList) { |
|||
let xAxisData = []; |
|||
let seriesData = [ |
|||
{ |
|||
type: "bar", |
|||
data: [], |
|||
}, |
|||
]; |
|||
|
|||
let titleText = |
|||
this.queryParams.type == "post" |
|||
? "工区人员分布统计" |
|||
: this.queryParams.type == "position" |
|||
? "项目人员组成统计" |
|||
: this.queryParams.type == "qualification_certificate" |
|||
? "人员资质情况统计" |
|||
: "人员进退场统计"; |
|||
|
|||
dataList.forEach((item) => { |
|||
xAxisData.push( |
|||
this.dataFormat( |
|||
this[`${this.queryParams.type}Options`], |
|||
item[this.queryParams.type] |
|||
) || 0 |
|||
); |
|||
seriesData[0].data.push(item.count || 0); |
|||
}); |
|||
|
|||
console.log("xAxisData", xAxisData); |
|||
|
|||
console.log("seriesData", seriesData); |
|||
|
|||
let myChart = echarts.init(this.$refs.projectPersonnelStatistics); |
|||
let option = { |
|||
title: { |
|||
left: "center", |
|||
text: titleText, |
|||
}, |
|||
tooltip: { |
|||
trigger: "axis", |
|||
axisPointer: { |
|||
type: "shadow", |
|||
}, |
|||
}, |
|||
legend: {}, |
|||
grid: { |
|||
left: "3%", |
|||
right: "4%", |
|||
bottom: "3%", |
|||
containLabel: true, |
|||
}, |
|||
xAxis: { |
|||
type: "category", |
|||
data: xAxisData, |
|||
}, |
|||
yAxis: { |
|||
type: "value", |
|||
boundaryGap: [0, 1], |
|||
minInterval: 1, |
|||
}, |
|||
series: seriesData, |
|||
}; |
|||
|
|||
option && myChart.setOption(option); |
|||
window.addEventListener("resize", function () { |
|||
myChart.resize(); |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
<style lang="scss" scoped></style> |
|||
Loading…
Reference in new issue