schangxiang@126.com
2025-05-17 ba72e3d15c5e5336201ab2e48c040fcfde423fc7
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>
      )
    }