提交 f0f00234 authored 作者: 陆's avatar

商品管理计算器

上级 1b7429ea
......@@ -463,6 +463,11 @@
right: 30px;
z-index: 100;
}
.calculator>div{
display: flex;
justify-content: space-between;
margin-top: 0.5%;
}
</style>
</head>
<body>
......@@ -716,26 +721,49 @@
</i-option>
</i-select>
</Form-item>
<Form-item label="成本价(人民币)" style="width: 800px" v-if="tbCfStationItem.itemCategorytwo">
<i-input type="number" v-model="RMBcost" placeholder="成本价(人民币)" @on-change="changecost"/>
</Form-item>
<Form-item label="成本价(人民币)" style="width: 800px" v-else>
<i-input placeholder="请先选择商品分类" disabled="disabled"/>
</Form-item>
<div>我就是个计算器</div>
<div class="ivu-form-item calculator" style="width: 360px;">
<div>
<div>请输入成本价(人民币):</div>
<div><i-input type="number" v-model="RMBcost" placeholder="" @on-change="changecost"/></div>
</div>
<div>
<div>请输入成本价(美元):</div>
<div><i-input type="number" v-model="UScost" placeholder="" @on-change="changecost2"/></div>
</div>
<div>
<div>参考现价:</div>
<div><i-input type="number" v-model="Textcount" placeholder="" @on-change="changecost"/></div>
</div>
<div>
<div>折扣率%:</div>
<div><i-input type="number" v-model="discountnum" placeholder="" @on-change="changediscount"/></div>
</div>
<div>
<div>参考原价:</div>
<div><i-input type="number" v-model="Textnum" placeholder="" @on-change="changecost"/></div>
</div>
</div>
<!-- <Form-item label="成本价(人民币)" style="width: 800px" v-if="tbCfStationItem.itemCategorytwo">-->
<!-- <i-input type="number" v-model="RMBcost" placeholder="成本价(人民币)" @on-change="changecost"/>-->
<!-- </Form-item>-->
<!-- <Form-item label="成本价(人民币)" style="width: 800px" v-else>-->
<!-- <i-input placeholder="请先选择商品分类" disabled="disabled"/>-->
<!-- </Form-item>-->
<Form-item label="成本价(美元)" prop="costPrice" style="width: 800px">
<i-input v-model="tbCfStationItem.costPrice" placeholder="成本价(美元)" disabled="disabled"/>
<i-input v-model="tbCfStationItem.costPrice" placeholder="成本价(美元)"/>
</Form-item>
<Form-item label="现价" prop="discountPrice" style="width: 800px">
<i-input v-model="tbCfStationItem.discountPrice" placeholder="现价" disabled="disabled"/>
</Form-item>
<Form-item label="折扣率%" style="width: 800px" v-if="tbCfStationItem.discountPrice">
<i-input v-model="discountnum" placeholder="请输入折扣率(0~100)" @on-change="changediscount"/>
</Form-item>
<Form-item label="折扣率%" style="width: 800px" v-else>
<i-input placeholder="请先确定sku价格" disabled="disabled"/>
<i-input v-model="tbCfStationItem.discountPrice" placeholder="现价"/>
</Form-item>
<!-- <Form-item label="折扣率%" style="width: 800px" v-if="tbCfStationItem.discountPrice">-->
<!-- <i-input v-model="discountnum" placeholder="请输入折扣率(0~100)" @on-change="changediscount"/>-->
<!-- </Form-item>-->
<!-- <Form-item label="折扣率%" style="width: 800px" v-else>-->
<!-- <i-input placeholder="请先确定sku价格" disabled="disabled"/>-->
<!-- </Form-item>-->
<Form-item label="原价" prop="itemPrice" style="width: 800px">
<i-input v-model="tbCfStationItem.itemPrice" placeholder="原价(可不填)" disabled="disabled"/>
<i-input v-model="tbCfStationItem.itemPrice" placeholder="原价"/>
</Form-item>
<!-- <Form-item label="商品库存" prop="item_count" style="width: 800px">
......@@ -863,7 +891,7 @@
@click.stop="showBatchModel"
>批量操作
</i-button>
<i-button v-show="disabledChangeAttribute" @click="goskunum" type="primary">一键定价</i-button>
<!-- <i-button v-show="disabledChangeAttribute" @click="goskunum" type="primary">一键定价</i-button>-->
<!-- 上传图片-->
<div class="attribute-img-container" v-show="showAttributeImg">
<div class="attribute-img-mask"></div>
......
......@@ -71,6 +71,9 @@ let vm = new Vue({
countsku:null,//计算器得出sku价格
maxsku:null,//sku最高价
minsku:null,//sku最高价
UScost:null,//参考成本价(美元)
Textcount:null,//参考现价
Textnum:null,//参考原价
itemsortTwo: '',
templateList: [],
modal: false,
......@@ -189,13 +192,13 @@ let vm = new Vue({
},
// 给sku赋值(一键定价)
goskunum(){
var sku = this.getonekey()
vm.tbCfStationItem.discountPrice = sku
vm.tbCfStationItem.itemPrice = sku
vm.discountnum = null
for (var i =0;i<vm.prevItem.length;i++){
vm.prevItem[i].skuPrice = sku.toString()
}
// var sku = this.getonekey()
// vm.tbCfStationItem.discountPrice = sku
// vm.tbCfStationItem.itemPrice = sku
// vm.discountnum = null
// for (var i =0;i<vm.prevItem.length;i++){
// vm.prevItem[i].skuPrice = sku.toString()
// }
},
// 计算sku价格
getonekey(){
......@@ -236,13 +239,26 @@ let vm = new Vue({
vm.RMBcost = ''
alert("请先选择商品分类")
return
}else if (vm.tbCfStationItem.itemCategorytwo != null && vm.RMBcost == null) {
vm.tbCfStationItem.costPrice = ''
}else{
var pic = parseFloat(vm.RMBcost)/6.30
vm.tbCfStationItem.costPrice = pic.toFixed(2)
vm.UScost = pic.toFixed(2)
var sku = vm.getonekey()
vm.Textcount = sku
}
},
// 美金——>人民币
changecost2(){
if (vm.tbCfStationItem.itemCategorytwo == null) {
vm.RMBcost = ''
alert("请先选择商品分类")
return
}else{
var pic = parseFloat(vm.UScost)*6.30
vm.RMBcost = pic.toFixed(2)
var sku = vm.getonekey()
vm.countsku = sku
vm.Textcount = sku
}
......@@ -253,46 +269,48 @@ let vm = new Vue({
// 计算折扣价
changediscount(){
if (vm.discountnum == null){
vm.tbCfStationItem.itemPrice = ''
vm.Textnum = ''
return
}
if (vm.discountnum == ''){
vm.tbCfStationItem.itemPrice = null
vm.Textnum = null
return
}
if (vm.discountnum == 100){
vm.tbCfStationItem.itemPrice = null
vm.Textnum = 0
return;
}
if (vm.discountnum == 0){
vm.Textnum = vm.Textcount
return;
}
if (vm.discountnum > 100 || vm.discountnum <= 0){
vm.tbCfStationItem.itemPrice = null
vm.Textnum = null
vm.discountnum = null
return;
}
var discountPrice = vm.maxsku?parseFloat(vm.maxsku):0
var discountPrice = vm.Textcount?parseFloat(vm.Textcount):0
var discountnum = parseFloat((vm.discountnum)).toFixed(2)/100
console.log(discountPrice,'discountPrice')
console.log(discountnum,'discountnum')
var pic = (discountPrice/(1-parseFloat(discountnum)))
vm.tbCfStationItem.itemPrice = pic.toFixed(2)
vm.Textnum = pic.toFixed(2)
},
// 改变sku价格
changesku(){
vm.discountnum = null
var prevItem = vm.prevItem
var minitem = parseFloat(prevItem[0].skuPrice)
var maxitem = parseFloat(prevItem[0].skuPrice)
for (var i = 1;i<prevItem.length;i++){
if(minitem>parseFloat(prevItem[i].skuPrice)){
minitem = prevItem[i].skuPrice
}
if(maxitem<parseFloat(prevItem[i].skuPrice)){
maxitem = prevItem[i].skuPrice
}
}
vm.maxsku = parseFloat(maxitem).toFixed(2)
vm.tbCfStationItem.discountPrice = parseFloat(minitem).toFixed(2)
vm.tbCfStationItem.itemPrice = parseFloat(maxitem).toFixed(2)
// vm.discountnum = null
// var prevItem = vm.prevItem
// var minitem = parseFloat(prevItem[0].skuPrice)
// var maxitem = parseFloat(prevItem[0].skuPrice)
// for (var i = 1;i<prevItem.length;i++){
// if(minitem>parseFloat(prevItem[i].skuPrice)){
// minitem = prevItem[i].skuPrice
// }
// if(maxitem<parseFloat(prevItem[i].skuPrice)){
// maxitem = prevItem[i].skuPrice
// }
// }
// vm.maxsku = parseFloat(maxitem).toFixed(2)
// vm.tbCfStationItem.discountPrice = parseFloat(minitem).toFixed(2)
// vm.tbCfStationItem.itemPrice = parseFloat(maxitem).toFixed(2)
},
itemOn(e, sort) {
......@@ -682,6 +700,9 @@ let vm = new Vue({
vm.discountnum=null,//折扣率(0~100)
vm.RMBcost=null,//成本价(人名币)
vm.countsku=null,//计算器得出sku价格
vm.UScost=null,//参考成本价(美元)
vm.Textcount=null,//参考现价
vm.Textnum=null,//参考原价
vm.getAttrName();
vm.showList = false;
vm.title = "新增";
......@@ -697,6 +718,9 @@ let vm = new Vue({
vm.discountnum=null,//折扣率(0~100)
vm.RMBcost=null,//成本价(人名币)
vm.countsku=null,//计算器得出sku价格
vm.UScost=null,//参考成本价(美元)
vm.Textcount=null,//参考现价
vm.Textnum=null,//参考原价
this.disabledChangeAttribute = true;
this.prevItem = [];
let itemId = getSelectedRow("#jqGrid");
......@@ -708,10 +732,6 @@ let vm = new Vue({
vm.getInfo(itemId);
},
saveOrUpdate: function (event) {
if (vm.discountnum == null){
alert('请输入折扣率')
return
}
let flag = true
let exist = false
let url = '../tbcfstationitem/exchangeItemSort?sort=' + vm.tbCfStationItem.sort + '&itemId=' + vm.tbCfStationItem.itemId;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论