From 3aedad63dd01f1fc5154cb520af32edab967d6e0 Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周一, 12 5月 2025 09:15:26 +0800
Subject: [PATCH] Merge branch 'master' of http://222.71.245.114:9086/r/HIA24016N_PipeLineDemo
---
PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/dialog/prepareForm.vue | 340 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 340 insertions(+), 0 deletions(-)
diff --git a/PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/dialog/prepareForm.vue b/PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/dialog/prepareForm.vue
new file mode 100644
index 0000000..e4c8b13
--- /dev/null
+++ b/PipeLineLems/pipelinelems_web/src/widgets/OrderManagement-main/dialog/prepareForm.vue
@@ -0,0 +1,340 @@
+<template>
+ <div class="dialog-container">
+ <Dialog v-model="dialogVisible" :title="title" width="689px">
+ <div class="dialog-content">
+ <HeadTitle :title="_t('鍩虹淇℃伅')" />
+ <div class="form">
+ <CustomFormItem
+ v-for="item in form"
+ :key="item.prop"
+ v-model="item.value"
+ :label="item.label"
+ :component-name="item.componentName"
+ label-width="64px"
+ v-bind="{ ...item.attrProps }"
+ disabled
+ >
+ <template v-if="item.componentName === 'el-select'">
+ <el-option
+ v-for="o in item.nodeOptions"
+ :key="o.id"
+ :label="o.model"
+ :value="o.id"
+ />
+ </template>
+ </CustomFormItem>
+ </div>
+
+ <HeadTitle :title="_t('鎵规鐗╂枡娓呭崟')" style="margin-top: 24px" />
+ <div class="head">
+ <div class="barcode">
+ <span>{{ _t('鏉＄爜淇℃伅锛�') }} </span>
+ <el-input
+ v-model="barCode"
+ :ref="inputRef"
+ @keyup.enter.native="onEnter"
+ style="width: 240px"
+ />
+ </div>
+ <div>{{ _t('涓婃枡杩涘害锛�') }}{{ schedule }}</div>
+ </div>
+ <el-table
+ :data="tableData"
+ style="width: 100%"
+ height="100%"
+ border
+ :header-cell-style="{ background: '#DBDFE7', color: '#35363B' }"
+ >
+ <el-table-column fixed type="index" width="55" :label="_t('搴忓彿')" />
+ <template v-for="item in tableHead" :key="item.prop">
+ <el-table-column
+ :prop="item.prop"
+ :label="item.label"
+ show-overflow-tooltip
+ >
+ <template v-slot="{ row }">
+ <span>{{
+ item.formatter
+ ? item.formatter(row[item.prop])
+ : row[item.prop]
+ }}</span>
+ </template>
+ </el-table-column>
+ </template>
+ </el-table>
+ </div>
+
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button
+ @click="dialogVisible = false"
+ class="baseCss"
+ style="background: #efeded"
+ >
+ {{ _t('鍙栨秷') }}
+ </el-button>
+ <el-button
+ type="primary"
+ @click="onConfirm"
+ class="baseCss"
+ style="background: #5a84ff"
+ >
+ {{ _t('纭畾') }}
+ </el-button>
+ </span>
+ </template>
+ </Dialog>
+ </div>
+</template>
+
+<script lang="ts">
+import {
+ PropType,
+ defineComponent,
+ computed,
+ ref,
+ onMounted,
+ reactive,
+} from 'vue'
+import { useVModel } from '@vueuse/core'
+import api from '../api/product-setting'
+import type { IProductParamsRequest } from '../api/product'
+import get from 'lodash/get'
+import set from 'lodash/set'
+import { ElMessage } from 'element-plus'
+import { getEnum } from '../enum'
+const { DIALOG_STATUS, DIALOG_STATUS_OPTIONS } = getEnum()
+import CustomFormItem from '../components/customFormItem/index.vue'
+import HeadTitle from '../components/head-title/index.vue'
+import Dialog from '../../../components/Dialog/index.vue'
+import { _t } from '../app'
+
+export default defineComponent({
+ name: 'PrepareFormDialog',
+ components: { Dialog, CustomFormItem, HeadTitle },
+ props: {
+ modelValue: {
+ type: Boolean,
+ default: false,
+ },
+ status: {
+ type: String,
+ default: DIALOG_STATUS.ADD,
+ },
+ dialogConfig: {
+ type: Object as PropType<IProductParamsRequest>,
+ },
+ },
+
+ setup(props, ctx) {
+ const dialogVisible = useVModel(props)
+ const dialogTableVisible = ref(false)
+ const title = computed(() => _t('宸ュ崟澶囨枡'))
+ const schedule = computed(() => {
+ console.log(tableData.value, 'tableData.value >>>')
+
+ const notActiveLen = tableData.value.filter(
+ (item: any) => item.feedingStatus === 1
+ ).length
+ return `${notActiveLen} / ${tableData.value.length}`
+ })
+
+ const inputRef = ref()
+ const barCode = ref('')
+
+ const form = reactive([
+ {
+ label: _t('宸ュ崟鍙凤細'),
+ prop: 'code',
+ value: '',
+ attrProps: { placeholder: _t('璇疯緭鍏�') },
+ componentName: 'el-input',
+ },
+ {
+ label: _t('浜у搧鍨嬪彿锛�'),
+ prop: 'productName',
+ value: '',
+ attrProps: { placeholder: _t('璇疯緭鍏�') },
+ nodeOptions: [] as { id: string; model: string }[],
+ componentName: 'el-select',
+ },
+ {
+ label: _t('宸ヨ壓閰嶆柟锛�'),
+ prop: 'formulaName',
+ value: '',
+ attrProps: { placeholder: _t('璇疯緭鍏�'), disabled: true },
+ componentName: 'el-input',
+ },
+ {
+ label: _t('璁″垝鏁伴噺锛�'),
+ prop: 'planQty',
+ value: '',
+ attrProps: { placeholder: _t('璇疯緭鍏�') },
+ componentName: 'el-input',
+ formatter: (value: string) => {
+ return Number(value)
+ },
+ },
+ {
+ label: _t('璁″垝寮�濮嬶細'),
+ prop: 'planStartTime',
+ value: '',
+ attrProps: {
+ placeholder: _t('璇疯緭鍏�'),
+ type: 'datetime',
+ valueFormat: 'YYYY-MM-DD HH:mm:ss',
+ },
+ componentName: 'el-date-picker',
+ },
+ {
+ label: _t('璁″垝缁撴潫锛�'),
+ prop: 'planFinishTime',
+ value: '',
+ attrProps: {
+ placeholder: _t('璇疯緭鍏�'),
+ type: 'datetime',
+ valueFormat: 'YYYY-MM-DD HH:mm:ss',
+ },
+ componentName: 'el-date-picker',
+ },
+ ])
+
+ const tableData = ref([])
+ const tableHead = ref([
+ { prop: 'materialCode', label: _t('鐗╂枡缂栧彿') },
+ { prop: 'materialName', label: _t('鐗╂枡鍚嶇О') },
+ { prop: 'workSectionName', label: _t('鐢ㄦ枡宸ュ簭') },
+ { prop: 'usedQty', label: _t('鐢ㄩ噺') },
+ {
+ prop: 'feedingStatus',
+ label: _t('涓婃枡鐘舵��'),
+ formatter: (value: number) => {
+ return value === 0 ? _t('鏈笂鏂�') : _t('宸蹭笂鏂�')
+ },
+ },
+ ])
+
+ function init() {
+ getProductOptions()
+ form.forEach((item) => {
+ if (item.prop == 'productId') {
+ // @ts-ignore
+ item.value = props.dialogConfig.product.id
+ } else if (item.prop == 'formulaId') {
+ // @ts-ignore
+ item.value = props.dialogConfig.formula.id
+ } else {
+ // @ts-ignore
+ item.value = props.dialogConfig[item.prop]
+ }
+ })
+
+ tableData.value = get(props.dialogConfig, 'tableData', [])
+ }
+
+ async function getProductOptions() {
+ const result = await api.getModelOptions()
+
+ const key = 'productId'
+ const index = form.findIndex((item) => item.prop === key)
+ set(form[index], 'nodeOptions', result)
+ console.log(result, 'result')
+ }
+
+ init()
+
+ const onEnter = async () => {
+ await api.putMaterial(barCode.value)
+
+ tableData.value.forEach((item, index) => {
+ const targetCode = get(item, 'materialCode')
+ if (targetCode === barCode.value) {
+ set(tableData.value, `${index}.feedingStatus`, '1')
+ }
+ })
+
+ barCode.value = ''
+ inputRef.value.focus()
+ }
+
+ const onConfirm = async () => {
+ const id = get(props, 'dialogConfig.id', '')
+ await api.putPrepareActive(id)
+
+ ElMessage.success(_t('婵�娲绘垚鍔�'))
+ ctx.emit('callback')
+ }
+
+ onMounted(() => {
+ if (inputRef.value) {
+ // @ts-ignore
+ inputRef.value.focus()
+ }
+ })
+
+ return {
+ dialogVisible,
+ dialogTableVisible,
+ title,
+ form,
+ inputRef,
+ barCode,
+ schedule,
+ tableData,
+ tableHead,
+ _t,
+ onEnter,
+ onConfirm,
+ }
+ },
+})
+</script>
+
+<style lang="scss" scoped>
+@import '../styles/input.scss';
+
+.dialog-content {
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+
+.form {
+ display: grid;
+ grid-template-columns: 50% 50%;
+ grid-row-gap: 10px;
+ margin-top: 20px;
+
+ :deep(.content) {
+ width: 70%;
+ }
+}
+
+.baseCss {
+ width: 98px;
+ height: 26px;
+}
+
+.head {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .barcode {
+ display: flex;
+ align-items: center;
+ margin: 12px 0;
+
+ span {
+ flex-shrink: 0;
+ margin-right: 8px;
+ }
+
+ :deep(.cs-input) {
+ width: 240px;
+ }
+ }
+}
+</style>
+<style lang="scss">
+@import url('../styles/common.scss');
+</style>
--
Gitblit v1.9.3