LA24030-LuLI_PackageLine.git

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,298 @@
			ï»¿<template>
			<div class="wmsRecordPrint-container">
			<el-dialog v-model="isShowDialog" :width="800" draggable="" :close-on-click-modal="false">
			<template #header>
			<div style="color: #fff">
			<!--<el-icon size="16" style="margin-right: 3px; display: inline; vertical-align: middle"> <ele-Edit /> </el-icon>-->
			<span>{{ props.title }}</span>
			</div>
			</template>
			<el-form :model="ruleForm" ref="ruleFormRef" label-width="auto" :rules="rules" v-loading="loading">
			<el-row :gutter="35">
			<el-form-item v-show="false">
			<el-input v-model="ruleForm.id" />
			</el-form-item>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="æå°ç±»å" prop="printType">
			<el-select clearable v-model="ruleForm.printType" placeholder="è¯·éæ©æå°ç±»å">
			<el-option v-for="(item,index) in getEnumPrintTypeData" :key="index" :value="item.value" :label="`${item.describe}`"></el-option>

			</el-select>

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="æå°æ¥æº" prop="printSource">
			<el-select clearable v-model="ruleForm.printSource" placeholder="è¯·éæ©æå°æ¥æº">
			<el-option v-for="(item,index) in getEnumPrintSourceData" :key="index" :value="item.value" :label="`${item.describe}`"></el-option>

			</el-select>

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="åè£å·" prop="packageCode">
			<el-input v-model="ruleForm.packageCode" placeholder="è¯·è¾å¥åè£å·" maxlength="50" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="éå®åååå·" prop="info4">
			<el-input v-model="ruleForm.info4" placeholder="è¯·è¾å¥éå®åååå·" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="çäº§åå·" prop="info5">
			<el-input v-model="ruleForm.info5" placeholder="è¯·è¾å¥çäº§åå·" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="ç¬¬å å" prop="info6">
			<el-input v-model="ruleForm.info6" placeholder="è¯·è¾å¥ç¬¬å å" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="ç»éåºåç§°" prop="info7">
			<el-input v-model="ruleForm.info7" placeholder="è¯·è¾å¥ç»éåºåç§°" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="äº§ååç§°" prop="info8">
			<el-input v-model="ruleForm.info8" placeholder="è¯·è¾å¥äº§ååç§°" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="å®¢æ·åç§°" prop="info10">
			<el-input v-model="ruleForm.info10" placeholder="è¯·è¾å¥å®¢æ·åç§°" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="èªæoråè´§" prop="info11">
			<el-input v-model="ruleForm.info11" placeholder="è¯·è¾å¥èªæoråè´§" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="åè£é¨ä»¶æ»æ°é" prop="info12">
			<el-input v-model="ruleForm.info12" placeholder="è¯·è¾å¥åè£é¨ä»¶æ»æ°é" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="åè£é¢ç§¯" prop="info13">
			<el-input v-model="ruleForm.info13" placeholder="è¯·è¾å¥åè£é¢ç§¯" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="é¨ä»¶åç§°" prop="info14">
			<el-input v-model="ruleForm.info14" placeholder="è¯·è¾å¥é¨ä»¶åç§°" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="é¨ä»¶æ°é" prop="info15">
			<el-input-number v-model="ruleForm.info15" placeholder="è¯·è¾å¥é¨ä»¶æ°é" clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="é¨ä»¶å°ºå¯¸" prop="info16">
			<el-input v-model="ruleForm.info16" placeholder="è¯·è¾å¥é¨ä»¶å°ºå¯¸" maxlength="60" show-word-limit clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="æå°å¼ æ°" prop="printSheetNum">
			<el-input-number v-model="ruleForm.printSheetNum" placeholder="è¯·è¾å¥æå°å¼ æ°" clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="æå°æ¬¡æ°" prop="printNum">
			<el-input-number v-model="ruleForm.printNum" placeholder="è¯·è¾å¥æå°æ¬¡æ°" clearable />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="æå°ç¶æ" prop="printStatus">
			<el-select clearable v-model="ruleForm.printStatus" placeholder="è¯·éæ©æå°ç¶æ">
			<el-option v-for="(item,index) in getEnumPrintStatusData" :key="index" :value="item.value" :label="`${item.describe}`"></el-option>

			</el-select>

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="æ¯å¦åè®¸æå°" prop="isAllowPrint">
			<el-switch v-model="ruleForm.isAllowPrint" active-text="æ¯" inactive-text="å¦" />

			</el-form-item>

			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="å¤æ³¨" prop="remarks">
			<el-input v-model="ruleForm.remarks" placeholder="è¯·è¾å¥å¤æ³¨" maxlength="255" show-word-limit clearable />

			</el-form-item>

			</el-col>
			</el-row>
			</el-form>
			<template #footer>
			<span class="dialog-footer">
			<el-button @click="cancel">å æ¶</el-button>
			<el-button type="primary" @click="submit" :disabled="disabled_btn">ç¡® å®</el-button>
			</span>
			</template>
			</el-dialog>
			</div>
			</template>
			<style scoped>
			:deep(.el-select),
			:deep(.el-input-number) {
			width: 100%;
			}
			</style>
			<script lang="ts" setup>
			import { ref,onMounted } from "vue";
			import { getDictDataItem as di, getDictDataList as dl } from '/@/utils/dict-utils';
			import { ElMessage } from "element-plus";
			import type { FormRules } from "element-plus";
			import { addWmsRecordPrint, updateWmsRecordPrint, detailWmsRecordPrint } from "/@/api/main/PrintCenter/wmsRecordPrint";
			import { getAPI } from '/@/utils/axios-utils';
			import { SysEnumApi } from '/@/api-services/api';

			const getEnumPrintTypeData = ref<any>([]);
			const getEnumPrintSourceData = ref<any>([]);
			const getEnumPrintStatusData = ref<any>([]);
			//ç¶çº§ä¼ éæ¥çåæ°
			var props = defineProps({
			title: {
			type: String,
			default: "",
			},
			});
			//ç¶çº§ä¼ éæ¥çå½æ°ï¼ç¨äºåè°
			const emit = defineEmits(["reloadTable"]);
			const ruleFormRef = ref();
			const isShowDialog = ref(false);
			const loading = ref(false);
			const disabled_btn = ref(false);
			const ruleForm = ref<any>({});
			//èªè¡æ·»å å¶ä»è§å
			const rules = ref<FormRules>({
			printType: [{required: true, message: 'è¯·éæ©æå°ç±»åï¼', trigger: 'change',},],
			printSource: [{required: true, message: 'è¯·éæ©æå°æ¥æºï¼', trigger: 'change',},],
			packageCode: [{required: true, message: 'è¯·è¾å¥åè£å·ï¼', trigger: 'blur',},],
			printSheetNum: [{required: true, message: 'è¯·è¾å¥æå°å¼ æ°ï¼', trigger: 'blur',},],
			printNum: [{required: true, message: 'è¯·è¾å¥æå°æ¬¡æ°ï¼', trigger: 'blur',},],
			printStatus: [{required: true, message: 'è¯·éæ©æå°ç¶æï¼', trigger: 'change',},],
			isAllowPrint: [{required: true, message: 'è¯·éæ©æ¯å¦åè®¸æå°ï¼', trigger: 'change',},],
			isDelete: [{required: true, message: 'è¯·éæ©è½¯å é¤ï¼', trigger: 'change',},],
			});

			/*
			* æå¼å¼¹çª
			* @param flag æ è®°ï¼1æ°å¢ 2ç¼è¾ 3æ¥çï¼
			* @param row è¡æ°æ®
			*/
			const openDialog = async (flag: number,row: any) => {
			// ruleForm.value = JSON.parse(JSON.stringify(row));
			// æ¹ç¨detailè·åææ°æ°æ®æ¥ç¼è¾
			let rowData = JSON.parse(JSON.stringify(row));
			if (rowData.id)
			ruleForm.value = (await detailWmsRecordPrint(rowData.id)).data.result;
			else {
			ruleForm.value = rowData;
			ruleForm.value.isAllowPrint = false;//å¿å¡«ï¼èµå¼é»è®¤å¼
			}
			isShowDialog.value = true;
			};

			// å³éå¼¹çª
			const closeDialog = () => {
			emit("reloadTable");
			isShowDialog.value = false;
			};

			// åæ¶
			const cancel = () => {
			isShowDialog.value = false;
			};

			// æäº¤
			const submit = async () => {
			disabled_btn.value = true;
			ruleFormRef.value.validate(async (isValid: boolean, fields?: any) => {
			if (isValid) {
			loading.value = true;
			let values = ruleForm.value;
			let ret={};
			let title='æ°å¢';
			if (ruleForm.value.id == undefined \|\| ruleForm.value.id == null \|\| ruleForm.value.id == "" \|\| ruleForm.value.id == 0) {
			ret = await addWmsRecordPrint(values);
			} else {
			title='ç¼è¾';
			ret = await updateWmsRecordPrint(values);
			}
			loading.value = false;
			disabled_btn.value = false;
			if(ret.data.type=="success"){
			ElMessage.success(title+'æå');
			closeDialog();
			}
			} else {
			disabled_btn.value = false;
			ElMessage({
			message: `è¡¨åæ${Object.keys(fields).length}å¤éªè¯å¤±è´¥ï¼è¯·ä¿®æ¹ååæäº¤`,
			type: "error",
			});
			}
			});
			};







			// é¡µé¢å è½½æ¶
			onMounted(async () => {
			getEnumPrintTypeData.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('PrintTypeEnum')).data.result ?? [];
			getEnumPrintSourceData.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('PrintSourceEnum')).data.result ?? [];
			getEnumPrintStatusData.value = (await getAPI(SysEnumApi).apiSysEnumEnumDataListGet('PrintStatuEnum')).data.result ?? [];
			});

			//å°å±æ§æèå½æ°æ´é²ç»ç¶ç»ä»¶
			defineExpose({ openDialog });
			</script>