<template>
  <basic-container>
    <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>
      </template>
      <template #menu-right>
        <el-button type="primary" icon="el-icon-printer" @click="handleDelete">打印
        </el-button>
        <el-button type="primary" icon="el-icon-upload" @click="handleDelete">导入
        </el-button>
      </template>
    </avue-crud>
  </basic-container>
</template>

<script>
export default {
  data() {
    return {
      page: {
        pageSize: 10,
        currentPage: 1,
        total: 0,
      },
      data: [],
      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,
        editBtn: true,
        editBtnText: '修改',
        addBtnIcon: ' ',
        viewBtnIcon: ' ',
        delBtnIcon: ' ',
        editBtnIcon: ' ',
        labelWidth: 120,
        menuWidth: 150,
        dialogWidth: 600,
        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',
        column: [
          {
            label: '巡检点编号',
            prop: 'patrolRegister',
            sortable: true,
            filter: true,
            span: 24,
            search: true,
            searchLabelWidth: 90,
            rules: [
              {
                required: false,
                message: '请输入巡检点编号',
                trigger: 'blur',
              },
            ],
          },
          {
            label: '巡检点位置',
            prop: 'insSpot',
            sortable: true,
            filter: true,
            span: 24,
            search: true,
            searchLabelWidth: 90,
            rules: [
              {
                required: false,
                message: '请输入巡检点位置',
                trigger: 'blur',
              },
            ],
          },
          // {
          //   label: '巡检点类型',
          //   prop: 'insSpotType',
          //   sortable: true,
          //   filter: true,
          //   span: 24,
          //   search: true,
          //   searchLabelWidth: 90,
          //   rules: [
          //     {
          //       required: false,
          //       message: '请输入巡检点位置',
          //       trigger: 'blur',
          //     },
          //   ],
          // },
          {
            label: '上次检验日期',
            prop: 'lastInsCycle',
            sortable: true,
            filter: true,
            span: 24,
            search: false,
            display: false,
            searchLabelWidth: 100,
          },
          {
            label: '备注',
            prop: 'memo',
            sortable: true,
            filter: true,
            span: 24,
            search: false,
            type: 'textarea',
            searchLabelWidth: 90,
            rows: 3,
            rules: [
              {
                required: false,
                message: '请输入备注',
                trigger: 'blur',
              },
            ],
          },
        ]
      },
    }
  },
  methods: {
    onLoad() {
      this.loading = true
      this.data = [
        {
          insSpotType:'设备',
          "createMan": {
            "accountId": null,
            "card": null,
            "createTime": "2023-02-06",
            "curStatus": 1,
            "deleted": false,
            "deptName": null,
            "dimissionTime": null,
            "factoryId": 41,
            "head": 0,
            "jobName": "实施",
            "keyValue": 89,
            "ldapName": "hak",
            "mail": null,
            "mobile": null,
            "pfDepartment": {
              "appLink": null,
              "createTime": "2022-08-31",
              "deleted": false,
              "deptCode": "001",
              "deptId": 1,
              "deptName": "MES开发部",
              "deptType": 1,
              "deptTypeTitle": "厂",
              "keyValue": 1,
              "memo": null,
              "orders": "00",
              "parentDeptId": null,
              "parentPath": null,
              "ucDeptId": null,
              "updateTime": "2022-08-31 16:32:46"
            },
            "pinyinIndex": "HAK,HAK",
            "ucUserId": null,
            "updateTime": "2023-02-06 17:20:33",
            "userCode": "hak",
            "userId": 89,
            "userName": "hak",
            "userSex": 1,
            "userSources": "hak",
            "userString": "89:A:hak",
            "userType": "A"
          },
          "createTime": "2023-03-13 09:20:24",
          "insSpot": "纯水站配电室",
          "ipId": 21,
          "keyValue": 21,
          "lastInsCycle": null,
          "memo": "配电柜上方有无漏水(平时不关)",
          "patrolRegister": "1",
          "updateTime": "2023-03-13 09:20:24"
        },
        {
          insSpotType:'废水',
          "createMan": {
            "accountId": null,
            "card": null,
            "createTime": "2023-02-06",
            "curStatus": 1,
            "deleted": false,
            "deptName": null,
            "dimissionTime": null,
            "factoryId": 41,
            "head": 0,
            "jobName": "实施",
            "keyValue": 89,
            "ldapName": "hak",
            "mail": null,
            "mobile": null,
            "pfDepartment": {
              "appLink": null,
              "createTime": "2022-08-31",
              "deleted": false,
              "deptCode": "001",
              "deptId": 1,
              "deptName": "MES开发部",
              "deptType": 1,
              "deptTypeTitle": "厂",
              "keyValue": 1,
              "memo": null,
              "orders": "00",
              "parentDeptId": null,
              "parentPath": null,
              "ucDeptId": null,
              "updateTime": "2022-08-31 16:32:46"
            },
            "pinyinIndex": "HAK,HAK",
            "ucUserId": null,
            "updateTime": "2023-02-06 17:20:33",
            "userCode": "hak",
            "userId": 89,
            "userName": "hak",
            "userSex": 1,
            "userSources": "hak",
            "userString": "89:A:hak",
            "userType": "A"
          },
          "createTime": "2023-03-13 09:20:24",
          "insSpot": "水处理鼓风机房",
          "ipId": 22,
          "keyValue": 22,
          "lastInsCycle": null,
          "memo": "电机运行情况,下班时是否关闭",
          "patrolRegister": "2",
          "updateTime": "2023-03-13 09:20:24"
        },
        {
          insSpotType:'废气',
          "createMan": {
            "accountId": null,
            "card": null,
            "createTime": "2023-02-06",
            "curStatus": 1,
            "deleted": false,
            "deptName": null,
            "dimissionTime": null,
            "factoryId": 41,
            "head": 0,
            "jobName": "实施",
            "keyValue": 89,
            "ldapName": "hak",
            "mail": null,
            "mobile": null,
            "pfDepartment": {
              "appLink": null,
              "createTime": "2022-08-31",
              "deleted": false,
              "deptCode": "001",
              "deptId": 1,
              "deptName": "MES开发部",
              "deptType": 1,
              "deptTypeTitle": "厂",
              "keyValue": 1,
              "memo": null,
              "orders": "00",
              "parentDeptId": null,
              "parentPath": null,
              "ucDeptId": null,
              "updateTime": "2022-08-31 16:32:46"
            },
            "pinyinIndex": "HAK,HAK",
            "ucUserId": null,
            "updateTime": "2023-02-06 17:20:33",
            "userCode": "hak",
            "userId": 89,
            "userName": "hak",
            "userSex": 1,
            "userSources": "hak",
            "userString": "89:A:hak",
            "userType": "A"
          },
          "createTime": "2023-03-13 09:20:24",
          "insSpot": "水处理储药间",
          "ipId": 23,
          "keyValue": 23,
          "lastInsCycle": null,
          "memo": "配电柜、污泥干化设备运行情况,下班时是否关闭",
          "patrolRegister": "3",
          "updateTime": "2023-03-13 09:20:24"
        },
        {
          insSpotType:'设备',
          "createMan": {
            "accountId": null,
            "card": null,
            "createTime": "2023-02-06",
            "curStatus": 1,
            "deleted": false,
            "deptName": null,
            "dimissionTime": null,
            "factoryId": 41,
            "head": 0,
            "jobName": "实施",
            "keyValue": 89,
            "ldapName": "hak",
            "mail": null,
            "mobile": null,
            "pfDepartment": {
              "appLink": null,
              "createTime": "2022-08-31",
              "deleted": false,
              "deptCode": "001",
              "deptId": 1,
              "deptName": "MES开发部",
              "deptType": 1,
              "deptTypeTitle": "厂",
              "keyValue": 1,
              "memo": null,
              "orders": "00",
              "parentDeptId": null,
              "parentPath": null,
              "ucDeptId": null,
              "updateTime": "2022-08-31 16:32:46"
            },
            "pinyinIndex": "HAK,HAK",
            "ucUserId": null,
            "updateTime": "2023-02-06 17:20:33",
            "userCode": "hak",
            "userId": 89,
            "userName": "hak",
            "userSex": 1,
            "userSources": "hak",
            "userString": "89:A:hak",
            "userType": "A"
          },
          "createTime": "2023-03-13 09:20:24",
          "insSpot": "水处理中控室",
          "ipId": 24,
          "keyValue": 24,
          "lastInsCycle": null,
          "memo": "有无异常报警,配电柜/控制柜、室内门窗电器下班时是否关闭",
          "patrolRegister": "4",
          "updateTime": "2023-03-13 09:20:24"
        },
        {
          insSpotType:'废水',
          "createMan": {
            "accountId": null,
            "card": null,
            "createTime": "2023-02-06",
            "curStatus": 1,
            "deleted": false,
            "deptName": null,
            "dimissionTime": null,
            "factoryId": 41,
            "head": 0,
            "jobName": "实施",
            "keyValue": 89,
            "ldapName": "hak",
            "mail": null,
            "mobile": null,
            "pfDepartment": {
              "appLink": null,
              "createTime": "2022-08-31",
              "deleted": false,
              "deptCode": "001",
              "deptId": 1,
              "deptName": "MES开发部",
              "deptType": 1,
              "deptTypeTitle": "厂",
              "keyValue": 1,
              "memo": null,
              "orders": "00",
              "parentDeptId": null,
              "parentPath": null,
              "ucDeptId": null,
              "updateTime": "2022-08-31 16:32:46"
            },
            "pinyinIndex": "HAK,HAK",
            "ucUserId": null,
            "updateTime": "2023-02-06 17:20:33",
            "userCode": "hak",
            "userId": 89,
            "userName": "hak",
            "userSex": 1,
            "userSources": "hak",
            "userString": "89:A:hak",
            "userType": "A"
          },
          "createTime": "2023-03-13 09:20:24",
          "insSpot": "西厂房二层南监控室",
          "ipId": 25,
          "keyValue": 25,
          "lastInsCycle": null,
          "memo": "有无异常报警,配电柜/控制柜、室内门窗电器下班时是否关闭",
          "patrolRegister": "5",
          "updateTime": "2023-03-13 09:20:24"
        },
        {
          insSpotType:'设备',
          "createMan": {
            "accountId": null,
            "card": null,
            "createTime": "2023-02-06",
            "curStatus": 1,
            "deleted": false,
            "deptName": null,
            "dimissionTime": null,
            "factoryId": 41,
            "head": 0,
            "jobName": "实施",
            "keyValue": 89,
            "ldapName": "hak",
            "mail": null,
            "mobile": null,
            "pfDepartment": {
              "appLink": null,
              "createTime": "2022-08-31",
              "deleted": false,
              "deptCode": "001",
              "deptId": 1,
              "deptName": "MES开发部",
              "deptType": 1,
              "deptTypeTitle": "厂",
              "keyValue": 1,
              "memo": null,
              "orders": "00",
              "parentDeptId": null,
              "parentPath": null,
              "ucDeptId": null,
              "updateTime": "2022-08-31 16:32:46"
            },
            "pinyinIndex": "HAK,HAK",
            "ucUserId": null,
            "updateTime": "2023-02-06 17:20:33",
            "userCode": "hak",
            "userId": 89,
            "userName": "hak",
            "userSex": 1,
            "userSources": "hak",
            "userString": "89:A:hak",
            "userType": "A"
          },
          "createTime": "2023-03-13 09:20:24",
          "insSpot": "铜件化学镍槽",
          "ipId": 26,
          "keyValue": 26,
          "lastInsCycle": null,
          "memo": "加热槽液位是否加满、剧毒品槽位是否落锁,水电气是否关闭",
          "patrolRegister": "6",
          "updateTime": "2023-03-13 09:20:24"
        }
      ]
      this.page.total = this.data.length
      this.loading = false
      setTimeout(() => {
        this.selectionClear()
      }, 500)
    }
  }
}
</script>

<style></style>