安环管理-环保管理-酸雾塔报警管理-报警点设置-新增排序/权限

安环管理-环保管理-酸雾塔报警管理-报警记录-新增排序
dev-scheduling
ysn 1 month ago
parent f896288ad8
commit b7bb4a6e29
  1. 134
      src/views/safetyManagement/wasteGasSet/components/alarmPoint.vue
  2. 15
      src/views/safetyManagement/wasteGasSet/components/alarmRecord.vue

@ -17,15 +17,17 @@
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
@sort-change="sortChange"
:permission="permissionList"
>
<template #menu-left>
<el-button type="danger" @click="handleDelete"
<el-button type="danger" v-if="permission.acidMistTower1_del" @click="handleDelete"
>
</el-button>
</template>
<template #menu-right>
<el-button type="primary" @click="handleImport"
>导入
<el-button type="primary" v-if="permission.acidMistTower1_import" @click="handleImport">
导入
</el-button>
</template>
</avue-crud>
@ -43,8 +45,8 @@
</template>
<script>
import basicImport from '@/components/basic-import/main.vue';
import { getList, add, remove, update } from '@/api/safetyManagement/acidMistToweralarmPoint.js'
import { getList, add, remove, update } from '@/api/safetyManagement/acidMistToweralarmPoint.js';
import { mapGetters } from 'vuex';
export default {
components: {
basicImport,
@ -55,7 +57,7 @@ export default {
loading: false,
selectionList: [],
option: {
height: "auto",
height: 'auto',
calcHeight: 32,
tip: false,
simplePage: true,
@ -69,12 +71,12 @@ export default {
selection: true,
viewBtn: false,
delBtn: false,
editBtnText: "修改",
addBtnIcon: " ",
viewBtnIcon: " ",
delBtnIcon: " ",
editBtnIcon: " ",
viewBtnText: "详情",
editBtnText: '修改',
addBtnIcon: ' ',
viewBtnIcon: ' ',
delBtnIcon: ' ',
editBtnIcon: ' ',
viewBtnText: '详情',
labelWidth: 120,
menuWidth: 80,
dialogWidth: 1040,
@ -88,18 +90,18 @@ export default {
columnSort: true,
index: false,
showOverflowTooltip: true,
searchLabelPosition: "left",
searchLabelPosition: "left",
searchLabelPosition: 'left',
searchLabelPosition: 'left',
searchGutter: 24,
searchSpan: 6,
menuAlign: "center",
menuAlign: 'center',
gridBtn: false,
searchMenuPosition: "right",
align: "center",
searchMenuPosition: 'right',
align: 'center',
column: [
{
label: "编码",
prop: "btCode",
label: '编码',
prop: 'btCode',
sortable: true,
filter: true,
span: 12,
@ -108,14 +110,14 @@ export default {
rules: [
{
required: true,
message: "请输入编码",
trigger: "blur",
message: '请输入编码',
trigger: 'blur',
},
],
},
{
label: "名称",
prop: "btName",
label: '名称',
prop: 'btName',
search: true,
searchLabelWidth: 50,
sortable: true,
@ -124,14 +126,14 @@ export default {
rules: [
{
required: true,
message: "请输入名称",
trigger: "blur",
message: '请输入名称',
trigger: 'blur',
},
],
},
{
label: "药品名称",
prop: "drugName",
label: '药品名称',
prop: 'drugName',
search: false,
sortable: true,
filter: true,
@ -139,31 +141,31 @@ export default {
rules: [
{
required: true,
message: "请输入药品名称",
trigger: "blur",
message: '请输入药品名称',
trigger: 'blur',
},
],
},
{
label: "报警阙值",
prop: "threshold",
label: '报警阙值',
prop: 'threshold',
search: true,
searchLabelWidth: 80,
sortable: true,
filter: true,
type: "number",
type: 'number',
span: 12,
rules: [
{
required: true,
message: "请输入报警阙值",
trigger: "blur",
message: '请输入报警阙值',
trigger: 'blur',
},
],
},
{
label: "PH报警点位",
prop: "phPoint",
label: 'PH报警点位',
prop: 'phPoint',
search: false,
sortable: true,
filter: true,
@ -171,14 +173,14 @@ export default {
rules: [
{
required: true,
message: "请输入PH报警点位",
trigger: "blur",
message: '请输入PH报警点位',
trigger: 'blur',
},
],
},
{
label: "风机运行点位",
prop: "fanRunPoint",
label: '风机运行点位',
prop: 'fanRunPoint',
search: false,
sortable: true,
filter: true,
@ -186,22 +188,22 @@ export default {
rules: [
{
required: true,
message: "请输入风机运行点位",
trigger: "blur",
message: '请输入风机运行点位',
trigger: 'blur',
},
],
},
{
label: "风机报警点位",
prop: "fanPoint",
label: '风机报警点位',
prop: 'fanPoint',
search: false,
sortable: true,
filter: true,
span: 12,
},
{
label: "循环泵报警点位",
prop: "pumpPoint",
label: '循环泵报警点位',
prop: 'pumpPoint',
search: false,
sortable: true,
filter: true,
@ -215,9 +217,11 @@ export default {
currentPage: 1,
total: 0,
},
query: {},
};
},
computed: {
...mapGetters(['permission']),
ids() {
let ids = [];
this.selectionList.forEach(ele => {
@ -225,6 +229,13 @@ export default {
});
return ids.join(',');
},
permissionList() {
return {
addBtn: this.validData(this.permission.acidMistTower1_add, false),
editBtn: this.validData(this.permission.acidMistTower1_edit, false),
// delBtn: this.validData(this.permission.acidMistTower1_del, false),
};
},
},
//
closeImportDialog() {
@ -234,7 +245,7 @@ export default {
methods: {
//
handleImport() {
this.isShowImport = true
this.isShowImport = true;
},
//
handleDelete() {
@ -265,19 +276,20 @@ export default {
},
//
rowSave(row, done, loading) {
add(row).then(res => {
this.onLoad(this.page)
add(row).then(
res => {
this.onLoad(this.page);
this.$message({
type: 'success',
messge:'操作成功!'
})
messge: '操作成功!',
});
done();
},
error => {
window.console.log(error)
loading()
window.console.log(error);
loading();
}
)
);
},
//
rowDel(row) {
@ -330,6 +342,20 @@ export default {
this.onLoad(this.page, params);
done();
},
//
sortChange({ prop, order }) {
if (!prop) {
//
this.query.orderByField = undefined;
this.query.isAsc = undefined;
} else {
const orderByField = prop.replace(/([a-z])([A-Z0-9])/g, '$1_$2').toUpperCase();
this.query.orderByField = orderByField;
this.query.isAsc = order === 'ascending' ? true : false;
}
//
this.onLoad(this.page, this.query);
},
onLoad(page, params = {}) {
this.loading = true;
getList(page.currentPage, page.pageSize, Object.assign(params, this.query))

@ -17,6 +17,7 @@
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
@sort-change="sortChange"
>
<template #menu-left> </template>
<template #menu-right> </template>
@ -279,6 +280,20 @@ export default {
this.selectionList = [];
this.$refs.table.clearSelection();
},
//
sortChange({ prop, order }) {
if (!prop) {
//
this.query.orderByField = undefined;
this.query.isAsc = undefined;
} else {
const orderByField = prop.replace(/([a-z])([A-Z0-9])/g, '$1_$2').toUpperCase();
this.query.orderByField = orderByField;
this.query.isAsc = order === 'ascending' ? true : false;
}
//
this.onLoad(this.page, this.query);
},
onLoad(page, params = {}) {
const requestParams = Object.assign({}, params, this.query);
//

Loading…
Cancel
Save