| | |
| | | <el-form-item label="商品名称:" :rules="[{ required: true, message: '请填写商品名称' }]" prop="model.product_name"> |
| | | <el-input v-model="form.model.product_name" class="max-w460"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="所属分类:" :rules="[{ required: true, message: '你选择商品分类' }]" prop="model.category_id"> |
| | | <el-select v-model="form.model.category_id"> |
| | | <!--<el-form-item label="所属分类:" :rules="[{ required: true, message: '你选择商品分类' }]" prop="model.category_id"> |
| | | <el-select v-model="form.model.category_id" multiple> |
| | | <template v-for="cat in form.category"> |
| | | <el-option :value="cat.category_id" :key="cat.category_id" :label="cat.name"></el-option> |
| | | <template v-if="cat.child !== undefined" v-for="two in cat.child"> |
| | |
| | | </template> |
| | | </template> |
| | | </template> |
| | | </el-select> |
| | | </el-form-item>--> |
| | | <el-form-item label="所属分类:" :rules="[{ required: true, message: '请选择商品分类' }]" prop="model.category_ids"> |
| | | <el-select v-model="form.model.category_ids" multiple style="width:460px"> |
| | | <template v-for="cat in form.category" v-if="cat.dish_store_id==dish_store_id"> |
| | | <el-option :value="cat.category_id" :key="cat.category_id" :label="cat.name"></el-option> |
| | | <template v-if="cat.child !== undefined" v-for="two in cat.child"> |
| | | <el-option :value="two.category_id" :key="two.category_id" :label="two.name" style="padding-left: 30px;"></el-option> |
| | | <template v-if="two.child !== undefined" v-for="three in two.child"> |
| | | <el-option :value="three.category_id" :key="three.category_id" :label="three.name" style="padding-left: 60px;"></el-option> |
| | | </template> |
| | | </template> |
| | | </template> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="所属供应商:"> |
| | | <el-select v-model="form.model.shop_supplier_id" clearable placeholder="请选择供应商"> |
| | | <el-option |
| | | v-for="supplier in supplierList" |
| | | :key="supplier.shop_supplier_id" |
| | | :label="supplier.name" |
| | | :value="supplier.shop_supplier_id"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="预告商品:"> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import SupplierApi from '@/api/supplier.js'; |
| | | import Upload from '@/components/file/Upload'; |
| | | import draggable from 'vuedraggable'; |
| | | export default { |
| | |
| | | return { |
| | | isProductUpload: false, |
| | | config: {}, |
| | | file_name: 'image' |
| | | file_name: 'image', |
| | | supplierList: [] |
| | | }; |
| | | }, |
| | | inject: ['form'], |
| | | created() { |
| | | |
| | | this.getSupplierList(); |
| | | }, |
| | | methods: { |
| | | /*获取供应商列表*/ |
| | | getSupplierList() { |
| | | SupplierApi.supplierList({}, true) |
| | | .then(res => { |
| | | this.supplierList = res.data.list.data || []; |
| | | }) |
| | | .catch(error => { |
| | | console.error('获取供应商列表失败:', error); |
| | | }); |
| | | }, |
| | | |
| | | /*打开上传图片*/ |
| | | openProductUpload: function(file_type, file_name) { |