product_platform/yxt-yythmall-ui-admin
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

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

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