ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

微调

Browse Source
This commit is contained in:
sjl
2024-12-05 13:59:15 +08:00
parent 5bdc44b301 92a1736667
commit 3a1cfe0f31
11 changed files with 336 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/api/system/dictionary/dictData.ts
View File

@@ -216,7 +216,7 @@ const dictData: Dict[] = [
children: [
{
id: "0",
label: 'FLUKE6100A电能功率标准源',
label: 'FLUKE.6100A电能功率标准源',
code: 0,
},
{
@@ -236,7 +236,7 @@ const dictData: Dict[] = [
},
{
id: "4",
label: 'PQV-520电能质量检测装置',
label: 'PQV-520便携式电能质量监测装置',
code: 4,
},
],

18
frontend/src/styles/element.scss
View File

@@ -490,3 +490,21 @@
// color: var(--ba-bg-color-overlay) !important;
}
}
.el-message-box{
padding: 0px !important;
.el-message-box__header{
background-color: var(--el-color-primary);
.el-message-box__title{
color: #fff;
padding: 10px 10px 0;
}
}
.el-message-box__content{
padding: 10px ;
border-bottom: 1px solid #cccccc;
}
.el-message-box__btns {
padding: 10px;}
}

8
frontend/src/views/home/components/channelsTest.vue
View File

@@ -346,7 +346,7 @@ emit('update:testStatus',ts.value)
margin-bottom: 10px;
}
.right-content{
max-height: 400px;
/* max-height: 400px; */
}
.custom-tabs-label .el-icon {
@@ -356,4 +356,10 @@ emit('update:testStatus',ts.value)
vertical-align: middle;
margin-left: 4px;
}
.dialog-content{
height: 472px;
}
.el-tabs--border-card {
height: 435px;
}
</style>

61
frontend/src/views/home/components/preTest.vue
View File

