移除文件
This commit is contained in:
caozehui
@@ -1,269 +0,0 @@
|
|||||||
const data = [
|
|
||||||
{
|
|
||||||
id: 'device1',
|
|
||||||
deviceName:"模拟装置1",
|
|
||||||
deviceType:"PQS882B4电能质量监测装置",
|
|
||||||
deviceChannels:"4",
|
|
||||||
planName: "沧州220kV留古等4座变电站电能质量检测",
|
|
||||||
deviceUn: "57.74",
|
|
||||||
deviceIn: "5",
|
|
||||||
deviceCompany: "南京灿能电力自动化股份有限公司",
|
|
||||||
deviceModel: "模拟式",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'device2',
|
|
||||||
deviceName:"模拟装置2",
|
|
||||||
deviceType:"PQS882A电能质量监测装置",
|
|
||||||
deviceChannels:"1",
|
|
||||||
planName: "邯郸220kV团城站等4座站电能质量检测",
|
|
||||||
deviceUn: "57.74",
|
|
||||||
deviceIn: "5",
|
|
||||||
deviceCompany: "南京灿能电力自动化股份有限公司",
|
|
||||||
deviceModel: "模拟式",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'device3',
|
|
||||||
deviceName:"模拟装置3",
|
|
||||||
deviceType:"PQS882A电能质量监测装置",
|
|
||||||
deviceChannels:"1",
|
|
||||||
planName: "衡水冀州光伏电站配套出口工程",
|
|
||||||
deviceUn: "57.74",
|
|
||||||
deviceIn: "1",
|
|
||||||
deviceCompany: "南京灿能电力自动化股份有限公司",
|
|
||||||
deviceModel: "模拟式",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'device4',
|
|
||||||
deviceName:"模拟装置4",
|
|
||||||
deviceType:"PMC-680M-22-22-00-115ANBC电能质量监测装置",
|
|
||||||
deviceChannels:"4",
|
|
||||||
planName: "深圳市中电软件有限公司委托送检",
|
|
||||||
deviceUn: "57.74",
|
|
||||||
deviceIn: "5",
|
|
||||||
deviceCompany: "深圳中电电力技术股份有限公司",
|
|
||||||
deviceModel: "模拟式",
|
|
||||||
},
|
|
||||||
]
|
|
||||||
const plan_devicedata = [
|
|
||||||
{
|
|
||||||
id: '1', //装置序号ID
|
|
||||||
name: '240001', //设备名称
|
|
||||||
dev_Type: 'PQS-882B4',//设备类型
|
|
||||||
dev_Chns: 4, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '2', //装置序号ID
|
|
||||||
name: '240002', //设备名称
|
|
||||||
dev_Type: 'PQS-882B4',//设备类型
|
|
||||||
dev_Chns: 4, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '3', //装置序号ID
|
|
||||||
name: '240003', //设备名称
|
|
||||||
dev_Type: 'PQS-882B4',//设备类型
|
|
||||||
dev_Chns: 4, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '4', //装置序号ID
|
|
||||||
name: '240004', //设备名称
|
|
||||||
dev_Type: 'PQS-882B4',//设备类型
|
|
||||||
dev_Chns: 4, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '5', //装置序号ID
|
|
||||||
name: '240005', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '不符合', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'检测完成',//检测状态
|
|
||||||
reCheck_Num: 1, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '6', //装置序号ID
|
|
||||||
name: '240006', //设备名称
|
|
||||||
dev_Type: 'PQS-882B4',//设备类型
|
|
||||||
dev_Chns: 4, //设备通道数
|
|
||||||
check_Result: '不符合', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'检测完成',//检测状态
|
|
||||||
reCheck_Num: 1, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '7', //装置序号ID
|
|
||||||
name: '240007', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '符合', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'检测完成',//检测状态
|
|
||||||
reCheck_Num: 1, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '8', //装置序号ID
|
|
||||||
name: '240008', //设备名称
|
|
||||||
dev_Type: 'PQS-882B4',//设备类型
|
|
||||||
dev_Chns: 4, //设备通道数
|
|
||||||
check_Result: '符合', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'检测完成',//检测状态
|
|
||||||
reCheck_Num: 1, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '9', //装置序号ID
|
|
||||||
name: '240009', //设备名称
|
|
||||||
dev_Type: 'PQS-882B4',//设备类型
|
|
||||||
dev_Chns: 4, //设备通道数
|
|
||||||
check_Result: '不符合', //检测结果
|
|
||||||
report_State: '已生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'检测完成',//检测状态
|
|
||||||
reCheck_Num: 1, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '10', //装置序号ID
|
|
||||||
name: '240010', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '符合', //检测结果
|
|
||||||
report_State: '已生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'检测完成',//检测状态
|
|
||||||
reCheck_Num: 2, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '11', //装置序号ID
|
|
||||||
name: '240011', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '符合', //检测结果
|
|
||||||
report_State: '已生成', //报告状态
|
|
||||||
document_State: '已归档', //归档状态
|
|
||||||
check_State:'检测完成',//检测状态
|
|
||||||
reCheck_Num: 1, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '12', //装置序号ID
|
|
||||||
name: '240012', //设备名称
|
|
||||||
dev_Type: 'PQS-882B4',//设备类型
|
|
||||||
dev_Chns: 4, //设备通道数
|
|
||||||
check_Result: '符合', //检测结果
|
|
||||||
report_State: '已生成', //报告状态
|
|
||||||
document_State: '已归档', //归档状态
|
|
||||||
check_State:'检测完成',//检测状态
|
|
||||||
reCheck_Num: 2, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '13', //装置序号ID
|
|
||||||
name: '240013', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '14', //装置序号ID
|
|
||||||
name: '240014', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '15', //装置序号ID
|
|
||||||
name: '240015', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '16', //装置序号ID
|
|
||||||
name: '240016', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '17', //装置序号ID
|
|
||||||
name: '240017', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '18', //装置序号ID
|
|
||||||
name: '240018', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '19', //装置序号ID
|
|
||||||
name: '240019', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '20', //装置序号ID
|
|
||||||
name: '240020', //设备名称
|
|
||||||
dev_Type: 'PQS-882A',//设备类型
|
|
||||||
dev_Chns: 1, //设备通道数
|
|
||||||
check_Result: '未检', //检测结果
|
|
||||||
report_State: '未生成', //报告状态
|
|
||||||
document_State: '未归档', //归档状态
|
|
||||||
check_State:'未检',//检测状态
|
|
||||||
reCheck_Num: 0, //复检次数
|
|
||||||
},
|
|
||||||
]
|
|
||||||
export default {data,plan_devicedata}
|
|
||||||
@@ -1,137 +0,0 @@
|
|||||||
<!--单列-->
|
|
||||||
<template>
|
|
||||||
<el-dialog class='table-box'
|
|
||||||
v-model='dialogVisible'
|
|
||||||
top='114px'
|
|
||||||
:style="{ height: height+'px', maxHeight: height+'px', overflow: 'hidden' }"
|
|
||||||
:title='title'
|
|
||||||
:width='width'
|
|
||||||
:modal='false'>
|
|
||||||
<div class='table-box' :style="{height:(height-64)+'px',maxHeight:(height-64)+'px',overflow:'hidden'}">
|
|
||||||
<ProTable
|
|
||||||
ref='proTable'
|
|
||||||
:columns='columns'
|
|
||||||
:data='deviceData'
|
|
||||||
type='selection'
|
|
||||||
@selection-change="handleSelectionChange"
|
|
||||||
>
|
|
||||||
<!-- 表格 header 按钮 -->
|
|
||||||
<template #tableHeader="scope">
|
|
||||||
<el-tooltip content="通过文件导入设备" placement="top">
|
|
||||||
<el-button type='primary' :icon='Download' tooltip >导入设备</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip content="通过设备列表导入设备" placement="top">
|
|
||||||
<el-button type='primary' :icon='Download' tooltip @click="showDeviceSelectOpen">筛选设备</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip content="把设备列表导出成文件" placement="top" :disabled='!scope.isSelected'>
|
|
||||||
<el-button type='primary' :icon='Download' :disabled='!scope.isSelected' tooltip >导出设备</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-button type='danger' :icon='Delete' plain :disabled='!scope.isSelected'>
|
|
||||||
批量移除
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
<!-- <el-button type='primary' :icon='Download' >下载报告</el-button> -->
|
|
||||||
<!-- 表格操作 -->
|
|
||||||
<template #operation='scope'>
|
|
||||||
<!-- <el-button type='primary' link :icon='View' >查看</el-button> -->
|
|
||||||
<el-button type='primary' link :icon='Delete' >移除</el-button>
|
|
||||||
</template>
|
|
||||||
</ProTable>
|
|
||||||
</div>
|
|
||||||
<DeviceSelectOpen :width='width' :height='height' ref='openDeviceSelectView' />
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
<script setup lang='tsx'>
|
|
||||||
import { Delete, View ,Upload,Download} from '@element-plus/icons-vue'
|
|
||||||
import { reactive,ref } from 'vue'
|
|
||||||
import type { Device } from '@/api/device/interface/device.ts'
|
|
||||||
import ProTable from '@/components/ProTable/index.vue'
|
|
||||||
import { type ProTableInstance, type ColumnProps } from '@/components/ProTable/interface'
|
|
||||||
import deviceDataList from '@/api/device/device/deviceData.ts'
|
|
||||||
import DeviceSelectOpen from '@/views/plan/planList/components/devSelectPopup.vue'
|
|
||||||
import { useViewSize } from '@/hooks/useViewSize'
|
|
||||||
|
|
||||||
//const { popupBaseView, viewWidth, viewHeight } = useViewSize()
|
|
||||||
const deviceData = deviceDataList.plan_devicedata
|
|
||||||
const dialogVisible = ref(false)
|
|
||||||
const title = ref('')
|
|
||||||
const openDeviceSelectView = ref()
|
|
||||||
let multipleSelection = ref<string[]>([])
|
|
||||||
// 表格配置项
|
|
||||||
const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
|
|
||||||
{ type: 'selection', fixed: 'left', width: 70 },
|
|
||||||
{
|
|
||||||
prop: 'name',
|
|
||||||
label: '名称',
|
|
||||||
minWidth: 120,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'dev_Type',
|
|
||||||
label: '类型',
|
|
||||||
minWidth: 180,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'dev_Chns',
|
|
||||||
label: '通道数',
|
|
||||||
minWidth: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'reCheck_Num',
|
|
||||||
label: '复检次数',
|
|
||||||
minWidth: 70,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'report_State',
|
|
||||||
label: '报告状态',
|
|
||||||
minWidth: 110,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'check_Result',
|
|
||||||
label: '检测结果',
|
|
||||||
minWidth: 110,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'check_State',
|
|
||||||
label: '检测状态',
|
|
||||||
minWidth: 110,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
prop: 'document_State',
|
|
||||||
label: '归档状态',
|
|
||||||
minWidth: 110,
|
|
||||||
},
|
|
||||||
{ prop: 'operation', label: '操作', fixed: 'right', minWidth: 100 },
|
|
||||||
])
|
|
||||||
|
|
||||||
const open = (textTitle: string) => {
|
|
||||||
dialogVisible.value = true
|
|
||||||
title.value = textTitle
|
|
||||||
}
|
|
||||||
defineExpose({ open })
|
|
||||||
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
width: {
|
|
||||||
type: Number,
|
|
||||||
default: 800,
|
|
||||||
},
|
|
||||||
height: {
|
|
||||||
type: Number,
|
|
||||||
default: 744,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const showDeviceSelectOpen = () => {
|
|
||||||
openDeviceSelectView.value.open('设备筛选列表')
|
|
||||||
}
|
|
||||||
// 处理选择变化
|
|
||||||
const handleSelectionChange = (selection:Device.ResPqDev[]) => {
|
|
||||||
multipleSelection.value = selection.map(row => row.id); // 更新选中的行
|
|
||||||
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
Reference in New Issue
Block a user