Skip to content

Commit e29e43b

Browse files
Why1092164058Why1092164058
committed
feature(uniapp分类): 商品创建功能以及查询功能正常使用
1 parent 8cb2b44 commit e29e43b

File tree

2 files changed

+150
-368
lines changed

2 files changed

+150
-368
lines changed

‎src/views/mall/product/spu/index.vue

Lines changed: 0 additions & 240 deletions
Original file line numberDiff line numberDiff line change
@@ -181,246 +181,6 @@
181181
<el-dialog :title="title" :visible.sync="open" width="900px" append-to-body >
182182
<save @closeDialog="open = false"/>
183183
</el-dialog>
184-
<!-- 对话框(添加 / 修改) -->
185-
<!-- <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
186-
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
187-
<el-form-item label="商品名称" prop="name">
188-
<el-input v-model="form.name" placeholder="请输入商品名称" />
189-
</el-form-item>
190-
<el-form-item label="卖点" prop="sellPoint">
191-
<el-input v-model="form.sellPoint" placeholder="请输入卖点" />
192-
</el-form-item>
193-
<el-form-item label="描述">
194-
<editor v-model="form.description" :min-height="192" />
195-
</el-form-item>
196-
<el-form-item label="分类id" prop="categoryIds">
197-
<el-cascader
198-
v-model="form.categoryIds"
199-
placeholder="请输入分类id"
200-
style="width: 100%"
201-
:options="categoryList"
202-
:props="propName"
203-
clearable
204-
></el-cascader>
205-
</el-form-item>
206-
<el-form-item label="商品主图地址" prop="picUrls">
207-
<ImageUpload v-model="form.picUrls" :limit="10" />
208-
</el-form-item>
209-
<el-form-item label="商品规格">
210-
<el-button size="mini" @click="shopTagInput()">添加规格</el-button>
211-
<div v-for="(tag, tagIndex) in skuTags" :key="tagIndex">
212-
<span>{{ tag.name }}</span>
213-
<el-button
214-
style="margin-left: 10px"
215-
class="button-new-tag"
216-
type="text"
217-
icon="el-icon-delete"
218-
@click="removeTag(tagIndex)"
219-
>删除
220-
</el-button>
221-
<br />
222-
<el-tag
223-
v-for="(tagItem, tagItemIndex) in tag.selectValues"
224-
:key="tagItemIndex"
225-
style="margin-right: 10px"
226-
:disable-transitions="false"
227-
>
228-
{{ tagItem }}
229-
</el-tag> -->
230-
<!-- <el-input-->
231-
<!-- class="input-new-tag"-->
232-
<!-- v-if="tagItemInputs[tagIndex] && tagItemInputs[tagIndex].visible"-->
233-
<!-- v-model="tagItemInputs[tagIndex].value"-->
234-
<!-- :ref="`saveTagInput${tagIndex}`"-->
235-
<!-- size="small"-->
236-
<!-- @keyup.enter.native="handleInputConfirm(tagIndex)"-->
237-
<!-- @blur="handleInputConfirm(tagIndex)">-->
238-
<!-- </el-input>-->
239-
<!-- </div>
240-
</el-form-item>
241-
<el-form-item label="规格名" v-show="isShowTagInput">
242-
<el-col :span="8">
243-
<el-select
244-
v-model="addTagInput.name"
245-
filterable
246-
allow-create
247-
default-first-option
248-
placeholder="请选择"
249-
@change="handleTagClick"
250-
>
251-
<el-option
252-
v-for="item in unUseTags"
253-
:key="item.id"
254-
:label="item.name"
255-
:value="item.name"
256-
>
257-
</el-option>
258-
</el-select>
259-
</el-col>
260-
</el-form-item>
261-
<el-form-item label="规格值" v-show="isShowTagInput">
262-
<el-col :span="8">
263-
<el-select
264-
v-model="addTagInput.selectValues"
265-
multiple
266-
filterable
267-
allow-create
268-
default-first-option
269-
placeholder="请选择"
270-
>
271-
<el-option
272-
v-for="item in dbTagValues"
273-
:key="item.id"
274-
:label="item.name"
275-
:value="item.name"
276-
>
277-
</el-option>
278-
</el-select>
279-
</el-col>
280-
</el-form-item>
281-
<el-form-item>
282-
<el-button
283-
size="mini"
284-
type="primary"
285-
@click="addTag()"
286-
v-show="isShowTagInput"
287-
>确定</el-button
288-
>
289-
<el-button size="mini" @click="hideTagInput()" v-show="isShowTagInput"
290-
>取消</el-button
291-
>
292-
</el-form-item>
293-
<el-form-item v-if="form.skus.length > 0">
294-
<el-table
295-
:data="form.skus"
296-
border
297-
style="width: 100%; margin-top: 20px"
298-
:span-method="tableSpanMethod"
299-
>
300-
<el-table-column
301-
v-for="(leftTitle, index) in skuTags"
302-
:key="index"
303-
:label="leftTitle.name"
304-
>
305-
<template slot-scope="scope">
306-
{{ scope.row.propertyChildNames[index] }}
307-
</template>
308-
</el-table-column>
309-
<el-table-column
310-
v-if="skuTags.length"
311-
prop="picUrl"
312-
label="sku图片"
313-
width="180"
314-
>
315-
<template slot-scope="scope">
316-
<ImageUpload v-model="scope.row.picUrl" :limit="1">
317-
</ImageUpload>
318-
</template>
319-
</el-table-column>
320-
<el-table-column
321-
prop="prodName"
322-
label="条形码"
323-
width="250"
324-
v-if="skuTags.length"
325-
>
326-
<template slot-scope="scope">
327-
<el-input
328-
v-model="scope.row.barCode"
329-
type="textarea"
330-
:disabled="scope.row.status == 1"
331-
></el-input>
332-
</template>
333-
</el-table-column>
334-
<el-table-column prop="price" label="销售价">
335-
<template slot-scope="scope">
336-
<el-input-number
337-
size="small"
338-
v-model="scope.row.price"
339-
controls-position="right"
340-
:precision="2"
341-
:max="1000000000"
342-
:min="0.01"
343-
:disabled="scope.row.status == 1"
344-
>
345-
</el-input-number>
346-
</template>
347-
</el-table-column>
348-
<el-table-column prop="oriPrice" label="成本价">
349-
<template slot-scope="scope">
350-
<el-input-number
351-
size="small"
352-
v-model="scope.row.costPrice"
353-
controls-position="right"
354-
:precision="2"
355-
:max="1000000000"
356-
:min="0.01"
357-
:disabled="scope.row.status == 1"
358-
>
359-
</el-input-number>
360-
</template>
361-
</el-table-column>
362-
<el-table-column prop="oriPrice" label="原价">
363-
<template slot-scope="scope">
364-
<el-input-number
365-
size="small"
366-
v-model="scope.row.originalPrice"
367-
controls-position="right"
368-
:precision="2"
369-
:max="1000000000"
370-
:min="0.01"
371-
:disabled="scope.row.status == 1"
372-
>
373-
</el-input-number>
374-
</template>
375-
</el-table-column>
376-
<el-table-column label="操作">
377-
<template slot-scope="scope">
378-
<el-button
379-
type="text"
380-
size="small"
381-
@click="changeSkuStatus(`${scope.$index}`)"
382-
v-if="scope.row.status === 0"
383-
>
384-
正常
385-
</el-button>
386-
<el-button
387-
type="text"
388-
size="small"
389-
@click="changeSkuStatus(`${scope.$index}`)"
390-
v-else
391-
>已禁用</el-button
392-
>
393-
</template>
394-
</el-table-column>
395-
</el-table>
396-
</el-form-item>
397-
<el-form-item label="排序字段" prop="sort">
398-
<el-input v-model="form.sort" placeholder="请输入排序字段" />
399-
</el-form-item>
400-
<el-form-item label="点赞初始人数" prop="likeCount">
401-
<el-input v-model="form.likeCount" placeholder="请输入点赞初始人数" />
402-
</el-form-item>
403-
<el-form-item label="价格 单位使用：分" prop="price">
404-
<el-input
405-
v-model="form.price"
406-
placeholder="请输入价格 单位使用：分"
407-
/>
408-
</el-form-item>
409-
<el-form-item label="库存数量" prop="quantity">
410-
<el-input v-model="form.quantity" placeholder="请输入库存数量" />
411-
</el-form-item>
412-
<el-form-item label="上下架状态" prop="status">
413-
<el-radio-group v-model="form.status">
414-
<el-radio label="0">上架</el-radio>
415-
<el-radio label="1">下架</el-radio>
416-
</el-radio-group>
417-
</el-form-item>
418-
</el-form>
419-
<div slot="footer" class="dialog-footer">
420-
<el-button type="primary" @click="submitForm">确 定</el-button>
421-
<el-button @click="cancel">取 消</el-button>
422-
</div>
423-
</el-dialog> -->
424184
</div>
425185
</template>
426186

0 commit comments

Comments
 (0)