检测计划列表操作按钮调整，超过3个按钮时，调整为更多下拉
This commit is contained in:
@@ -1,57 +1,57 @@
|
|||||||
<template>
|
<template>
|
||||||
<RenderTableColumn v-bind="column" />
|
<RenderTableColumn v-bind='column' />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="tsx" name="TableColumn">
|
<script setup lang='tsx' name='TableColumn'>
|
||||||
import { ColumnProps, RenderScope, HeaderRenderScope } from "@/components/ProTable/interface";
|
import { ColumnProps, RenderScope, HeaderRenderScope } from '@/components/ProTable/interface'
|
||||||
import { filterEnum, formatValue, handleProp, handleRowAccordingToProp } from "@/utils";
|
import { filterEnum, formatValue, handleProp, handleRowAccordingToProp } from '@/utils'
|
||||||
|
|
||||||
defineProps<{ column: ColumnProps }>();
|
defineProps<{ column: ColumnProps }>()
|
||||||
|
|
||||||
const slots = useSlots();
|
const slots = useSlots()
|
||||||
|
|
||||||
const enumMap = inject("enumMap", ref(new Map()));
|
const enumMap = inject('enumMap', ref(new Map()))
|
||||||
|
|
||||||
// 渲染表格数据
|
// 渲染表格数据
|
||||||
const renderCellData = (item: ColumnProps, scope: RenderScope<any>) => {
|
const renderCellData = (item: ColumnProps, scope: RenderScope<any>) => {
|
||||||
return enumMap.value.get(item.prop) && item.isFilterEnum
|
return enumMap.value.get(item.prop) && item.isFilterEnum
|
||||||
? filterEnum(handleRowAccordingToProp(scope.row, item.prop!), enumMap.value.get(item.prop)!, item.fieldNames)
|
? filterEnum(handleRowAccordingToProp(scope.row, item.prop!), enumMap.value.get(item.prop)!, item.fieldNames)
|
||||||
: formatValue(handleRowAccordingToProp(scope.row, item.prop!));
|
: formatValue(handleRowAccordingToProp(scope.row, item.prop!))
|
||||||
};
|
}
|
||||||
|
|
||||||
// 获取 tag 类型
|
// 获取 tag 类型
|
||||||
const getTagType = (item: ColumnProps, scope: RenderScope<any>) => {
|
const getTagType = (item: ColumnProps, scope: RenderScope<any>) => {
|
||||||
return (
|
return (
|
||||||
filterEnum(handleRowAccordingToProp(scope.row, item.prop!), enumMap.value.get(item.prop), item.fieldNames, "tag") || "primary"
|
filterEnum(handleRowAccordingToProp(scope.row, item.prop!), enumMap.value.get(item.prop), item.fieldNames, 'tag') || 'primary'
|
||||||
);
|
)
|
||||||
};
|
}
|
||||||
|
|
||||||
const RenderTableColumn = (item: ColumnProps) => {
|
const RenderTableColumn = (item: ColumnProps) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{item.isShow && (
|
{item.isShow && (
|
||||||
<el-table-column
|
<el-table-column
|
||||||
{...item}
|
{...item}
|
||||||
align={item.align ?? "center"}
|
align={item.align ?? 'center'}
|
||||||
showOverflowTooltip={item.showOverflowTooltip ?? item.prop !== "operation"}
|
showOverflowTooltip={item.showOverflowTooltip ?? item.prop !== 'operation'}
|
||||||
>
|
>
|
||||||
{{
|
{{
|
||||||
default: (scope: RenderScope<any>) => {
|
default: (scope: RenderScope<any>) => {
|
||||||
if (item._children) return item._children.map(child => RenderTableColumn(child));
|
if (item._children) return item._children.map(child => RenderTableColumn(child))
|
||||||
if (item.render) return item.render(scope);
|
if (item.render) return item.render(scope)
|
||||||
if (item.prop && slots[handleProp(item.prop)]) return slots[handleProp(item.prop)]!(scope);
|
if (item.prop && slots[handleProp(item.prop)]) return slots[handleProp(item.prop)]!(scope)
|
||||||
if (item.tag) return <el-tag type={getTagType(item, scope)}>{renderCellData(item, scope)}</el-tag>;
|
if (item.tag) return <el-tag type={getTagType(item, scope)}>{renderCellData(item, scope)}</el-tag>
|
||||||
return renderCellData(item, scope);
|
return renderCellData(item, scope)
|
||||||
},
|
},
|
||||||
header: (scope: HeaderRenderScope<any>) => {
|
header: (scope: HeaderRenderScope<any>) => {
|
||||||
if (item.headerRender) return item.headerRender(scope);
|
if (item.headerRender) return item.headerRender(scope)
|
||||||
if (item.prop && slots[`${handleProp(item.prop)}Header`]) return slots[`${handleProp(item.prop)}Header`]!(scope);
|
if (item.prop && slots[`${handleProp(item.prop)}Header`]) return slots[`${handleProp(item.prop)}Header`]!(scope)
|
||||||
return item.label;
|
return item.label
|
||||||
}
|
},
|
||||||
}}
|
}}
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
);
|
)
|
||||||
};
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -479,4 +479,16 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.cn-render-buttons {
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 13px;
|
||||||
|
line-height: 18px;
|
||||||
|
padding: 2px;
|
||||||
|
.icon {
|
||||||
|
font-size: 12px !important;
|
||||||
|
// color: var(--ba-bg-color-overlay) !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -1,88 +1,118 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class='table-box' ref='popupBaseView'>
|
<div class='table-box' ref='popupBaseView'>
|
||||||
<ProTable
|
<ProTable
|
||||||
ref='proTable'
|
ref='proTable'
|
||||||
:columns='columns'
|
:columns='columns'
|
||||||
:data='planData'
|
:data='planData'
|
||||||
>
|
>
|
||||||
<!-- 表格 header 按钮 -->
|
<!-- 表格 header 按钮 -->
|
||||||
<template #tableHeader='scope'>
|
<template #tableHeader='scope'>
|
||||||
<el-button type='primary' :icon='Download' @click="importClick">导入</el-button>
|
<el-button type='primary' :icon='Download' @click='importClick'>导入</el-button>
|
||||||
<el-button type='primary' :icon='CirclePlus' :disabled='!(scope.selectedList.length > 1)' @click="combineClick">合并</el-button>
|
<el-button type='primary' :icon='CirclePlus' :disabled='!(scope.selectedList.length > 1)' @click='combineClick'>
|
||||||
<el-button type='primary' :icon='CirclePlus' @click="openAddDialog">新增</el-button>
|
合并
|
||||||
<el-button type='danger' :icon='Delete' plain :disabled='!scope.isSelected'>
|
</el-button>
|
||||||
批量删除
|
<el-button type='primary' :icon='CirclePlus' @click='openAddDialog'>新增</el-button>
|
||||||
</el-button>
|
<el-button type='danger' :icon='Delete' plain :disabled='!scope.isSelected'>
|
||||||
<input type="file" style="display: none" ref="fileInput" @change="handleFiles">
|
批量删除
|
||||||
</template>
|
</el-button>
|
||||||
|
<input type='file' style='display: none' ref='fileInput' @change='handleFiles'>
|
||||||
|
</template>
|
||||||
<!-- 表格操作 -->
|
<!-- 表格操作 -->
|
||||||
<template #operation='scope'>
|
<template #operation='scope'>
|
||||||
<!-- <el-button type='primary' link :icon='View' @click="handleRowClick(scope.row)">查看</el-button> -->
|
<!-- <el-button type='primary' link :icon='View' @click="handleRowClick(scope.row)">查看</el-button> -->
|
||||||
<el-button type='primary' link :icon='Upload' @click="exportClick">导出</el-button>
|
<el-button type='primary' link :icon='Upload' @click='exportClick'>导出</el-button>
|
||||||
<el-button type='primary' link :icon='EditPen' @click="openEditDialog(scope.row)">编辑</el-button>
|
<el-button type='primary' link :icon='EditPen' @click='openEditDialog(scope.row)'>编辑</el-button>
|
||||||
<el-button type='primary' link :icon='Delete' >删除</el-button>
|
<div class='cn-render-buttons'>
|
||||||
<el-button type='primary' link :icon='List' @click="showDeviceOpen(scope.row)">设备绑定</el-button>
|
<el-dropdown trigger='click'>
|
||||||
<el-button type='primary' link :icon='Tools' @click="showtestSourceOpen(scope.row)">检测源绑定</el-button>
|
<el-button link type='primary' class='table-operate'>
|
||||||
</template>
|
<div class='table-operate-text'>更多</div>
|
||||||
</ProTable>
|
</el-button>
|
||||||
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu>
|
||||||
|
<el-dropdown-item :style="{color: 'var(--el-color-danger)'}" :icon='Delete'>
|
||||||
|
删除
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :icon='List' @click='showDeviceOpen(scope.row)'>
|
||||||
|
设备绑定
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item :icon='Tools' @click='showtestSourceOpen(scope.row)'>
|
||||||
|
检测源绑定
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</ProTable>
|
||||||
|
|
||||||
<temp></temp>
|
<temp></temp>
|
||||||
<!-- 向计划导入/导出设备对话框 -->
|
<!-- 向计划导入/导出设备对话框 -->
|
||||||
<planPopup
|
<planPopup
|
||||||
:visible="dialogFormVisible"
|
:visible='dialogFormVisible'
|
||||||
:formData="dialogForm"
|
:formData='dialogForm'
|
||||||
:dialogTitle="dialogTitle"
|
:dialogTitle='dialogTitle'
|
||||||
:is-read-only="isReadOnly"
|
:is-read-only='isReadOnly'
|
||||||
@update:visible="dialogFormVisible = $event"
|
@update:visible='dialogFormVisible = $event'
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- 查看误差体系详细信息 -->
|
<!-- 查看误差体系详细信息 -->
|
||||||
<ErrorStandardDialog
|
<ErrorStandardDialog
|
||||||
:visible="detail_dialogFormVisible"
|
:visible='detail_dialogFormVisible'
|
||||||
:formData="detail_dialogForm"
|
:formData='detail_dialogForm'
|
||||||
:dialogTitle="detail_dialogTitle"
|
:dialogTitle='detail_dialogTitle'
|
||||||
@update:visible="detail_dialogFormVisible = $event"
|
@update:visible='detail_dialogFormVisible = $event'
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<devTransfer
|
<devTransfer
|
||||||
:dialogVisible=devTransferVisible
|
:dialogVisible=devTransferVisible
|
||||||
@update:visible='devTransferVisible = $event'
|
@update:visible='devTransferVisible = $event'
|
||||||
/>
|
/>
|
||||||
<sourceTransfer
|
<sourceTransfer
|
||||||
:dialogVisible=sourceTransferVisible
|
:dialogVisible=sourceTransferVisible
|
||||||
@update:visible='sourceTransferVisible = $event'
|
@update:visible='sourceTransferVisible = $event'
|
||||||
/>
|
/>
|
||||||
<DeviceOpen :width='viewWidth' :height='viewHeight' ref='openDeviceView' />
|
<DeviceOpen :width='viewWidth' :height='viewHeight' ref='openDeviceView' />
|
||||||
<SourceOpen :width='viewWidth' :height='viewHeight' ref='openSourceView' />
|
<SourceOpen :width='viewWidth' :height='viewHeight' ref='openSourceView' />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="tsx" name='useProTable'>
|
<script setup lang='tsx' name='useProTable'>
|
||||||
import ProTable from '@/components/ProTable/index.vue'
|
import ProTable from '@/components/ProTable/index.vue'
|
||||||
import TimeControl from '@/components/TimeControl/index.vue'
|
import TimeControl from '@/components/TimeControl/index.vue'
|
||||||
import type { ProTableInstance,ColumnProps } from '@/components/ProTable/interface'
|
import type { ProTableInstance, ColumnProps } from '@/components/ProTable/interface'
|
||||||
import { CirclePlus, Delete,EditPen,View,Upload,Download,List,Tools} from '@element-plus/icons-vue'
|
import { CirclePlus, Delete, EditPen, View, Upload, Download, List, Tools } from '@element-plus/icons-vue'
|
||||||
import {dictPattern,dictTestState,dictReportState,dictResult,testPlanDataList,testSoureDataList,testScriptDataList,testErrSystDataList,planData,testFatherPlanList} from '@/api/plan/planData'
|
import {
|
||||||
import { reactive,ref } from 'vue'
|
dictPattern,
|
||||||
|
dictTestState,
|
||||||
|
dictReportState,
|
||||||
|
dictResult,
|
||||||
|
testPlanDataList,
|
||||||
|
testSoureDataList,
|
||||||
|
testScriptDataList,
|
||||||
|
testErrSystDataList,
|
||||||
|
planData,
|
||||||
|
testFatherPlanList,
|
||||||
|
} from '@/api/plan/planData'
|
||||||
|
import { reactive, ref } from 'vue'
|
||||||
import type { Plan } from '@/api/plan/interface'
|
import type { Plan } from '@/api/plan/interface'
|
||||||
import planPopup from "@/views/plan/planList/components/planPopup.vue"; // 导入子组件
|
import planPopup from '@/views/plan/planList/components/planPopup.vue' // 导入子组件
|
||||||
import DeviceOpen from '@/views/plan/planList/components/devPopup.vue'
|
import DeviceOpen from '@/views/plan/planList/components/devPopup.vue'
|
||||||
import SourceOpen from '@/views/plan/planList/components/sourcePopup.vue'
|
import SourceOpen from '@/views/plan/planList/components/sourcePopup.vue'
|
||||||
import temp from './components/temp.vue'
|
import temp from './components/temp.vue'
|
||||||
import devTransfer from './components/devTransfer.vue'
|
import devTransfer from './components/devTransfer.vue'
|
||||||
import sourceTransfer from './components/sourceTransfer.vue'
|
import sourceTransfer from './components/sourceTransfer.vue'
|
||||||
import { useViewSize } from '@/hooks/useViewSize'
|
import { useViewSize } from '@/hooks/useViewSize'
|
||||||
import { useRouter } from "vue-router";
|
import { useRouter } from 'vue-router'
|
||||||
import { useDictStore } from '@/stores/modules/dict'
|
import { useDictStore } from '@/stores/modules/dict'
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
import type { Action } from 'element-plus'
|
import type { Action } from 'element-plus'
|
||||||
import type { ErrorSystem } from '@/api/error/interface'
|
import type { ErrorSystem } from '@/api/error/interface'
|
||||||
import ErrorStandardDialog from "@/views/machine/errorSystem/components/ErrorStandardDialog.vue"; // 导入子组件
|
import ErrorStandardDialog from '@/views/machine/errorSystem/components/ErrorStandardDialog.vue' // 导入子组件
|
||||||
|
|
||||||
const dictStore = useDictStore()
|
const dictStore = useDictStore()
|
||||||
// 定义包含和排除的单位
|
// 定义包含和排除的单位
|
||||||
const includedUnits = ['日', '周', '月', '自定义']; // 可以根据需要包含的单位
|
const includedUnits = ['日', '周', '月', '自定义'] // 可以根据需要包含的单位
|
||||||
const excludedUnits = ['季度','年']; // 要排除的单位
|
const excludedUnits = ['季度', '年'] // 要排除的单位
|
||||||
const defaultUnits = '日'; // 默认的单位
|
const defaultUnits = '日' // 默认的单位
|
||||||
const { popupBaseView, viewWidth, viewHeight } = useViewSize()
|
const { popupBaseView, viewWidth, viewHeight } = useViewSize()
|
||||||
const openDeviceView = ref()
|
const openDeviceView = ref()
|
||||||
const openSourceView = ref()
|
const openSourceView = ref()
|
||||||
@@ -94,135 +124,135 @@ const proTable = ref<ProTableInstance>()
|
|||||||
const dialogFormVisible = ref(false)
|
const dialogFormVisible = ref(false)
|
||||||
const dialogTitle = ref('')
|
const dialogTitle = ref('')
|
||||||
const isReadOnly = ref(false)
|
const isReadOnly = ref(false)
|
||||||
const router = useRouter();
|
const router = useRouter()
|
||||||
const dialogForm = ref<Plan.PlanBO>({
|
const dialogForm = ref<Plan.PlanBO>({
|
||||||
id: '' ,
|
id: '',
|
||||||
name: '',
|
name: '',
|
||||||
pattern:'',
|
pattern: '',
|
||||||
father_Plan_Id:'',
|
father_Plan_Id: '',
|
||||||
dataSource_Id:'',
|
dataSource_Id: '',
|
||||||
script_Id:'',
|
script_Id: '',
|
||||||
error_Sys_Id:'',
|
error_Sys_Id: '',
|
||||||
test_State: '',
|
test_State: '',
|
||||||
report_State: '',
|
report_State: '',
|
||||||
result:'',
|
result: '',
|
||||||
|
|
||||||
|
|
||||||
});
|
})
|
||||||
|
|
||||||
const detail_dialogFormVisible = ref(false)
|
const detail_dialogFormVisible = ref(false)
|
||||||
const detail_dialogTitle = ref('Q/GDW 10650.2-2021 误差体系')
|
const detail_dialogTitle = ref('Q/GDW 10650.2-2021 误差体系')
|
||||||
const detail_dialogForm = ref<ErrorSystem.Error_detail>({
|
const detail_dialogForm = ref<ErrorSystem.Error_detail>({
|
||||||
measured: '',//被测量
|
measured: '',//被测量
|
||||||
deviceLevel: '',//检测装置级别
|
deviceLevel: '',//检测装置级别
|
||||||
measurementType:'',
|
measurementType: '',
|
||||||
condition: '',//测量条件
|
condition: '',//测量条件
|
||||||
maxErrorValue: '',//最大误差
|
maxErrorValue: '',//最大误差
|
||||||
});
|
})
|
||||||
|
|
||||||
// 表格配置项
|
// 表格配置项
|
||||||
const columns = reactive<ColumnProps<Plan.PlanAndSourceBO>[]>([
|
const columns = reactive<ColumnProps<Plan.PlanAndSourceBO>[]>([
|
||||||
{ type: 'selection', fixed: 'left', width: 70 },
|
{ type: 'selection', fixed: 'left', width: 70 },
|
||||||
{ type: 'index', fixed: 'left', width: 70, label: '序号' },
|
{ type: 'index', fixed: 'left', width: 70, label: '序号' },
|
||||||
{
|
{
|
||||||
prop: 'name',
|
prop: 'name',
|
||||||
label: '检测计划名称',
|
label: '检测计划名称',
|
||||||
width: 200,
|
width: 200,
|
||||||
search: { el: 'input' },
|
search: { el: 'input' },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'testSourceName',
|
prop: 'testSourceName',
|
||||||
label: '检测源名称',
|
label: '检测源名称',
|
||||||
width: 200,
|
width: 300,
|
||||||
render: scope => {
|
render: scope => {
|
||||||
return (
|
return (
|
||||||
// <el-button
|
// <el-button
|
||||||
// v-for="(button, index) in scope.row.testSourceList"
|
// v-for="(button, index) in scope.row.testSourceList"
|
||||||
// :key="index"
|
// :key="index"
|
||||||
// @click="handleClick(button)"
|
// @click="handleClick(button)"
|
||||||
// >
|
// >
|
||||||
// {{ button.text }}
|
// {{ button.text }}
|
||||||
// </el-button>
|
// </el-button>
|
||||||
<div class='flx-flex-start'>
|
<div class='flx-flex-start'>
|
||||||
<el-button type = "primary" link onClick = {() => showData(scope.row.testSourceName)}>
|
<el-button type='primary' link onClick={() => showData(scope.row.testSourceName)}>
|
||||||
{scope.row.testSourceName}
|
{scope.row.testSourceName}
|
||||||
</el-button>
|
</el-button>
|
||||||
<temp></temp>
|
<temp></temp>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
);
|
)
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'script_Id',
|
prop: 'script_Id',
|
||||||
label: '检测脚本',
|
label: '检测脚本',
|
||||||
width: 300,
|
width: 300,
|
||||||
enum: testScriptDataList,
|
enum: testScriptDataList,
|
||||||
fieldNames: { label: 'label', value: 'id' },
|
fieldNames: { label: 'label', value: 'id' },
|
||||||
render: scope => {
|
render: scope => {
|
||||||
return (
|
return (
|
||||||
<el-button type = "primary" link onClick = {() => showData(scope.row.script_Id)}>
|
<el-button type='primary' link onClick={() => showData(scope.row.script_Id)}>
|
||||||
{getScriptName(scope.row.script_Id)}
|
{getScriptName(scope.row.script_Id)}
|
||||||
</el-button>
|
</el-button>
|
||||||
);
|
)
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'error_Sys_Id',
|
prop: 'error_Sys_Id',
|
||||||
label: '误差体系',
|
label: '误差体系',
|
||||||
width: 200,
|
width: 200,
|
||||||
enum: testErrSystDataList,
|
enum: testErrSystDataList,
|
||||||
fieldNames: { label: 'label', value: 'id' },
|
fieldNames: { label: 'label', value: 'id' },
|
||||||
render: scope => {
|
render: scope => {
|
||||||
const errSysName = getErrSysName(scope.row.error_Sys_Id);
|
const errSysName = getErrSysName(scope.row.error_Sys_Id)
|
||||||
return (
|
return (
|
||||||
<el-button type = "primary" link onClick = {() => showData(errSysName || '')}>
|
<el-button type='primary' link onClick={() => showData(errSysName || '')}>
|
||||||
{errSysName}
|
{errSysName}
|
||||||
</el-button>
|
</el-button>
|
||||||
);
|
)
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'dataSource_Id',
|
prop: 'dataSource_Id',
|
||||||
label: '数据源名称',
|
label: '数据源名称',
|
||||||
width: 200,
|
width: 200,
|
||||||
enum: testSoureDataList,
|
enum: testSoureDataList,
|
||||||
fieldNames: { label: 'label', value: 'id' },
|
fieldNames: { label: 'label', value: 'id' },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'test_State',
|
prop: 'test_State',
|
||||||
label: '检测状态',
|
label: '检测状态',
|
||||||
width: 100,
|
width: 100,
|
||||||
enum: dictTestState,
|
enum: dictTestState,
|
||||||
// enum: dictStore.getDictData('planTestState'),
|
// enum: dictStore.getDictData('planTestState'),
|
||||||
search: { el: 'select', props: { filterable: true } },
|
search: { el: 'select', props: { filterable: true } },
|
||||||
fieldNames: { label: 'label', value: 'id' },
|
fieldNames: { label: 'label', value: 'id' },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'report_State',
|
prop: 'report_State',
|
||||||
label: '检测报告状态',
|
label: '检测报告状态',
|
||||||
width: 150,
|
width: 150,
|
||||||
enum: dictReportState,
|
enum: dictReportState,
|
||||||
// enum: dictStore.getDictData('planReportState'),
|
// enum: dictStore.getDictData('planReportState'),
|
||||||
search: { el: 'select', props: { filterable: true } },
|
search: { el: 'select', props: { filterable: true } },
|
||||||
fieldNames: { label: 'label', value: 'id' },
|
fieldNames: { label: 'label', value: 'id' },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'result',
|
prop: 'result',
|
||||||
label: '检测结果',
|
label: '检测结果',
|
||||||
width: 100,
|
width: 100,
|
||||||
enum: dictResult,
|
enum: dictResult,
|
||||||
// enum: dictStore.getDictData('planResult'),
|
// enum: dictStore.getDictData('planResult'),
|
||||||
search: { el: 'select', props: { filterable: true } },
|
search: { el: 'select', props: { filterable: true } },
|
||||||
fieldNames: { label: 'label', value: 'id' },
|
fieldNames: { label: 'label', value: 'id' },
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
prop: 'father_Plan_Id',
|
prop: 'father_Plan_Id',
|
||||||
label: '父节点',
|
label: '父节点',
|
||||||
width: 200,
|
width: 200,
|
||||||
enum: testFatherPlanList,
|
enum: testFatherPlanList,
|
||||||
fieldNames: { label: 'label', value: 'id' },
|
fieldNames: { label: 'label', value: 'id' },
|
||||||
},
|
},
|
||||||
// {
|
// {
|
||||||
// prop: 'create_Time',
|
// prop: 'create_Time',
|
||||||
// label: '记录时间',
|
// label: '记录时间',
|
||||||
@@ -237,27 +267,28 @@ const columns = reactive<ColumnProps<Plan.PlanAndSourceBO>[]>([
|
|||||||
// },
|
// },
|
||||||
// },
|
// },
|
||||||
// },
|
// },
|
||||||
{ prop: 'operation', label: '操作', fixed: 'right' ,width: 450, },
|
{ prop: 'operation', label: '操作', fixed: 'right', width: 250 },
|
||||||
])
|
])
|
||||||
|
|
||||||
function getScriptName(id:string){
|
function getScriptName(id: string) {
|
||||||
return testScriptDataList.find(item=>item.id==id)?.label
|
return testScriptDataList.find(item => item.id == id)?.label
|
||||||
}
|
|
||||||
function getErrSysName(id:string){
|
|
||||||
return testErrSystDataList.find(item=>item.id==id)?.label
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const fileInput = ref<HTMLInputElement | null>(null); // 声明 fileInput
|
function getErrSysName(id: string) {
|
||||||
function openFileDialog() {
|
return testErrSystDataList.find(item => item.id == id)?.label
|
||||||
|
}
|
||||||
|
|
||||||
|
const fileInput = ref<HTMLInputElement | null>(null) // 声明 fileInput
|
||||||
|
function openFileDialog() {
|
||||||
if (fileInput.value) {
|
if (fileInput.value) {
|
||||||
fileInput.value.click();
|
fileInput.value.click()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function showData(row: string) {
|
function showData(row: string) {
|
||||||
|
|
||||||
detail_dialogTitle.value = row;
|
detail_dialogTitle.value = row
|
||||||
detail_dialogFormVisible.value = true; // 显示对话框
|
detail_dialogFormVisible.value = true // 显示对话框
|
||||||
|
|
||||||
// router.push({
|
// router.push({
|
||||||
// path: "/machine/device",
|
// path: "/machine/device",
|
||||||
@@ -266,38 +297,39 @@ function showData(row: string) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function handleFiles(event: Event) {
|
function handleFiles(event: Event) {
|
||||||
const target = event.target as HTMLInputElement;
|
const target = event.target as HTMLInputElement
|
||||||
const files = target.files;
|
const files = target.files
|
||||||
if (files && files.length > 0) {
|
if (files && files.length > 0) {
|
||||||
// 处理文件
|
// 处理文件
|
||||||
console.log(files);
|
console.log(files)
|
||||||
ElMessageBox.confirm(
|
ElMessageBox.confirm(
|
||||||
'导入的数据与当前数据有冲突，请选择以哪个数据为主进行覆盖',
|
'导入的数据与当前数据有冲突，请选择以哪个数据为主进行覆盖',
|
||||||
'数据冲突',
|
'数据冲突',
|
||||||
{
|
{
|
||||||
distinguishCancelAndClose: true,
|
distinguishCancelAndClose: true,
|
||||||
confirmButtonText: '以导入数据为主覆盖',
|
confirmButtonText: '以导入数据为主覆盖',
|
||||||
cancelButtonText: '以当前数据为主覆盖',
|
cancelButtonText: '以当前数据为主覆盖',
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
}
|
},
|
||||||
)
|
)
|
||||||
.then(() => {
|
.then(() => {
|
||||||
ElMessage({
|
ElMessage({
|
||||||
type: 'info',
|
type: 'info',
|
||||||
message: '以导入数据为主完成数据覆盖',
|
message: '以导入数据为主完成数据覆盖',
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
.catch((action: Action) => {
|
.catch((action: Action) => {
|
||||||
ElMessage({
|
ElMessage({
|
||||||
type: 'info',
|
type: 'info',
|
||||||
message:
|
message:
|
||||||
action === 'cancel'
|
action === 'cancel'
|
||||||
? '以当前数据为主完成数据覆盖'
|
? '以当前数据为主完成数据覆盖'
|
||||||
: '取消本次导入操作',
|
: '取消本次导入操作',
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 点击导入按钮
|
// 点击导入按钮
|
||||||
const importClick = () => {
|
const importClick = () => {
|
||||||
openFileDialog()
|
openFileDialog()
|
||||||
@@ -310,61 +342,61 @@ const exportClick = () => {
|
|||||||
// 点击合并按钮
|
// 点击合并按钮
|
||||||
const combineClick = () => {
|
const combineClick = () => {
|
||||||
ElMessageBox.prompt(
|
ElMessageBox.prompt(
|
||||||
'请输入合并后的计划名称',
|
'请输入合并后的计划名称',
|
||||||
'检测计划合并',
|
'检测计划合并',
|
||||||
{
|
{
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
}
|
},
|
||||||
)
|
)
|
||||||
.then(({ value }) => {
|
.then(({ value }) => {
|
||||||
console.log(`合并后的计划名为:`,value)
|
console.log(`合并后的计划名为:`, value)
|
||||||
proTable.value?.clearSelection()
|
proTable.value?.clearSelection()
|
||||||
proTable.value?.getTableList()
|
proTable.value?.getTableList()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
// 打开编辑对话框
|
// 打开编辑对话框
|
||||||
const openEditDialog = (planSystem: Plan.PlanBO) => {
|
const openEditDialog = (planSystem: Plan.PlanBO) => {
|
||||||
dialogForm.value = {...planSystem};
|
dialogForm.value = { ...planSystem }
|
||||||
dialogTitle.value = '编辑检测计划';
|
dialogTitle.value = '编辑检测计划'
|
||||||
isReadOnly.value = false;
|
isReadOnly.value = false
|
||||||
dialogFormVisible.value = true; // 打开对话框
|
dialogFormVisible.value = true // 打开对话框
|
||||||
};
|
}
|
||||||
|
|
||||||
const openAddDialog = () => {
|
const openAddDialog = () => {
|
||||||
|
|
||||||
dialogForm.value = {
|
|
||||||
id: '',
|
|
||||||
name: '',
|
|
||||||
pattern:'',
|
|
||||||
father_Plan_Id:'',
|
|
||||||
dataSource_Id:'',
|
|
||||||
script_Id:'',
|
|
||||||
error_Sys_Id:'',
|
|
||||||
test_State: '',
|
|
||||||
report_State: '',
|
|
||||||
result:'',
|
|
||||||
};
|
|
||||||
dialogTitle.value = '新增检测计划';
|
|
||||||
isReadOnly.value = false;
|
|
||||||
dialogFormVisible.value = true; // 打开对话框
|
|
||||||
};
|
|
||||||
|
|
||||||
const handleRowClick = (planSystem: Plan.PlanBO) =>{
|
dialogForm.value = {
|
||||||
dialogForm.value = {...planSystem};
|
id: '',
|
||||||
dialogTitle.value = '查看检测计划';
|
name: '',
|
||||||
isReadOnly.value = true;
|
pattern: '',
|
||||||
dialogFormVisible.value = true; // 打开对话框
|
father_Plan_Id: '',
|
||||||
|
dataSource_Id: '',
|
||||||
|
script_Id: '',
|
||||||
|
error_Sys_Id: '',
|
||||||
|
test_State: '',
|
||||||
|
report_State: '',
|
||||||
|
result: '',
|
||||||
|
}
|
||||||
|
dialogTitle.value = '新增检测计划'
|
||||||
|
isReadOnly.value = false
|
||||||
|
dialogFormVisible.value = true // 打开对话框
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleRowClick = (planSystem: Plan.PlanBO) => {
|
||||||
|
dialogForm.value = { ...planSystem }
|
||||||
|
dialogTitle.value = '查看检测计划'
|
||||||
|
isReadOnly.value = true
|
||||||
|
dialogFormVisible.value = true // 打开对话框
|
||||||
}
|
}
|
||||||
|
|
||||||
const showDeviceOpen = (planSystem: Plan.PlanBO) => {
|
const showDeviceOpen = (planSystem: Plan.PlanBO) => {
|
||||||
devTransferVisible.value = true;
|
devTransferVisible.value = true
|
||||||
//openDeviceView.value.open('计划设备列表')
|
//openDeviceView.value.open('计划设备列表')
|
||||||
}
|
}
|
||||||
|
|
||||||
const showtestSourceOpen=(planSystem: Plan.PlanBO)=>{
|
const showtestSourceOpen = (planSystem: Plan.PlanBO) => {
|
||||||
sourceTransferVisible.value = true;
|
sourceTransferVisible.value = true
|
||||||
// openSourceView.value.open('计划检测源列表')
|
// openSourceView.value.open('计划检测源列表')
|
||||||
// router.push({
|
// router.push({
|
||||||
// path: "/machine/testSource",
|
// path: "/machine/testSource",
|
||||||
|
|||||||
Reference in New Issue
Block a user