LY

master/src/main/java/com/ruoyi/project/configuration/controller/TDeviceController.java

@@ -0,0 +1,103 @@
+package com.ruoyi.project.configuration.controller;
+
+import java.util.List;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.PutMapping;
+import org.springframework.web.bind.annotation.DeleteMapping;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+import com.ruoyi.framework.aspectj.lang.annotation.Log;
+import com.ruoyi.framework.aspectj.lang.enums.BusinessType;
+import com.ruoyi.project.configuration.domain.TDevice;
+import com.ruoyi.project.configuration.service.ITDeviceService;
+import com.ruoyi.framework.web.controller.BaseController;
+import com.ruoyi.framework.web.domain.AjaxResult;
+import com.ruoyi.common.utils.poi.ExcelUtil;
+import com.ruoyi.framework.web.page.TableDataInfo;
+
+/**
+ * 设备管理Controller
+ *
+ * @author ruoyi
+ * @date 2021-12-23
+ */
+@RestController
+@RequestMapping("/configuration/device")
+public class TDeviceController extends BaseController
+{
+    @Autowired
+    private ITDeviceService tDeviceService;
+
+    /**
+     * 查询设备管理列表
+     */
+    @PreAuthorize("@ss.hasPermi('configuration:device:list')")
+    @GetMapping("/list")
+    public TableDataInfo list(TDevice tDevice)
+    {
+        startPage();
+        List<TDevice> list = tDeviceService.selectTDeviceList(tDevice);
+        return getDataTable(list);
+    }
+
+    /**
+     * 导出设备管理列表
+     */
+    @PreAuthorize("@ss.hasPermi('configuration:device:export')")
+    @Log(title = "设备管理", businessType = BusinessType.EXPORT)
+    @GetMapping("/export")
+    public AjaxResult export(TDevice tDevice)
+    {
+        List<TDevice> list = tDeviceService.selectTDeviceList(tDevice);
+        ExcelUtil<TDevice> util = new ExcelUtil<TDevice>(TDevice.class);
+        return util.exportExcel(list, "device");
+    }
+
+    /**
+     * 获取设备管理详细信息
+     */
+    @PreAuthorize("@ss.hasPermi('configuration:device:query')")
+    @GetMapping(value = "/{id}")
+    public AjaxResult getInfo(@PathVariable("id") Long id)
+    {
+        return AjaxResult.success(tDeviceService.selectTDeviceById(id));
+    }
+
+    /**
+     * 新增设备管理
+     */
+    @PreAuthorize("@ss.hasPermi('configuration:device:add')")
+    @Log(title = "设备管理", businessType = BusinessType.INSERT)
+    @PostMapping
+    public AjaxResult add(@RequestBody TDevice tDevice)
+    {
+        return toAjax(tDeviceService.insertTDevice(tDevice));
+    }
+
+    /**
+     * 修改设备管理
+     */
+    @PreAuthorize("@ss.hasPermi('configuration:device:edit')")
+    @Log(title = "设备管理", businessType = BusinessType.UPDATE)
+    @PutMapping
+    public AjaxResult edit(@RequestBody TDevice tDevice)
+    {
+        return toAjax(tDeviceService.updateTDevice(tDevice));
+    }
+
+    /**
+     * 删除设备管理
+     */
+    @PreAuthorize("@ss.hasPermi('configuration:device:remove')")
+    @Log(title = "设备管理", businessType = BusinessType.DELETE)
+	@DeleteMapping("/{ids}")
+    public AjaxResult remove(@PathVariable Long[] ids)
+    {
+        return toAjax(tDeviceService.deleteTDeviceByIds(ids));
+    }
+}

master/src/main/java/com/ruoyi/project/configuration/domain/TDevice.java

