399 lines
16 KiB
Vue
399 lines
16 KiB
Vue
<template>
|
||
<div class="pd10">
|
||
<el-form :inline="true" class="demo-form-inline">
|
||
|
||
<el-row>
|
||
<el-col :span="24">
|
||
<el-form-item label="日期">
|
||
<div style="display: flex">
|
||
<el-select disabled v-model="statisticalType" style="width: 180px; margin-right: 5px"
|
||
@change="timeChange">
|
||
<el-option label="年" value="01"></el-option>
|
||
<el-option label="月" value="02"></el-option>
|
||
<el-option label="日" value="03"></el-option>
|
||
</el-select>
|
||
<el-date-picker style="width: 180px" v-model="searchBeginTime"
|
||
v-if="statisticalType == '01'" type="year" value-format="yyyy-MM-dd"
|
||
@change="yearChange" placeholder="选择年"></el-date-picker>
|
||
<el-date-picker style="width:180px" v-if="statisticalType == '02'" value-format="yyyy-MM-dd"
|
||
v-model="searchBeginTime" @change="monthChange" type="month"
|
||
placeholder="选择日期"></el-date-picker>
|
||
<el-date-picker style="width:180px" v-if="statisticalType == '03'" value-format="yyyy-MM-dd"
|
||
v-model="searchBeginTime" @change="dateChange" type="date"
|
||
placeholder="选择日期"></el-date-picker>
|
||
</div>
|
||
</el-form-item>
|
||
<el-button size="small" type="primary" icon="el-icon-search" @click="
|
||
pageNum = 1;
|
||
pageListInit()">
|
||
查询
|
||
</el-button>
|
||
|
||
<el-button type="primary" style="float: right" icon="el-icon-download"
|
||
@click="exportEvent">导出</el-button>
|
||
<el-button type="primary" style="float: right" class="ml10" icon="el-icon-s-promotion"
|
||
@click="uploadGw()">上送网公司</el-button>
|
||
|
||
<el-button type="primary" style="float: right" class="ml10"
|
||
@click="reCalReportFlag = true">重新计算</el-button>
|
||
|
||
</el-col>
|
||
|
||
|
||
</el-row>
|
||
|
||
|
||
</el-form>
|
||
|
||
<el-row>
|
||
<el-col :span="24">
|
||
<vxe-table :data="pageData" :height="height" border size="mini" ref="workOrderTable" style="width: 100%"
|
||
v-loading="isLoading" header-cell-class-name="table_header" @checkbox-all="selectAllChangeEvent"
|
||
@checkbox-change="handleSelectionChange">
|
||
<vxe-table-column key="checkboxs" type="checkbox" align="center" width="55"></vxe-table-column>
|
||
|
||
<template v-for="(item, index) in tableData">
|
||
<vxe-table-column align="center" show-overflow :field="item.prop" :sortable="item.sortable"
|
||
:title="item.label" :key="index" :min-width="item.width" :formatter="tableDateFilter">
|
||
</vxe-table-column>
|
||
</template>
|
||
|
||
<vxe-table-column key="uploadStatus" field="uploadStatus" title="状态" fixed="right" align="center"
|
||
width="100">
|
||
<template slot-scope="scope">
|
||
<el-tag type="primary" size="small" style="color: #409eff; background: #ecf5ff"
|
||
v-if="scope.row.uploadStatus == 0">
|
||
未上送
|
||
</el-tag>
|
||
<el-tag type="primary" size="small" style="color: #67c23a; background: #f0f9eb"
|
||
v-if="scope.row.uploadStatus == 1">
|
||
已上送
|
||
</el-tag>
|
||
<el-tag type="primary" size="small" style="color: #909399; background: #f4f4f5"
|
||
v-if="scope.row.uploadStatus == 2">
|
||
取消上送
|
||
</el-tag>
|
||
<el-tag type="primary" size="small" style="color: orange; background: #f4f4f5"
|
||
v-if="scope.row.uploadStatus == 3">
|
||
待重新上送
|
||
</el-tag>
|
||
|
||
</template>
|
||
</vxe-table-column>
|
||
|
||
|
||
</vxe-table>
|
||
|
||
</el-col>
|
||
</el-row>
|
||
|
||
<el-dialog :close-on-click-modal="false" title="统计时间" :visible.sync="reCalReportFlag" width="20%">
|
||
<el-form label-width="90px">
|
||
<el-form-item label="选择时间:" class="mt20">
|
||
<el-date-picker v-model="reCalReportFlagValue" type="month" value-format="yyyy-MM"
|
||
:picker-options="pickerOptions" @change="changeFn" placeholder="选择月"></el-date-picker>
|
||
</el-form-item>
|
||
</el-form>
|
||
<span slot="footer" class="dialog-footer">
|
||
<el-button type="primary" @click="reCalReport">确 定</el-button>
|
||
</span>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
|
||
|
||
import { dicData } from '@/assets/commjs/dictypeData'
|
||
import { dayCalReport, getReportList, upReportGw } from '@/api/pmsUpload/processFollow'
|
||
|
||
export default {
|
||
components: {},
|
||
data() {
|
||
return {
|
||
vh: '',
|
||
height: null,
|
||
isLoading: false,
|
||
form: {},
|
||
dialogVisible: false,
|
||
diaTitle: '',
|
||
statisticalType: '02',
|
||
searchBeginTime: '',
|
||
timeData: '',
|
||
searchEndTime: '',
|
||
|
||
multipleSelection: [],
|
||
|
||
|
||
tableData: [
|
||
{ prop: 'cityOrgName', label: '所属地市名称', width: 180 },
|
||
{ prop: 'statisticalLevel', label: '统计单位层级', width: 180 },
|
||
{ prop: 'statisticalDate', label: '统计日期', width: 180 },
|
||
{ prop: 'newUserNum', label: '并/入网申请当月新增用户（项目）数量（个）', width: 260 },
|
||
{ prop: 'newUserCount', label: '并/入网申请累计新增用户（项目）数量（个）', width: 260 },
|
||
{ prop: 'reportAuditNum', label: '规划可研当月预测评估审查数量（个）', width: 260 },
|
||
{ prop: 'reportAuditCount', label: '规划可研累计预测评估审查数量（个）', width: 260 },
|
||
|
||
{ prop: 'approvalAuditNum', label: '竣工验收当月竣工核查数量（个）', width: 260 },
|
||
{ prop: 'approvalAuditCount', label: '竣工验收累计竣工核查数量（个）', width: 260 },
|
||
{ prop: 'approvalProblemNum', label: '竣工验收当月发现问题数量（个）', width: 260 },
|
||
{ prop: 'approvalProblemCount', label: '竣工验收累计发现问题数量（个）', width: 260 },
|
||
{ prop: 'approvalRectificationProblemNum', label: '竣工验收当月整改验收问题数量（个）', width: 260 },
|
||
{ prop: 'approvalRectificationProblemCount', label: '竣工验收累计整改验收问题数量（个）', width: 260 },
|
||
{ prop: 'testRunUserCount', label: '试运行累计转试运行用户数量（户）', width: 260 },
|
||
{ prop: 'testRunOvUserNum', label: '试运行超标用户数量（户）', width: 180 },
|
||
|
||
{ prop: 'testRunOvUserRate', label: '试运行用户超标占比（%）', width: 180 },
|
||
{ prop: 'runUserCount', label: '累计转生产运行用户数量（户）', width: 180 },
|
||
{ prop: 'runOvUserNum', label: '生产运行超标用户数量（户）', width: 180 },
|
||
{
|
||
prop: 'runOvUserRate',
|
||
label: '生产运行超标用户占比（%）',
|
||
width: 220,
|
||
},
|
||
],
|
||
pageData: [],
|
||
|
||
reCalReportFlagValue: '',
|
||
reCalReportFlag: false,
|
||
pickerOptions: {
|
||
disabledDate: time => {
|
||
return this.checkTime(time)
|
||
}
|
||
},
|
||
objId: '',
|
||
|
||
operateType: 0, //0.新增 1.修改
|
||
rules: {},
|
||
|
||
pageNum: 1,
|
||
pageSize: 20,
|
||
total: 0,
|
||
|
||
}
|
||
},
|
||
created() {
|
||
|
||
let day = new Date()
|
||
this.statisticalType = '02'
|
||
this.searchBeginTime = this.$tools.formatDate(day, 'yyyy-MM-dd').substring(0, 8) + '01'
|
||
|
||
},
|
||
mounted() {
|
||
this.pageListInit()
|
||
this.setHeight()
|
||
window.addEventListener('resize', this.setHeight)
|
||
},
|
||
beforeDestroy() {
|
||
window.removeEventListener('resize', this.setHeight)
|
||
},
|
||
methods: {
|
||
setHeight() {
|
||
this.height = window.sessionStorage.getItem('appheight') - 150
|
||
},
|
||
checkTime(time) {
|
||
let t = new Date().getDate()
|
||
// 如果想包含本月本月 - 8.64e7 * t 就不需要了，
|
||
// 如果想之前的不能选择把 > 换成 <
|
||
return time.getTime() > Date.now()
|
||
},
|
||
|
||
changeFn(val) {
|
||
// console.log(val);
|
||
let year = parseInt(val.substring(0, 4))
|
||
let month = parseInt(val.substring(5, 7))
|
||
// console.log(year, month);
|
||
if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) {
|
||
if (month < 10) {
|
||
this.timeData = year + '-' + '0' + month + '-31'
|
||
} else {
|
||
this.timeData = year + '-' + month + '-31'
|
||
}
|
||
} else if (month == 4 || month == 6 || month == 9 || month == 11) {
|
||
if (month < 10) {
|
||
this.timeData = year + '-' + '0' + month + '-30'
|
||
} else {
|
||
this.timeData = year + '-' + month + '-30'
|
||
}
|
||
} else if (month == 2) {
|
||
if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
|
||
this.timeData = year + '-' + '0' + month + '-29'
|
||
} else {
|
||
this.timeData = year + '-' + '0' + month + '-28'
|
||
}
|
||
}
|
||
// console.log(this.timeData);
|
||
},
|
||
|
||
//获取主网运行指标统计数据
|
||
pageListInit() {
|
||
this.isLoading = true
|
||
let param = {
|
||
pageNum: this.pageNum,
|
||
pageSize: this.pageSize,
|
||
orgId: JSON.parse(window.sessionStorage.getItem('Info')).deptId,
|
||
dataType: this.statisticalType,
|
||
searchBeginTime: this.searchBeginTime,
|
||
}
|
||
getReportList(param).then(res => {
|
||
this.pageData = res.data
|
||
this.isLoading = false
|
||
})
|
||
},
|
||
|
||
|
||
|
||
//每页条数改变时触发 选择一页显示多少行
|
||
handleSizeChange(val) {
|
||
this.pageSize = val
|
||
this.pageListInit()
|
||
},
|
||
//当前页改变时触发 跳转其他页
|
||
handleCurrentChange(val) {
|
||
this.pageNum = val
|
||
this.pageListInit()
|
||
},
|
||
//重置
|
||
Reset() {
|
||
this.$refs.area.form.valueTitle = '全国'
|
||
this.$refs.interval.intervald = 1
|
||
},
|
||
//导出
|
||
exportEvent() {
|
||
this.$refs.workOrderTable.exportData({
|
||
filename: '全过程月报数据' + new Date().getTime(), // 文件名字
|
||
sheetName: 'Sheet1',
|
||
type: 'xlsx', //导出文件类型 xlsx 和 csv
|
||
useStyle: true,
|
||
data: this.pageData,
|
||
columnFilterMethod: function (column, $columnIndex) {
|
||
return !(column.$columnIndex === 0)
|
||
}
|
||
})
|
||
},
|
||
|
||
|
||
handleClose() {
|
||
this.resetForm('ruleForm')
|
||
this.dialogVisible = false
|
||
},
|
||
|
||
reCalReport() {
|
||
if (this.timeData == '') {
|
||
this.$message({
|
||
type: 'warning',
|
||
message: '请选择时间'
|
||
})
|
||
return
|
||
}
|
||
let param = { date: this.timeData }
|
||
dayCalReport(param).then(res => {
|
||
if (res.code == 'A0000') {
|
||
this.$message({
|
||
type: 'success',
|
||
message: '重新计算成功'
|
||
})
|
||
|
||
}
|
||
|
||
})
|
||
},
|
||
|
||
//上报网公司按钮触发
|
||
uploadGw() {
|
||
if (this.multipleSelection.length === 0) {
|
||
this.$message({
|
||
type: 'warning',
|
||
message: '请选择至少一条上送'
|
||
})
|
||
return
|
||
}
|
||
|
||
this.$confirm('是否确认上送数据?', '提示', {
|
||
confirmButtonText: '确定',
|
||
cancelButtonText: '取消',
|
||
type: 'warning'
|
||
}).then(() => {
|
||
let objIds = []
|
||
this.multipleSelection.forEach(item => {
|
||
objIds.push(item.objId)
|
||
})
|
||
upReportGw(objIds).then(res => {
|
||
if (res.code == 'A0000') {
|
||
this.$message({
|
||
type: 'success',
|
||
message: res.message
|
||
})
|
||
}
|
||
this.pageListInit()
|
||
})
|
||
}).catch(() => {
|
||
this.$message({
|
||
type: 'info',
|
||
message: '已取消上送'
|
||
})
|
||
})
|
||
|
||
},
|
||
|
||
|
||
handleSelectionChange(val) {
|
||
this.multipleSelection = val.records
|
||
},
|
||
selectAllChangeEvent(val) {
|
||
this.multipleSelection = val.records
|
||
},
|
||
|
||
tableDateFilter(row, column) {
|
||
if (row.column.property == 'stationType') {
|
||
if ('zf01' == row.row.stationType) {
|
||
return '变电站'
|
||
}
|
||
} else if (row.column.property == 'dataSource') {
|
||
if ('01' == row.row.dataSource) {
|
||
return '监测数据'
|
||
}
|
||
} else {
|
||
return row.row[row.column.property]
|
||
}
|
||
},
|
||
|
||
|
||
timeChange() {
|
||
let day = new Date()
|
||
day.setDate(day.getDate() - 1)
|
||
if (this.statisticalType == '01') {
|
||
this.searchBeginTime = this.$tools.formatDate(day, 'yyyy-MM-dd').substring(0, 5) + '01-01'
|
||
this.searchEndTime = this.searchBeginTime.substring(0, 5) + '12-31'
|
||
} else if (this.statisticalType == '02') {
|
||
this.searchBeginTime = this.$tools.formatDate(day, 'yyyy-MM-dd').substring(0, 8) + '01'
|
||
this.searchEndTime =
|
||
this.$tools.formatDate(day, 'yyyy-MM-dd').substring(0, 8) +
|
||
this.getDaysInMonth(
|
||
this.searchBeginTime.substring(5, 7) - 0,
|
||
this.searchBeginTime.substring(0, 4) - 0
|
||
)
|
||
} else {
|
||
this.searchBeginTime = this.$tools.formatDate(day, 'yyyy-MM-dd')
|
||
this.searchEndTime = this.searchBeginTime
|
||
}
|
||
},
|
||
|
||
dateChange(e) {
|
||
this.searchEndTime = this.searchBeginTime
|
||
},
|
||
monthChange(e) {
|
||
this.searchEndTime = this.searchBeginTime.substring(0, 8) + this.getDaysInMonth(e.substring(5, 7), e.substring(0, 4))
|
||
},
|
||
yearChange(e) {
|
||
this.searchEndTime = this.searchBeginTime.substring(0, 5) + '12-31'
|
||
},
|
||
getDaysInMonth(month, year) {
|
||
return new Date(year, month, 0).getDate()
|
||
},
|
||
|
||
}
|
||
}
|
||
</script>
|
||
<style lang="less" scoped></style>
|