yinq
/
XMXS-OS-UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change - 异常数据记录、页面弹窗告警

Browse Source
main
yinq 4 months ago
parent a4d28fcbf6
commit a6d4f89aad
9 changed files with 392 additions and 185 deletions
Show Stats Download Patch File Download Diff File

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 17 KiB

8
src/api/ems/record/recordAlarmData.js
Unescape Escape View File

@ -42,3 +42,11 @@ export function delRecordAlarmData(objId) {
method: 'delete' method: 'delete'
}) })
} }
// 新增异常数据记录
export function handleExceptions(objId) {
return request({
url: '/ems/record/recordAlarmData/handleExceptions/' + objId,
method: 'post'
})
}

BIN
src/assets/logo/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

179
src/layout/components/Navbar.vue
Unescape Escape View File

@ -1,6 +1,8 @@
<template> <template>
<div class="navbar"> <div class="navbar">
<hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" /> <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
@toggleClick="toggleSideBar"
/>
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/> <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
<top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/> <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
@ -16,7 +18,17 @@
<!-- <el-tooltip content="文档地址" effect="dark" placement="bottom">--> <!-- <el-tooltip content="文档地址" effect="dark" placement="bottom">-->
<!-- <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />--> <!-- <ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />-->
<!-- </el-tooltip>--> <!-- </el-tooltip>-->
<el-tooltip content="异常处理" class="right-menu-item hover-effect">
<span
class="exceptionHandling"
:class="{ warnTxt: alarmDataList && alarmDataList.length > 0, 'red-yellow-blink': alarmDataList && alarmDataList.length > 0 }"
@click="getAlarmData(true)"
>
<i class="el-icon-message"></i>{{
(alarmDataList && alarmDataList.length > 0 && alarmDataList.length) || ''
}}
</span>
</el-tooltip>
<screenfull id="screenfull" class="right-menu-item hover-effect"/> <screenfull id="screenfull" class="right-menu-item hover-effect"/>
<el-tooltip content="布局大小" effect="dark" placement="bottom"> <el-tooltip content="布局大小" effect="dark" placement="bottom">
@ -43,6 +55,62 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
<!-- 告警对话框 -->
<el-dialog
:title="alarmTitle"
:visible.sync="alarmOpen"
width="800px"
append-to-body
>
<el-table
v-loading="alarmLoading"
:data="alarmDataList"
@selection-change="handleSelectionChangeAlarm"
>
<el-table-column type="selection" width="55" align="center"/>
<el-table-column label="异常设备" align="center" prop="deviceName"/>
<el-table-column label="异常类型" align="center" prop="alarmType">
<template slot-scope="scope">
<dict-tag :options="dict.type.alarm_type" :value="scope.row.alarmType"/>
</template>
</el-table-column>
<el-table-column label="异常数据" align="center" prop="alarmData"/>
<el-table-column label="异常状态" align="center" prop="alarmStatus">
<template slot-scope="scope">
<dict-tag :options="dict.type.alarm_status" :value="scope.row.alarmStatus"/>
</template>
</el-table-column>
<el-table-column label="记录时间" align="center" prop="collectTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
<!-- <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="100">-->
<!-- <template slot-scope="scope">-->
<!-- <el-button-->
<!-- icon="el-icon-d-arrow-right"-->
<!-- size="small"-->
<!-- type="Info"-->
<!-- @click="jumpProcessing(scope.row)"-->
<!-- >跳转-->
<!-- </el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
<pagination
v-show="alarmDataTotal > 0"
:total="alarmDataTotal"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageNum"
@pagination="getAlarmDataList"
/>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="jumpProcessing">处 理</el-button>
<el-button @click="alarmOpen = false">关 闭</el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
@ -57,8 +125,41 @@ import Search from '@/components/HeaderSearch'
import RuoYiGit from '@/components/RuoYi/Git' import RuoYiGit from '@/components/RuoYi/Git'
import RuoYiDoc from '@/components/RuoYi/Doc' import RuoYiDoc from '@/components/RuoYi/Doc'
import settings from '@/settings' import settings from '@/settings'
import { handleExceptions, listRecordAlarmData } from '@/api/ems/record/recordAlarmData'
export default { export default {
dicts: ['alarm_type', 'alarm_status'],
data() {
return {
poolNameList: [],
poolName: '',
alarmTitle: '异常处理',
alarmOpen: false,
alarmLoading: false,
alarmDataList: [],
alarmDataTotal: 0,
// 选中数组
objIds: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
alarmStatus: '1'
}
}
},
created() {
localStorage.setItem('this.alarmDataTotal', 0)
},
mounted() {
// 定时获取提示路由信息
this.getAlarmData()
// setInterval(() => this.getAlarmData(), 1000 * 60);
},
components: { components: {
Breadcrumb, Breadcrumb,
TopNav, TopNav,
@ -93,6 +194,58 @@ export default {
} }
}, },
methods: { methods: {
// 打开右下角异常
openAlarm() {
this.$notify({
title: '异常数据提示',
position: 'bottom-right',
message: this.$createElement(
'div',
{
on: {
click: () => {
this.getAlarmData(true)
}
}
},
[this.$createElement('el-button', {}, ['点击查看'])]
)
})
},
/** 报警列表 */
getAlarmData(open) {
this.alarmOpen = open
this.alarmLoading = true
this.getAlarmDataList()
},
getAlarmDataList() {
listRecordAlarmData(this.queryParams).then((response) => {
this.alarmDataList = response.rows
this.alarmDataTotal = response.total
this.alarmLoading = false
if (localStorage.getItem('this.alarmDataTotal') != this.alarmDataTotal) {
localStorage.setItem('this.alarmDataTotal', this.alarmDataTotal)
this.openAlarm()
}
})
},
/** 跳转处理 */
jumpProcessing(row) {
if (this.objIds.length === 0) {
this.$modal.msgWarning('请勾选设备进行异常处理！')
return
}
handleExceptions(this.objIds).then(response => {
this.$modal.msgSuccess('处理成功')
this.alarmOpen = false
})
},
// 多选框选中数据
handleSelectionChangeAlarm(selection) {
this.objIds = selection.map((item) => item.objId)
this.single = selection.length !== 1
this.multiple = !selection.length
},
toggleSideBar() { toggleSideBar() {
this.$store.dispatch('app/toggleSideBar') this.$store.dispatch('app/toggleSideBar')
}, },
@ -104,16 +257,34 @@ export default {
}).then(() => { }).then(() => {
this.$store.dispatch('LogOut').then(() => { this.$store.dispatch('LogOut').then(() => {
if (!settings.casEnable) { if (!settings.casEnable) {
location.href = '/index'; location.href = '/index'
} }
}) })
}).catch(() => {}); }).catch(() => {
})
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@keyframes redYellowBlink {
0% {
color: red;
}
50% {
color: rgb(186, 186, 16);
}
100% {
color: red;
}
}
.red-yellow-blink {
animation: redYellowBlink 1s infinite;
}
.navbar { .navbar {
height: 50px; height: 50px;
overflow: hidden; overflow: hidden;

132
src/views/ems/record/recordAlarmData/index.vue
Unescape Escape View File

@ -62,41 +62,41 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <!-- <el-col :span="1.5">-->
<el-button <!-- <el-button-->
type="primary" <!-- type="primary"-->
plain <!-- plain-->
icon="el-icon-plus" <!-- icon="el-icon-plus"-->
size="mini" <!-- size="mini"-->
@click="handleAdd" <!-- @click="handleAdd"-->
v-hasPermi="['ems/record:recordAlarmData:add']" <!-- v-hasPermi="['ems/record:recordAlarmData:add']"-->
>新增 <!-- >新增-->
</el-button> <!-- </el-button>-->
</el-col> <!-- </el-col>-->
<el-col :span="1.5"> <!-- <el-col :span="1.5">-->
<el-button <!-- <el-button-->
type="success" <!-- type="success"-->
plain <!-- plain-->
icon="el-icon-edit" <!-- icon="el-icon-edit"-->
size="mini" <!-- size="mini"-->
:disabled="single" <!-- :disabled="single"-->
@click="handleUpdate" <!-- @click="handleUpdate"-->
v-hasPermi="['ems/record:recordAlarmData:edit']" <!-- v-hasPermi="['ems/record:recordAlarmData:edit']"-->
>修改 <!-- >修改-->
</el-button> <!-- </el-button>-->
</el-col> <!-- </el-col>-->
<el-col :span="1.5"> <!-- <el-col :span="1.5">-->
<el-button <!-- <el-button-->
type="danger" <!-- type="danger"-->
plain <!-- plain-->
icon="el-icon-delete" <!-- icon="el-icon-delete"-->
size="mini" <!-- size="mini"-->
:disabled="multiple" <!-- :disabled="multiple"-->
@click="handleDelete" <!-- @click="handleDelete"-->
v-hasPermi="['ems/record:recordAlarmData:remove']" <!-- v-hasPermi="['ems/record:recordAlarmData:remove']"-->
>删除 <!-- >删除-->
</el-button> <!-- </el-button>-->
</el-col> <!-- </el-col>-->
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
@ -114,8 +114,8 @@
<el-table v-loading="loading" :data="recordAlarmDataList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="recordAlarmDataList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center"/> <el-table-column type="selection" width="55" align="center"/>
<el-table-column label="自增标识" align="center" prop="objId" v-if="columns[0].visible"/> <el-table-column label="自增标识" align="center" prop="objId" v-if="columns[0].visible"/>
<el-table-column label="计量设备编号" align="center" prop="monitorId" v-if="columns[1].visible"/> <el-table-column label="计量设备名称" align="center" prop="monitorName" v-if="columns[1].visible"/>
<el-table-column label="采集设备编号" align="center" prop="collectDeviceId" v-if="columns[2].visible"/> <el-table-column label="采集设备名称" align="center" prop="collectDeviceName" v-if="columns[2].visible"/>
<el-table-column label="记录时间" align="center" prop="collectTime" width="180" v-if="columns[3].visible"> <el-table-column label="记录时间" align="center" prop="collectTime" width="180" v-if="columns[3].visible">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.collectTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span> <span>{{ parseTime(scope.row.collectTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
@ -150,14 +150,14 @@
v-hasPermi="['ems/record:recordAlarmData:edit']" v-hasPermi="['ems/record:recordAlarmData:edit']"
>修改 >修改
</el-button> </el-button>
<el-button <!-- <el-button-->
size="mini" <!-- size="mini"-->
type="text" <!-- type="text"-->
icon="el-icon-delete" <!-- icon="el-icon-delete"-->
@click="handleDelete(scope.row)" <!-- @click="handleDelete(scope.row)"-->
v-hasPermi="['ems/record:recordAlarmData:remove']" <!-- v-hasPermi="['ems/record:recordAlarmData:remove']"-->
>删除 <!-- >删除-->
</el-button> <!-- </el-button>-->
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -182,8 +182,8 @@
<el-form-item label="记录时间" prop="collectTime"> <el-form-item label="记录时间" prop="collectTime">
<el-date-picker clearable <el-date-picker clearable
v-model="form.collectTime" v-model="form.collectTime"
type="date" type="datetime"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择记录时间" placeholder="请选择记录时间"
> >
</el-date-picker> </el-date-picker>
@ -211,24 +211,24 @@
<el-form-item label="异常数据" prop="alarmData"> <el-form-item label="异常数据" prop="alarmData">
<el-input v-model="form.alarmData" placeholder="请输入异常数据"/> <el-input v-model="form.alarmData" placeholder="请输入异常数据"/>
</el-form-item> </el-form-item>
<el-form-item label="操作人员" prop="operationName"> <!-- <el-form-item label="操作人员" prop="operationName">-->
<el-input v-model="form.operationName" placeholder="请输入操作人员"/> <!-- <el-input v-model="form.operationName" placeholder="请输入操作人员"/>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="操作时间" prop="operationTime"> <!-- <el-form-item label="操作时间" prop="operationTime">-->
<el-date-picker clearable <!-- <el-date-picker clearable-->
v-model="form.operationTime" <!-- v-model="form.operationTime"-->
type="date" <!-- type="date"-->
value-format="yyyy-MM-dd" <!-- value-format="yyyy-MM-dd"-->
placeholder="请选择操作时间" <!-- placeholder="请选择操作时间"-->
> <!-- >-->
</el-date-picker> <!-- </el-date-picker>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="备注" prop="cause"> <!-- <el-form-item label="备注" prop="cause">-->
<el-input v-model="form.cause" placeholder="请输入备注"/> <!-- <el-input v-model="form.cause" placeholder="请输入备注"/>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="通知用户" prop="notifyUser"> <!-- <el-form-item label="通知用户" prop="notifyUser">-->
<el-input v-model="form.notifyUser" placeholder="请输入通知用户"/> <!-- <el-input v-model="form.notifyUser" placeholder="请输入通知用户"/>-->
</el-form-item> <!-- </el-form-item>-->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button> <el-button type="primary" @click="submitForm">确 定</el-button>
@ -277,7 +277,7 @@ export default {
monitorId: null, monitorId: null,
collectDeviceId: null, collectDeviceId: null,
collectTime: null, collectTime: null,
alarmType: null, alarmType: '1',
alarmStatus: null, alarmStatus: null,
alarmData: null, alarmData: null,
operationName: null, operationName: null,

158
src/views/ems/record/recordAlarmRule/index.vue
Unescape Escape View File

@ -34,41 +34,41 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <!-- <el-col :span="1.5">-->
<el-button <!-- <el-button-->
type="primary" <!-- type="primary"-->
plain <!-- plain-->
icon="el-icon-plus" <!-- icon="el-icon-plus"-->
size="mini" <!-- size="mini"-->
@click="handleAdd" <!-- @click="handleAdd"-->
v-hasPermi="['ems/record:recordAlarmRule:add']" <!-- v-hasPermi="['ems/record:recordAlarmRule:add']"-->
>新增 <!-- >新增-->
</el-button> <!-- </el-button>-->
</el-col> <!-- </el-col>-->
<el-col :span="1.5"> <!-- <el-col :span="1.5">-->
<el-button <!-- <el-button-->
type="success" <!-- type="success"-->
plain <!-- plain-->
icon="el-icon-edit" <!-- icon="el-icon-edit"-->
size="mini" <!-- size="mini"-->
:disabled="single" <!-- :disabled="single"-->
@click="handleUpdate" <!-- @click="handleUpdate"-->
v-hasPermi="['ems/record:recordAlarmRule:edit']" <!-- v-hasPermi="['ems/record:recordAlarmRule:edit']"-->
>修改 <!-- >修改-->
</el-button> <!-- </el-button>-->
</el-col> <!-- </el-col>-->
<el-col :span="1.5"> <!-- <el-col :span="1.5">-->
<el-button <!-- <el-button-->
type="danger" <!-- type="danger"-->
plain <!-- plain-->
icon="el-icon-delete" <!-- icon="el-icon-delete"-->
size="mini" <!-- size="mini"-->
:disabled="multiple" <!-- :disabled="multiple"-->
@click="handleDelete" <!-- @click="handleDelete"-->
v-hasPermi="['ems/record:recordAlarmRule:remove']" <!-- v-hasPermi="['ems/record:recordAlarmRule:remove']"-->
>删除 <!-- >删除-->
</el-button> <!-- </el-button>-->
</el-col> <!-- </el-col>-->
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
type="warning" type="warning"
@ -102,7 +102,7 @@
</el-table-column> </el-table-column>
<el-table-column label="触发阈值次数" align="center" prop="triggerNumber" v-if="columns[7].visible"/> <el-table-column label="触发阈值次数" align="center" prop="triggerNumber" v-if="columns[7].visible"/>
<el-table-column label="时间范围(分)" align="center" prop="timeRange" v-if="columns[8].visible"/> <el-table-column label="时间范围(分)" align="center" prop="timeRange" v-if="columns[8].visible"/>
<el-table-column label="设备离线时间(分)" align="center" prop="deviceOfflineTime" v-if="columns[9].visible"/> <el-table-column label="设备离线时间(分钟)" align="center" prop="deviceOfflineTime" v-if="columns[9].visible"/>
<el-table-column label="通知用户" align="center" prop="notifyUser" v-if="columns[10].visible"/> <el-table-column label="通知用户" align="center" prop="notifyUser" v-if="columns[10].visible"/>
<el-table-column label="备注" align="center" prop="cause" v-if="columns[11].visible"/> <el-table-column label="备注" align="center" prop="cause" v-if="columns[11].visible"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100"> <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
@ -115,14 +115,14 @@
v-hasPermi="['ems/record:recordAlarmRule:edit']" v-hasPermi="['ems/record:recordAlarmRule:edit']"
>修改 >修改
</el-button> </el-button>
<el-button <!-- <el-button-->
size="mini" <!-- size="mini"-->
type="text" <!-- type="text"-->
icon="el-icon-delete" <!-- icon="el-icon-delete"-->
@click="handleDelete(scope.row)" <!-- @click="handleDelete(scope.row)"-->
v-hasPermi="['ems/record:recordAlarmRule:remove']" <!-- v-hasPermi="['ems/record:recordAlarmRule:remove']"-->
>删除 <!-- >删除-->
</el-button> <!-- </el-button>-->
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -137,30 +137,30 @@
<!-- 添加或修改异常告警规则对话框 --> <!-- 添加或修改异常告警规则对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form ref="form" :model="form" :rules="rules" label-width="150px">
<el-form-item label="规则编号" prop="ruleId"> <el-form-item label="规则编号" prop="ruleId">
<el-input v-model="form.ruleId" placeholder="请输入规则编号"/> <el-input v-model="form.ruleId" placeholder="请输入规则编号" disabled/>
</el-form-item> </el-form-item>
<el-form-item label="规则名称" prop="ruleName"> <el-form-item label="规则名称" prop="ruleName">
<el-input v-model="form.ruleName" placeholder="请输入规则名称"/> <el-input v-model="form.ruleName" placeholder="请输入规则名称"/>
</el-form-item> </el-form-item>
<el-form-item label="计量设备编号" prop="monitorId"> <!-- <el-form-item label="计量设备编号" prop="monitorId">-->
<el-input v-model="form.monitorId" placeholder="请输入计量设备编号"/> <!-- <el-input v-model="form.monitorId" placeholder="请输入计量设备编号"/>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="记录时间" prop="collectTime"> <!-- <el-form-item label="记录时间" prop="collectTime">-->
<el-date-picker clearable <!-- <el-date-picker clearable-->
v-model="form.collectTime" <!-- v-model="form.collectTime"-->
type="date" <!-- type="date"-->
value-format="yyyy-MM-dd" <!-- value-format="yyyy-MM-dd"-->
placeholder="请选择记录时间" <!-- placeholder="请选择记录时间"-->
> <!-- >-->
</el-date-picker> <!-- </el-date-picker>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="能源类型" prop="energyType"> <!-- <el-form-item label="能源类型" prop="energyType">-->
<el-input v-model="form.energyType" placeholder="请输入能源类型"/> <!-- <el-input v-model="form.energyType" placeholder="请输入能源类型"/>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="触发规则" prop="triggerRule"> <el-form-item label="触发规则" prop="triggerRule">
<el-radio-group v-model="form.triggerRule"> <el-radio-group v-model="form.triggerRule" disabled>
<el-radio <el-radio
v-for="dict in dict.type.trigger_rule" v-for="dict in dict.type.trigger_rule"
:key="dict.value" :key="dict.value"
@ -169,18 +169,18 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="触发阈值次数" prop="triggerNumber"> <!-- <el-form-item label="触发阈值次数" prop="triggerNumber">-->
<el-input v-model="form.triggerNumber" placeholder="请输入触发阈值次数"/> <!-- <el-input v-model="form.triggerNumber" placeholder="请输入触发阈值次数"/>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="时间范围(分)" prop="timeRange"> <!-- <el-form-item label="时间范围(分)" prop="timeRange">-->
<el-input v-model="form.timeRange" placeholder="请输入时间范围(分)"/> <!-- <el-input v-model="form.timeRange" placeholder="请输入时间范围(分)"/>-->
</el-form-item> <!-- </el-form-item>-->
<el-form-item label="设备离线时间(分)" prop="deviceOfflineTime"> <el-form-item label="设备离线时间(分钟)" prop="deviceOfflineTime">
<el-input v-model="form.deviceOfflineTime" placeholder="请输入设备离线时间(分)"/> <el-input-number v-model="form.deviceOfflineTime" placeholder="请输入设备离线时间(分钟)"/>
</el-form-item>
<el-form-item label="通知用户" prop="notifyUser">
<el-input v-model="form.notifyUser" placeholder="请输入通知用户"/>
</el-form-item> </el-form-item>
<!-- <el-form-item label="通知用户" prop="notifyUser">-->
<!-- <el-input v-model="form.notifyUser" placeholder="请输入通知用户"/>-->
<!-- </el-form-item>-->
<el-form-item label="备注" prop="cause"> <el-form-item label="备注" prop="cause">
<el-input v-model="form.cause" placeholder="请输入备注"/> <el-input v-model="form.cause" placeholder="请输入备注"/>
</el-form-item> </el-form-item>
@ -253,13 +253,13 @@ export default {
{ key: 0, label: `自增标识`, visible: false }, { key: 0, label: `自增标识`, visible: false },
{ key: 1, label: `规则编号`, visible: true }, { key: 1, label: `规则编号`, visible: true },
{ key: 2, label: `规则名称`, visible: true }, { key: 2, label: `规则名称`, visible: true },
{ key: 3, label: `计量设备编号`, visible: true }, { key: 3, label: `计量设备编号`, visible: false },
{ key: 4, label: `记录时间`, visible: true }, { key: 4, label: `记录时间`, visible: false },
{ key: 5, label: `能源类型`, visible: true }, { key: 5, label: `能源类型`, visible: false },
{ key: 6, label: `触发规则`, visible: true }, { key: 6, label: `触发规则`, visible: true },
{ key: 7, label: `触发阈值次数`, visible: true }, { key: 7, label: `触发阈值次数`, visible: false },
{ key: 8, label: `时间范围(分)`, visible: true }, { key: 8, label: `时间范围(分)`, visible: false },
{ key: 9, label: `设备离线时间(分)`, visible: true }, { key: 9, label: `设备离线时间(分钟)`, visible: true },
{ key: 10, label: `通知用户`, visible: false }, { key: 10, label: `通知用户`, visible: false },
{ key: 11, label: `备注`, visible: true }, { key: 11, label: `备注`, visible: true },
{ key: 12, label: `创建人`, visible: false }, { key: 12, label: `创建人`, visible: false },

10
src/views/mes/base/baseTeamMembers/index.vue
Unescape Escape View File

@ -17,6 +17,16 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="工序名称" prop="processCode">
<el-select v-model="queryParams.processCode" placeholder="请选择工序名称">
<el-option
v-for="item in processInfoList"
:key="item.processCode"
:label="item.processName"
:value="item.processCode"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="所属工位" prop="stationCode">--> <!-- <el-form-item label="所属工位" prop="stationCode">-->
<!-- <el-input--> <!-- <el-input-->
<!-- v-model="queryParams.stationCode"--> <!-- v-model="queryParams.stationCode"-->

60
src/views/mes/record/recordStaffSalary/index.vue
Unescape Escape View File

@ -1,29 +1,31 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<el-form-item label="身份证" prop="idCard"> <el-form-item label="任务编号" prop="taskCode">
<el-input <el-input
v-model="queryParams.idCard" v-model="queryParams.taskCode"
placeholder="请输入身份证" placeholder="请输入任务编号"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="班组编号" prop="groupId"> <el-form-item label="身份证" prop="idCard">
<el-input <el-input
v-model="queryParams.groupId" v-model="queryParams.idCard"
placeholder="请输入班组编号" placeholder="请输入身份证"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="任务编号" prop="taskCode"> <el-form-item label="班组名称" prop="groupId">
<el-input <el-select v-model="queryParams.groupId" placeholder="请选择班组名称" clearable>
v-model="queryParams.taskCode" <el-option
placeholder="请输入任务编号" v-for="item in teamMembersList"
clearable :key="item.teamCode"
@keyup.enter.native="handleQuery" :label="item.teamName"
:value="item.teamCode"
/> />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="事件日期"> <el-form-item label="事件日期">
<el-date-picker <el-date-picker
@ -95,28 +97,30 @@
<el-table v-loading="loading" :data="recordStaffSalaryList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="recordStaffSalaryList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center"/> <el-table-column type="selection" width="55" align="center"/>
<el-table-column label="主键标识" align="center" prop="objId" v-if="columns[0].visible"/> <el-table-column label="主键标识" align="center" prop="objId" v-if="columns[0].visible"/>
<el-table-column label="身份证" align="center" prop="idCard" v-if="columns[1].visible"/> <el-table-column label="员工名称" align="center" prop="staffName" v-if="columns[16].visible"/>
<el-table-column label="班组编号" align="center" prop="groupId" v-if="columns[2].visible"/> <el-table-column label="身份证" align="center" prop="idCard" v-if="columns[1].visible" width="200"/>
<el-table-column label="事件日期" align="center" prop="eventDate" width="180" v-if="columns[3].visible"> <el-table-column label="班组编号" align="center" prop="groupId" v-if="columns[2].visible" width="100"/>
<el-table-column label="班组名称" align="center" prop="teamName" v-if="columns[17].visible" width="120"/>
<el-table-column label="事件日期" align="center" prop="eventDate" width="100" v-if="columns[3].visible">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.eventDate, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="薪资类别" align="center" prop="salaryCategory" v-if="columns[4].visible"/> <el-table-column label="薪资类别" align="center" prop="salaryCategory" v-if="columns[4].visible"/>
<el-table-column label="收入大类" align="center" prop="revenueClass" v-if="columns[5].visible"/> <el-table-column label="收入大类" align="center" prop="revenueClass" v-if="columns[5].visible" width="120"/>
<el-table-column label="收入金额" align="center" prop="revenueAmount" v-if="columns[6].visible"/> <el-table-column label="收入金额" align="center" prop="revenueAmount" v-if="columns[6].visible"/>
<el-table-column label="收入理由" align="center" prop="revenueReason" v-if="columns[7].visible"/> <el-table-column label="收入理由" align="center" prop="revenueReason" v-if="columns[7].visible"/>
<el-table-column label="扣罚大类" align="center" prop="fineClass" v-if="columns[8].visible"/> <el-table-column label="扣罚大类" align="center" prop="fineClass" v-if="columns[8].visible"/>
<el-table-column label="扣罚金额" align="center" prop="fineAmount" v-if="columns[9].visible"/> <el-table-column label="扣罚金额" align="center" prop="fineAmount" v-if="columns[9].visible"/>
<el-table-column label="扣罚理由" align="center" prop="fineReason" v-if="columns[10].visible"/> <el-table-column label="扣罚理由" align="center" prop="fineReason" v-if="columns[10].visible"/>
<el-table-column label="任务编号" align="center" prop="taskCode" v-if="columns[12].visible"/> <el-table-column label="任务编号" align="center" prop="taskCode" v-if="columns[12].visible" width="120"/>
<el-table-column label="工资系数" align="center" prop="salaryCoefficient" v-if="columns[13].visible"/> <el-table-column label="工资系数" align="center" prop="salaryCoefficient" v-if="columns[13].visible"/>
<el-table-column label="开始日期" align="center" prop="beginDate" width="180" v-if="columns[14].visible"> <el-table-column label="开始日期" align="center" prop="beginDate" width="100" v-if="columns[14].visible">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.beginDate, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.beginDate, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="结束日期" align="center" prop="endDate" width="180" v-if="columns[15].visible"> <el-table-column label="结束日期" align="center" prop="endDate" width="100" v-if="columns[15].visible">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span>
</template> </template>
@ -231,6 +235,8 @@ import {
addRecordStaffSalary, addRecordStaffSalary,
updateRecordStaffSalary updateRecordStaffSalary
} from '@/api/mes/record/recordStaffSalary' } from '@/api/mes/record/recordStaffSalary'
import { getTeamMembers } from '@/api/mes/base/baseTeamMembers'
import { parseTime } from '@/utils/ruoyi'
export default { export default {
name: 'RecordStaffSalary', name: 'RecordStaffSalary',
@ -299,11 +305,23 @@ export default {
{ key: 12, label: `任务编号`, visible: true }, { key: 12, label: `任务编号`, visible: true },
{ key: 13, label: `工资系数`, visible: true }, { key: 13, label: `工资系数`, visible: true },
{ key: 14, label: `开始日期`, visible: true }, { key: 14, label: `开始日期`, visible: true },
{ key: 15, label: `结束日期`, visible: true } { key: 15, label: `结束日期`, visible: true },
] { key: 16, label: `员工名称`, visible: true },
{ key: 17, label: `班组名称`, visible: true }
],
// 班组选项
teamMembersList: []
} }
}, },
created() { created() {
const currentDate = new Date();
const firstDay = parseTime(new Date(currentDate.getFullYear(), currentDate.getMonth(), 1), '{y}-{m}-{d}')
const lastDay = parseTime(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0), '{y}-{m}-{d}')
this.daterangeEventDate[0] = firstDay
this.daterangeEventDate[1] = lastDay
getTeamMembers().then(response => {
this.teamMembersList = response.data
})
this.getList() this.getList()
}, },
methods: { methods: {

2
src/views/mes/record/teamEmployeesWages/index.vue
Unescape Escape View File

@ -11,7 +11,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="下单日期"> <el-form-item label="打卡日期">
<el-date-picker <el-date-picker
v-model="daterangeOrderDate" v-model="daterangeOrderDate"
style="width: 240px" style="width: 240px"

Write Preview
Loading…
Cancel
Save