|
|
@@ -11,7 +11,7 @@
|
|
|
align-items: center;
|
|
|
"
|
|
|
>
|
|
|
- <div style="font-size: 12px; width: 80px">设备名称:</div>
|
|
|
+ <div style="font-size: 12px; width: 80px">模板名称:</div>
|
|
|
<el-input v-model="searchform.name" placeholder="设备名称"></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -24,11 +24,11 @@
|
|
|
<el-card class="box-card" style="margin-top: 10px">
|
|
|
<template #header>
|
|
|
<div class="card-header">
|
|
|
- <span>设备管理</span>
|
|
|
+ <span>设备模板管理</span>
|
|
|
|
|
|
<div>
|
|
|
<el-button type="primary" @click="adddevice">添加</el-button>
|
|
|
- <el-button type="danger">批量删除</el-button>
|
|
|
+ <el-button type="danger" @click="deleteall">批量删除</el-button>
|
|
|
<el-button type="primary" plain @click="ziduanshow=true">显示字段</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -36,21 +36,21 @@
|
|
|
|
|
|
<el-row>
|
|
|
<el-col :span="24" style="padding-left: 10px">
|
|
|
- <el-table ref="multipleTable" :data="devicetabledata" :border="true">
|
|
|
+ <el-table ref="tableref" :data="devicetabledata" :border="true">
|
|
|
<el-table-column type="selection" width="55"></el-table-column>
|
|
|
<el-table-column v-for="item in cloumdata.filter(i=>i.visible)" :prop="item.prop" :label="item.label" >
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作">
|
|
|
<template #default="scope">
|
|
|
<div>
|
|
|
- <el-button link>
|
|
|
+ <el-button link @click="editrow(scope.row)">
|
|
|
<el-tooltip effect="dark" content="编辑">
|
|
|
<el-icon>
|
|
|
<Edit />
|
|
|
</el-icon>
|
|
|
</el-tooltip>
|
|
|
</el-button>
|
|
|
- <el-popconfirm title="确定删除该标签?">
|
|
|
+ <el-popconfirm title="确定删除该设备模板?" @confirm="deleterow(scope.row)">
|
|
|
<template #reference>
|
|
|
<el-button link
|
|
|
><el-tooltip effect="dark" content="删除"
|
|
|
@@ -168,6 +168,7 @@
|
|
|
import {ref, watch} from "vue";
|
|
|
import {listEquipment,addEquipment,delEquipment,updateEquipment} from "@/api/data/equipment"
|
|
|
import moment from "moment/moment";
|
|
|
+import {ElMessage, ElMessageBox} from "element-plus";
|
|
|
|
|
|
const addshow = ref(false);
|
|
|
|
|
|
@@ -204,6 +205,49 @@ const pagedata = ref({
|
|
|
current:1
|
|
|
});
|
|
|
|
|
|
+
|
|
|
+const editrow = (item)=>{
|
|
|
+ currentdata.value = item;
|
|
|
+ addshow.value=true;
|
|
|
+}
|
|
|
+
|
|
|
+const deleterow =(item)=>{
|
|
|
+ delEquipment(item.id).then((res)=>{
|
|
|
+ ElMessage.success("删除成功");
|
|
|
+ getalldata();
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
+const tableref = ref(null);
|
|
|
+
|
|
|
+const deleteall = ()=>{
|
|
|
+ let selected = tableref.value.getSelectionRows();
|
|
|
+ if(selected.length==0) {
|
|
|
+ ElMessage.warning("请选择要删除的行");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (selected.length > 0) {
|
|
|
+ ElMessageBox.confirm(
|
|
|
+ `是否删除${selected.length}条数据`,
|
|
|
+ "警告",
|
|
|
+ {
|
|
|
+ confirmButtonText: "确认",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: 'warning',
|
|
|
+ }
|
|
|
+ ).then(() => {
|
|
|
+
|
|
|
+ delEquipment(selected.map(i => i.id).join(",")).then((res) => {
|
|
|
+ ElMessage.success("删除成功");
|
|
|
+ getalldata();
|
|
|
+ })
|
|
|
+
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
const initdata = ()=>{
|
|
|
searchform.value = {
|
|
|
name:""
|
|
|
@@ -224,11 +268,13 @@ const dosave = ()=>{
|
|
|
if(currentdata.value["id"]!=undefined){
|
|
|
updateEquipment(currentdata.value).then((res) => {
|
|
|
addshow.value=false;
|
|
|
+ ElMessage.success("修改成功!")
|
|
|
getalldata();
|
|
|
});
|
|
|
}else{
|
|
|
addEquipment(currentdata.value).then((res) => {
|
|
|
addshow.value=false;
|
|
|
+ ElMessage.success("添加成功!")
|
|
|
getalldata();
|
|
|
});
|
|
|
|