Web/admin-govern
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

提交更改

Browse Source
This commit is contained in:
zhujiyan
2024-07-12 16:55:10 +08:00
parent 85c76e078d
commit b7547be989
10 changed files with 1151 additions and 409 deletions
Download Patch File Download Diff File Expand all files Collapse all files

682
src/views/govern/device/planData/components/popup.vue
View File

@@ -1,175 +1,29 @@
<template>
<el-dialog
class="cn-operate-dialog device-manage-popup"
v-model="dialogVisible"
:title="title"
draggable
:style="{ width: activeFormIndex == 0 || activeFormIndex == 1 ? '500px' : '1300px' }"
:style="{ width: activeFormIndex == 0 || activeFormIndex == 1 ? '500px' : '1100px' }"
>
<!-- 新增方案数据 -->
<el-form
:model="form"
scroll-to-error
class="form-one"
label-width="140px"
:rules="rules1"
ref="ruleFormRef1"
v-if="activeFormIndex == 0 || activeFormIndex == 1"
>
<!-- 新增方案数据 -->
<div class="form-one">
<el-form-item label="方案名称：" prop="itemName">
<el-input v-model="form.itemName" placeholder="请输入方案名称" />
</el-form-item>
<el-form-item label="方案描述：" prop="describe">
<el-input type="textarea" v-model="form.describe" placeholder="请输入方案描述" />
</el-form-item>
</div>
<el-form-item label="方案名称：" prop="itemName">
<el-input v-model="form.itemName" placeholder="请输入方案名称" />
</el-form-item>
<el-form-item label="方案描述：" prop="describe">
<el-input type="textarea" v-model="form.describe" placeholder="请输入方案描述" />
</el-form-item>
</el-form>
<!-- <el-collapse accordion v-model="activeTab" v-show="activeFormIndex != 0" style="width: 100%"> -->
<!-- <el-collapse-item title="测试项信息" :name="0">
<div v-if="activeFormIndex != 0">
<div class="form-two monitor" v-for="(item, index) in form?.records" :key="index">
<el-form :model="form" scroll-to-error class="form-one" label-width="120px">
<el-form-item label="测试项名称：">
<el-input v-model="item.itemName" placeholder="请输入测试项名称" />
</el-form-item>
<el-form-item label="测量间隔：">
<el-select
v-model="item.statisticalInterval"
placeholder="请选择测量间隔"
clearable
style="width: 100%"
>
<el-option
v-for="(item, index) in statisticalIntervalList"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="电压等级：">
<el-select
v-model="item.voltageLevel"
placeholder="请选择电压等级"
clearable
style="width: 100%"
>
<el-option
v-for="(item, index) in voltageLevelList"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="接线方式：">
<el-select
v-model="item.volConType"
placeholder="请选择接线方式"
clearable
style="width: 100%"
>
<el-option
v-for="(item, index) in volConTypeList"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="最小短路容量：">
<el-input
v-model="item.capacitySscmin"
oninput="value=value.replace(/[^\-?\d.]/g,'')
.replace(/^\./g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')
.replace('-','$#$').replace(/\-/g,'').replace('$#$','-')"
autocomplete="off"
placeholder="请选择最小短路容量"
>
<template #append>MVA</template>
</el-input>
</el-form-item>
<el-form-item label="用户协议容量：">
<el-input
v-model="item.capacitySi"
autocomplete="off"
oninput="value=value.replace(/[^\-?\d.]/g,'')
.replace(/^\./g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')
.replace('-','$#$').replace(/\-/g,'').replace('$#$','-')"
placeholder="请输入用户协议容量"
>
<template #append>MVA</template>
</el-input>
</el-form-item>
<el-form-item label="基准短路容量：">
<el-input
v-model="item.capacitySscb"
oninput="value=value.replace(/[^\-?\d.]/g,'')
.replace(/^\./g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')
.replace('-','$#$').replace(/\-/g,'').replace('$#$','-')"
placeholder="请输入基准短路容量"
>
<template #append>MVA</template>
</el-input>
</el-form-item>
<el-form-item label="供电设备容量：">
<el-input
v-model="item.capacitySt"
oninput="value=value.replace(/[^\-?\d.]/g,'')
.replace(/^\./g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')
.replace('-','$#$').replace(/\-/g,'').replace('$#$','-')"
placeholder="请输入供电设备容量"
>
<template #append>MVA</template>
</el-input>
</el-form-item>
<el-form-item label="PT变比：" prop="pt">
<el-input
style="width: 48%"
v-model="item.pt"
autocomplete="off"
placeholder="请输入PT变比"
oninput="value=value.replace(/[^0-9.]/g,'')"
/>
<el-input
style="width: 48%"
v-model="item.pt1"
autocomplete="off"
placeholder="请输入PT变比"
oninput="value=value.replace(/[^0-9.]/g,'')"
/>
</el-form-item>
<el-form-item label="CT变比：" prop="ct">
<el-input
v-model="item.ct"
style="width: 48%"
autocomplete="off"
oninput="value=value.replace(/[^0-9.]/g,'')"
placeholder="请输入CT变比"
/>
<el-input
v-model="item.ct1"
style="width: 48%"
autocomplete="off"
oninput="value=value.replace(/[^0-9.]/g,'')"
placeholder="请输入CT变比"
/>
</el-form-item>
<el-form-item label="监测位置：" style="width: 100%">
<el-input type="textarea" v-model="item.location" placeholder="请输入监测位置" />
</el-form-item>
</el-form>
</div>
</div>
</el-collapse-item> -->
<!-- <el-collapse-item title="数据绑定" :name="1"> -->
<!-- 测试项信息&数据绑定页面 -->
<el-tabs type="border-card" v-model="activeName" v-if="activeFormIndex != 0 && activeFormIndex != 1">
<el-tab-pane label="测试项信息" :name="0">
<!-- <div class="form-two monitor" v-for="(item, index) in form?.records" :key="index"> -->
<el-form
:model="form1"
ref="ruleFormRef2"
@@ -202,6 +56,7 @@
placeholder="请选择电压等级"
clearable
style="width: 100%"
@change="changeVoltageLevel"
>
<el-option
v-for="(item, index) in voltageLevelList"
@@ -311,105 +166,56 @@
<el-input type="textarea" v-model="form1.location" placeholder="请输入监测位置" />
</el-form-item>
</el-form>
<!-- </div> -->
</el-tab-pane>
<el-tab-pane label="已绑定数据" :name="1" v-if="tableData && tableData.length != 0">
<div class="device_info" style="width: 100%">
<!-- <el-button type="primary" @click="addFlag = true" v-if="!addFlag">新增</el-button> -->
<div class="button_info">
<el-popconfirm
confirm-button-text="是"
cancel-button-text="否"
icon-color="#626AEF"
width="200"
title="是否确认移除所选数据？"
@confirm="handleDelete('')"
@cancel="cancelDelete"
>
<template #reference>
<el-button type="danger" :disabled="checkedList.length == 0" v-if="!addFlag">
移除
</el-button>
</template>
</el-popconfirm>
</div>
<div class="device-manage" v-loading="loading">
<vxe-table
v-bind="defaultAttribute"
:data="tableData"
height="420"
style="width: 100%; margin-top: 10px"
ref="checkedTableRef"
@checkbox-all="selectChangeEvent"
@checkbox-change="selectChangeEvent"
>
<vxe-column type="checkbox" width="60"></vxe-column>
<vxe-column type="seq" width="40"></vxe-column>
<vxe-column field="itemName" title="名称"></vxe-column>
<vxe-column field="devName" title="设备名称"></vxe-column>
<vxe-column field="devMac" title="设备MAC"></vxe-column>
<vxe-column field="devNdId" title="网络识别码"></vxe-column>
<vxe-column field="lineName" title="线路号"></vxe-column>
<vxe-column field="startTime" title="开始时间"></vxe-column>
<vxe-column field="endTime" title="结束时间"></vxe-column>
<vxe-column title="操作" width="120" fixed="right">
<template #default="{ row }">
<el-popconfirm
width="150"
confirm-button-text="是"
cancel-button-text="否"
icon-color="#626AEF"
title="是否确认移除？"
@confirm="handleDelete(row)"
@cancel="cancelDelete"
>
<template #reference>
<el-button type="danger" text size="small">移除</el-button>
</template>
</el-popconfirm>
</template>
</vxe-column>
</vxe-table>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="数据绑定" :name="2">
<div class="button_info">
<el-popconfirm
confirm-button-text="是"
cancel-button-text="否"
icon-color="#626AEF"
width="200"
title="是否确认绑定所选数据？"
@confirm="addDeviceData"
@cancel="cancelDelete"
>
<template #reference>
<el-button type="primary" :disabled="tableStore.table.selection.length == 0">
数据绑定
</el-button>
</template>
</el-popconfirm>
</div>
<div class="device_info add_device" style="width: 100%">
<div class="device-manage" v-loading="loading">
<deviceInfoTree
<!-- <TreeTransfer
style="margin-top: 20px"
ref="treeTransferRef"
node-key="id"
:fromData="unBindList"
:toData="bindList"
:defaultProps="{ label: 'name', value: 'id' }"
:title="['未绑定', '已绑定']"
/> -->
<TreeTransfers :fromData="unBindList" :toData="bindList" @getData="getData" />
<div class="device_info" v-show="false">
<div class="left_device">
<p>未绑定</p>
<deviceInfoTree1
:showCheckbox="true"
:default-checked-keys="defaultCheckedKeys"
@checkChange="checkChange"
ref="deviceInfoTreeRef"
></deviceInfoTree>
<div class="device-manage-right">
<TableHeader datePicker ref="TableHeaderRef"></TableHeader>
<Table ref="tableRef" />
</div>
@checkChange="checkChange1"
ref="deviceInfoTreeRef1"
style="height: 320px; width: 390px; border: 0"
></deviceInfoTree1>
</div>
<div class="center_bind">
<el-button
type="primary"
@click="handleUnBind"
:disabled="selectedBindList.length == 0"
:icon="ArrowLeft"
>
解绑
</el-button>
<el-button type="primary" @click="handleBind" :disabled="selectedUnBindList.length == 0">
绑定
<el-icon><ArrowRight /></el-icon>
</el-button>
</div>
<div class="right_device">
<p>已绑定</p>
<deviceInfoTree2
:showCheckbox="true"
:default-checked-keys="defaultCheckedKeys"
@checkChange="checkChange2"
ref="deviceInfoTreeRef2"
style="height: 320px; width: 390px; border: 0"
></deviceInfoTree2>
</div>
</div>
</el-tab-pane>
</el-tabs>
<!-- </el-collapse-item> -->
<!-- </el-collapse> -->
<template #footer="">
<el-button @click="close">取 消</el-button>
<el-button type="primary" @click="submit">确 定</el-button>
@@ -417,20 +223,23 @@
</el-dialog>
</template>
<script lang="ts" setup>
import { ref, inject, defineEmits, provide, nextTick } from 'vue'
import { ref, inject, defineEmits, provide, nextTick, watch, onMounted } from 'vue'
import { ElMessage } from 'element-plus'
import { Plus, Minus, Message } from '@element-plus/icons-vue'
import { Plus, Minus, Message, ArrowRight, ArrowLeft } from '@element-plus/icons-vue'
import { addPlan, addRecord, updateRecord, getDeviceList, addDevice, delDevice } from '@/api/cs-device-boot/planData'
import { useDictData } from '@/stores/dictData'
import { defaultAttribute } from '@/components/table/defaultAttribute'
import deviceInfoTree from '@/components/tree/govern/deviceInfoTree.vue'
import deviceInfoTree1 from '@/components/tree/govern/deviceInfoTree.vue'
import deviceInfoTree2 from '@/components/tree/govern/deviceInfoTree.vue'
import { mainHeight } from '@/utils/layout'
import TableStore from '@/utils/tableStore'
import Table from '@/components/table/index.vue'
import TableHeader from '@/components/table/header/index.vue'
import TreeTransfer from './treeTransfer.vue'
import TreeTransfers from './treeTransfers.vue'
const dictData = useDictData()
const dialogVisible = ref(false)
const voltageLevelList = dictData.getBasicData('Dev_Voltage')
const voltageLevelList = dictData.getBasicData('Dev_Voltage_Stand')
const volConTypeList = dictData.getBasicData('Dev_Connect')
const emit = defineEmits(['onSubmit'])
//表单数据
@@ -486,7 +295,46 @@ const initForm = () => {
ct1: 5, //ct变比2
location: '' //监测位置
}
changeVoltageLevel()
}
const codeValue = (val: any) => {
return (
voltageLevelList.find((item: any) => {
return item.code == val
})?.value * 1
)
}
//改变电压等级计算基准短路容量
const changeVoltageLevel = async () => {
let value: any =
voltageLevelList.find((item: any) => {
return item.id == form1.value.voltageLevel
})?.value * 1
if (value < codeValue('6kV')) {
form1.value.capacitySscb = 10
} else if (value < codeValue('20kV')) {
form1.value.capacitySscb = 100
} else if (value < codeValue('35kV')) {
form1.value.capacitySscb = 200
} else if (value < codeValue('66kV')) {
form1.value.capacitySscb = 250
} else if (value < codeValue('110kV')) {
form1.value.capacitySscb = 500
} else if (value < codeValue('220kV')) {
form1.value.capacitySscb = 750
} else if (value < codeValue('330kV')) {
form1.value.capacitySscb = 2000
} else if (value < codeValue('500kV')) {
form1.value.capacitySscb = 3000
} else if (value < codeValue('750kV')) {
form1.value.capacitySscb = 4500
} else if (value < codeValue('1000kV')) {
form1.value.capacitySscb = 7000
} else {
form1.value.capacitySscb = 9000
}
}
initForm()
//方案校验规则
const rules1 = ref({
@@ -602,9 +450,9 @@ const details = (val: any) => {
}
//修改测试项回显
if (activeFormIndex.value == 3) {
if(val.records[0]&& val.records.length != 0 ){
if (val.records[0] && val.records.length != 0) {
form1.value = JSON.parse(JSON.stringify(val.records[0]))
}else{
} else {
initForm()
}
}
@@ -612,6 +460,10 @@ const details = (val: any) => {
initForm()
}
}
//未绑定数据tree
const unBindList = ref([])
//已绑定数据tree
const bindList = ref([])
//0 新增方案 1 修改方案 2 新增测试项 3 修改测试项 4 设备信息
const open = async (val: any, id: any) => {
activeFormIndex.value = val
@@ -627,19 +479,160 @@ const open = async (val: any, id: any) => {
// getDeviceList({ id: id, isTrueFlag: 0, pageNum: 1, pageSize: 200 }).then(res => {})
dialogVisible.value = true
selectId.value = id
//1 列表 0树
//获取树形数据
//0未绑定数据 1 已绑定数据
//获取未绑定树形数据
getDeviceList({ id: id, isTrueFlag: 0 }).then(res => {
deviceInfoTreeRef.value.getTreeList(res.data)
deviceInfoTreeRef1.value.getTreeList(res.data)
unBindList.value = res.data
})
//获取已绑定树形数据
getDeviceList({ id: id, isTrueFlag: 1 }).then(res => {
deviceInfoTreeRef2.value.getTreeList(res.data)
bindList.value = res.data
})
//查绑定测试项列表
getSelectedTable(id)
//查新增列表
await tableStore.index()
// getSelectedTable(id)
nextTick(() => {
console.log(unBindList.value, bindList.value, '000000')
// treeTransferRef.value.initData(unBindList.value, bindList.value)
})
activeName.value = 0
}
}
//获取选择的绑定的数据
const checkedIdList: any = ref([])
const getData = (rightData: any) => {
checkedIdList.value = []
if (rightData && rightData.length != 0) {
rightData.map((item: any) => {
item.children.map((vv: any) => {
vv.children.map((kk: any) => {
checkedIdList.value.push(kk.id)
})
})
})
}
checkedIdList.value = [...new Set(checkedIdList.value)]
console.log(checkedIdList.value, '++++++++++++++处理好的id')
}
//未绑定数据变化时处理
const unBindListChange = () => {
//判断未绑定是否跟绑定的数据有重复的，如果有，则删除绑定的数据
unBindList.value.map((item: any) => {
bindList.value.map((vv: any, vvIndex: any) => {
if (vv == item) {
bindList.value.splice(vvIndex, 1)
}
// if(vv.children&&vv.children.length!=0&&item.children&&item.children.length!=0){
// if(vv.children==item.children){
// bindList.value.splice(vvIndex,1);
// }
// vv.children.map((vv1:any)=>{
// })
// }
})
})
}
//已绑定数据变化时处理
const bindListChange = () => {
//判断未绑定是否跟绑定的数据有重复的，如果有，则删除绑定的数据
bindList.value.map((item: any) => {
unBindList.value.map((vv: any, vvIndex: any) => {
if (vv == item) {
unBindList.value.splice(vvIndex, 1)
}
// if(vv.children&&vv.children.length!=0&&item.children&&item.children.length!=0){
// if(vv.children==item.children){
// bindList.value.splice(vvIndex,1);
// }
// vv.children.map((vv1:any)=>{
// })
// }
})
})
}
//解绑---选择已绑定的数据添加到未绑定的数组里面，已绑定的数组删除选择的数据
const handleUnBind = () => {
console.log(unBindList.value, '000000000000解绑')
selectedBindList.value.map((sel: any) => {
unBindList.value.map((item: any) => {
//如果选择的已绑定的id跟现有未绑定的数据id相等
if (sel.id && item.id && sel.id == item.id) {
if (item.children && sel.children) {
item.children = [...sel.children, ...item.children]
item.children = [...new Set(item.children)]
}
}
//如果选择的已绑定的id和现有未绑定的数据id不相等
if (sel.pid && item.id && !sel.children) {
//从已绑定的数组里面查找到这条数据
bindList.value.map((b: any, b_index: any) => {
if (b.children && b.children.length != 0) {
b.children.map((b_c: any, b_c_index: any) => {
if (b_c.children && b_c.children.length != 0) {
b_c.children.map((b_c_c: any, b_c_c_index: any) => {
if (b_c_c.pid == sel.pid && b_c_c.id == sel.id) {
let obj = JSON.parse(JSON.stringify(b))
unBindList.value.push(b)
unBindList.value = [...new Set(unBindList.value)]
// b.children.splice(b_c_index, 1)
// b.c.children.splice(b_c_c_index, 1)
unBindListChange()
} else {
return
}
})
}
})
}
})
}
})
})
}
//绑定---选择未绑定的数据添加到已绑定的数组里面，未绑定的数组删除选择的数据
const handleBind = () => {
console.log(bindList.value, '000000000000绑定')
selectedUnBindList.value.map((sel: any) => {
console.log(sel, '绑定')
bindList.value.map((item: any) => {
//如果选择的已绑定的id跟现有未绑定的数据id相等
if (sel.id && item.id && sel.id == item.id) {
if (item.children && sel.children) {
item.children = [...sel.children, ...item.children]
item.children = [...new Set(item.children)]
}
}
//如果选择的已绑定的id和现有未绑定的数据id不相等
if (sel.pid && item.id && !sel.children) {
//从未绑定的数组里面查找到这条数据
unBindList.value.map((b: any, b_index: any) => {
if (b.children && b.children.length != 0) {
b.children.map((b_c: any, b_c_index: any) => {
if (b_c.children && b_c.children.length != 0) {
b_c.children.map((b_c_c: any, b_c_c_index: any) => {
if (b_c_c.pid == sel.pid && b_c_c.id == sel.id) {
let obj = JSON.parse(JSON.stringify(b))
bindList.value.push(b)
bindList.value = [...new Set(bindList.value)]
// b.children.splice(b_c_index, 1)
// b.c.children.splice(b_c_c_index, 1)
bindListChange()
} else {
return
}
})
}
})
}
})
}
})
})
}
const loading = ref(false)
const defaultCheckedKeys: any = ref([])
const tableData = ref([])
@@ -648,8 +641,22 @@ defineOptions({
})
const treeIds: any = ref([])
const pids: any = ref([])
//绑定选择的数据
const selectedBindList: any = ref([])
//未绑定选择的数据
const selectedUnBindList: any = ref([])
//未绑定树节点变化时处理数据
const checkChange1 = (data: any) => {
selectedUnBindList.value = data.data
}
//已绑定树节点变化时处理数据
const checkChange2 = (data: any) => {
selectedBindList.value = data.data
}
//树节点选择变化的时候处理树节点选中数据
const checkChange = async (data: any) => {
return
treeIds.value = []
pids.value = []
// if (data.checked) {
@@ -677,111 +684,15 @@ const checkChange = async (data: any) => {
}
treeIds.value = [...new Set(treeIds.value)]
pids.value = [...new Set(pids.value)]
await tableStore.index()
// await tableStore.index()
}
const deviceInfoTreeRef = ref()
const deviceInfoTreeRef1 = ref()
const deviceInfoTreeRef2 = ref()
//判断是否显示新增页面 false显示详情页面和删除按钮隐藏确定按钮 true显示新增页面与确定按钮隐藏删除按钮
const addFlag = ref(false)
const selectId: any = ref('')
//查绑定测试项列表
const getSelectedTable = async (id: any) => {
//新增传0已绑定传1
await getDeviceList({ id: id, isTrueFlag: 1, pageNum: 1, pageSize: 1000 }).then(res => {
tableData.value = res.data.records
})
}
//新增设备列表
const tableStore = new TableStore({
url: '/cs-device-boot/wlRecord/queryPage',
publicHeight: 260,
method: 'POST',
column: [
{ width: '40', type: 'checkbox', fixed: 'left' },
{ title: '序号', type: 'seq', width: 60 },
{ field: 'itemName', title: '名称', minWidth: 170 },
{ field: 'devName', title: '设备名称', minWidth: 170 },
{ field: 'lineName', title: '线路号', minWidth: 170 },
{ field: 'startTime', title: '开始时间', minWidth: 170 },
{ field: 'endTime', title: '结束时间', minWidth: 170 }
],
beforeSearchFun: () => {
tableStore.table.params.id = selectId.value
//新增传0已绑定传1
tableStore.table.params.isTrueFlag = 0
tableStore.table.params.treeIds = treeIds.value
tableStore.table.params.pids = pids.value
}
})
tableStore.table.params.treeIds = []
tableStore.table.params.pids = []
provide('tableStore', tableStore)
const tableRef = ref()
//删除设备
const checkedTableRef = ref()
//判断是否选择了设备数据
const checkedList: any = ref([])
/*
* 记录选择的项
*/
const selectChangeEvent = (checked: any) => {
checkedList.value = checkedTableRef.value.getCheckboxRecords()
}
//添加绑定设备
const addDeviceData = async () => {
//选择的数据
let deviceIds = []
if (tableStore.table.selection.length != 0) {
tableStore.table.selection.map(item => {
deviceIds.push(item.id)
})
const addForm = {
id: selectId.value,
list: deviceIds
}
await addDevice(addForm).then(res => {
if (res.code == 'A0000') {
ElMessage.success('绑定成功')
getSelectedTable(selectId.value)
//清除树节点选择状态
defaultCheckedKeys.value = []
//刷新新增列表状态
tableStore.index()
addFlag.value = false
}
})
} else {
ElMessage.warning('请选择设备信息')
}
}
//移除绑定的设备
const handleDelete = (row: any) => {
let list = []
//单选删除
if (row) {
list.push(row.id)
}
//批量删除
else {
checkedTableRef.value.getCheckboxRecords().length != 0
? checkedTableRef.value.getCheckboxRecords().map((item: any) => {
list.push(item.id)
})
: (list = [])
}
if (list.length != 0) {
delDevice({ id: selectId.value, list: list }).then(res => {
if (res.code == 'A0000') {
ElMessage.success('移除成功')
activeName.value = tableData.value.length == 0 ? 0 : 2
getSelectedTable(selectId.value)
}
})
}
}
const cancelDelete = () => {
console.log('取消')
}
//关闭
const ruleFormRef1 = ref()
const ruleFormRef2 = ref()
@@ -792,7 +703,6 @@ const close = () => {
if (addFlag.value) {
addFlag.value = false
checkedList.value = []
checkedTableRef.value.clearCheckboxRow()
} else {
dialogVisible.value = false
}
@@ -805,6 +715,8 @@ const close = () => {
}
//tabs
activeName.value = 0
unBindList.value = []
bindList.value = []
initForm()
}
//提交
@@ -850,13 +762,14 @@ const submit = () => {
if (activeFormIndex.value == 2) {
ruleFormRef2.value.validate(valid => {
if (valid) {
const subForm = {
let subForm = {
id: planId.value,
records: [form1.value]
}
subForm.list = tableData.value.map(item => {
return item.id
})
// subForm.list = tableData.value.map(item => {
// return item.id
// })
subForm.records[0].list = checkedIdList.value
addRecord(subForm).then(res => {
ElMessage.success('新增测试项成功')
initForm()
@@ -875,9 +788,10 @@ const submit = () => {
// ...form1.value
// }
let subForm = JSON.parse(JSON.stringify(form1.value))
subForm.list = tableData.value.map(item => {
return item.id
})
// subForm.list = tableData.value.map(item => {
// return item.id
// })
subForm.list = checkedIdList.value
updateRecord(subForm).then(res => {
ElMessage.success('修改测试项成功')
initForm()
@@ -902,32 +816,36 @@ defineExpose({ open, details })
width: 100% !important;
}
}
.monitor {
position: relative;
padding: 10px 50px;
.monitor_add {
position: absolute;
right: 5px;
top: 10px;
}
}
.button_info {
width: 100%;
display: flex;
justify-content: flex-end;
margin: 10px 0;
}
.add_device {
// display: flex;
// justify-content: space-between;
// align-items: center;
}
.device-manage {
.device_info {
width: 100%;
height: 100%;
display: flex;
.device-manage-right {
// justify-content: space-between;
.left_device,
.right_device {
width: 410px;
border: 1px solid #eee;
padding-right: 10px;
p {
margin: 10px 10px 0 10px;
font-weight: 800;
font-size: 14px;
}
}
.center_bind {
flex: 1;
display: flex;
padding: 0 30px;
align-items: center;
justify-content: center;
}
}
</style>