hanzhengzheng/CASM_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改产品管理 添加编辑加入针管理和缝纫次数管理

Browse Source
This commit is contained in:
hzz 2024-04-26 17:00:38 +08:00
parent 9cd5d1d568
commit bd98db02ac
2 changed files with 119 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

119
src/views/product/product/add_edit.vue
View File

@ -3,7 +3,8 @@
<el-form ref="formRef" :inline="true" :model="props.form" :rules="rules" class="demo-form-inline"
label-width="100px">
<el-form-item :label="tLang('product', '产品编码')" prop="code">
<el-input v-model="props.form.code" :disabled="Boolean(props.form.disabled)" :placeholder="tLang('common', '请输入') + tLang('product', '产品编码')" />
<el-input v-model="props.form.code" :disabled="Boolean(props.form.disabled)"
:placeholder="tLang('common', '请输入') + tLang('product', '产品编码')" />
</el-form-item>
<el-form-item :label="tLang('product', '产品名称')" prop="name">
<el-input v-model="props.form.name" :placeholder="tLang('common', '请输入') + tLang('product', '产品名称')" />
@ -11,6 +12,68 @@
<el-form-item :label="tLang('product', '产品类型')" prop="type">
<el-input v-model="props.form.type" :placeholder="tLang('common', '请输入') + tLang('product', '产品类型')" />
</el-form-item>
<el-form-item :label="tLang('product', '针管理')">
<el-button type="primary" icon="Plus" circle @click="handleAddNeedle" />
</el-form-item>
<el-table :data="props.form.needle" style="margin-bottom: 15px;">
<el-table-column type="index" :label="tLang('product', '针号')" width="60" align="center" />
<el-table-column :label="tLang('product', '面线信息')" align="center" prop="name">
<template #default="scope">
<el-input v-model="scope.row.surfacelineCode" :placeholder="tLang('common', '请输入')" />
</template>
</el-table-column>
<el-table-column :label="tLang('product', '底线信息')" align="center" prop="type">
<template #default="scope">
<el-input v-model="scope.row.bottomlineCode" :placeholder="tLang('common', '请输入')" />
</template>
</el-table-column>
<el-table-column :label="tLang('product', '最小张力')" align="center" prop="code">
<template #default="scope">
<el-input v-model="scope.row.min" :placeholder="tLang('common', '请输入')" />
</template>
</el-table-column>
<el-table-column :label="tLang('product', '最大张力')" align="center" prop="code">
<template #default="scope">
<el-input v-model="scope.row.max" :placeholder="tLang('common', '请输入')" />
</template>
</el-table-column>
<el-table-column :label="tLang('common', '操作')" align="center" class-name="small-padding fixed-width">
<template #default="{row,$index}">
<el-tooltip :content="tLang('common', '删除')" placement="top">
<el-button link type="primary" icon="Delete" @click="handleDeleteNeedle($index)"></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-form-item :label="tLang('product', '加工次数')">
<el-button type="primary" icon="Plus" circle @click="handleAddWorking" />
</el-form-item>
<el-table :data="props.form.working" style="margin-bottom: 15px;">
<el-table-column type="index" :label="tLang('product', '第几次')" width="70" align="center" />
<el-table-column :label="tLang('product', '步骤')" align="center" prop="name">
<template #default="scope">
<el-input v-model="scope.row.step" :placeholder="tLang('common', '请输入')" />
</template>
</el-table-column>
<el-table-column :label="tLang('product', '最小针数 ')" align="center" prop="type">
<template #default="scope">
<el-input v-model="scope.row.min" :placeholder="tLang('common', '请输入')" />
</template>
</el-table-column>
<el-table-column :label="tLang('product', '最大针数')" align="center" prop="code">
<template #default="scope">
<el-input v-model="scope.row.max" :placeholder="tLang('common', '请输入')" />
</template>
</el-table-column>
<el-table-column :label="tLang('common', '操作')" align="center" class-name="small-padding fixed-width">
<template #default="{row,$index}">
<el-tooltip :content="tLang('common', '删除')" placement="top">
<el-button link type="primary" icon="Delete" @click="handleDeleteWorking($index)"></el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
<el-form-item :label="tLang('product', '备注')" prop="remark">
<el-input v-model="props.form.remark" style="width: 600px" :rows="4" type="textarea"
:placeholder="tLang('common', '请输入')" />
@ -48,6 +111,60 @@ const props = defineProps({
});
const baseUrl = import.meta.env.VITE_APP_BASE_API;
//添加针号
function handleAddNeedle() {
let needle = props.form.needle || [];
needle.push({
needleNum: needle.length + 1,
surfacelineCode: "",
bottomlineCode: "",
min: "",
max: "",
});
emit("update:form", { ...props.form, needle });
}
//删除针号
function handleDeleteNeedle(i) {
let needle = props.form.needle || [];
let length = needle.length;
needle.splice(i, 1);
if (needle.length>0 && i != length - 1) {
needle = needle.map((item, index) => {
item.needleNum = index + 1;
return item;
});
}
emit("update:form", { ...props.form, needle });
}
//添加加工次数
function handleAddWorking() {
const working = props.form.working || [];
working.push({
num: working.length + 1,
step: "",
min: "",
max: "",
});
emit("update:form", { ...props.form, working });
}
//删除加工次数
function handleDeleteWorking(i) {
let working = props.form.working || [];
let length = working.length;
working.splice(i, 1);
if (working.length>0 &&i != length - 1) {
working = working.map((item, index) => {
item.num = index + 1;
return item;
});
}
emit("update:form", { ...props.form, working });
}
//验证加工针数
function validateWorking(rule, value, callback) {
if (value[0].min === "" || value[0].max === "" || value[1].min === "" || value[1].max === "") {

2
src/views/product/product/index.vue
View File

@ -73,7 +73,7 @@
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="getList"
@current-change="getList" />
</div>
<AddEdit :title="title" v-model="open" :form="form" @submitForm="submitForm"></AddEdit>
<AddEdit :title="title" v-model="open" v-model:form="form" @submitForm="submitForm"></AddEdit>
<InfoVue v-model="infoDialog" :info="productinfo" />
<el-image-viewer v-if="showImagePreview" :url-list="showsrcListref" hide-on-click-modal teleported