CASM_web/src/views/product/needle/add_edit.vue

79 lines
2.6 KiB
Vue
Raw Normal View History

2024-04-08 09:10:20 +00:00
<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="code">
<el-input v-model="form.code" placeholder="请输入产品条码" />
</el-form-item>
<el-form-item label="针号" prop="needleNum">
<el-input v-model="form.needleNum" placeholder="请输入针号" />
</el-form-item>
<el-form-item label="面线信息" prop="surfacelineId">
<el-input v-model="form.surfacelineId" placeholder="请输入面线信息" />
</el-form-item>
<el-form-item label="底线信息" prop="bottomlineId">
<el-input v-model="form.bottomlineId" placeholder="请输入底线信息" />
</el-form-item>
<el-form-item label="梭芯信息" prop="shuttlecoreId">
<el-input v-model="form.shuttlecoreId" placeholder="请输入梭芯信息" />
</el-form-item>
<el-form-item label="排序" prop="sort">
<el-input v-model="form.sort" placeholder="请输入排序" />
</el-form-item>
<el-form-item label="最小值" prop="min">
<el-input v-model="form.min" placeholder="请输入最小值" />
</el-form-item>
<el-form-item label="最大值" prop="max">
<el-input v-model="form.max" placeholder="请输入最大值" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="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 emit = defineEmits();
const proxy = getCurrentInstance();
const rules = {
code: [{ required: true, message: "请输入产品编码", trigger: "blur" }],
};
const props = defineProps({
modelValue: [String, Object, Array],
title: String,
form: {
type: Object,
default: () => ({}),
},
});
const baseUrl = import.meta.env.VITE_APP_BASE_API;
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>