| | |
| | | @clear="searchFilter" |
| | | clearable |
| | | prefix-icon="Search" /> |
| | | <span style="margin-left: 12px"> |
| | | <ImportExcel @uploadSuccess="handleImportSuccess" /> |
| | | </span> |
| | | <el-button v-if="false" |
| | | type="primary" |
| | | @click="openProDia('addOne')" |
| | |
| | | @click="openModelDia('add')"> |
| | | 新增规格型号 |
| | | </el-button> |
| | | <ImportExcel :product-id="currentId" |
| | | @uploadSuccess="getModelList" /> |
| | | <el-button type="danger" |
| | | @click="handleDelete" |
| | | style="margin-left: 10px" |
| | |
| | | <el-form-item label="产品名称:" |
| | | prop="productName"> |
| | | <el-input v-model="form.productName" |
| | | type="textarea" |
| | | resize="vertical" |
| | | placeholder="请输入产品名称" |
| | | maxlength="20" |
| | | maxlength="50" |
| | | show-word-limit |
| | | clearable |
| | | @keydown.enter.prevent /> |
| | |
| | | :rules="modelRules" |
| | | ref="modelFormRef"> |
| | | <el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="产品编号:" |
| | | prop="productCode"> |
| | | <el-input v-model="modelForm.productCode" |
| | | placeholder="请输入产品编号" |
| | | clearable |
| | | @keydown.enter.prevent /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="产品编号:" |
| | | prop="productCode"> |
| | | <el-input v-model="modelForm.productCode" |
| | | placeholder="请输入产品编号" |
| | | clearable |
| | | @keydown.enter.prevent /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="规格型号:" |
| | | prop="model"> |
| | |
| | | rules: { |
| | | productName: [ |
| | | { required: true, message: "请输入", trigger: "blur" }, |
| | | { max: 20, message: "产品名称不能超过20个字符", trigger: "blur" }, |
| | | { max: 50, message: "产品名称不能超过50个字符", trigger: "blur" }, |
| | | ], |
| | | }, |
| | | modelForm: { |
| | |
| | | tableLoading.value = false; |
| | | }); |
| | | }; |
| | | // 导入完成后刷新产品树与右侧规格列表 |
| | | const handleImportSuccess = () => { |
| | | getProductTreeList(); |
| | | if (currentId.value) { |
| | | getModelList(); |
| | | } |
| | | }; |
| | | // 删除规格型号 |
| | | const handleDelete = () => { |
| | | let ids = []; |