158 lines
4.1 KiB
Vue
158 lines
4.1 KiB
Vue
|
<template>
|
||
|
|
<!-- 报警信息 -->
|
||
|
|
<div class="fullHeight">
|
||
|
|
<div class="searchBox whiteBlock">
|
||
|
|
<el-form
|
||
|
|
:inline="true"
|
||
|
|
size="medium"
|
||
|
|
:model="queryInfo"
|
||
|
|
class="demo-form-inline"
|
||
|
|
>
|
||
|
|
<!-- <el-form-item :label="'分布分项工程名称'" prop="workerName">
|
||
|
|
<el-input v-model="queryInfo.workerName"
|
||
|
|
:placeholder="$t('message.personnelPosition.please_enter')" clearable></el-input>
|
||
|
|
</el-form-item>
|
||
|
|
<el-form-item label="时间筛选">
|
||
|
|
<el-date-picker
|
||
|
|
v-model="queryInfo.daterange"
|
||
|
|
type="date"
|
||
|
|
placeholder="选择日期" value-format="yyyy-MM-dd">
|
||
|
|
</el-date-picker>
|
||
|
|
</el-form-item> -->
|
||
|
|
<el-form-item>
|
||
|
|
<!-- <el-button type="primary" plain @click="query">{{
|
||
|
|
$t("message.alarmWarning.query")
|
||
|
|
}}</el-button> -->
|
||
|
|
<el-button type="warning" plain @click="refresh">{{
|
||
|
|
$t("message.alarmWarning.refresh")
|
||
|
|
}}</el-button>
|
||
|
|
</el-form-item>
|
||
|
|
</el-form>
|
||
|
|
</div>
|
||
|
|
<div class="table_wrap whiteBlock">
|
||
|
|
<el-table class="tables" :data="tableList">
|
||
|
|
<!-- 序号 -->
|
||
|
|
<el-table-column
|
||
|
|
type='index'
|
||
|
|
:label="$t('message.projectManage.serialNumber')"
|
||
|
|
align="center"
|
||
|
|
width="50"
|
||
|
|
>
|
||
|
|
</el-table-column>
|
||
|
|
<!-- 分布分项工程名称 -->
|
||
|
|
<el-table-column
|
||
|
|
width="200"
|
||
|
|
prop="subitemProjectName"
|
||
|
|
align="center"
|
||
|
|
:label="$t('message.projectManage.NameOfSubProject2')"
|
||
|
|
></el-table-column>
|
||
|
|
<!-- 责任人 -->
|
||
|
|
<el-table-column
|
||
|
|
prop="personCharge"
|
||
|
|
:label="$t('message.projectManage.principal2')"
|
||
|
|
align="center"
|
||
|
|
></el-table-column>
|
||
|
|
<!-- 开始日期 -->
|
||
|
|
<el-table-column
|
||
|
|
prop="startTime"
|
||
|
|
:label="$t('message.projectManage.startData')"
|
||
|
|
align="center"
|
||
|
|
></el-table-column>
|
||
|
|
<!-- 预计截止日期 -->
|
||
|
|
<el-table-column
|
||
|
|
prop="endTime"
|
||
|
|
:label="$t('message.projectManage.predictDate')"
|
||
|
|
align="center"
|
||
|
|
></el-table-column>
|
||
|
|
<!-- 逾期天数 -->
|
||
|
|
<el-table-column
|
||
|
|
prop="daynum"
|
||
|
|
:label="$t('message.projectManage.daysOverdue')"
|
||
|
|
align="center"
|
||
|
|
></el-table-column>
|
||
|
|
</el-table>
|
||
|
|
<el-pagination
|
||
|
|
class="pagerBox"
|
||
|
|
@size-change="SizeChange"
|
||
|
|
@current-change="CurrentChange"
|
||
|
|
:current-page="pagInfo.pageNo"
|
||
|
|
:page-sizes="$store.state.PAGESIZRS"
|
||
|
|
:page-size="pagInfo.pageSize"
|
||
|
|
layout="total, sizes, prev, pager, next"
|
||
|
|
:total="pagInfo.total"
|
||
|
|
background
|
||
|
|
></el-pagination>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import {
|
||
|
|
getWarningListDataApi
|
||
|
|
} from "@/assets/js/api/scheduleInfo";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
mounted() {
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
projectSn: "",
|
||
|
|
tableList:[],
|
||
|
|
|
||
|
|
deviceIdArr: [],
|
||
|
|
queryInfo: {},
|
||
|
|
pagInfo: {
|
||
|
|
pageNo: 1, //页数
|
||
|
|
pageSize: 10, //条数
|
||
|
|
total: 0, //总条数
|
||
|
|
},
|
||
|
|
List: [],
|
||
|
|
daterange:[]
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created(){
|
||
|
|
this.projectSn = this.$store.state.projectSn;
|
||
|
|
this.getWarningListData();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
//获取列表数据
|
||
|
|
getWarningListData(){
|
||
|
|
let data = {
|
||
|
|
projectSn:this.projectSn,
|
||
|
|
pageNo:this.pagInfo.pageNo,
|
||
|
|
pageSize:this.pagInfo.pageSize,
|
||
|
|
}
|
||
|
|
getWarningListDataApi(data).then(res=>{
|
||
|
|
if(res.code==200){
|
||
|
|
this.tableList = res.result.records;
|
||
|
|
this.pagInfo.total = res.result.total;
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
//刷新按钮
|
||
|
|
refresh() {
|
||
|
|
this.queryInfo = {};
|
||
|
|
this.pagInfo.pageNo = 1; //页数
|
||
|
|
this.pagInfo.pageSize = 10; //条数
|
||
|
|
this.getWarningListData();
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
SizeChange(val) {
|
||
|
|
this.pagInfo.pageSize = val;
|
||
|
|
this.getWarningListData();
|
||
|
|
},
|
||
|
|
CurrentChange(val) {
|
||
|
|
this.pagInfo.pageNo = val;
|
||
|
|
this.getWarningListData();
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style lang="less">
|
||
|
|
.searchBox > div {
|
||
|
|
margin-right: 15px;
|
||
|
|
}
|
||
|
|
</style>
|