|
|
@@ -0,0 +1,171 @@
|
|
|
+<template>
|
|
|
+ <div class="common-dialog">
|
|
|
+ <div class="common-dialog-content">
|
|
|
+ <div class="common-dialog-title-box">
|
|
|
+ <i class="common-dialog-title-icon" />
|
|
|
+ <div>新增出库单</div>
|
|
|
+ </div>
|
|
|
+ <div class="common-dialog-box">
|
|
|
+ <el-form ref="eventFormRef" :model="form" :rules="rules" label-width="120px">
|
|
|
+ <el-form-item label="仓库编号：" prop="warehouse_number">
|
|
|
+ <el-input v-model="form.warehouse_number" placeholder="请输入仓库编号" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="采购单号：" prop="purchase_order_id">
|
|
|
+ <el-input v-model="form.purchase_order_id" placeholder="请输入采购单号" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="是否捐赠（是、否）：" prop="is_donation">
|
|
|
+ <el-select v-model="form.is_donation" placeholder="请选择是否捐赠">
|
|
|
+ <el-option label="是" value="是"></el-option>
|
|
|
+ <el-option label="否" value="否"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="运单号：" prop="tracking_number">
|
|
|
+ <el-input v-model="form.tracking_number" placeholder="请输入运单号" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="捐赠人联系电话：" prop="donor_phone">
|
|
|
+ <el-input v-model="form.donor_phone" placeholder="请输入捐赠人联系电话" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="捐赠人姓名：" prop="donor_name">
|
|
|
+ <el-input v-model="form.donor_name" placeholder="请输入捐赠人姓名" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="审核人：" prop="auditor">
|
|
|
+ <el-input v-model="form.auditor" placeholder="请输入审核人" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="企业名称：" prop="company_name">
|
|
|
+ <el-input v-model="form.company_name" placeholder="请输入企业名称" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="企业编号：" prop="company_id">
|
|
|
+ <el-input v-model="form.company_id" placeholder="请输入企业编号" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="分级信息：" prop="grade_info">
|
|
|
+ <el-input v-model="form.grade_info" placeholder="请输入分级信息" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="类型(1_调拨入库、2_归还入库、3_回收入库)：" prop="type">
|
|
|
+ <el-select v-model="form.type" placeholder="请选择类型">
|
|
|
+ <el-option label="调拨入库" value="1"></el-option>
|
|
|
+ <el-option label="归还入库" value="2"></el-option>
|
|
|
+ <el-option label="回收入库" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="供应商名称：" prop="supplier_name">
|
|
|
+ <el-input v-model="form.supplier_name" placeholder="请输入供应商名称" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="创建时间：" prop="create_time">
|
|
|
+ <el-date-picker v-model="form.create_time" type="datetime" placeholder="请选择创建时间" style="width: 468px;"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="备注：" prop="remarks">
|
|
|
+ <el-input v-model="form.remarks" placeholder="请输入备注" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="供应商编号：" prop="supplier_id">
|
|
|
+ <el-input v-model="form.supplier_id" placeholder="请输入供应商编号" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="完成时间：" prop="completion_time">
|
|
|
+ <el-date-picker v-model="form.completion_time" type="datetime" placeholder="请选择完成时间" style="width: 468px;"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="计划完成时间：" prop="planned_completion_time">
|
|
|
+ <el-date-picker v-model="form.planned_completion_time" type="datetime" placeholder="请选择计划完成时间" style="width: 468px;"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="仓库名称：" prop="warehouse_name">
|
|
|
+ <el-input v-model="form.warehouse_name" placeholder="请输入仓库名称" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="库房名称：" prop="storage_room_name">
|
|
|
+ <el-input v-model="form.storage_room_name" placeholder="请输入库房名称" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="入库单号：" prop="inbound_order_id">
|
|
|
+ <el-input v-model="form.inbound_order_id" placeholder="请输入入库单号" style="width: 468px;" />
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="新增时间：" prop="add_time">
|
|
|
+ <el-date-picker v-model="form.add_time" type="datetime" placeholder="请选择新增时间" style="width: 468px;"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="common-dialog-footer">
|
|
|
+ <el-button @click="closeDialog">取消</el-button>
|
|
|
+ <el-button :loading="buttonLoading" type="primary" @click="submitForm">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script setup lang="ts">
|
|
|
+import { ref, reactive, toRefs } from 'vue';
|
|
|
+const emits = defineEmits(['close']);
|
|
|
+const buttonLoading = ref(false);
|
|
|
+// 表单初始数据
|
|
|
+const initFormData = {
|
|
|
+ warehouse_number: 'WH001', // 仓库编号
|
|
|
+ purchase_order_id: 'PO123456', // 采购单号
|
|
|
+ is_donation: '否', // 是否捐赠（是、否）
|
|
|
+ tracking_number: 'TN789012', // 运单号
|
|
|
+ donor_phone: '13800138000', // 捐赠人联系电话
|
|
|
+ donor_name: '张三', // 捐赠人姓名
|
|
|
+ auditor: '李四', // 审核人
|
|
|
+ company_name: '某某企业有限公司', // 企业名称
|
|
|
+ company_id: 'ENT001', // 企业编号
|
|
|
+ grade_info: 'A级', // 分级信息
|
|
|
+ type: '1', // 类型(1_调拨入库、2_归还入库、3_回收入库)
|
|
|
+ supplier_name: '供应商甲', // 供应商名称
|
|
|
+ create_time: '2023-10-01T08:00:00Z', // 创建时间（ISO 8601格式）
|
|
|
+ remarks: '这是备注信息', // 备注
|
|
|
+ supplier_id: 'SPL001', // 供应商编号
|
|
|
+ completion_time: '2023-10-05T16:00:00Z', // 完成时间
|
|
|
+ planned_completion_time: '2023-10-04T16:00:00Z', // 计划完成时间
|
|
|
+ warehouse_name: '一号仓库', // 仓库名称
|
|
|
+ storage_room_name: 'A区库房', // 库房名称
|
|
|
+ inbound_order_id: 'IO765432', // 入库单号
|
|
|
+ add_time: '2023-09-30T10:00:00Z' // 新增时间
|
|
|
+};
|
|
|
+
|
|
|
+// 表单数据
|
|
|
+const data = reactive({
|
|
|
+ form: { ...initFormData },
|
|
|
+ rules: {
|
|
|
+ event_title: [{ required: true, message: '事件标题不能为空', trigger: 'blur' }],
|
|
|
+ event_type: [{ required: true, message: '事件类型不能为空', trigger: 'blur' }],
|
|
|
+ event_level: [{ required: true, message: '事件等级不能为空', trigger: 'blur' }],
|
|
|
+ event_status: [{ required: true, message: '事件状态不能为空', trigger: 'blur' }],
|
|
|
+ address: [{ required: true, message: '事件地点不能为空', trigger: 'blur' }],
|
|
|
+ event_time: [{ required: true, message: '事发时间不能为空', trigger: 'blur' }],
|
|
|
+ report_time: [{ required: true, message: '上报时间不能为空', trigger: 'blur' }],
|
|
|
+ event_source: [{ required: true, message: '事件来源不能为空', trigger: 'blur' }],
|
|
|
+ event_description: [{ required: true, message: '事件描述不能为空', trigger: 'blur' }],
|
|
|
+ contact: [{ required: true, message: '联系方式不能为空', trigger: 'blur' }]
|
|
|
+ }
|
|
|
+});
|
|
|
+
|
|
|
+const { form, rules } = toRefs(data);
|
|
|
+
|
|
|
+const closeDialog = () => {
|
|
|
+ emits('close');
|
|
|
+};
|
|
|
+const submitForm = () => {
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.flex {
|
|
|
+ display: flex;
|
|
|
+ span {
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
