From ba72e3d15c5e5336201ab2e48c040fcfde423fc7 Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周六, 17 5月 2025 16:03:02 +0800
Subject: [PATCH] 垂直滚动条效果
---
PipeLineLems/pipelinelems_web/src/widgets/PipeAccessoryAssembly/Views/Pages/PipeAccessoryAssembly/PipeAccessoryAssembly.tsx | 171 +++++++++++++++++++++++++++++++++++----------------------
1 files changed, 105 insertions(+), 66 deletions(-)
diff --git a/PipeLineLems/pipelinelems_web/src/widgets/PipeAccessoryAssembly/Views/Pages/PipeAccessoryAssembly/PipeAccessoryAssembly.tsx b/PipeLineLems/pipelinelems_web/src/widgets/PipeAccessoryAssembly/Views/Pages/PipeAccessoryAssembly/PipeAccessoryAssembly.tsx
index 200869b..32c31fb 100644
--- a/PipeLineLems/pipelinelems_web/src/widgets/PipeAccessoryAssembly/Views/Pages/PipeAccessoryAssembly/PipeAccessoryAssembly.tsx
+++ b/PipeLineLems/pipelinelems_web/src/widgets/PipeAccessoryAssembly/Views/Pages/PipeAccessoryAssembly/PipeAccessoryAssembly.tsx
@@ -1,6 +1,7 @@
import { defineComponent, onMounted, ref } from 'vue'
import type { Ref } from 'vue'
import styles from './PipeAccessoryAssembly.module.scss'
+import pipeImage from '@/images/pipe-assembly-drawing-example.png';
import {
ElInput,
ElForm,
@@ -9,6 +10,7 @@
ElSelect,
ElOption,
ElMessage,
+ ElCol,
} from 'element-plus'
import {
getPlaceNoForStockList,
@@ -81,73 +83,110 @@
return () => {
return (
- <div class={styles.PipeAccessoryAssemblyContent}>
- <ElForm label-position="top" class={styles.h5Form}>
- <ElFormItem label="鍨嬪彿">
- <ElSelect
- v-model={queryForm.value.materialModel}
- placeholder="璇烽�夋嫨鍨嬪彿"
- clearable
- class={styles.formInput}
- >
- {modelOptions.value.map((item) => (
- <ElOption
- key={item.value}
- label={item.label}
- value={item.value}
- />
- ))}
- </ElSelect>
- </ElFormItem>
- <ElFormItem label="搴撲綅鍙�">
- <ElSelect
- v-model={queryForm.value.placeNo}
- placeholder="璇烽�夋嫨搴撲綅鍙�"
- clearable
- class={styles.formInput}
- >
- {placeNoOptions.value.map((item) => (
- <ElOption
- key={item.value}
- label={item.label}
- value={item.value}
- />
- ))}
- </ElSelect>
- </ElFormItem>
- <ElFormItem label="鎵规鍙�">
- <ElInput
- v-model={queryForm.value.materialBatch}
- placeholder="璇疯緭鍏ユ壒娆″彿"
- clearable
- class={styles.formInput}
- />
- </ElFormItem>
- <ElFormItem label="鏁伴噺">
- <ElInput
- v-model={queryForm.value.stockNumber}
- placeholder="璇疯緭鍏ユ暟閲�"
- clearable
- class={styles.formInput}
- />
- </ElFormItem>
- <div class={styles.buttonGroup}>
- {/* <ElButton
- type="primary"
- onClick={handlePalletize}
- class={styles.actionButton}
- >
- 缁勭洏
- </ElButton> */}
- <ElButton
- type="success"
- onClick={handlePalletizeStorage}
- class={styles.actionButton}
- >
- 缁勭洏鍏ュ簱
- </ElButton>
+ <div class={styles.PipeAccessoryAssemblyContent} style="overflow-y: auto !important; height: 100%;">
+ <div class={styles.actionButtons}>
+ <ElButton type="warning">寮�宸�</ElButton>
+ <ElButton type="warning">瀹屽伐</ElButton>
+ <ElButton type="warning">鏆傚仠</ElButton>
+ <ElButton type="warning">鑷姩</ElButton>
+ <ElButton type="warning">璐ㄦ</ElButton>
+ </div>
+
+ <h2 class={styles.blockTitle}>褰撳墠宸ヤ綅/璁惧淇℃伅</h2>
+
+ {/* <div class={styles.modelRrow}> */}
+ {/* <div> */}
+ <div class={styles.headerContent}>
+ <div class={styles.header}>
+ <ElForm label-position="right" class={styles.h5Form}>
+ <ElFormItem label="鍨嬪彿1">
+ <ElSelect
+ v-model={queryForm.value.materialModel}
+ placeholder="璇烽�夋嫨鍨嬪彿"
+ clearable
+ disabled
+ class={styles.formInput}
+ >
+ {modelOptions.value.map((item) => (
+ <ElOption
+ key={item.value}
+ label={item.label}
+ value={item.value}
+ />
+ ))}
+ </ElSelect>
+ </ElFormItem>
+ <ElFormItem label="鍨嬪彿2">
+ <ElSelect
+ v-model={queryForm.value.materialModel}
+ placeholder="璇烽�夋嫨鍨嬪彿"
+ clearable
+ disabled
+ class={styles.formInput}
+ >
+ {modelOptions.value.map((item) => (
+ <ElOption
+ key={item.value}
+ label={item.label}
+ value={item.value}
+ />
+ ))}
+ </ElSelect>
+ </ElFormItem>
+ <ElFormItem label="鍨嬪彿3">
+ <ElSelect
+ v-model={queryForm.value.materialModel}
+ placeholder="璇烽�夋嫨鍨嬪彿"
+ clearable
+ disabled
+ class={styles.formInput}
+ >
+ {modelOptions.value.map((item) => (
+ <ElOption
+ key={item.value}
+ label={item.label}
+ value={item.value}
+ />
+ ))}
+ </ElSelect>
+ </ElFormItem>
+ <ElFormItem label="鍨嬪彿4">
+ <ElSelect
+ v-model={queryForm.value.materialModel}
+ placeholder="璇烽�夋嫨鍨嬪彿"
+ clearable
+ disabled
+ class={styles.formInput}
+ >
+ {modelOptions.value.map((item) => (
+ <ElOption
+ key={item.value}
+ label={item.label}
+ value={item.value}
+ />
+ ))}
+ </ElSelect>
+ </ElFormItem>
+ </ElForm>
</div>
- </ElForm>
+ </div>
+
+ <div class="info-block">
+ <h2 class="block-title">宸ヨ壓淇℃伅</h2>
+ <el-table stripe>
+ <el-table-column prop="sequence" label="搴�"></el-table-column>
+ <el-table-column prop="flangeA" label="娉曞叞A"></el-table-column>
+ <el-table-column prop="flangeB" label="娉曞叞B"></el-table-column>
+ </el-table>
+ </div>
+ <h2 class="block-title">鍥剧焊</h2>
+ <img
+ src={pipeImage}
+ alt="璁惧鍥剧墖"
+ style="height:1250px;"
+ class="equipment-image"
+ ></img>
+
</div>
)
}
--
Gitblit v1.9.3