Skip to content

C
chinafrica
提交 f0f00234 authored 作者: 陆's avatar 陆
浏览文件
操作

商品管理计算器

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