@@ -0,0 +1,184 @@
+package com.ruoyi.project.configuration.domain;
+
+import java.util.Date;
+import com.fasterxml.jackson.annotation.JsonFormat;
+import com.ruoyi.framework.aspectj.lang.annotation.Excel;
+import com.ruoyi.framework.web.domain.BaseEntity;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+import org.apache.commons.lang3.builder.ToStringStyle;
+
+/**
+ * 设备管理对象 t_device
+ *
+ * @author ruoyi
+ * @date 2021-12-23
+ */
+public class TDevice extends BaseEntity
+{
+    private static final long serialVersionUID = 1L;
+
+    /** 唯一标识ID */
+    private Long id;
+
+    /** 装置 */
+    @Excel(name = "装置")
+    private String plantCode;
+
+    /** 设备名称 */
+    @Excel(name = "设备名称")
+    private String devName;
+
+    /** 区域 */
+    @Excel(name = "区域")
+    private String area;
+
+    /** 删除状态 */
+    private Long delFlag;
+
+    /** 创建人 */
+    @Excel(name = "创建人")
+    private String createrCode;
+
+    /** 创建时间 */
+    @JsonFormat(pattern = "yyyy-MM-dd" , timezone = "GMT+8")
+    @Excel(name = "创建时间", width = 30, dateFormat = "yyyy-MM-dd")
+    private Date createdate;
+
+    /** 修改人 */
+    @Excel(name = "修改人")
+    private String updaterCode;
+
+    /** 修改时间 */
+    @JsonFormat(pattern = "yyyy-MM-dd" , timezone = "GMT+8")
+    @Excel(name = "修改时间", width = 30, dateFormat = "yyyy-MM-dd")
+    private Date updatedate;
+
+    /** 备注 */
+    @Excel(name = "备注")
+    private String remarks;
+
+    /** 部门编号 */
+    private Long deptId;
+    @Excel(name = "归属部门")
+    private String deptName;
+
+    public void setId(Long id)
+    {
+        this.id = id;
+    }
+
+    public Long getId()
+    {
+        return id;
+    }
+    public void setPlantCode(String plantCode)
+    {
+        this.plantCode = plantCode;
+    }
+
+    public String getPlantCode()
+    {
+        return plantCode;
+    }
+    public void setDevName(String devName)
+    {
+        this.devName = devName;
+    }
+
+    public String getDevName()
+    {
+        return devName;
+    }
+    public void setArea(String area)
+    {
+        this.area = area;
+    }
+
+    public String getArea()
+    {
+        return area;
+    }
+    public void setDelFlag(Long delFlag)
+    {
+        this.delFlag = delFlag;
+    }
+
+    public Long getDelFlag()
+    {
+        return delFlag;
+    }
+    public void setCreaterCode(String createrCode)
+    {
+        this.createrCode = createrCode;
+    }
+
+    public String getCreaterCode()
+    {
+        return createrCode;
+    }
+    public void setCreatedate(Date createdate)
+    {
+        this.createdate = createdate;
+    }
+
+    public Date getCreatedate()
+    {
+        return createdate;
+    }
+    public void setUpdaterCode(String updaterCode)
+    {
+        this.updaterCode = updaterCode;
+    }
+
+    public String getUpdaterCode()
+    {
+        return updaterCode;
+    }
+    public void setUpdatedate(Date updatedate)
+    {
+        this.updatedate = updatedate;
+    }
+
+    public Date getUpdatedate()
+    {
+        return updatedate;
+    }
+    public void setRemarks(String remarks)
+    {
+        this.remarks = remarks;
+    }
+
+    public String getRemarks()
+    {
+        return remarks;
+    }
+    public void setDeptId(Long deptId)
+    {
+        this.deptId = deptId;
+    }
+
+    public Long getDeptId()
+    {
+        return deptId;
+    }
+    public String getDeptName() { return deptName; }
+
+    public void setDeptName(String deptName) { this.deptName = deptName;
+    }
+    @Override
+    public String toString() {
+        return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE)
+            .append("id", getId())
+            .append("plantCode", getPlantCode())
+            .append("devName", getDevName())
+            .append("area", getArea())
+            .append("delFlag", getDelFlag())
+            .append("createrCode", getCreaterCode())
+            .append("createdate", getCreatedate())
+            .append("updaterCode", getUpdaterCode())
+            .append("updatedate", getUpdatedate())
+            .append("remarks", getRemarks())
+            .append("deptId", getDeptId())
+            .toString();
+    }
+}

master/src/main/java/com/ruoyi/project/configuration/mapper/TDeviceMapper.java

