oms
This commit is contained in:
278
priceAdjustment/modify/modify.vue
Normal file
278
priceAdjustment/modify/modify.vue
Normal file
@@ -0,0 +1,278 @@
|
||||
<template>
|
||||
<view style="position: relative;" class="modify_popup">
|
||||
<uni-icons @click="$emit('closeFn')" style="position: absolute;right: 5rpx;top: 5rpx;" color="#bbbbbb" type="clear" size="30"></uni-icons>
|
||||
<view style="position: relative;">
|
||||
<!-- <text class="hui fonsize">{{newSeleData.id}}</text> -->
|
||||
<view class="modify_popup_header">
|
||||
<view style="width: 52rpx; height: 55rpx;">
|
||||
<uni-icons color="#2866ff" custom-prefix="iconfont" type="iconjiayou" size="30"></uni-icons>
|
||||
</view>
|
||||
<view class="flexGrow">
|
||||
<view>{{newSeleData.siteName}}</view>
|
||||
<view class="samallfonsize hui">{{newSeleData.siteId}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="border" style="display: flex;flex-direction: column;gap:16rpx;margin-top: 20rpx;">
|
||||
<view class="flex acenter">
|
||||
<text class="lable_minwidth hui">油号</text>
|
||||
<text style="color: #EC4645;font-size: 32rpx;"
|
||||
class="flexGrow">{{newSeleData.oilProductCode}}</text>
|
||||
</view>
|
||||
<view class="flex acenter ">
|
||||
<text class="lable_minwidth hui">发改委价格</text>
|
||||
<view class="flexGrow flex acenter">
|
||||
<view
|
||||
style="width: 168rpx;background-color: #F1F1F1;height: 60rpx;display: flex;align-items: center;">
|
||||
<input @input="inputFn('marketPrice')" :style="{color:disabled?'#bbbbbb':''}" :disabled="disabled"
|
||||
v-model="newSeleData.marketPrice" style="text-align: center;" type="digit" value=""
|
||||
placeholder="6.88" />
|
||||
</view>
|
||||
<uni-icons :color=" Number(newSeleData.marketPrice) >= Number(newSeleData.oldMarketPrice)? '#ff5555':'#2CE308' " custom-prefix="iconfont" :type="Number(newSeleData.marketPrice)>=Number(newSeleData.oldMarketPrice)?'icona-shangzhang1':'icona-xiadie2' " size="15"></uni-icons>
|
||||
<text
|
||||
style="margin-left: 10rpx; text-decoration: line-through">{{newSeleData.oldMarketPrice}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex acenter">
|
||||
<text class="lable_minwidth hui">油站价格</text>
|
||||
<view class="flexGrow flex acenter">
|
||||
<view
|
||||
style="width: 168rpx;background-color: #F1F1F1;height: 60rpx;display: flex;align-items: center;">
|
||||
<input @input="inputFn('sitePrice')" :style="{color:disabled?'#bbbbbb':''}" :disabled="disabled"
|
||||
v-model="newSeleData.sitePrice" style="text-align: center;" type="digit" value=""
|
||||
placeholder="6.88" />
|
||||
</view>
|
||||
<uni-icons :color=" Number(newSeleData.sitePrice) >= Number(newSeleData.oldSitePrice)? '#ff5555':'#2CE308' " custom-prefix="iconfont" :type="Number(newSeleData.sitePrice)>=Number(newSeleData.oldSitePrice)?'icona-shangzhang1':'icona-xiadie2' " size="15"></uni-icons>
|
||||
<text
|
||||
style="margin-left: 10rpx; text-decoration: line-through">{{newSeleData.oldSitePrice}}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex acenter border ">
|
||||
<text class="lable_minwidth hui">调价类型</text>
|
||||
<view class="flexGrow flex acenter">
|
||||
<!-- <text
|
||||
:style="{color:disabled?'#bbbbbb':''}"
|
||||
@click="disabled? '': newSeleData.effectiveMode == 0? newSeleData.effectiveMode=1:newSeleData.effectiveMode=0"
|
||||
style="width: 168rpx;height: 60rpx;display: flex;align-items: center">{{Number(newSeleData.effectiveMode)==0?'立即':'预约'}}</text> -->
|
||||
<text :style="{color:disabled?'#bbbbbb':''}" style="width: 168rpx;height: 60rpx;display: flex;align-items: center">{{Number(newSeleData.effectiveMode)==0?'立即':'预约'}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="newSeleData.effectiveMode==1" class="flex acenter border ">
|
||||
<text class="lable_minwidth hui">请选择时间</text>
|
||||
<view class="flexGrow flex acenter">
|
||||
<text
|
||||
style="margin-left: 10rpx;">{{newSeleData.subEntryTime?newSeleData.subEntryTime:'请选择时间'}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="border-bottom: 0px;" class="flex acenter border">
|
||||
<text class="lable_minwidth hui">审核状态</text>
|
||||
<view :style="{color:'#EBC153'}" class="flexGrow flex acenter">{{newSeleData.applyStatus|applyStatus}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="seleData.applyStatus==0" style="margin-top: 27rpx;" class="flex jb">
|
||||
<view @click="lefnFn" :style="{background: butten.leftButten.bg,color:butten.leftButten.color}"
|
||||
class="footer_zbutten">{{butten.leftButten.text}}</view>
|
||||
<view @click="rightFn" :style="{background: butten.rightButten.bg,color:butten.rightButten.color}"
|
||||
class="footer_butten">{{butten.rightButten.text}}</view>
|
||||
</view>
|
||||
<u-picker @confirm='dateConfirm' v-model="show" :params="params" mode="time"></u-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import tool from '@/utils/tool.js'
|
||||
export default {
|
||||
props: {
|
||||
seleData: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return null
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
params: {
|
||||
year: true,
|
||||
month: true,
|
||||
day: true,
|
||||
hour: true,
|
||||
minute: true,
|
||||
second: false
|
||||
},
|
||||
newSeleData: null,
|
||||
show: false,
|
||||
disabled: true,
|
||||
butten: {
|
||||
leftButten: {
|
||||
bg: '',
|
||||
color: '',
|
||||
text: '撤回'
|
||||
},
|
||||
rightButten: {
|
||||
bg: '',
|
||||
color: '',
|
||||
text: '修改价格'
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.initFn()
|
||||
},
|
||||
filters: {
|
||||
applyStatus(e) {
|
||||
/*
|
||||
-3:执行失败
|
||||
-2:已撤回
|
||||
-1:审核失败
|
||||
0:待审核
|
||||
1:审核通过
|
||||
2:等待执行
|
||||
3:执行成功
|
||||
*/
|
||||
switch (Number(e)) {
|
||||
case 1:
|
||||
return '审核通过'
|
||||
case 2:
|
||||
return '等待执行'
|
||||
case 3:
|
||||
return '执行成功'
|
||||
case 0:
|
||||
return '等待审核'
|
||||
case -1:
|
||||
return '审核失败'
|
||||
case -2:
|
||||
return '已撤回'
|
||||
case -3:
|
||||
return '执行失败'
|
||||
case -4:
|
||||
return '已撤销'
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
inputFn(e) {
|
||||
console.log(this.newSeleData[e])
|
||||
if (this.newSeleData[e].indexOf('.') != -1) {
|
||||
if (this.newSeleData[e].split('.')[1].length > 2) {
|
||||
uni.showToast({
|
||||
title: '最多保留小数点后两位',
|
||||
icon: 'none'
|
||||
})
|
||||
this.$nextTick(function() {
|
||||
this.newSeleData[e] = Number(this.newSeleData[e]).toFixed(2)
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
lefnFn() {
|
||||
if (this.butten.leftButten.text == '恢复') {
|
||||
this.disabled = true
|
||||
this.butten.rightButten.text = '修改价格'
|
||||
this.butten.leftButten.text = '撤回'
|
||||
this.newSeleData = JSON.parse(JSON.stringify(this.seleData))
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: '撤回了',
|
||||
icon: 'success'
|
||||
})
|
||||
this.$emit('reject',{id:this.newSeleData.id})
|
||||
}
|
||||
},
|
||||
rightFn() {
|
||||
if (this.butten.rightButten.text == '修改价格') {
|
||||
this.disabled = false
|
||||
this.butten.rightButten.text = '重新提交'
|
||||
this.butten.leftButten.text = '恢复'
|
||||
} else {
|
||||
this.newSeleData.updateSource = 'OMS-MINIAPP'
|
||||
this.$emit('postFn',this.newSeleData)
|
||||
uni.showToast({
|
||||
title: '提交了',
|
||||
icon: 'success'
|
||||
})
|
||||
}
|
||||
},
|
||||
initFn() {
|
||||
this.newSeleData = JSON.parse(JSON.stringify(this.seleData))
|
||||
},
|
||||
dateConfirm(e) {
|
||||
this.newSeleData.subEntryTime = `${e.year}-${e.day}-${e.month} ${e.hour}:${e.minute}`
|
||||
console.log(e)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.footer_zbutten {
|
||||
width: 227rpx;
|
||||
background-color: #EC4645;
|
||||
border-radius: 15rpx;
|
||||
padding: 22rpx 0;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.footer_butten {
|
||||
width: 227rpx;
|
||||
background-color: #2866FF;
|
||||
border-radius: 15rpx;
|
||||
padding: 22rpx 0;
|
||||
text-align: center;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.jb {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.border {
|
||||
border-bottom: 1rpx solid #F0F0F0;
|
||||
padding: 10rpx 0;
|
||||
}
|
||||
|
||||
.lable_minwidth {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.acenter {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hui {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.fonsize {
|
||||
font-size: 27rpx;
|
||||
}
|
||||
|
||||
.flexGrow {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.samallfonsize {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.modify_popup_header {
|
||||
display: flex;
|
||||
border-bottom: 1rpx solid #F0F0F0;
|
||||
padding-bottom: 20rpx;
|
||||
margin-top: 39rpx;
|
||||
align-items: center;
|
||||
gap: 25rpx
|
||||
}
|
||||
|
||||
.modify_popup {
|
||||
padding: 26rpx 46rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user