中航光电热表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.

473 lines
13 KiB

<template>
4 months ago
<div>
<avue-crud :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> -->
<el-button type="primary" @click="moldAddFn(null, true)">新增</el-button>
</template>
<template #menu-right>
<el-button type="success" icon="el-icon-upload" @click="handleImport">导入
</el-button>
</template>
</avue-crud>
<!-- 新增 -->
<addEditDialogDischargeRec
v-if="addOpen"
:showDialog="addOpen"
@closeDialog="closeDialog"
:moldAddMore="moldAddMore"
@submitData="handleSubmitData">
</addEditDialogDischargeRec>
4 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>
4 months ago
</div>
</template>
<script>
4 months ago
import basicImport from '@/components/basic-import/main.vue';
import addEditDialogDischargeRec from './addEditDialogDischargeRec.vue';
export default {
4 months ago
components: {
basicImport,
addEditDialogDischargeRec,
4 months ago
},
5 months ago
data() {
return {
addOpen: false, //新增弹窗
moldAddMore: false,
4 months ago
isShowImport: false,
loading: false,
5 months ago
selectionList: [],
option: {
addBtn: false,
5 months ago
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",
handleManList: [], // 水处理工选项
5 months ago
column: [
{
label: "报废槽液类型",
prop: "wasteType.wtId",
5 months ago
bind: "wasteType.wtName",
sortable: true,
filter: true,
span: 12,
search: true,
searchLabelWidth: 120,
type: 'select',
dicData: [
{ label: '预镀镍废液', value: '预镀镍废液' },
{ label: '测试1', value: '测试1' },
],
valueKey: 'wtId',
labelKey: 'wtName',
5 months ago
rules: [
{
required: true,
message: "请选择报废槽液类型",
5 months ago
trigger: "blur",
},
],
},
{
label: "排放班组",
prop: "bsTeamSet.tsId",
5 months ago
bind: "bsTeamSet.tsName",
search: true,
sortable: true,
filter: true,
span: 12,
type: 'select',
dicData: [
{ label: '化学镀镍二班', value: '化学镀镍二班' },
{ label: '零件管理班', value: '零件管理班' },
],
valueKey: 'tsId',
labelKey: 'tsName',
5 months ago
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,
type: "datetime",
5 months ago
rules: [
{
required: true,
message: "请输入报警阙值",
trigger: "blur",
},
],
},
{
label: "水处理工",
prop: "handleMan.userId",
5 months ago
bind: "handleMan.userName",
search: true,
sortable: true,
filter: true,
span: 12,
type: "select",
dicData: [
{ label: '测试2', value: '测试2' },
{ label: '测试', value: '测试' },
],
valueKey: "userId",
labelKey: "userName",
5 months ago
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: {
// 新增
moldAddFn(row, flag) {
this.addOpen = true
this.moldAddMore = flag
},
//关闭弹窗
closeDialog() {
this.addOpen = false
},
// 处理子组件提交的数据
handleSubmitData(data) {
// 这里添加处理提交数据的逻辑
4 months ago
// this.$message.success("数据提交成功!");
this.addOpen = false;
},
4 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(() => { });
5 months ago
},
// 多选
selectionChange(list) {
this.selectionList = list;
},
onLoad() {
5 months ago
this.loading = true;
this.data = [
{
amount: 12.0,
aaaaaa:'2222222',
5 months ago
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: "其它废液",
},
},
];
5 months ago
this.page.total = this.data.length;
this.loading = false;
setTimeout(() => {
this.selectionClear();
}, 500);
},
5 months ago
},
};
</script>
5 months ago
<style lang="scss" scoped></style>