<template>
  <el-dialog v-model="props.modelValue" :title="props.title" @close="close" width="800">
    <el-form ref="formRef" :inline="true" :model="props.form" :rules="rules" class="demo-form-inline"
      label-width="100px">
      <el-form-item label="产品编码" prop="productionCode">
        <el-input v-model="props.form.productionCode" placeholder="请输入产品编码" />
      </el-form-item>
      <el-form-item label="设备编码" prop="deviceCode">
        <el-input v-model="props.form.deviceCode" placeholder="请输入设备编码" />
      </el-form-item>
      <el-form-item label="员工编码" prop="persionCode">
        <el-input v-model="props.form.persionCode" placeholder="请输入员工编码" />
      </el-form-item>
      <el-form-item label="目标产量" prop="planOutput">
        <el-input v-model="props.form.planOutput" placeholder="请输入目标产量" />
      </el-form-item>
      <el-form-item label="当前产量" prop="output">
        <el-input v-model="props.form.output" placeholder="请输入当前产量" />
      </el-form-item>
      <el-form-item label="开始时间" prop="starttime">
        <el-date-picker clearable v-model="props.form.starttime" type="date" value-format="yyyy-MM-dd" placeholder="请选择开始时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="结束时间" prop="endtime">
        <el-date-picker clearable v-model="props.form.endtime" type="date" value-format="yyyy-MM-dd" placeholder="请选择结束时间">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="批次" prop="batch">
        <el-input v-model="props.form.batch" placeholder="请输入批次" />
      </el-form-item>
      <el-form-item label="备注" prop="remark">
        <el-input v-model="props.form.remark" placeholder="请输入备注" />
      </el-form-item>
    </el-form>
    <template #footer>
      <div class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script setup>
import { ref } from "vue";
const { proxy } = getCurrentInstance();
const emit = defineEmits();
const props = defineProps({
  modelValue: [String, Object, Array],
  title: String,
  form: {
    type: Object,
    default: () => ({}),
  },
});
const baseUrl = import.meta.env.VITE_APP_BASE_API;
const rules = {
  productionCode: [
    { required: true, message: "产品编码不能为空", trigger: "blur" }
  ],
  deviceCode: [
    { required: true, message: "设备编码不能为空", trigger: "blur" }
  ],
  persionCode: [
    { required: true, message: "员工编码不能为空", trigger: "blur" }
  ],
}
function close() {
  emit("update:modelValue", false);
}
function submitForm() {
  proxy.$refs["formRef"].validate(valid => {
        if (valid) {
          emit("submitForm", props.form);
            
        }
    });
  
}
function cancel() {
  emit("update:form", {});
  close();
}
</script>

<style lang="scss" scoped></style>
