|
|
@@ -55,9 +55,9 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="商品ID" align="center" prop="id" />
|
|
|
- <el-table-column label="商品图片" align="center" prop="classifyImage">
|
|
|
+ <el-table-column label="商品图片" align="center" prop="mainImage">
|
|
|
<template slot-scope="{row}">
|
|
|
- <img :src="row.mainImage" alt="">
|
|
|
+ <img :src="row.mainImage" alt="" width="50">
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="商品名称" align="center" prop="productName" />
|
|
|
@@ -90,19 +90,49 @@
|
|
|
<el-table-column align="center" label="添加时间" prop="addTime">
|
|
|
<template slot-scope="{row}">
|
|
|
<i class="el-icon-time" />
|
|
|
- <span>{{ row.addTime }}</span>
|
|
|
+ <span>{{ row.addTime | parseTime('{y}-{m}-{d} {h}:{i}') }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
<template slot-scope="{row}">
|
|
|
- <router-link :to="'/goods/edit/' + row.id "><el-button type="primary" size="small">编辑</el-button></router-link>
|
|
|
- <el-button type="primary" size="small">上架</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="handleEdit(row.id)">编辑</el-button>
|
|
|
+ <el-button type="success" size="small" style="margin:5px 0 0 0;">上架</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
|
|
|
<pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="fetchData" />
|
|
|
|
|
|
+ <el-dialog :title="dialogTitle" :visible.sync="dialogFormVisible">
|
|
|
+ <el-form ref="dataForm" :rules="rules" :model="dialog" label-position="left" label-width="260px" style="width:400px; margin:0 auto;">
|
|
|
+ <el-form-item label="商品分类" prop="classifyID">
|
|
|
+ <el-select v-model="dialog.classifyID" placeholder="商品分类" clearable style="width: 110px" class="filter-item" value="" @change="handleFilter">
|
|
|
+ <!-- <el-option v-for="item in productsClassifyList" :key="item.id" :label="item.classifyName" :value="item.id" /> -->
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="'市场价(' + dialog.normalPrice + ')，修改为：'" prop="normalPrice">
|
|
|
+ <el-input v-model="dialog.normalPrice" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="'成本价(' + dialog.costPrice + ')，修改为：'" prop="costPrice">
|
|
|
+ <el-input v-model="dialog.costPrice" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="'售价(' + dialog.retailPrice + ')，修改为：'" prop="retailPrice">
|
|
|
+ <el-input v-model="dialog.retailPrice" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item :label="'起订量(' + dialog.minBuyNumber + ')，修改为：'" prop="minBuyNumber">
|
|
|
+ <el-input v-model="dialog.minBuyNumber" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="dialogFormVisible = false">
|
|
|
+ 关闭
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" @click="updateGoods">
|
|
|
+ 确认
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -131,7 +161,7 @@ export default {
|
|
|
limit: 10,
|
|
|
form: {
|
|
|
id: '',
|
|
|
- classifyImage: '',
|
|
|
+ mainImage: '',
|
|
|
productName: '',
|
|
|
shopName: '',
|
|
|
normalPrice: '', // 市场价',
|
|
|
@@ -146,6 +176,23 @@ export default {
|
|
|
addTime: '', // '添加时间',
|
|
|
organizeID: this.organizeID // '组织ID,具体对应cm_mall_organize表ID',
|
|
|
}
|
|
|
+ },
|
|
|
+ dialogFormVisible: false,
|
|
|
+ dialogStatus: '',
|
|
|
+ dialogTitle: '编辑',
|
|
|
+ dialog: {
|
|
|
+ classifyID: '',
|
|
|
+ normalPrice: '',
|
|
|
+ costPrice: '',
|
|
|
+ retailPrice: '',
|
|
|
+ minBuyNumber: ''
|
|
|
+ },
|
|
|
+ rules: {
|
|
|
+ classifyID: [{ required: true, message: '请选择分类', trigger: 'change' }],
|
|
|
+ normalPrice: [{ required: true, message: '市场价不能为空', trigger: 'blur' }],
|
|
|
+ costPrice: [{ required: true, message: '成本价不能为空', trigger: 'blur' }],
|
|
|
+ retailPrice: [{ required: true, message: '售价不能为空', trigger: 'blur' }],
|
|
|
+ minBuyNumber: [{ required: true, message: '起订量不能为空', trigger: 'blur' }]
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
@@ -168,24 +215,24 @@ export default {
|
|
|
this.list = [
|
|
|
{
|
|
|
id: 0,
|
|
|
- classifyImage: '',
|
|
|
- productName: 'hahaah',
|
|
|
- shopName: '',
|
|
|
- normalPrice: '',
|
|
|
- costPrice: '',
|
|
|
- retailPrice: '',
|
|
|
- minBuyNumber: '',
|
|
|
- preferredProduct: '',
|
|
|
- commonlyProduct: '',
|
|
|
- preferentialProduct: '',
|
|
|
- validFlag: '',
|
|
|
+ mainImage: 'https://img.caimei365.com/group1/M00/00/C3/Cmis21ogFTuATpnrAAIh4ixubXM38.JPEG',
|
|
|
+ productName: '韩国恩盛进口 素提亚 BeautyHeart 电穿孔技术 打造V脸 紧致提升',
|
|
|
+ shopName: '北京恩盛众成国际贸易有限公司',
|
|
|
+ normalPrice: '10000.00',
|
|
|
+ costPrice: '6666.00',
|
|
|
+ retailPrice: '6600.00',
|
|
|
+ minBuyNumber: '1',
|
|
|
+ preferredProduct: '1',
|
|
|
+ commonlyProduct: '1',
|
|
|
+ preferentialProduct: '1',
|
|
|
+ validFlag: '1',
|
|
|
productClassifyName: 0,
|
|
|
- addTime: '',
|
|
|
+ addTime: new Date(),
|
|
|
organizeID: this.organizeID
|
|
|
},
|
|
|
{
|
|
|
id: 0,
|
|
|
- classifyImage: '',
|
|
|
+ mainImage: '',
|
|
|
productName: 'hahaah',
|
|
|
shopName: '',
|
|
|
normalPrice: '',
|
|
|
@@ -210,6 +257,20 @@ export default {
|
|
|
},
|
|
|
handleCreate() {
|
|
|
alert('添加')
|
|
|
+ },
|
|
|
+ handleEdit(row) {
|
|
|
+ this.dialog = Object.assign({}, row)
|
|
|
+ this.dialogFormVisible = true
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs['dataForm'].clearValidate()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ updateGoods() {
|
|
|
+ this.$refs['dataForm'].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ alert('更新')
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
}
|
e