suojin
/
jonhon-mes-web
25
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source 
安环管理-环保管理-酸雾塔报警管理-报警记录-新增排序
dev-scheduling
ysn 1 month ago
parent f896288ad8
commit b7bb4a6e29
2 changed files with 125 additions and 84 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 194
      src/views/safetyManagement/wasteGasSet/components/alarmPoint.vue
  2. 15
      src/views/safetyManagement/wasteGasSet/components/alarmRecord.vue

194
src/views/safetyManagement/wasteGasSet/components/alarmPoint.vue
Unescape View File

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

15
src/views/safetyManagement/wasteGasSet/components/alarmRecord.vue
Unescape View File

@ -17,6 +17,7 @@
@size-change="sizeChange" @size-change="sizeChange"
@refresh-change="refreshChange" @refresh-change="refreshChange"
@on-load="onLoad" @on-load="onLoad"
@sort-change="sortChange"
> >
<template #menu-left> </template> <template #menu-left> </template>
<template #menu-right> </template> <template #menu-right> </template>
@ -279,6 +280,20 @@ export default {
this.selectionList = []; this.selectionList = [];
this.$refs.table.clearSelection(); 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 = {}) { onLoad(page, params = {}) {
const requestParams = Object.assign({}, params, this.query); const requestParams = Object.assign({}, params, this.query);
// 后端要字符串类型 // 后端要字符串类型

Write Preview
Loading…
Cancel
Save