@@ -0,0 +1,63 @@
+package com.ruoyi.project.configuration.mapper;
+
+import java.util.List;
+import com.ruoyi.framework.aspectj.lang.annotation.DataScope;
+import com.ruoyi.project.configuration.domain.TDevice;
+
+/**
+ * 设备管理Mapper接口
+ * 
+ * @author ruoyi
+ * @date 2021-12-23
+ */
+public interface TDeviceMapper 
+{
+    /**
+     * 查询设备管理
+     * 
+     * @param id 设备管理ID
+     * @return 设备管理
+     */
+    public TDevice selectTDeviceById(Long id);
+
+    /**
+     * 查询设备管理列表
+     * 
+     * @param tDevice 设备管理
+     * @return 设备管理集合
+     */
+    @DataScope(deptAlias = "d")
+    public List<TDevice> selectTDeviceList(TDevice tDevice);
+
+    /**
+     * 新增设备管理
+     * 
+     * @param tDevice 设备管理
+     * @return 结果
+     */
+    public int insertTDevice(TDevice tDevice);
+
+    /**
+     * 修改设备管理
+     * 
+     * @param tDevice 设备管理
+     * @return 结果
+     */
+    public int updateTDevice(TDevice tDevice);
+
+    /**
+     * 删除设备管理
+     * 
+     * @param id 设备管理ID
+     * @return 结果
+     */
+    public int deleteTDeviceById(Long id);
+
+    /**
+     * 批量删除设备管理
+     * 
+     * @param ids 需要删除的数据ID
+     * @return 结果
+     */
+    public int deleteTDeviceByIds(Long[] ids);
+}

master/src/main/java/com/ruoyi/project/configuration/service/ITDeviceService.java

@@ -0,0 +1,61 @@
+package com.ruoyi.project.configuration.service;
+
+import java.util.List;
+import com.ruoyi.project.configuration.domain.TDevice;
+
+/**
+ * 设备管理Service接口
+ * 
+ * @author ruoyi
+ * @date 2021-12-23
+ */
+public interface ITDeviceService 
+{
+    /**
+     * 查询设备管理
+     * 
+     * @param id 设备管理ID
+     * @return 设备管理
+     */
+    public TDevice selectTDeviceById(Long id);
+
+    /**
+     * 查询设备管理列表
+     * 
+     * @param tDevice 设备管理
+     * @return 设备管理集合
+     */
+    public List<TDevice> selectTDeviceList(TDevice tDevice);
+
+    /**
+     * 新增设备管理
+     * 
+     * @param tDevice 设备管理
+     * @return 结果
+     */
+    public int insertTDevice(TDevice tDevice);
+
+    /**
+     * 修改设备管理
+     * 
+     * @param tDevice 设备管理
+     * @return 结果
+     */
+    public int updateTDevice(TDevice tDevice);
+
+    /**
+     * 批量删除设备管理
+     * 
+     * @param ids 需要删除的设备管理ID
+     * @return 结果
+     */
+    public int deleteTDeviceByIds(Long[] ids);
+
+    /**
+     * 删除设备管理信息
+     * 
+     * @param id 设备管理ID
+     * @return 结果
+     */
+    public int deleteTDeviceById(Long id);
+}

master/src/main/java/com/ruoyi/project/configuration/service/impl/TDeviceServiceImpl.java

@@ -0,0 +1,95 @@
+package com.ruoyi.project.configuration.service.impl;
+
+import java.util.List;
+
+import org.springframework.stereotype.Service;
+import com.ruoyi.project.configuration.mapper.TDeviceMapper;
+import com.ruoyi.project.configuration.domain.TDevice;
+import com.ruoyi.project.configuration.service.ITDeviceService;
+
+import javax.annotation.Resource;
+
+/**
+ * 设备管理Service业务层处理
+ *
+ * @author ruoyi
+ * @date 2021-12-23
+ */
+@Service
+public class TDeviceServiceImpl implements ITDeviceService
+{
+    @Resource
+    private TDeviceMapper tDeviceMapper;
+
+    /**
+     * 查询设备管理
+     *
+     * @param id 设备管理ID
+     * @return 设备管理
+     */
+    @Override
+    public TDevice selectTDeviceById(Long id)
+    {
+        return tDeviceMapper.selectTDeviceById(id);
+    }
+
+    /**
+     * 查询设备管理列表
+     *
+     * @param tDevice 设备管理
+     * @return 设备管理
+     */
+    @Override
+    public List<TDevice> selectTDeviceList(TDevice tDevice)
+    {
+        return tDeviceMapper.selectTDeviceList(tDevice);
+    }
+
+    /**
+     * 新增设备管理
+     *
+     * @param tDevice 设备管理
+     * @return 结果
+     */
+    @Override
+    public int insertTDevice(TDevice tDevice)
+    {
+        return tDeviceMapper.insertTDevice(tDevice);
+    }
+
+    /**
+     * 修改设备管理
+     *
+     * @param tDevice 设备管理
+     * @return 结果
+     */
+    @Override
+    public int updateTDevice(TDevice tDevice)
+    {
+        return tDeviceMapper.updateTDevice(tDevice);
+    }
+
+    /**
+     * 批量删除设备管理
+     *
+     * @param ids 需要删除的设备管理ID
+     * @return 结果
+     */
+    @Override
+    public int deleteTDeviceByIds(Long[] ids)
+    {
+        return tDeviceMapper.deleteTDeviceByIds(ids);
+    }
+
+    /**
+     * 删除设备管理信息
+     *
+     * @param id 设备管理ID
+     * @return 结果
+     */
+    @Override
+    public int deleteTDeviceById(Long id)
+    {
+        return tDeviceMapper.deleteTDeviceById(id);
+    }
+}

