<template>
  <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>
    
    <!-- 导入 -->
    <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>
import basicImport from '@/components/basic-import/main.vue';
import addEditDialogDischargeRec from './addEditDialogDischargeRec.vue';
export default {
  components: {
    basicImport,
    addEditDialogDischargeRec,
  },
  data() {
    return {
      addOpen: false, //新增弹窗
      moldAddMore: false,
      isShowImport: false,
      loading: false,
      selectionList: [],
      option: {
        addBtn: false,
        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: [], // 水处理工选项
        column: [
          {
            label: "报废槽液类型",
            prop: "wasteType.wtId",
            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',
            rules: [
              {
                required: true,
                message: "请选择报废槽液类型",
                trigger: "blur",
              },
            ],
          },
          {
            label: "排放班组",
            prop: "bsTeamSet.tsId",
            bind: "bsTeamSet.tsName",
            search: true,
            sortable: true,
            filter: true,
            span: 12,
            type: 'select',
            dicData: [
              { label: '化学镀镍二班', value: '化学镀镍二班' },
              { label: '零件管理班', value: '零件管理班' },
            ],
            valueKey: 'tsId',
            labelKey: 'tsName',
            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",
            rules: [
              {
                required: true,
                message: "请输入报警阙值",
                trigger: "blur",
              },
            ],
          },
          {
            label: "水处理工",
            prop: "handleMan.userId",
            bind: "handleMan.userName",
            search: true,
            sortable: true,
            filter: true,
            span: 12,
            type: "select",
            dicData: [
              { label: '测试2', value: '测试2' },
              { label: '测试', value: '测试' },
            ],
            valueKey: "userId",
            labelKey: "userName",
            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) {
            // 这里添加处理提交数据的逻辑
            // this.$message.success("数据提交成功！");
            this.addOpen = false;
        },
    // 点击导入按钮
    handleImport() {
      this.isShowImport = true
    },
    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,
          aaaaaa:'2222222',
          bsTeamSet: {
            bsClassesSet: null,
            bsWorkCenter: null,
            createMan: {
              userId: 1,
              userName: "admin",
            },
            createTime: "2023-02-06 13:12:05",
            dayPutDueTime: "00:00~13:30、13:45~19:30",
            deleted: false,
            dispatcher: {
              userId: 561,
              userName: "张欣",
            },
            exChangeTime: null,
            keyValue: 67,
            planner: {
              userId: 521,
              userName: "测试",
            },
            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: "预镀镍废液",
          },
        },
        {
          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: "除油废液",
          },
        },
        {
          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>
<style lang="scss" scoped></style>
