中航光电热表web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

436 lines
12 KiB

<template>
5 months ago
<div>
<avue-crud
5 months ago
:option="option"
:table-loading="loading"
:data="data"
v-model="form"
v-model:page="page"
ref="crud"
@row-del="rowDel"
@search-change="searchChange"
@search-reset="searchReset"
@selection-change="selectionChange"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
<template #menu-left>
<!-- <el-button type="danger" icon="el-icon-delete" @click="handleDelete">
</el-button> -->
5 months ago
</template>
<template #menu-right>
<el-button type="success" icon="el-icon-upload" @click="handleImport"
>导入
</el-button>
</template>
</avue-crud>
5 months ago
<!-- 导入 -->
<basic-import
v-if="isShowImport"
title="导入"
:isShow="isShowImport"
templateUrl="/blade-safety/wasteWaterDischargeRecord/download-excel-template"
templateName="废水排放记录模板.xlsx"
importUrl="/blade-safety/wasteWaterDischargeRecord/import-excel"
@closeDialog="closeDialog"
></basic-import>
</div>
</template>
<script>
5 months ago
import basicImport from '@/components/basic-import/main.vue';
export default {
5 months ago
components: {
basicImport,
},
5 months ago
data() {
return {
5 months ago
isShowImport: false,
loading: false,
5 months ago
selectionList: [],
option: {
height: "auto",
calcHeight: 32,
tip: false,
size: "medium",
simplePage: true,
searchShow: true,
searchMenuSpan: 6,
searchIcon: true,
searchIndex: 3,
tree: false,
border: true,
index: true,
selection: true,
viewBtn: false,
delBtn: false,
editBtnText: "修改",
addBtnIcon: " ",
viewBtnIcon: " ",
delBtnIcon: " ",
editBtnIcon: " ",
viewBtnText: "详情",
labelWidth: 120,
menuWidth: 120,
dialogWidth: 1040,
dialogClickModal: false,
searchEnter: true,
excelBtn: false,
filterBtn: true,
searchShowBtn: false,
columnSort: true,
excelBtn: true,
columnSort: true,
index: false,
showOverflowTooltip: true,
searchLabelPosition: "left",
searchLabelPosition: "left",
searchGutter: 24,
searchSpan: 6,
menuAlign: "left",
gridBtn: false,
searchMenuPosition: "right",
align: "center",
column: [
{
label: "报废槽液类型",
prop: "wasteType.wtName",
bind: "wasteType.wtName",
sortable: true,
filter: true,
span: 12,
search: true,
searchLabelWidth: 140,
rules: [
{
required: true,
message: "请输入编码",
trigger: "blur",
},
],
},
{
label: "排放班组",
prop: "bsTeamSet.tsName",
bind: "bsTeamSet.tsName",
search: true,
sortable: true,
filter: true,
span: 12,
rules: [
{
required: true,
message: "请输入名称",
trigger: "blur",
},
],
},
{
label: "排放量(单位:L)",
prop: "amount",
search: true,
sortable: true,
filter: true,
span: 12,
searchLabelWidth: 140,
rules: [
{
required: true,
message: "请输入药品名称",
trigger: "blur",
},
],
},
{
label: "日期",
prop: "dirDate",
search: true,
sortable: true,
filter: true,
span: 12,
rules: [
{
required: true,
message: "请输入报警阙值",
trigger: "blur",
},
],
},
{
label: "水处理工",
prop: "handleMan.userName",
bind: "handleMan.userName",
search: true,
sortable: true,
filter: true,
span: 12,
rules: [
{
required: true,
message: "请输入PH报警点位",
trigger: "blur",
},
],
},
{
label: "备注",
prop: "memo",
search: false,
sortable: true,
filter: true,
span: 12,
},
],
},
form: {},
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
};
},
methods: {
5 months ago
// 点击导入按钮
handleImport() {
this.isShowImport = true
},
5 months ago
handleDelete() {
if (this.selectionList.length === 0) {
this.$message.warning("请选择至少一条数据");
return;
}
this.$confirm("确定将选择数据删除?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}).then(() => {});
},
// 多选
selectionChange(list) {
this.selectionList = list;
},
onLoad() {
this.loading = true;
this.data = [
{
amount: 12.0,
bsTeamSet: {
bsClassesSet: null,
bsWorkCenter: null,
createMan: {
userId: 1,
userName: "admin",
},
5 months ago
createTime: "2023-02-06 13:12:05",
dayPutDueTime: "00:00~13:30、13:45~19:30",
deleted: false,
dispatcher: {
userId: 561,
userName: "张欣",
},
5 months ago
exChangeTime: null,
keyValue: 67,
planner: {
userId: 521,
userName: "测试",
},
5 months ago
specDayPutDueTime: null,
special: false,
specialTitle: "否",
teamLeader: {
userId: 521,
userName: "测试",
},
teamMember:
"03679、12649、12646、09391、03764、03723、123456、0001、admin、hak、崔殿龙",
tsCode: "007",
tsId: 67,
tsName: "化学镀镍二班",
tsType: null,
tsTypeTitle: null,
updateTime: "2023-02-06 13:12:05",
},
dirDate: "2024-03-29 00:00:00",
dirId: 43,
handleMan: {
userId: 445,
userName: "测试2",
},
keyValue: 43,
memo: null,
wasteType: {
keyValue: 3,
wtId: 3,
wtName: "预镀镍废液",
},
},
5 months ago
{
amount: 12.0,
bsTeamSet: {
bsClassesSet: null,
bsWorkCenter: null,
createMan: {
userId: 1,
userName: "admin",
},
createTime: "2023-02-06 12:52:22",
dayPutDueTime: "24",
deleted: false,
dispatcher: {
userId: 444,
userName: "03889",
},
exChangeTime: null,
keyValue: 64,
planner: {
userId: 444,
userName: "03889",
},
specDayPutDueTime: null,
special: false,
specialTitle: "否",
teamLeader: {
userId: 88,
userName: "03757",
},
teamMember:
"03662、04973、00660、03696、01026、03769、02051、03792、00722、59335、03831、1021、03956、03645、03693、03724、03701、admin、03705、03757、02379、03897、崔殿龙",
tsCode: "004",
tsId: 64,
tsName: "零件管理班",
tsType: null,
tsTypeTitle: null,
updateTime: "2023-02-06 12:52:22",
},
dirDate: "2024-03-29 00:00:00",
dirId: 42,
handleMan: {
userId: 445,
userName: "测试2",
},
keyValue: 42,
memo: null,
wasteType: {
keyValue: 2,
wtId: 2,
wtName: "除油废液",
},
},
5 months ago
{
amount: 12.0,
bsTeamSet: {
bsClassesSet: null,
bsWorkCenter: null,
createMan: {
userId: 1,
userName: "admin",
},
createTime: "2023-02-06 12:52:22",
dayPutDueTime: "24",
deleted: false,
dispatcher: {
userId: 444,
userName: "03889",
},
exChangeTime: null,
keyValue: 64,
planner: {
userId: 444,
userName: "03889",
},
specDayPutDueTime: null,
special: false,
specialTitle: "否",
teamLeader: {
userId: 88,
userName: "03757",
},
teamMember:
"03662、04973、00660、03696、01026、03769、02051、03792、00722、59335、03831、1021、03956、03645、03693、03724、03701、admin、03705、03757、02379、03897、崔殿龙",
tsCode: "004",
tsId: 64,
tsName: "零件管理班",
tsType: null,
tsTypeTitle: null,
updateTime: "2023-02-06 12:52:22",
},
dirDate: "2024-03-29 00:00:00",
dirId: 41,
handleMan: {
userId: 445,
userName: "测试2",
},
keyValue: 41,
memo: null,
wasteType: {
keyValue: 19,
wtId: 19,
wtName: "其它废液",
},
},
{
amount: 1.0,
bsTeamSet: {
bsClassesSet: null,
bsWorkCenter: null,
createMan: {
userId: 1,
userName: "admin",
},
createTime: "2023-02-06 12:52:22",
dayPutDueTime: "24",
deleted: false,
dispatcher: {
userId: 444,
userName: "03889",
},
exChangeTime: null,
keyValue: 64,
planner: {
userId: 444,
userName: "03889",
},
specDayPutDueTime: null,
special: false,
specialTitle: "否",
teamLeader: {
userId: 88,
userName: "03757",
},
teamMember:
"03662、04973、00660、03696、01026、03769、02051、03792、00722、59335、03831、1021、03956、03645、03693、03724、03701、admin、03705、03757、02379、03897、崔殿龙",
tsCode: "004",
tsId: 64,
tsName: "零件管理班",
tsType: null,
tsTypeTitle: null,
updateTime: "2023-02-06 12:52:22",
},
dirDate: "2023-11-09 00:00:00",
dirId: 21,
handleMan: {
userId: 445,
userName: "测试2",
},
keyValue: 21,
memo: null,
wasteType: {
keyValue: 19,
wtId: 19,
wtName: "其它废液",
},
},
];
this.page.total = this.data.length;
this.loading = false;
setTimeout(() => {
this.selectionClear();
}, 500);
},
},
};
</script>
5 months ago
<style lang="scss" scoped></style>