diff --git a/src/views/order/intention/Step2.vue b/src/views/order/intention/Step2.vue index e301ad1..c71eb03 100644 --- a/src/views/order/intention/Step2.vue +++ b/src/views/order/intention/Step2.vue @@ -87,6 +87,33 @@ + + +
+ + +
+
{{ item.label }}
+
{{ item.code }}
+
+
+
+
+ + + + +
+
@@ -591,8 +618,49 @@ function onQuery() { showQueryResult.value = true; } +const compareDialogVisible = ref(false); +const selectedCompareList = computed(() => queryResultList.value.filter(i => i.selected)); + +const compareTableData = ref([ + { + param: "动车组联轴节", + D310000000030: "鼓形齿式", + D310000000031: "鼓形齿式", + D310000000032: "齿式", + }, + { + param: "O形橡胶密封圈", + D310000000030: "A.2耐用型", + D310000000031: "A.1耐热型", + D310000000032: "A.2耐用型", + }, + { + param: "齿轮箱组成", + D310000000030: "不带联轴节", + D310000000031: "带联轴节", + D310000000032: "带联轴节", + }, + { + param: "碳刷", + D310000000030: "耐热", + D310000000031: "耐用", + D310000000032: "耐热", + }, + { + param: "齿轮箱温度传感器", + D310000000030: "耐热", + D310000000031: "耐热", + D310000000032: "耐寒", + }, +]); + function onCompare() { - // 参数对比逻辑 + // 只弹出已选卡片 + if (selectedCompareList.value.length === 0) { + ElMessage.warning("请先选择要对比的卡片"); + return; + } + compareDialogVisible.value = true; } @@ -1011,4 +1079,38 @@ function onCompare() { font-size: 13px; color: #888; } +.compare-dialog-cards { + display: flex; + gap: 32px; + margin-bottom: 24px; +} +.compare-card { + width: 220px; + text-align: center; + box-sizing: border-box; +} +.compare-card-img { + width: 100%; + height: 120px; + object-fit: contain; + border-radius: 4px; + border: 1px solid #eee; + margin-bottom: 12px; +} +.compare-card-info { + text-align: center; +} +.compare-card-name { + font-size: 15px; + color: #333; + font-weight: 500; + margin-bottom: 4px; +} +.compare-card-code { + font-size: 13px; + color: #888; +} +.compare-table-wrap { + margin-top: 16px; +} \ No newline at end of file