master/src/main/resources/mybatis/device/TDeviceMapper.xml

@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper
+PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.ruoyi.project.configuration.mapper.TDeviceMapper">
+    
+    <resultMap type="TDevice" id="TDeviceResult">
+        <result property="id"    column="id"    />
+        <result property="plantCode"    column="plant_code"    />
+        <result property="devName"    column="dev_name"    />
+        <result property="area"    column="area"    />
+        <result property="delFlag"    column="del_flag"    />
+        <result property="createrCode"    column="creater_code"    />
+        <result property="createdate"    column="createdate"    />
+        <result property="updaterCode"    column="updater_code"    />
+        <result property="updatedate"    column="updatedate"    />
+        <result property="remarks"    column="remarks"    />
+        <result property="deptId"    column="dept_id"    />
+        <result property="deptName" column="dept_name" />
+    </resultMap>
+
+    <sql id="selectTDeviceVo">
+        select d.id, d.plant_code, d.dev_name, d.area, d.del_flag, d.creater_code, d.createdate, d.updater_code, d.updatedate, d.remarks, d.dept_id ,s.dept_name from t_device d
+      left join sys_dept s on s.dept_id = d.dept_id
+    </sql>
+
+    <select id="selectTDeviceList" parameterType="TDevice" resultMap="TDeviceResult">
+        <include refid="selectTDeviceVo"/>
+        <where>  
+            <if test="plantCode != null  and plantCode != ''"> and plant_code = #{plantCode}</if>
+            <if test="devName != null  and devName != ''"> and dev_name like concat(concat('%', #{devName}), '%')</if>
+            <if test="area != null  and area != ''"> and area = #{area}</if>
+            and d.del_flag = 0
+        </where>
+        <!-- 数据范围过滤 -->
+        ${params.dataScope}
+    </select>
+    
+    <select id="selectTDeviceById" parameterType="Long" resultMap="TDeviceResult">
+        <include refid="selectTDeviceVo"/>
+        where id = #{id}
+    </select>
+        
+    <insert id="insertTDevice" parameterType="TDevice">
+        <selectKey keyProperty="id" resultType="long" order="BEFORE">
+            SELECT seq_t_device.NEXTVAL as id FROM DUAL
+        </selectKey>
+        insert into t_device
+        <trim prefix="(" suffix=")" suffixOverrides=",">
+            <if test="id != null">id,</if>
+            <if test="plantCode != null">plant_code,</if>
+            <if test="devName != null">dev_name,</if>
+            <if test="area != null">area,</if>
+            <if test="delFlag != null">del_flag,</if>
+            <if test="createrCode != null">creater_code,</if>
+            <if test="createdate != null">createdate,</if>
+            <if test="updaterCode != null">updater_code,</if>
+            <if test="updatedate != null">updatedate,</if>
+            <if test="remarks != null">remarks,</if>
+            <if test="deptId != null">dept_id,</if>
+         </trim>
+        <trim prefix="values (" suffix=")" suffixOverrides=",">
+            <if test="id != null">#{id},</if>
+            <if test="plantCode != null">#{plantCode},</if>
+            <if test="devName != null">#{devName},</if>
+            <if test="area != null">#{area},</if>
+            <if test="delFlag != null">#{delFlag},</if>
+            <if test="createrCode != null">#{createrCode},</if>
+            <if test="createdate != null">#{createdate},</if>
+            <if test="updaterCode != null">#{updaterCode},</if>
+            <if test="updatedate != null">#{updatedate},</if>
+            <if test="remarks != null">#{remarks},</if>
+            <if test="deptId != null">#{deptId},</if>
+         </trim>
+    </insert>
+
+    <update id="updateTDevice" parameterType="TDevice">
+        update t_device
+        <trim prefix="SET" suffixOverrides=",">
+            <if test="plantCode != null">plant_code = #{plantCode},</if>
+            <if test="devName != null">dev_name = #{devName},</if>
+            <if test="area != null">area = #{area},</if>
+            <if test="delFlag != null">del_flag = #{delFlag},</if>
+            <if test="createrCode != null">creater_code = #{createrCode},</if>
+            <if test="createdate != null">createdate = #{createdate},</if>
+            <if test="updaterCode != null">updater_code = #{updaterCode},</if>
+            <if test="updatedate != null">updatedate = #{updatedate},</if>
+            <if test="remarks != null">remarks = #{remarks},</if>
+            <if test="deptId != null">dept_id = #{deptId},</if>
+        </trim>
+        where id = #{id}
+    </update>
+
+    <update id="deleteTDeviceById" parameterType="Long">
+        update t_device set del_flag = 2 where id = #{id}
+    </update>
+
+    <update id="deleteTDeviceByIds" parameterType="String">
+        update t_device set del_flag = 2 where id in
+        <foreach item="id" collection="array" open="(" separator="," close=")">
+            #{id}
+        </foreach>
+    </update>
+    
+</mapper>

ui/src/api/configuration/device.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询设备管理列表
+export function listDevice(query) {
+  return request({
+    url: '/configuration/device/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询设备管理详细
+export function getDevice(id) {
+  return request({
+    url: '/configuration/device/' + id,
+    method: 'get'
+  })
+}
+
+// 新增设备管理
+export function addDevice(data) {
+  return request({
+    url: '/configuration/device',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改设备管理
+export function updateDevice(data) {
+  return request({
+    url: '/configuration/device',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除设备管理
+export function delDevice(id) {
+  return request({
+    url: '/configuration/device/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出设备管理
+export function exportDevice(query) {
+  return request({
+    url: '/configuration/device/export',
+    method: 'get',
+    params: query
+  })
+}

ui/src/views/configuration/device/index.vue

@@ -0,0 +1,405 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="装置" prop="plantCode">
+        <el-input
+          v-model="queryParams.plantCode"
+          placeholder="请输入装置"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="设备名称" prop="devName">
+        <el-input
+          v-model="queryParams.devName"
+          placeholder="请输入设备名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="区域" prop="area">
+        <el-input
+          v-model="queryParams.area"
+          placeholder="请输入区域"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['configuration:device:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['configuration:device:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['configuration:device:remove']"
+        >删除</el-button>
+      </el-col>
+        <el-col :span="1.5">
+            <el-button
+                    type="info"
+                    icon="el-icon-upload2"
+                    size="mini"
+                    @click="handleImport"
+                    v-hasPermi="['configuration:device:edit']"
+            >导入</el-button>
+        </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['configuration:device:export']"
+        >导出</el-button>
+      </el-col>
+	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="deviceList" @selection-change="handleSelectionChange" :height="clientHeight" border>
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="装置" align="center" prop="plantCode" :show-overflow-tooltip="true"/>
+      <el-table-column label="设备名称" align="center" prop="devName" :show-overflow-tooltip="true"/>
+      <el-table-column label="区域" align="center" prop="area" :show-overflow-tooltip="true"/>
+      <el-table-column label="备注" align="center" prop="remarks" :show-overflow-tooltip="true"/>
+      <el-table-column label="操作" align="center" fixed="right" width="120" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['configuration:device:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['configuration:device:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改设备管理对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="装置" prop="plantCode">
+          <el-input v-model="form.plantCode" placeholder="请输入装置" />
+        </el-form-item>
+        <el-form-item label="设备名称" prop="devName">
+          <el-input v-model="form.devName" placeholder="请输入设备名称" />
+        </el-form-item>
+        <el-form-item label="区域" prop="area">
+          <el-input v-model="form.area" placeholder="请输入区域" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remarks">
+          <el-input v-model="form.remarks" placeholder="请输入备注" />
+        </el-form-item>
+        <el-form-item label="归属部门" prop="deptId">
+            <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+      <!-- 用户导入对话框 -->
+      <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
+          <el-upload
+                  ref="upload"
+                  :limit="1"
+                  accept=".xlsx, .xls"
+                  :headers="upload.headers"
+                  :action="upload.url + '?updateSupport=' + upload.updateSupport"
+                  :disabled="upload.isUploading"
+                  :on-progress="handleFileUploadProgress"
+                  :on-success="handleFileSuccess"
+                  :auto-upload="false"
+                  drag
+          >
+              <i class="el-icon-upload"></i>
+              <div class="el-upload__text">
+                  将文件拖到此处，或
+                  <em>点击上传</em>
+              </div>
+              <div class="el-upload__tip" slot="tip">
+                  <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
+                  <el-link type="info" style="font-size:12px" @click="importTemplate">下载模板</el-link>
+              </div>
+              <div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
+          </el-upload>
+          <div slot="footer" class="dialog-footer">
+              <el-button type="primary" @click="submitFileForm">确 定</el-button>
+              <el-button @click="upload.open = false">取 消</el-button>
+          </div>
+      </el-dialog>
+  </div>
+</template>
+
+<script>
+import { listDevice, getDevice, delDevice, addDevice, updateDevice, exportDevice, importTemplate} from "@/api/configuration/device";
+import { treeselect } from "@/api/system/dept";
+import { getToken } from "@/utils/auth";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+
+export default {
+  name: "Device",
+  components: { Treeselect },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: false,
+      // 总条数
+      total: 0,
+      // 设备管理表格数据
+      deviceList: [],
+      // 弹出层标题
+      title: "",
+      // 部门树选项
+      deptOptions: undefined,
+      clientHeight:300,
+      // 是否显示弹出层
+      open: false,
+        // 用户导入参数
+        upload: {
+            // 是否显示弹出层（用户导入）
+            open: false,
+            // 弹出层标题（用户导入）
+            title: "",
+            // 是否禁用上传
+            isUploading: false,
+            // 是否更新已经存在的用户数据
+            updateSupport: 0,
+            // 设置上传的请求头部
+            headers: { Authorization: "Bearer " + getToken() },
+            // 上传的地址
+            url: process.env.VUE_APP_BASE_API + "/configuration/device/importData"
+        },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        plantCode: null,
+        devName: null,
+        area: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        deptId: [
+          { required: true, message: "部门编号不能为空", trigger: "blur" }
+        ]
+      }
+    };
+  },
+  watch: {
+        // 根据名称筛选部门树
+        deptName(val) {
+            this.$refs.tree.filter(val);
+        }
+   },
+  created() {
+      //设置表格高度对应屏幕高度
+      this.$nextTick(() => {
+          this.clientHeight = document.body.clientHeight -250
+      })
+    this.getList();
+    this.getTreeselect();
+  },
+  methods: {
+    /** 查询设备管理列表 */
+    getList() {
+      this.loading = true;
+      listDevice(this.queryParams).then(response => {
+        this.deviceList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+     /** 查询部门下拉树结构 */
+     getTreeselect() {
+          treeselect().then(response => {
+              this.deptOptions = response.data;
+          });
+     },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        plantCode: null,
+        devName: null,
+        area: null,
+        delFlag: null,
+        createrCode: null,
+        createdate: null,
+        updaterCode: null,
+        updatedate: null,
+        remarks: null,
+        deptId: null
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加设备管理";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids
+      getDevice(id).then(response => {
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改设备管理";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateDevice(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addDevice(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delDevice(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有设备管理数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return exportDevice(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+        })
+    },
+      /** 导入按钮操作 */
+      handleImport() {
+          this.upload.title = "用户导入";
+          this.upload.open = true;
+      },
+      /** 下载模板操作 */
+      importTemplate() {
+          importTemplate().then(response => {
+              this.download(response.msg);
+          });
+      },
+      // 文件上传中处理
+      handleFileUploadProgress(event, file, fileList) {
+          this.upload.isUploading = true;
+      },
+      // 文件上传成功处理
+      handleFileSuccess(response, file, fileList) {
+          this.upload.open = false;
+          this.upload.isUploading = false;
+          this.$refs.upload.clearFiles();
+          this.$alert(response.msg, "导入结果", { dangerouslyUseHTMLString: true });
+          this.getList();
+      },
+      // 提交上传文件
+      submitFileForm() {
+          this.$refs.upload.submit();
+      }
+  }
+};
+</script>