Commit c6832ede authored by 李苏's avatar 李苏 💬

风险统计界面信息

parent d83f64da
<template> <template>
<div class="min_full" style="height: calc(84vh - 75px);"> <div class="min_full" style="height: calc(84vh - 75px);">
<Details :app='this' v-if='showDialog' ></Details>
<!-- 按钮操作--> <!-- 按钮操作-->
<el-row class="tool-bar"> <el-row class="tool-bar">
<PrintButton :app='app'></PrintButton> <PrintButton :app='app'></PrintButton>
<ViewButton ref="view" :app='app'></ViewButton> <!-- <ViewButton ref="view" :app='app'></ViewButton>
<AddButton ref="add" :app='app'></AddButton> <AddButton ref="add" :app='app'></AddButton>
<CopyButton ref="copy" :app='app'></CopyButton> <CopyButton ref="copy" :app='app'></CopyButton>
<EditButton ref="edit" :app='app'></EditButton> <EditButton ref="edit" :app='app'></EditButton>
<FieldButton :app='app'></FieldButton> <FieldButton :app='app'></FieldButton> -->
<el-button @click="details" size='mini' type="primary">查看详情</el-button>
<ExcelButton :app='app'></ExcelButton> <ExcelButton :app='app'></ExcelButton>
</el-row> </el-row>
<!-- 表格--> <!-- 表格-->
<div class="tablePagers"> <div class="tablePagers">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' <TablePager :delButton='false' @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
@getRow='getRow'> @getRow='getRow'>
<!-- 自定义列 slot="tabCustom",格式参照elementUi,自定义事件用this.$refs['TablePager']调用/或者v-slot通信/--> <!-- 自定义列 slot="tabCustom",格式参照elementUi,自定义事件用this.$refs['TablePager']调用/或者v-slot通信/-->
</TablePager> </TablePager>
...@@ -31,28 +33,20 @@ ...@@ -31,28 +33,20 @@
} from "common/src/api/system/dmgSystem.js"; } from "common/src/api/system/dmgSystem.js";
/* edit页面*/ /* edit页面*/
import {tableMixin} from 'common' import {tableMixin} from 'common'
import Details from './cycleDetails'
export default { export default {
mixins: [tableMixin], mixins: [tableMixin],
name: 'appVersion', name: 'appVersion',
/* 初始额外赋值*/ /* 初始额外赋值*/
async mounted() { async mounted() {
await this.$asRun(
[QueryApptype(),
res => {
var data = res['data']['records'];
let typeMap = []
for (var i in data) {
typeMap[data[i].id] = data[i].name
}
this.systemType = data
this.typeMap = typeMap
}
]
)
this.$refs['TablePager'].pageQuery() this.$refs['TablePager'].pageQuery()
}, },
data() { data() {
return { return {
showDialog:false,
DialogTitle:'班组详情',
DialogWidth:'70vw',
/*需要的额外参数 */ /*需要的额外参数 */
typeMap: [], typeMap: [],
systemType: [], systemType: [],
...@@ -62,17 +56,17 @@ ...@@ -62,17 +56,17 @@
/* 表格标题对应参数*/ /* 表格标题对应参数*/
tableTitle: [{ tableTitle: [{
prop: 'appid', prop: 'appid',
label: 'APPID', label: '统计日期',
width: '120' width: '120'
}, },
{ {
prop: 'name', prop: 'name',
label: 'APP名称', label: '班组',
width: '120' width: '120'
}, },
{ {
prop: 'type', prop: 'type',
label: '系统类型', label: '日数量',
width: '120', width: '120',
formatter: (row, column, cellValue, index) => { formatter: (row, column, cellValue, index) => {
var text = this.typeMap[cellValue] var text = this.typeMap[cellValue]
...@@ -81,33 +75,52 @@ ...@@ -81,33 +75,52 @@
}, },
{ {
prop: 'version', prop: 'version',
label: 'app版本', label: '末排查日数量',
width: '120' width: '120'
}, },
{ {
prop: 'url', prop: 'url',
label: '下载路径', label: '日完成率(%)',
width: '350' width: '350'
}, },
{ {
prop: 'bz', prop: 'bz',
label: '备注', label: '月数量',
width: '140' width: '140'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '维护人', label: '月末排查数量',
width: '100' width: '100'
}, },
{ {
prop: 'whsj', prop: 'whsj',
label: '维护时间', label: '月完成率(%)',
...this.$common('ftDateTime')
},
{
prop: 'whsj',
label: '周数量',
...this.$common('ftDateTime')
},
{
prop: 'whsj',
label: '周末排查数量',
...this.$common('ftDateTime')
},
{
prop: 'whsj',
label: '周完成率(%)',
...this.$common('ftDateTime') ...this.$common('ftDateTime')
}, },
] ]
} }
}, },
methods: { methods: {
details(){
this.showDialog=true
/* 选中查看班组人员*/
},
/* 基础查询*/ /* 基础查询*/
query: QueryAppversion, query: QueryAppversion,
/* 基础增*/ /* 基础增*/
...@@ -120,7 +133,7 @@ ...@@ -120,7 +133,7 @@
}, },
/* 注册组件*/ /* 注册组件*/
components: { components: {
Details
} }
} }
</script> </script>
......
<template>
<DefaultDialog :app='app'>
<div slot="form" class="min_full" style="height: 70vh;border: 0px;">
<el-row class="tool-bar">
</el-row>
<!-- 表格-->
<div class="tablePagers">
<TablePager :delButton='false' @getData='getData' :ref="'TablePager'" :app='this' :query='query' @selectItem='selectItem'
@getRow='getRow'>
</TablePager>
</div>
</div>
</DefaultDialog>
</template>
<script>
/* 引入需要的接口*/
import {
QueryAppversion,
QueryApptype,
AddAppversion,
DelAppversion,
UpdateAppversion
} from "common/src/api/system/dmgSystem.js";
/* edit页面*/
import {tableMixin_noapp} from 'common'
export default {
mixins: [tableMixin_noapp],
/* 初始额外赋值*/
async mounted() {
},
props:{
app:{
default:()=>{
return{}
},
type:Object
}
},
data() {
return {
showDialog:false,
dialogTitle:'班组详情',
/*需要的额外参数 */
typeMap: [],
systemType: [],
baseUrl: 'kzzx/appversion',
/* 查询参数*/
queryParams: {},
/* 表格标题对应参数*/
tableTitle: [
{
prop: 'name',
label: '班组',
width: '120'
},
{
prop: 'name',
label: '人员',
width: '120'
},
{
prop: 'type',
label: '日数量',
width: '120',
formatter: (row, column, cellValue, index) => {
var text = this.typeMap[cellValue]
return text;
}
},
{
prop: 'version',
label: '末排查日数量',
width: '120'
},
{
prop: 'url',
label: '日完成率(%)',
width: '350'
},
{
prop: 'bz',
label: '月数量',
width: '140'
},
{
prop: 'whr',
label: '月末排查数量',
width: '100'
},
{
prop: 'whsj',
label: '月完成率(%)',
...this.$common('ftDateTime')
},
{
prop: 'whsj',
label: '周数量',
...this.$common('ftDateTime')
},
{
prop: 'whsj',
label: '周末排查数量',
...this.$common('ftDateTime')
},
{
prop: 'whsj',
label: '周完成率(%)',
...this.$common('ftDateTime')
},
]
}
},
methods: {
details(){
this.showDialog=true
/* 选中查看班组人员*/
},
/* 基础查询*/
query: QueryAppversion,
/* 基础增*/
apiAdd: AddAppversion,
/* 基础更新*/
apiUpdate: UpdateAppversion,
/* 删除操作*/
apiDelete: DelAppversion,
/* 初始化赋值操作*/
},
/* 注册组件*/
components: {
}
}
</script>
<style scoped>
</style>
...@@ -55,18 +55,19 @@ ...@@ -55,18 +55,19 @@
<div class="min_full" style="height: 60%;padding: 10px;"> <div class="min_full" style="height: 60%;padding: 10px;">
<!-- tabs --> <!-- tabs -->
<el-tabs v-model="activeName" @tab-click="handleClick" > <el-tabs v-model="activeName" @tab-click="handleClick" >
<el-tab-pane label="详细" name="first" > <el-tab-pane label="班组统计" name="first">
<Details />
</el-tab-pane>
<el-tab-pane label="检查周期" name="second">
<Cycle /> <Cycle />
</el-tab-pane> </el-tab-pane>
<!-- <el-tab-pane label="详细" name="first" >
<Details />
</el-tab-pane>
<el-tab-pane label="检查内容" name="third"> <el-tab-pane label="检查内容" name="third">
<Content /> <Content />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="责任人" name="fourth"> <el-tab-pane label="责任人" name="fourth">
<PersonLiable /> <PersonLiable />
</el-tab-pane> </el-tab-pane> -->
</el-tabs> </el-tabs>
</div> </div>
...@@ -131,7 +132,7 @@ ...@@ -131,7 +132,7 @@
tableTitle: [ tableTitle: [
{ {
prop: 'whsj', prop: 'whsj',
label: '时间', label: '统计日期',
show:false, show:false,
fieldType:'ftDateTime', fieldType:'ftDateTime',
width: '100', width: '100',
...@@ -139,74 +140,63 @@ ...@@ -139,74 +140,63 @@
}, },
{ {
prop: 'whsj', prop: 'whsj',
label: '车间', label: '公司',
...this.$common('ftDateTime') ...this.$common('ftDateTime')
}, },
{ {
prop: 'whr', prop: 'whr',
label: '岗位', label: '工单日数量',
width: '100' width: '100'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '地点', label: '末排查日数量',
width: '100' width: '100'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '作业活动设施风险点', label: '日完成率(%)',
width: '100' width: '150'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '事故类型', label: '月数量',
width: '100' width: '100'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '危险等级', label: '月末排查数量',
width: '100' width: '100'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '危险分值', label: '月完成率(%)',
width: '100' width: '150'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '风险类型', label: '周数量',
width: '100'
},
{
prop: 'whr',
label: '管控措施落实后等级',
width: '100' width: '100'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '管理层级', label: '周末排查数量',
width: '100' width: '100'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '拍照选项', label: '周完成率(%)',
width: '100' width: '150'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '序号', label: '统计年份',
width: '100'
},
{
prop: 'whr',
label: '图形编号',
width: '100' width: '100'
}, },
{ {
prop: 'whr', prop: 'whr',
label: '措施类型', label: '统计月份',
width: '100' width: '100'
} }
] ]
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment