product_platform/ordermall_yuncaijiao_admin_ui
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

11111111

Browse Source
This commit is contained in:
guoxing
2024-01-29 09:10:40 +08:00
parent 1788faf439
commit 9f762ffa9e
1 changed files with 136 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/views/commodity/commodityAdd.vue
View File

@@ -1,124 +1,105 @@
<template>
<div>
<div>
<div class="tab-header webtop">
<!-- 标题 -->
<div>商品信息</div>
<!-- start 添加修改按钮 -->
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
</div>
<div class="tab-header webtop">
<!-- 标题 -->
<div>商品信息</div>
<!-- start 添加修改按钮 -->
<div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div>
<!-- end 添加修改按钮 -->
<!-- end 详情按钮 -->
</div>
<div class="listconadd">
<div class="listconadd">
<el-card class="box-card">
<div class="item">
<span class="item_text">选择菜窖分类：</span>
<el-select v-model="formobj.brandId" placeholder="请选择菜窖分类" class="item_input" @change="selectBrandChange">
<el-option
v-for="item in brandList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</div>
<div class="item">
<span class="item_text">选择商品分类：</span>
<el-select v-model="formobj.categoryId" placeholder="请选择商品分类" class="item_input" @change="selectCateChange">
<el-option
v-for="item in cateList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</div>
<div class="item">
<span class="item_text">名称：</span>
<el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
</div>
<div class="item">
<span class="item_text">编码：</span>
<el-input
v-model="formobj.code"
placeholder=""
class="item_input"
clearable
oninput="value=value.replace(/[^A-Za-z0-9]/g, '')"
/>
</div>
<div class="item">
<span class="item_text">条码：</span>
<el-input
v-model="formobj.barcode"
placeholder=""
class="item_input"
clearable
oninput="value=value.replace(/[^0-9]/g,'')"
/>
</div>
<div class="item">
<span class="item_text">价格 (元/斤)：</span>
<el-input
v-model="formobj.price"
placeholder=""
class="item_input"
clearable
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')"
/>
</div>
<el-card class="box-card">
<div class="item">
<span class="item_text">选择菜窖分类：</span>
<el-select v-model="formobj.brandId" placeholder="请选择菜窖分类" class="item_input"
@change="selectBrandChange">
<el-option v-for="item in brandList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</div>
<div class="item">
<span class="item_text">选择商品分类：</span>
<el-select v-model="formobj.categoryId" placeholder="请选择商品分类" class="item_input"
@change="selectCateChange">
<el-option v-for="item in cateList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</div>
<div class="item">
<span class="item_text">名称：</span>
<el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
</div>
<div class="item">
<span class="item_text">编码：</span>
<el-input v-model="formobj.code" placeholder="" class="item_input" clearable
oninput="value=value.replace(/[^A-Za-z0-9]/g, '')" />
</div>
<div class="item">
<span class="item_text">条码：</span>
<el-input v-model="formobj.barcode" placeholder="" class="item_input" clearable
oninput="value=value.replace(/[^0-9]/g,'')" />
</div>
<div class="item">
<span class="item_text">价格 (元/斤)：</span>
<el-input v-model="formobj.price" placeholder="" class="item_input" clearable
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
</div>
<div class="item">
<span class="item_text">阶梯重量(斤)：</span>
<el-input v-model="formobj.stepWeight" placeholder="" class="item_input" clearable
oninput="value=value.replace(/[^0-9]/g,'')"/>
</div>
<div class="item">
<span class="item_text">阶梯价格 (元/斤)：</span>
<el-input v-model="formobj.stepPrice" placeholder="" class="item_input" clearable
oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
</div>
<div class="item">
<span class="item_text">商品单位：</span>
<el-input v-model="formobj.specificationUnit" placeholder="例如：斤/瓶/袋/箱/盒" class="item_input"
clearable />
</div>
<div class="item">
<span class="item_text">规格 (斤/份)：</span>
<el-input v-model="formobj.weight" placeholder="例如：30" class="item_input" clearable
oninput="value=value.replace(/[^0-9]/g,'')" />
</div>
<div class="item">
<span class="item_text">规格单位：</span>
<el-input v-model="formobj.unitName" placeholder="例如：份" :readonly="true" class="item_input"
clearable />
</div>
<div class="item">
<span class="item_text">规格描述：</span>
<el-input v-model="formobj.remarks" placeholder="例如：一份30斤" class="item_input" clearable />
</div>
<div class="item">
<span class="item_text">商品简介：</span>
<el-input v-model="formobj.content" placeholder="商品简介" class="item_input" clearable />
</div>
<div class="item">
<span class="item_text">商品单位：</span>
<el-input v-model="formobj.specificationUnit" placeholder="例如：斤/瓶/袋/箱/盒" class="item_input" clearable />
</div>
<div class="item">
<span class="item_text">规格 (斤/份)：</span>
<el-input v-model="formobj.weight" placeholder="例如：30" class="item_input" clearable oninput="value=value.replace(/[^0-9]/g,'')" />
</div>
<div class="item">
<span class="item_text">规格单位：</span>
<el-input v-model="formobj.unitName" placeholder="例如：份" :readonly="true" class="item_input" clearable />
</div>
<div class="item">
<span class="item_text">规格描述：</span>
<el-input v-model="formobj.remarks" placeholder="例如：一份30斤" class="item_input" clearable />
</div>
<div class="item">
<span class="item_text">商品简介：</span>
<el-input v-model="formobj.content" placeholder="商品简介" class="item_input" clearable />
</div>
<div class="item" style="margin-bottom: 100px;margin-top: 100px;">
<span class="item_text">图片：</span>
<upload ref="uploadImg2" v-model="imgList" style="margin-top: 20px;" class="item_input" :limit="1"
bucket="map" :class="{ hide: hideUploadBtn }" :upload-data="{ type: '0001' }"
@change="backData" />
</div>
<div class="item" style="margin-bottom: 100px;margin-top: 100px;">
<span class="item_text">图片：</span>
<upload
ref="uploadImg2"
v-model="imgList"
style="margin-top: 20px;"
class="item_input"
:limit="1"
bucket="map"
:class="{ hide: hideUploadBtn }"
:upload-data="{ type: '0001' }"
@change="backData"
/>
</div>
<div>
<span class="item_text">商品详情：</span>
<editor :height="300" :min-height="100" :value="formobj.appContent" @input="editinput" />
</div>
<div>
<span class="item_text">商品详情：</span>
<editor :height="300" :min-height="100" :value="formobj.appContent" @input="editinput" />
</div>
</el-card>
</el-card>
</div>
</div>
</div>
</div>
</template>
<script>
@@ -144,6 +125,8 @@
code: '',
barcode: '',
price: '',
stepWeight: '',
stepPrice: '',
unitName: '份',
specificationUnit: '',
weight: '',
@@ -155,23 +138,23 @@
categoryId: null,
categoryName: ''
},
brandList: [],
cateList: [],
brandList: [],
cateList: [],
hideUploadBtn: false
}
},
created() {
this.initData()
},
created() {
this.initData()
},
methods: {
initData() {
reqMall.listAllBrand().then(resp => {
this.brandList = resp.data
})
reqMall.listAllCategory().then(resp => {
this.cateList = resp.data
})
},
initData() {
reqMall.listAllBrand().then(resp => {
this.brandList = resp.data
})
reqMall.listAllCategory().then(resp => {
this.cateList = resp.data
})
},
backData(value) {
console.log('backData》》》》', value)
console.log('imgList', this.imgList)
@@ -212,7 +195,9 @@
code: '',
barcode: '',
price: '',
unitName: '份',
stepWeight: '',
stepPrice: '',
unitName: '份',
specificationUnit: '',
weight: '',
remarks: '',
@@ -232,10 +217,10 @@
this.formobj = resp.data
this.imgList = []
if (resp.data.picUrl != '') {
this.imgList.push({
this.imgList.push({
url: resp.data.picUrl
})
}
}
this.hideUploadBtn = this.imgList.length != 0
console.log('this.hideUploadBtn', this.hideUploadBtn)
@@ -244,35 +229,35 @@
.catch(e => {
this.formobj = row
this.imgList = []
// if (resp.data.picUrl != '') {
// this.imgList.push({
// url: formobj.picUrl
// })
// }
// if (resp.data.picUrl != '') {
// this.imgList.push({
// url: formobj.picUrl
// })
// }
// this.hideUploadBtn = this.imgList.length != 0
// this.hideUploadBtn = this.imgList.length != 0
console.log('this.hideUploadBtn', this.hideUploadBtn)
})
},
editinput(text) {
this.formobj.appContent = text
},
selectBrandChange(val) {
for (var i = 0; i < this.brandList.length; i++) {
if (val === this.brandList[i].id) {
this.formobj.brandName = this.brandList[i].name
break
}
}
},
selectCateChange(val) {
for (var i = 0; i < this.cateList.length; i++) {
if (val === this.cateList[i].id) {
this.formobj.categoryName = this.cateList[i].name
break
}
}
}
selectBrandChange(val) {
for (var i = 0; i < this.brandList.length; i++) {
if (val === this.brandList[i].id) {
this.formobj.brandName = this.brandList[i].name
break
}
}
},
selectCateChange(val) {
for (var i = 0; i < this.cateList.length; i++) {
if (val === this.cateList[i].id) {
this.formobj.categoryName = this.cateList[i].name
break
}
}
}
}
}
</script>
@@ -346,4 +331,4 @@
}
}
</style>
</style>