<template>
  <div class="app-container">
    <el-form label-width="100px">
      <el-row>
        <el-col :span="4">
          <el-form-item label="车牌号">
            <el-input v-model="searchFrom.LICENCE_NO" placeholder="请输入车牌号..." />
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
            <SelectTree
              ref="selectTree_Search1"
              :clearable="false"
              :options="vehicleTypeList"
              :props="vehicleDefaultProps"
              v-model="searchFrom.VEHICLE_TYPE"
              placeholder="请选择车辆类型"/>
          </el-form-item>
        </el-col>
        <el-col :span="3">
          <el-form-item v-show="roleName !== '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
            <SelectTree
              ref="selectTree_Search2"
              :clearable="false"
              :options="departmentTreeData"
              :props="defaultProps"
              v-model="searchFrom.VEHICLE_DEPARTMENT_ID"
              placeholder="请选择车辆所属部门"/>
          </el-form-item>
        </el-col>
        <el-col :span="3">
          <el-form-item v-show="roleName !== '普通用户角色'" label="车辆责任人">
            <el-input v-model="searchFrom.USER_NAME" placeholder="请输入车辆责任人..." />
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item label-width="10px">
            <el-button v-waves type="primary" icon="el-icon-search" @click="getQuery">
              搜索
            </el-button>
            <el-button v-waves type="success" icon="el-icon-refresh" @click="goKeyReset">
              重置
            </el-button>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-table
      v-loading="listLoading"
      ref="vehicleMessageTable"
      :data="varList"
      :row-key="getRowKey"
      :header-cell-style="{
        'font-weight': 'bold',
        'color': '#000'
      }"
      tooltip-effect="dark"
      border
      fit
      highlight-current-row
    >
      <el-table-column
        :reserve-selection="true"
        type="selection"
        width="55"
        align="center"/>
      <el-table-column type="index" label="序号" width="50" align="center" />
      <el-table-column prop="LICENCE_NO" label="车牌号" align="center" />
      <el-table-column label="车牌类型" align="center">
        <template slot-scope="{row}">
          {{ translateLicenceType(row.LICENCE_TYPE) }}
        </template>
      </el-table-column>
      <el-table-column label="车辆类型" align="center">
        <template slot-scope="{row}">
          {{ translateVehicleType(row.VEHICLE_TYPE) }}
        </template>
      </el-table-column>
      <el-table-column prop="DEPARTMENT_NAME" label="车辆所属部门" align="center" />
      <el-table-column prop="USER_NAME" label="车辆责任人" align="center"/>
      <el-table-column label="操作" align="center" width="480">
        <template slot-scope="{row}">
          <el-button type="warning" icon="el-icon-more" size="mini" @click="vehicleInOutRecordBtn(row.LICENCE_NO)">车辆进出记录</el-button>
          <el-button icon="el-icon-view" size="mini" @click="showDetail(row.VEHICLE_ID)">查看</el-button>
          <el-button type="primary" icon="el-icon-edit" size="mini" @click="openEditDialogEditBtn(row.VEHICLE_ID)">修改</el-button>
          <el-button type="danger" icon="el-icon-delete" size="mini" @click="deleteSingleDataDeleteBtn(row.VEHICLE_ID, row.USER_ID, row.EMPLOYEE_VEHICLE_USER_ID)">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <div class="page-btn-group">
      <div>
        <el-button type="primary" icon="el-icon-plus" @click="openAddDialogAddBtn">新增</el-button>
      </div>
      <pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getPageList" />
    </div>
    <!--  添加车辆信息  -->
    <el-dialog :visible.sync="addDialogVisible" title="添加车辆信息" width="600px">
      <el-form v-if="addDialogVisible" ref="addForm" :model="addForm" label-width="170px" style="padding:0 20px; width: 500px;">
        <el-form-item :rules="[{required: true}]" label="车牌号">
          <el-input v-model="addForm.LICENCE_NO" :autosize="{ minRows: 1}" type="text" maxlength="300" placeholder="这里输入车牌号..." @blur="goCheckLicenceNoAdd()"/>
        </el-form-item>
        <!-- 白牌、蓝牌、黄牌、绿牌、黑牌 下拉框-->
        <el-form-item :rules="[{required: true}]" label="车牌类型" prop="LICENCE_TYPE">
          <SelectTree
            ref="selectTree_add2"
            :clearable="false"
            :options="licenceTypeList"
            :props="vehicleDefaultProps"
            v-model="addForm.LICENCE_TYPE"
            placeholder="请选择车牌类型"
            style="width: 300px"/>
        </el-form-item>
        <!-- 货车、轿车、大巴客车  下拉框-->
        <el-form-item :rules="[{required: true}]" label="车辆类型" prop="VEHICLE_TYPE">
          <SelectTree
            ref="selectTree_add3"
            :clearable="false"
            :options="vehicleTypeList"
            :props="vehicleDefaultProps"
            v-model="addForm.VEHICLE_TYPE"
            placeholder="请选择车辆类型"
            style="width: 300px"/>
        </el-form-item>
        <!-- 员工车辆、单位车辆、外部车辆 下拉框 -->
        <el-form-item :rules="[{required: true}]" label="车辆所属类型" prop="VEHICLE_BELONG_TYPE">
          <SelectTree
            ref="selectTree_add4"
            :clearable="false"
            :options="vehicleBelongTypeList"
            :props="vehicleDefaultProps"
            v-model="addForm.VEHICLE_BELONG_TYPE"
            placeholder="请选择车辆所属类型"
            style="width: 300px"/>
        </el-form-item>
        <!-- 车辆所属部门下拉框 -->
        <el-form-item v-show="roleName !== '普通用户角色'" :rules="[{required: true}]" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
          <SelectTree
            ref="selectTree_add1"
            :clearable="false"
            :options="departmentTreeData"
            :props="defaultProps"
            v-model="addForm.VEHICLE_DEPARTMENT_ID"
            placeholder="请选择车辆所属部门"
            style="width: 300px"
            @change="addUserList"/>
        </el-form-item>
        <el-form-item v-show="roleName === '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
          <el-input v-model="loginDepartmentName" disabled/>
        </el-form-item>
        <!-- 车辆责任人下拉框 -->
        <el-form-item v-show="roleName !== '普通用户角色'" :rules="[{required: true}]" label="车辆责任人" prop="USER_ID">
          <el-select :value="addForm.USER_ID" clearable placeholder="请选择" @visible-change="$forceUpdate()" @change="userIdAddChange">
            <el-option v-for="item in userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID"/>
          </el-select>
        </el-form-item>
        <el-form-item v-show="roleName === '普通用户角色'" label="车辆责任人" prop="USER_ID">
          <el-input v-model="loginUserName" disabled/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="addDialogCancelBtn">取 消</el-button>
        <el-button type="primary" @click="addDialogConfirmBtn">确 定</el-button>
      </div>
    </el-dialog>
    <el-dialog :visible.sync="editDialogVisible" title="修改" width="600px">
      <el-form ref="editForm" :model="editForm" label-width="170px" style="width: 500px;">
        <el-form-item :rules="[{required: true}]" label="车牌号">
          <el-input v-model="editForm.LICENCE_NO" :autosize="{ minRows: 1}" type="text" maxlength="300" placeholder="这里输入车牌号..." @blur="goCheckLicenceNoUpdate()"/>
        </el-form-item>
        <el-form-item label="车牌类型" prop="LICENCE_TYPE">
          <el-select :value="editForm.LICENCE_TYPE" clearable placeholder="请选择" @visible-change="$forceUpdate()">
            <el-option v-for="item in licenceTypeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
          </el-select>
        </el-form-item>
        <el-form-item label="车辆类型" prop="VEHICLE_TYPE">
          <el-select :value="editForm.VEHICLE_TYPE" clearable placeholder="请选择" @visible-change="$forceUpdate()">
            <el-option v-for="item in vehicleTypeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
          </el-select>
        </el-form-item>
        <el-form-item label="车辆所属类型" prop="VEHICLE_BELONG_TYPE">
          <el-select :value="editForm.VEHICLE_BELONG_TYPE" clearable placeholder="请选择" @visible-change="$forceUpdate()">
            <el-option v-for="item in vehicleBelongTypeList" :key="item.ID" :label="item.NAME" :value="item.ID" />
          </el-select>
        </el-form-item>
        <!-- 车辆所属部门下拉框 -->
        <el-form-item v-show="roleName !== '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
          <SelectTree
            ref="selectTree_edit"
            :clearable="true"
            :options="departmentTreeData"
            :props="defaultProps"
            v-model="editForm.VEHICLE_DEPARTMENT_ID"
            placeholder="请选择车辆所属部门"
            style="width: 300px"
            @change="updateUserList"/>
        </el-form-item>
        <el-form-item v-show="roleName === '普通用户角色'" label="车辆所属部门" prop="VEHICLE_DEPARTMENT_ID">
          <el-input v-model="loginDepartmentName" disabled/>
        </el-form-item>
        <!-- 车辆责任人下拉框 -->
        <el-form-item v-show="roleName !== '普通用户角色'" label="车辆责任人" prop="USER_ID">
          <el-select :value="editForm.USER_ID" clearable placeholder="请选择" @visible-change="$forceUpdate()" @change="userIdUpdateChange">
            <el-option v-for="item in userList" :key="item.USER_ID" :label="item.NAME" :value="item.USER_ID" />
          </el-select>
        </el-form-item>
        <el-form-item v-show="roleName === '普通用户角色'" label="车辆责任人" prop="USER_ID">
          <el-input v-model="loginUserName" disabled/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="editDialogCancelBtn">取 消</el-button>
        <el-button type="primary" @click="editDialogConfirmBtn">提 交</el-button>
      </div>
    </el-dialog>
    <el-dialog :visible.sync="detailDialogVisible" title="详情" width="600px">
      <el-form ref="form" :model="detailForm" label-width="170px" style="width: 500px;">
        <el-form-item label="车牌号">
          <el-input v-model="detailForm.LICENCE_NO" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
        </el-form-item>
        <el-form-item label="车牌类型">
          <el-input v-model="detailForm.LICENCE_TYPE" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
        </el-form-item>
        <el-form-item label="车辆类型">
          <el-input v-model="detailForm.VEHICLE_TYPE" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
        </el-form-item>
        <el-form-item label="车辆所属类型">
          <el-input v-model="detailForm.VEHICLE_BELONG_TYPE" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
        </el-form-item>
        <el-form-item label="车辆所属部门">
          <el-input v-model="detailForm.VEHICLE_DEPARTMENT_ID" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
        </el-form-item>
        <el-form-item label="车辆责任人">
          <el-input v-model="detailForm.USER_ID" :disabled="true" :autosize="{ minRows: 1}" type="text" maxlength="300"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="detailDialogReturnBtn">返回</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