@@ -3,14 +3,8 @@
<el-tabs type="border-card">
<el-tab-pane label="预检测项目">
<div class="form-grid">
<el-checkbox
v-for="(item, index) in detectionOptions"
v-model="item.selected"
:key="index"
:label="item.name"
></el-checkbox
>
<el-checkbox v-for="(item, index) in detectionOptions" v-model="item.selected" :key="index"
:label="item.name"></el-checkbox>
<!-- disabled="true" -->
</div>
</el-tab-pane>
@@ -18,7 +12,8 @@
<div class="test-dialog">
<div class="dialog-left">
<el-steps direction="vertical" :active="activeIndex" :process-status="currentStepStatus" finish-status="success">
<el-steps direction="vertical" :active="activeIndex" :process-status="currentStepStatus"
finish-status="success">
<el-step title="源通讯校验" />
<el-step title="设备通讯校验" />
<el-step title="协议校验" />
@@ -30,28 +25,32 @@
<el-collapse v-model="collapseActiveName" accordion>
<el-collapse-item title="源通讯校验" name="1">
<div class="div-log">
<p v-for="(item, index) in step1InitLog" :key="index" :style="{color:item.type==='error'?'#F56C6C':'var(--el-text-color-regular)'}">
<p v-for="(item, index) in step1InitLog" :key="index"
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
{{ item.log }} <br />
</p>
</div>
</el-collapse-item>
<el-collapse-item title="设备通讯校验" name="2">
<div class="div-log">
<p v-for="(item, index) in step2InitLog" :key="index" :style="{color:item.type==='error'?'#F56C6C':'var(--el-text-color-regular)'}">
<p v-for="(item, index) in step2InitLog" :key="index"
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
{{ item.log }} <br />
</p>
</div>
</el-collapse-item>
<el-collapse-item title="协议校验" name="3">
<div class="div-log">
<p v-for="(item, index) in step3InitLog" :key="index" :style="{color:item.type==='error'?'#F56C6C':'var(--el-text-color-regular)'}">
<p v-for="(item, index) in step3InitLog" :key="index"
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
{{ item.log }} <br />
</p>
</div>
</el-collapse-item>
<el-collapse-item title="相序校验" name="4">
<div class="div-log">
<p v-for="(item, index) in step4InitLog" :key="index" :style="{color:item.type==='error'?'#F56C6C':'var(--el-text-color-regular)'}">
<p v-for="(item, index) in step4InitLog" :key="index"
:style="{ color: item.type === 'error' ? '#F56C6C' : 'var(--el-text-color-regular)' }">
{{ item.log }} <br />
</p>
</div>
@@ -214,23 +213,19 @@ const ts = ref('');
watch(activeIndex, function (newValue, oldValue) {
if(activeIndex.value === 1)
{
if (activeIndex.value === 1) {
step1InitLog.value.length = 0;
step1InitLog.value = step1Log.value;
}
if(activeIndex.value === 2)
{
if (activeIndex.value === 2) {
step2InitLog.value.length = 0;
step2InitLog.value = step2Log.value;
}
if(activeIndex.value === 3)
{
if (activeIndex.value === 3) {
step3InitLog.value.length = 0;
step3InitLog.value = step3Log.value;
}
if(activeIndex.value > 3)
{
if (activeIndex.value > 3) {
step4InitLog.value.length = 0;
step4InitLog.value = step4Log.value;
}
@@ -243,20 +238,17 @@ watch(activeIndex, function (newValue, oldValue) {
//监听goods_sn的变化
watch(testStatus, function (newValue, oldValue) {
ts.value = props.testStatus;
if(ts.value==='start')
{
if (ts.value === 'start') {
ts.value = 'process'
let timer = setInterval(() => {
if (activeIndex.value < activeTotalNum.value - 2)
activeIndex.value++
else if(activeIndex.value === activeTotalNum.value -2)
{
else if (activeIndex.value === activeTotalNum.value - 2) {
activeIndex.value++
activeIndex.value++
}
else
{
else {
clearInterval(timer)
ts.value = 'success'
}
@@ -274,17 +266,18 @@ watch(ts, function (newValue, oldValue) {
</script>
<style scoped lang="scss">
.test-dialog {
height: 350px;
display: flex;
flex-direction: row; /* 横向排列 */
flex-direction: row;
/* 横向排列 */
margin-top: 20px;
/* .dialog-left{
margin-right: 20px;
} */
}
.dialog-left {
width: 15%;
margin-left: 20px;
@@ -309,12 +302,20 @@ watch(ts, function (newValue, oldValue) {
width: 80%;
height: 100%;
}
.dialog-right :deep(.el-collapse-item__header) {
font-size: 16px;
}
.div-log {
height: 100px;
height: 145px;
overflow-y: auto;
padding-left: 10px;
p {
margin: 5px 0;
font-size: 14px;
}
}
</style>

21
frontend/src/views/home/components/table.vue
View File

@@ -631,6 +631,7 @@ let testType = "test";//检测还是复检
const handleSelectionChange = (selection: any[]) => {
devNum = selection.length;
devChannelsNum = 0;
for (let i = 0; i < selection.length; i++) {
devChannelsNum += selection[i].dev_Chns;
}
@@ -923,19 +924,15 @@ const handleTest = (val:string) => {
},
)
.then(() => {
ElMessage.success(val);
ElMessage.success('不合格项复检');
dialogTitle.value = val;
dialogFormVisible.value = true; // 打开对话框
})
.catch((action: Action) => {
ElMessage.success('全部复检');
dialogTitle.value = val;
dialogFormVisible.value = true; // 打开对话框
})
// .catch((action: Action) => {
// ElMessage({
// type: 'info',
// message:
// action === 'cancel'
// ? '以当前数据为主完成数据覆盖'
// : '取消本次导入操作',
// })
// })
}
else
{
@@ -966,7 +963,7 @@ const handleTest = (val:string) => {
return
}
if(val==='归档')
if(val==='批量归档')
{
const loading = ElLoading.service({
lock: true,
@@ -975,7 +972,7 @@ const handleTest = (val:string) => {
})
setTimeout(() => {
loading.close()
ElMessage.success("批量归档成功");
ElMessage.success("归档成功");
}, 2000)
}
};

189
frontend/src/views/home/components/timeTest.vue
View File

@@ -3,11 +3,11 @@
<div class = "test-dialog">
<div class="dialog-left">
<el-steps direction="vertical" :active="activeIndex" :process-status="currentStepStatus" finish-status="success">
<el-step title="开始检测" description="2018-04-12 20:46"/>
<el-step title="GPS完成上送" description="2018-04-12 20:46"/>
<el-step title="设备开始上送时刻" description="2018-04-12 20:46"/>
<el-step title="设备最晚上送时刻" description="2018-04-12 20:46"/>
<el-step title="检测完成" description="2018-04-12 20:46"/>
<el-step title="开始检测" :description="startTime"/>
<el-step title="GPS完成上送" :description="gpsTime"/>
<el-step title="设备开始上送时刻" :description="devStartTime"/>
<el-step title="设备最晚上送时刻" :description="devEndTime"/>
<el-step title="检测完成" :description="finishTime"/>
</el-steps>
<!-- <el-timeline style="max-width: 600px">
<el-timeline-item
@@ -33,7 +33,17 @@
</div>
</div>
<div class="right-content">
<el-table :data="deviceOperatorData" stripe :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" style="width: 100%" border>
<ProTable
ref='proTable'
:pagination = 'false'
:toolButton = 'false'
:columns='columns'
:data='deviceOperatorData'
stripe :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" style="width: 100%; height:390px" border
>
</ProTable>
<!-- <el-table :data="deviceOperatorData" stripe :header-cell-style="{ textAlign: 'center' } " :cell-style="{ textAlign: 'center' }" style="width: 100%" border>
<el-table-column prop="deviceName" label="设备名" />
<el-table-column prop="updataTime" label="上送时刻" />
<el-table-column prop="ErrorValue" label="守时误差(ms)" />
@@ -42,7 +52,7 @@
<el-tag :type="scope.row.Result === '合格' ? 'success' : 'danger'">{{ scope.row.Result }}</el-tag>
</template>
</el-table-column>
</el-table>
</el-table> -->
</div>
</div>
</div>
@@ -54,6 +64,11 @@ import { SuccessFilled } from '@element-plus/icons-vue'
const activeIndex = ref(0)
const activeTotalNum = ref(5)
const startTime = ref('')
const gpsTime = ref('')
const devStartTime = ref('')
const devEndTime = ref('')
const finishTime = ref('')
interface Activity {
content: string;
@@ -72,25 +87,25 @@ const activities = ref<Activity[]>([
const deviceOperatorData = ref([
{
deviceName: '被检设备1',
deviceName: '240001',
updataTime: '—',
ErrorValue:'—',
Result: '—',
},
{
deviceName: '被检设备2',
deviceName: '240002',
updataTime: '—',
ErrorValue:'—',
Result: '—',
},
{
deviceName: '被检设备3',
deviceName: '240003',
updataTime: '—',
ErrorValue:'—',
Result: '—',
},
{
deviceName: '被检设备4',
deviceName: '240004',
updataTime: '—',
ErrorValue:'—',
Result: '—',
@@ -99,26 +114,26 @@ const deviceOperatorData = ref([
const deviceData = ref([
{
deviceName: '被检设备1',
updataTime: '10:30:08.136',
deviceName: '240001',
updataTime: '2024-12-05 10:30:08.136',
ErrorValue:'148',
Result: '合格',
},
{
deviceName: '被检设备2',
updataTime: '10:30:08.136',
deviceName: '240002',
updataTime: '2024-12-05 10:30:08.136',
ErrorValue:'136',
Result: '合格',
},
{
deviceName: '被检设备3',
updataTime: '10:30:09.006',
deviceName: '240003',
updataTime: '2024-12-05 10:30:09.006',
ErrorValue:'1006',
Result: '不合格',
},
{
deviceName: '被检设备4',
updataTime: '10:30:08.736',
deviceName: '240004',
updataTime: '2024-12-05 10:30:08.736',
ErrorValue:'736',
Result: '合格',
},
@@ -133,6 +148,44 @@ const currentStepStatus = ref<'error' | 'finish' | 'wait' | 'success' | 'process
})
const testStatus = toRef(props, 'testStatus');
const ts = ref('');
// 表格配置项
const columns = reactive([
{ type: 'index', fixed: 'left', width: 70, label: '序号' },
{
prop: 'deviceName',
label: '设备名称',
},
{
prop: 'updataTime',
label: '上送时刻',
width: 230,
},
{
prop: 'ErrorValue',
label: '守时误差',
width: 100,
},
{
prop: 'Result',
label: '检测结果',
width: 100,
render: (scope) => {
if(scope.row.Result === '不合格')
{
return (
<el-tag type='danger'>{ scope.row.Result }</el-tag>
)
}
else
{
return (
<span>{ scope.row.Result }</span>
)
}
},
},
])
//监听testStatus的变化
watch(testStatus, function (newValue, oldValue) {
ts.value = props.testStatus;
@@ -156,58 +209,77 @@ watch(testStatus, function (newValue, oldValue) {
}, 1000);
}
})
function formatDateTime(date) {
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
const seconds = String(date.getSeconds()).padStart(2, '0');
const milliseconds = String(date.getMilliseconds()).padStart(3, '0');
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}.${milliseconds}`;
}
watch(activeIndex, function (newValue, oldValue) {
if(activeIndex.value === 1)
{
activities.value.length = 0;
activities.value.push({
content: '开始检测',
timestamp: '2018-04-12 20:46',
size: 'large',
color: '#0bbd87',
icon: SuccessFilled,
});
startTime.value = formatDateTime(new Date());
// activities.value.length = 0;
// activities.value.push({
// content: '开始检测',
// timestamp: '2018-04-12 20:46',
// size: 'large',
// color: '#0bbd87',
// icon: SuccessFilled,
// });
}
if(activeIndex.value === 2)
{
activities.value.push({
content: 'GPS上送时刻',
timestamp: '2018-04-03 20:46',
color: '#0bbd87',
icon: SuccessFilled,
size: 'large',
});
gpsTime.value = formatDateTime(new Date());
// activities.value.push({
// content: 'GPS上送时刻',
// timestamp: '2018-04-03 20:46',
// color: '#0bbd87',
// icon: SuccessFilled,
// size: 'large',
// });
}
if(activeIndex.value === 3)
{
activities.value.push({
content: '设备最早上送时刻',
timestamp: '2018-04-03 20:46',
color: '#0bbd87',
icon: SuccessFilled,
size: 'large',
});
// activities.value.push({
// content: '设备最早上送时刻',
// timestamp: '2018-04-03 20:46',
// color: '#0bbd87',
// icon: SuccessFilled,
// size: 'large',
// });
devStartTime.value = formatDateTime(new Date());
deviceOperatorData.value.length = 0;
deviceOperatorData.value = deviceData.value;
}
if(activeIndex.value > 3)
{
activities.value.push({
content: '设备最晚上送时刻',
timestamp: '2018-04-03 20:46',
color: '#0bbd87',
icon: SuccessFilled,
size: 'large',
});
activities.value.push({
content: '检测结束',
timestamp: '2018-04-03 20:46',
color: '#0bbd87',
icon: SuccessFilled,
size: 'large',
});
devEndTime.value = formatDateTime(new Date());
finishTime.value = formatDateTime(new Date());
// activities.value.push({
// content: '设备最晚上送时刻',
// timestamp: '2018-04-03 20:46',
// color: '#0bbd87',
// icon: SuccessFilled,
// size: 'large',
// });
// activities.value.push({
// content: '检测结束',
// timestamp: '2018-04-03 20:46',
// color: '#0bbd87',
// icon: SuccessFilled,
// size: 'large',
// });
}
})
const emit = defineEmits(['update:testStatus']);
@@ -224,8 +296,9 @@ watch(ts, function (newValue, oldValue) {
display: flex;
flex-direction: row; /* 横向排列 */
margin-top: 20px;
min-height: 300px;
/* margin-top: 20px; */
/* min-height: 300px; */
height: 472px;
/* .dialog-left{
margin-right: 20px;
} */

14
frontend/src/views/home/tabs/dashboard.vue
View File

@@ -353,9 +353,9 @@ const resizeObserver = new ResizeObserver(entries => {
chartsWidth.value = entry.contentRect.width;
console.log('Charts Info Width:', chartsWidth.value);
pieRef1.value.reSize(chartsWidth.value * 0.95,145,true);
pieRef2.value.reSize(chartsWidth.value * 0.95,145,true);
pieRef3.value.reSize(chartsWidth.value * 0.95,145,true);
pieRef1.value.reSize(chartsWidth.value * 0.95,180,true);
pieRef2.value.reSize(chartsWidth.value * 0.95,180,true);
pieRef3.value.reSize(chartsWidth.value * 0.95,180,true);
}
});
@@ -631,4 +631,12 @@ onUnmounted(() => {
}
}
}
:deep(.el-collapse-item__conten){
// background-color:#f6f6f6;
padding-bottom: 0px !important;
}
:deep(.el-collapse-item__content ){
// background-color:#f6f6f6;
padding-bottom: 0px !important;
}
</style>

2
frontend/src/views/machine/device/index.vue
View File

@@ -67,7 +67,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
{ type: 'index', fixed: 'left', width: 70, label: '序号' },
{
prop: 'name',
label: '设备名称',
label: '名称',
search: { el: 'input' },
minWidth: 200,
},

2
frontend/src/views/machine/errorSystem/index.vue
View File

@@ -48,7 +48,7 @@ const columns = ref<ColumnProps<ErrorSystem.ErrorSystemList>[]>([
{ type: 'index', fixed: 'left', width: 70, label: '序号' },
{
prop: 'name',
label: '误差体系名称',
label: '名称',
},
{
prop: 'standardName',

5
frontend/src/views/machine/testSource/components/parameterPopup.vue
View File

@@ -83,8 +83,8 @@ function useMetaInfo() {
const formContent = reactive<TestSource.ParameterType>({
id: "",
sourceParamType: "",
sourceParamDesc: "",
sourceParamValue: "",
sourceParamDesc: "",
sort: 100,
pId: "0",
})
@@ -115,8 +115,8 @@ const resetFormContent = () => {
Object.assign(formContent, {
id: "",
sourceParamType: "",
sourceParamDesc: "",
sourceParamValue: "",
sourceParamDesc: "",
sort: 100,
pId: "0",
})
@@ -140,7 +140,6 @@ const save = () => {
let newUpdateParameter = toRaw({...formContent})
delete newUpdateParameter.children
emit('get-parameter', newUpdateParameter)
ElMessage.success({message: `${dialogTitle.value}成功！`})
close()
}
})

7
frontend/src/views/machine/testSource/components/parameterTable.vue
View File

@@ -193,6 +193,10 @@ const copyRow = (row) => {
}
const getParameter = (data: TestSource.ParameterType) => {
if (originalParameterArr.some(item => item.sourceParamType == data.sourceParamType)) {
ElMessage.error({message: '参数类型已存在！'})
return;
}
let index = originalParameterArr.findIndex(item => item.id === data.id)
@@ -200,9 +204,11 @@ const getParameter = (data: TestSource.ParameterType) => {
data.id = generateUUID()
// 新增
originalParameterArr.push(data)
ElMessage.success({message: '新增成功！'})
} else {
// 编辑
originalParameterArr[index] = data
ElMessage.success({message: '编辑成功！'})
}
emit('change-parameter', originalParameterArr)
tableData.value = getTreeData(originalParameterArr)
@@ -210,7 +216,6 @@ const getParameter = (data: TestSource.ParameterType) => {
//清空数据
const clearData = () => {
//console.log('clearData')
originalParameterArr = []
tableData.value = []
}