yxt_group
/
yuncaijiao_admin_ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

11111111

master
guoxing 1 year ago
parent
1788faf439
commit
9f762ffa9e
1 changed files with 136 additions and 151 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 287
      src/views/commodity/commodityAdd.vue

287
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>
@ -346,4 +331,4 @@
} }
} }
</style> </style>
Write Preview
Loading…
Cancel
Save