import { requestFN } from '@/utils/request'
import waves from '@/directive/waves' // waves directive
import WriteSign from '@/components/WriteSign'
import SelectTree from '@/components/SelectTree'
import safetyFlowChart from '../../../hiddenUtil/safetyFlowChart'
export default {
  components: { Pagination, WriteSign, safetyFlowChart, SelectTree },
  directives: { waves },
  data() {
    return {
      ISCHECK: false,
      userInfo: JSON.parse(sessionStorage.getItem('user')),
      listLoading: true,
      add: false,
      del: false,
      edit: false,
      roleName: '', // 角色名称
      loginUserId: '',
      loginUserName: '',
      loginDepartmentId: '',
      loginDepartmentName: '',
      listQuery: {
        page: 1,
        limit: 20
      },
      defaultProps: {
        value: 'id',
        children: 'nodes',
        label: 'name'
      },
      total: 0,
      KEYWORDS: '',
      // 车牌类型列表
      licenceTypeList: [
        // { ID: '', NAME: '请选择' },
        { ID: '0', NAME: '白牌' },
        { ID: '1', NAME: '蓝牌' },
        { ID: '2', NAME: '黄牌' },
        { ID: '3', NAME: '绿牌' },
        { ID: '4', NAME: '黑牌' }
      ],
      // 车辆类型列表
      vehicleTypeList: [
        // { ID: '', NAME: '请选择' },
        { ID: '0', NAME: '货车' },
        { ID: '1', NAME: '轿车' },
        { ID: '2', NAME: '大巴客车' }
      ],
      // 车辆所属类型列表
      vehicleBelongTypeList: [
        // { ID: '', NAME: '请选择' },
        { ID: '0', NAME: '员工车辆' },
        { ID: '1', NAME: '单位车辆' }
        // { ID: '2', NAME: '外部车辆' }
      ],
      // 车辆下拉树默认属性
      vehicleDefaultProps: {
        value: 'ID',
        label: 'NAME',
        children: 'nodes'
      },
      departmentTreeData: [],
      // inspectionTypeList: [], //字典列表
      // 列表展示的数据
      varList: [],
      // 查询表单的数据
      searchFrom: {
        VEHICLE_ID: '', // 车辆ID(基础属性)
        LICENCE_NO: '', // 车牌号
        VEHICLE_TYPE: '', // 车辆类型
        VEHICLE_DEPARTMENT_ID: '' // 车辆所属部门ID
      },
      // 添加表单的数据
      addForm: {
        LICENCE_NO: '', // 车牌号
        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门id
        VEHICLE_DEPARTMENT_NAME: '', // 车辆所属部门名称
        USER_ID: '', // 车辆责任人
        LICENCE_TYPE: '', // 车牌类型
        VEHICLE_TYPE: '', // 车辆类型
        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人id
        EMPLOYEE_VEHICLE_USER_NAME: '', // 车辆所属人姓名
        DEPARTMENT_NAME: '', // 部门名称
        DEPARTMENT_ID: '',
        USER_NAME: '' // 车辆责任人姓名
      },
      // 修改表单的数据
      editForm: {
        VEHICLE_ID: '', // 车辆id(基础属性)
        LICENCE_NO: '', // 车牌号
        OLD_LICENCE_NO: '', // 修改前的车牌号
        USER_ID: '', // 车辆责任人
        USER_NAME: '', // 车辆责任人姓名
        LICENCE_TYPE: '', // 车牌类型
        VEHICLE_TYPE: '', // 车辆类型
        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
        DEPARTMENT_NAME: '', // 车辆所属部门名称
        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
        EMPLOYEE_VEHICLE_USER_NAME: '', // 车辆所属人姓名
        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
        VEHICLE_DEPARTMENT_NAME: '' // 车辆所属部门名称
      },
      // 详情表单的数据
      detailForm: {
        LICENCE_NO: '', // 车牌号
        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
        USER_ID: '', // 车辆责任人
        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
        LICENCE_TYPE: null, // 车牌类型
        VEHICLE_TYPE: null // 车辆类型
      },
      addDialogVisible: false, // 添加弹窗的展示与不展示
      editDialogVisible: false, // 编辑弹窗的展示与不展示
      detailDialogVisible: false, // 详情弹窗的展示与不展示
      userList: [], // 部门用户列表
      selectTree_edit: []
    }
  },
  created() {
    // this.getDict() // 获取字典
    this.getPageList() // 获取分页列表要展示的数据
    this.getDepartmentTreeData() // 获取部门树的数据
    this.getLoginUserInfo() // 获取当前登陆用户的信息
  },
  methods: {
    getRowKey(row) {
      return row.VEHICLE_ID
    },
    translateLicenceType(id) {
      for (var i = 0; i < this.licenceTypeList.length; i++) {
        if (this.licenceTypeList[i].ID == id) return this.licenceTypeList[i].NAME
      }
    },
    translateVehicleType(id) {
      for (var i = 0; i < this.vehicleTypeList.length; i++) {
        if (this.vehicleTypeList[i].ID == id) return this.vehicleTypeList[i].NAME
      }
    },
    vehicleBelongType(id) {
      for (var i = 0; i < this.vehicleBelongTypeList.length; i++) {
        if (this.vehicleBelongTypeList[i].ID == id) return this.vehicleBelongTypeList[i].NAME
      }
    },
    getLoginUserInfo() { // 获取登录人信息
      return new Promise((resolve) => {
        requestFN(
          '/user/goEditMyInfo',
          {}
        ).then((data) => {
          this.loginUserId = data.pd.USER_ID
          this.loginUserName = data.pd.NAME
          this.loginDepartmentId = data.pd.DEPARTMENT_ID
          this.loginDepartmentName = data.pd.deptName
          resolve('ok')
        }).catch((e) => {

        })
      })
    },
    // 搜索
    getQuery() {
      this.$refs.vehicleMessageTable.clearSelection() // 先置空表格再查询
      this.getPageList()
    },
    goKeyReset() {
      this.resetSearch()
      this.getQuery()
    },
    // 获取列表
    getPageList() {
      this.roleName = ''
      this.listLoading = true
      requestFN(
        'vehiclemessage/getPageList?showCount=' + this.listQuery.limit + '&currentPage=' + this.listQuery.page,
        {
          ...this.searchFrom
        }
      ).then((data) => {
        this.listLoading = false
        this.varList = data.varList
        this.total = data.page.totalResult
        this.roleName = data.roleName
        // this.hasButton()
        this.pd = data.pd
      }).catch((e) => {
        this.listLoading = false
      })
    },
    // 打开新增弹窗的新增按钮
    openAddDialogAddBtn() {
      this.addDialogVisible = true
      this.reSetAddDialog()
      this.ISCHECK = false
    },
    // 添加弹窗的取消按钮
    addDialogCancelBtn() {
      this.addDialogVisible = false
    },
    // 查看弹窗的返回按钮
    detailDialogReturnBtn() {
      this.detailDialogVisible = false
    },
    // 置空添加弹窗
    reSetAddDialog() {
      this.addForm.LICENCE_NO = ''
      this.addForm.USER_ID = ''
      this.addForm.VEHICLE_DEPARTMENT_ID = ''
      this.addForm.LICENCE_TYPE = ''
      this.addForm.VEHICLE_TYPE = ''
      this.addForm.VEHICLE_BELONG_TYPE = ''
      this.addForm.EMPLOYEE_VEHICLE_USER_ID = ''
      this.userList = []
      this.addForm.DEPARTMENT_NAME = ''
      this.addForm.DEPARTMENT_ID = ''
    },
    // 添加弹窗的确定按钮
    addDialogConfirmBtn() {
      if (this.addForm.LICENCE_NO !== null && this.addForm.LICENCE_NO === '') {
        this.$message({
          message: '车牌号不能为空',
          type: 'error'
        })
        return false
      }
      if (this.addForm.LICENCE_TYPE !== null && this.addForm.LICENCE_TYPE === '') {
        this.$message({
          message: '请选择车牌类型',
          type: 'error'
        })
        return false
      }
      if (this.addForm.VEHICLE_TYPE !== null && this.addForm.VEHICLE_TYPE === '') {
        this.$message({
          message: '请选择车辆类型',
          type: 'error'
        })
        return false
      }
      if (this.addForm.VEHICLE_BELONG_TYPE !== null && this.addForm.VEHICLE_BELONG_TYPE === '') {
        this.$message({
          message: '请选择车辆所属类型',
          type: 'error'
        })
        return false
      }
      if (this.roleName !== '普通用户角色') {
        if (this.addForm.VEHICLE_DEPARTMENT_ID !== null && this.addForm.VEHICLE_DEPARTMENT_ID === '') {
          this.$message({
            message: '请选择车辆所属部门',
            type: 'error'
          })
          return false
        }
        if (this.addForm.USER_ID !== null && this.addForm.USER_ID === '') {
          this.$message({
            message: '请选择车辆责任人',
            type: 'error'
          })
          return false
        }
      } else {
        this.addForm.VEHICLE_DEPARTMENT_ID = this.loginDepartmentId // 车辆所属部门id
        this.addForm.VEHICLE_DEPARTMENT_NAME = this.loginDepartmentName // 车辆所属部门名称
        this.addForm.USER_ID = this.loginUserId // 车辆责任人id
        this.addForm.USER_NAME = this.loginUserName // 车辆责任人姓名
      }

      if (this.addForm.VEHICLE_BELONG_TYPE === '0') { // 员工车辆(责任人和所属人都需要添加)
        this.addForm.EMPLOYEE_VEHICLE_USER_ID = this.addForm.USER_ID // 车辆所属人id
        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = this.addForm.USER_NAME // 车辆所属人姓名
      } else { // 单位车辆（只需添加责任人，无需添加所属人）
        this.addForm.EMPLOYEE_VEHICLE_USER_ID = '' // 车辆所属人id
        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = '' // 车辆所属人姓名
      }
      this.addRequest()
    },
    addRequest() {
      requestFN(
        'vehiclemessage/addVehicleMessage',
        {
          ...this.addForm
        }
      ).then((data) => {
        if (data.result === 'fail') {
          this.$message({
            message: data.msg,
            type: 'error'
          })
        } else {
          this.$message.success('车辆信息添加成功')
          this.getPageList() // 重新加载列表
          this.addDialogVisible = false
        }
      }).catch((e) => {
      })
    },
    // 打开编辑弹窗的编辑按钮
    openEditDialogEditBtn(VEHICLE_ID) {
      this.editForm = {
        VEHICLE_ID: VEHICLE_ID, // 车辆id(基础属性)
        LICENCE_NO: '', // 车牌号
        OLD_LICENCE_NO: '', // 修改前的车牌号
        USER_ID: '', // 车辆责任人
        EMPLOYEE_VEHICLE_USER_ID: '', // 车辆所属人
        VEHICLE_DEPARTMENT_ID: '' // 车辆归属公司或责任公司（车辆所属部门）
      }
      this.userList = []
      this.editDialogVisible = true
      // 提供查询接口回显数据
      requestFN(
        'vehiclemessage/updateShowVehicleMessage',
        {
          VEHICLE_ID: VEHICLE_ID
        }
      ).then((data) => {
        if (data.result === 'success') {
          this.editForm.LICENCE_NO = data.pd.LICENCE_NO // 车牌号
          this.editForm.OLD_LICENCE_NO = data.pd.LICENCE_NO // 车牌号
          this.editForm.USER_ID = data.pd.USER_ID // 车辆责任人
          this.editForm.LICENCE_TYPE = String(data.pd.LICENCE_TYPE) // 车牌类型
          this.editForm.VEHICLE_TYPE = String(data.pd.VEHICLE_TYPE) // 车辆类型
          this.editForm.VEHICLE_BELONG_TYPE = data.pd.VEHICLE_BELONG_TYPE === undefined ? '' : data.pd.VEHICLE_BELONG_TYPE // 车辆所属类型
          if ('VEHICLE_DEPARTMENT_ID' in data.pd) { // 存在车辆归属部门id
            const node = {}
            node.id = data.pd.VEHICLE_DEPARTMENT_ID
            // this.$refs.selectTree_edit.clearHandle()
            this.editForm.VEHICLE_DEPARTMENT_ID = data.pd.VEHICLE_DEPARTMENT_ID
            this.$nextTick(() => { // 此处使用这个可以等节点渲染后再获取节点
              this.$refs.selectTree_edit.handleNodeClick(node)
            })
          }
        } else {
          this.$message({
            message: '数据回显失败',
            type: 'error'
          })
        }
      }).catch((e) => {
      })
    },
    editDialogCancelBtn() {
      this.editDialogVisible = false
    },
    // 查看按钮(展示详情)
    showDetail(VEHICLE_ID) {
      // this.$parent.activeName = 'Info'
      // this.$parent.INSPECTION_ID = row.INSPECTION_ID
      this.detailForm = {
        LICENCE_NO: '', // 车牌号
        VEHICLE_DEPARTMENT_ID: '', // 车辆所属部门
        VEHICLE_BELONG_TYPE: '', // 车辆所属类型
        USER_ID: '', // 车辆责任人
        EMPLOYEE_VEHICLE_USER_ID: '', // 员工车辆所属人
        LICENCE_TYPE: null, // 车牌类型
        VEHICLE_TYPE: null // 车辆类型
      }
      this.detailDialogVisible = true
      // 提供查询接口回显数据
      requestFN(
        'vehiclemessage/detailVehicleMessage',
        {
          VEHICLE_ID: VEHICLE_ID
        }
      ).then((data) => {
        if (data.result === 'success') {
          this.detailForm.LICENCE_NO = data.pd.LICENCE_NO // 车牌号
          this.detailForm.VEHICLE_DEPARTMENT_ID = data.pd.DEPARTMENT_NAME // 车辆所属部门
          this.detailForm.USER_ID = data.pd.NAME // 车辆责任人
          this.detailForm.LICENCE_TYPE = this.translateLicenceType(data.pd.LICENCE_TYPE) // 车牌类型
          this.detailForm.VEHICLE_TYPE = this.translateVehicleType(data.pd.VEHICLE_TYPE) // 车辆类型
          this.detailForm.VEHICLE_BELONG_TYPE = data.pd.VEHICLE_BELONG_TYPE === undefined ? '' : this.vehicleBelongType(data.pd.VEHICLE_BELONG_TYPE)
        } else {
          this.$message({
            message: '数据回显失败',
            type: 'error'
          })
        }
      }).catch((e) => {
      })
    },
    // 修改弹窗的确定按钮
    editDialogConfirmBtn() {
      this.$refs.editForm.validate(valid => {
        if (valid) {
          const loading = this.$loading({
            lock: true,
            text: '数据保存中...',
            spinner: 'el-icon-loading',
            background: 'rgba(0, 0, 0, 0.7)'
          })
          this.listLoading = true
          requestFN(
            'vehiclemessage/updateVehicleMessage',
            {
              ...this.editForm
            }
          ).then((data) => {
            if (data.result === 'success') {
              this.$message({
                message: '修改成功',
                type: 'success'
              })
            } else {
              this.$message({
                message: data.msg,
                type: 'success'
              })
            }
            this.listLoading = false
            loading.close()
            this.editDialogVisible = false
            this.getQuery()
          }).catch((e) => {
            this.listLoading = false
            loading.close()
          })
        } else {
          return false
        }
      })
    },
    // 删除单条数据的删除按钮
    deleteSingleDataDeleteBtn(id, USER_ID, EMPLOYEE_VEHICLE_USER_ID) {
      this.$confirm('确定要删除吗?', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.listLoading = true
        requestFN(
          'vehiclemessage/deleteVehicleMessage',
          {
            VEHICLE_ID: id,
            USER_ID: USER_ID,
            EMPLOYEE_VEHICLE_USER_ID: EMPLOYEE_VEHICLE_USER_ID
          }
        ).then((data) => {
          if (data.result === 'success') {
            this.$message({
              message: '删除成功',
              type: 'success'
            })
          } else {
            this.$message({
              message: data.msg,
              type: 'success'
            })
          }
          this.listLoading = false
          this.varList = []
          this.listQuery.page = 1
          this.getPageList()
        }).catch((e) => {
          this.listLoading = false
        })
      }).catch(() => {
      })
    },
    // 获取数据字典数据
    // getDict: function() {
    //   requestFN(
    //     '/dictionaries/listSelectTree',
    //     {
    //       DICTIONARIES_ID: '60e6481d96e44a5390ff5c347c4d1ffe' // 检查类型
    //     }
    //   ).then((data) => {
    //     this.inspectionTypeList = JSON.parse(data.zTreeNodes)
    //   }).catch((e) => {
    //
    //   })
    // },
    // 获得部门树
    getDepartmentTreeData() {
      requestFN(
        '/department/listTree',
        {}
      ).then((data) => {
        this.departmentTreeData = JSON.parse(data.zTreeNodes)
      }).catch((e) => {
      })
    },
    resetSearch() {
      this.searchFrom = {
        LICENCE_NO: '' // 车牌号（输入框）
      }
      this.$refs.selectTree_Search1.clearHandle() // 清空
      this.$refs.selectTree_Search2.clearHandle()
    },
    addUserList(DEPARTMENT_ID) {
      this.getUserList(DEPARTMENT_ID)
      this.handleDepartmentAddChange(DEPARTMENT_ID)
    },
    updateUserList(DEPARTMENT_ID) {
      this.getUserList(DEPARTMENT_ID)
      this.handleDepartmentUpdateChange(DEPARTMENT_ID)
    },
    getUserList(DEPARTMENT_ID) { // 根据部门获取部门内的人员
      requestFN(
        '/user/listAll',
        {
          DEPARTMENT_ID: DEPARTMENT_ID,
          tm: new Date().getTime()
        }
      ).then((data) => {
        this.userList = data.userList
      }).catch((e) => {
        // this.listLoading = false
      })
    },
    // 添加弹窗中的车辆责任人
    userIdAddChange(event) {
      this.addForm.USER_ID = event
      this.handleUserAddChange(event)
    },
    // 添加弹窗中的车辆所属人
    employeeUserIdAddChange(event) {
      this.addForm.EMPLOYEE_VEHICLE_USER_ID = event
      this.handleEmployeeUserAddChange(event)
    },
    // 修改弹窗中的车辆责任人
    userIdUpdateChange(event) {
      this.editForm.USER_ID = event
      this.handleUserUpdateChange(event)
    },
    handleDepartmentAddChange(value) {
      this.addForm.VEHICLE_DEPARTMENT_NAME = this.findLabelByValue(this.departmentTreeData, value)
    },
    handleDepartmentUpdateChange(value) {
      this.editForm.VEHICLE_DEPARTMENT_NAME = this.findLabelByValue(this.departmentTreeData, value)
    },
    findLabelByValue(tree, value) {
      for (const node of tree) {
        if (node.id === value) {
          return node.name
        }
        if (node.nodes && node.nodes.length > 0) {
          const result = this.findLabelByValue(node.nodes, value)
          if (result) {
            return result
          }
        }
      }
      return ''
    },
    handleUserAddChange(value) {
      const selectedUser = this.userList.find(user => user.USER_ID === value)
      if (selectedUser) {
        this.addForm.USER_NAME = selectedUser.NAME
      } else {
        this.addForm.USER_NAME = ''
      }
    },
    handleEmployeeUserAddChange(value) {
      const selectedUser = this.userList.find(user => user.USER_ID === value)
      if (selectedUser) {
        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = selectedUser.NAME
      } else {
        this.addForm.EMPLOYEE_VEHICLE_USER_NAME = ''
      }
    },
    handleUserUpdateChange(value) {
      const selectedUser = this.userList.find(user => user.USER_ID === value)
      if (selectedUser) {
        this.editForm.USER_NAME = selectedUser.NAME
      } else {
        this.editForm.USER_NAME = ''
      }
    },
    resetForm(row) {
      this.searchFrom = {
        LICENCE_NO: '', // 车牌号
        VEHICLE_TYPE: '', // 车辆类型
        VEHICLE_DEPARTMENT_ID: '' // 车辆所属部门
      }
    },
    goCheckLicenceNoAdd() {
      if (this.addForm.LICENCE_NO) {
        const regex = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1})$/
        const result = regex.test(this.addForm.LICENCE_NO)
        if (result) {
          console.log('格式校验通过')
          requestFN(
            'vehiclemessage/goCheckLicenceNo',
            {
              'LICENCE_NO': this.addForm.LICENCE_NO
            }
          ).then((data) => {
            if (data.result === 'success') {
              this.$message.success('验证通过')
              this.ISCHECK = true
            } else {
              this.$message.error('车牌号已存在,请重新输入')
              this.ISCHECK = false
            }
          }).catch((e) => {
            console.info(e)
            this.listLoading = false
            this.ISCHECK = false
          })
        } else {
          this.$message.success('车牌号不规范')
          this.ISCHECK = false
        }
      }
    },
    goCheckLicenceNoUpdate() {
      if (this.editForm.LICENCE_NO) {
        if (this.editForm.LICENCE_NO !== this.editForm.OLD_LICENCE_NO) {
          const regex = /^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1})$/
          const result = regex.test(this.editForm.LICENCE_NO)
          if (result) {
            console.log('格式校验通过')
            requestFN(
              'vehiclemessage/goCheckLicenceNo',
              {
                'LICENCE_NO': this.editForm.LICENCE_NO
              }
            ).then((data) => {
              if (data.result === 'success') {
                this.$message.success('验证通过')
                this.ISCHECK = true
              } else {
                this.$message.error('车牌号已存在,请重新输入')
                this.ISCHECK = false
              }
            }).catch((e) => {
              console.info(e)
              this.listLoading = false
              this.ISCHECK = false
            })
          } else {
            this.$message.success('车牌号不规范')
            this.ISCHECK = false
          }
        }
      }
    },
    // 车辆进出记录按钮的点击事件
    vehicleInOutRecordBtn(LICENCE_NO) {
      this.$parent.activeName = 'Record'
      this.$parent.LICENCE_NO = LICENCE_NO
    }
  }
}
</script>
