<template>
<view class="priceAdjustment_body">
<topBar height="343rpx" title="调价申请">
<view slot="coment">
<view class="header_seach">
<view class="header_seach_seach">
<view class="seach_input">
<uni-easyinput :letfText='letfText' confirmType='search'
@confirm='getData.currentPage=1;getList()'
placeholder-style="color:#bbbbbb;font-weight: 100;" v-model="getData.params.siteName"
placeholder="油站名称、油站ID" @iconClick="onClick">
</uni-easyinput>
</view>
<button @tap='jump(2)' class="header_seach_butten">
<uni-icons type="plusempty" size="20" color="#bbbbbb"></uni-icons>
<view>新增</view>
</button>
</view>
<view class="Navigation">
<view @tap="seleFn(item);seleindex = index"
:class="seleindex==index?'navigation_seleitem':'navigation_item'"
v-for="(item,index) in navigation" :key="index">
{{item.text}}
<uni-icons :animation="animationData" class="icoon" v-if="index==0" type="refreshempty"
style="margin-left: 10rpx;" size="15" color="#bbbbbb"></uni-icons>
</view>
</view>
</view>
</view>
</topBar>
<view class="listContainer" style='flex: 1;overflow: hidden;'>
<scroll-view :refresher-triggered='isShow.refresherTriggered' @refresherrefresh='refresherrefresh' :refresher-enabled='true' @scrolltolower='scrolltolower' style="height: 100%;" scroll-y="true">
<view v-for="(item,index) in list" @click="select(item)" class="list_item_car">
<view style="">
<view class=" list_item_car_title flex jb">
<view class="flex">
<view class="flex jcenter acenter" style="min-width: 93rpx;">
<uni-icons color="#2866ff" custom-prefix="iconfont" type="iconjiayou" size="30">
</uni-icons>
</view>
<view>
<view style=" color: #333333;font-size: 28rpx;">{{item.siteName}}</view>
<view style=" font-size: 22rpx;color: #999999;">{{item.siteId}}</view>
</view>
</view>
<view :style="{background:Number(item.effectiveMode)==0?'':'#55aaff'}"
class="itemtable flex jcenter acenter">{{Number(item.effectiveMode)==0?'立即':'预约'}}
</view>
</view>
<view class=" list_item_car_title flex ">
<view class="flex">
<view class="flex jcenter acenter olitext " style="">{{item.oilProductCode}}</view>
<view class="pricr_text">
<view class="flex">
发改委
<view style="margin: 0 10rpx; min-width: 82rpx;" class="blackcolor">
{{Number(item.marketPrice).toFixed(2)}}
</view>
<uni-icons
:color=" Number(item.marketPrice) >= Number(item.oldMarketPrice)? '#ff5555':'#2CE308' "
custom-prefix="iconfont"
:type="Number(item.marketPrice)>=Number(item.oldMarketPrice)?'icona-shangzhang1':'icona-xiadie2' "
size="15"></uni-icons>
<text class="decor">{{ Number(item.oldMarketPrice).toFixed(2) }}</text>
</view>
<view class="flex">
油站价
<view style="margin: 0 10rpx;min-width: 82rpx;" class="blackcolor">
{{ Number(item.sitePrice).toFixed(2) }}
</view>
<uni-icons
:color="Number(item.sitePrice)>Number(item.oldSitePrice)?'#ff5555':'#2CE308' "
custom-prefix="iconfont"
:type="Number(item.sitePrice)>Number(item.oldSitePrice)?'icona-shangzhang1':'icona-xiadie2' "
size="15"></uni-icons>
<text class="decor">{{Number(item.oldSitePrice).toFixed(2)}}</text>
</view>
</view>
</view>
</view>
</view>
<view class="list_item_car_footer flex acenter jb" style=" padding: 10rpx;">
<view>创建时间:{{item.createTime}}</view>
<view :style="{color:colorFn(item)}">{{item.applyStatus|applyStatus}}</view>
</view>
</view>
</scroll-view>
</view>
<popup :show="modifyShow" :butten='butten' v-model="isShow.modify">
<view slot="coment">
<modify @closeFn='isShow.modify=false' @reject='reject' @postFn='postFn' v-if="isShow.modify"
:seleData='seleData' />
</view>
</popup>
</view>
</template>
<script>
import scroll from '@/components/scroll'
import modify from '../../modify/modify.vue'
import priceAdjustment from '@/api/priceAdjustment'
import tool from '@/utils/tool.js'
export default {
components: {
scroll,
modify
},
data() {
return {
seleData: null,
list: [],
animationData: null,
seleindex: '0',
isShow: {
modify: false,
refresherTriggered:false
},
modifyShow: {
img: false,
footer: false
},
butten: {
colse: '撤回',
confirm: '修改价格',
coloseBg: '#EC4645',
coloseColor: '#FFFFFF',
confirmBg: '',
confirmColor: ''
},
getData: {
pageSize: 15,
currentPage: 1,
params: {
applyStatus: '', //申请状态审核状态
siteName: '', //油站名称
effectiveMode: '', //生效方式调价类型
}
},
navigation: [{
text: '全部',
index: ''
},
{
text: '待审核',
index: '0'
},
{
text: '待执行',
index: '1'
}
],
}
},
onShow() {
this.getList()
},
onLoad() {
},
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: {
refresherrefresh(e){
this.isShow.refresherTriggered = true
this.getList()
},
reject(e) {
priceAdjustment.withdrawalOfPriceAdjustment(e).then(res => {
if (res.code !== 20000) return
uni.showToast({
title: '撤回成功',
icon: 'success'
})
setTimeout(() => {
this.isShow.modify = false
this.getList()
}, 500)
})
},
postFn(e) {
priceAdjustment.update(e).then(res => {
if (res.code !== 20000) return
uni.showToast({
title: '提交成功',
icon: 'success'
})
setTimeout(() => {
this.isShow.modify = false
this.getList()
}, 500)
})
},
colorFn(item) {
switch (Number(item.applyStatus)) {
case 1:
return '#17A00E'
case 2:
return '#17A00E'
case 0:
return '#EBC153'
case -1:
return '#EC4645'
case -2:
return '#EC4645'
}
},
select(item) {
// if (item.applyStatus !== 0) return
this.isShow.modify = true
tool.numberSetting(item, ['marketPrice', 'oldMarketPrice', 'oldSitePrice', 'sitePrice'], 2)
this.seleData = item
},
//转圈圈逻辑 ！！！！ 操
seleFn(e) {
if (e.index == '') {
if (this.getData.params.applyStatus !== '') {
this.navigation[0].text = '全部'
this.getData.params.effectiveMode = ''
this.getData.params.applyStatus = ''
} else {
switch (e.text) {
case '全部':
this.navigation[0].text = '立即'
this.getData.params.effectiveMode = 0
break
case '立即':
this.navigation[0].text = '预约'
this.getData.params.effectiveMode = 1
break
case '预约':
this.navigation[0].text = '全部'
this.getData.params.effectiveMode = ''
break
}
}
this.getData.params.applyStatus = ''
} else {
this.navigation[0].text = '全部'
this.getData.params.effectiveMode = ''
this.getData.params.applyStatus = e.index
}
this.getData.currentPage = 1
this.rotateFn()
this.getList()
},
getList() {
let page = JSON.parse(JSON.stringify(this.getData))
priceAdjustment.findByPage(page).then(res => {
this.isShow.refresherTriggered = false
if (res.code !== 20000) return
if (res.data.list.length == 0) {
uni.showToast({
title: '没有数据了哦',
icon: 'none'
})
}
if (page.currentPage !== 1) {
this.list = this.list.concat(res.data.list)
return
}
this.list = res.data.list
console.log(res)
})
},
animationFns() {
console.log('恢复动画')
var animation = uni.createAnimation({
duration: 0,
timingFunction: 'ease',
})
animation.rotate(0).step()
this.animationData = animation.export()
},
rotateFn() {
var animation = uni.createAnimation({
duration: 1000,
timingFunction: 'ease',
})
animation.rotate(360).step()
this.animationData = animation.export()
setTimeout(() => {
this.animationFns()
}, 1000)
},
scrolltolower() {
this.getData.currentPage += 1
this.getList()
},
seachFn() {},
onClick() {},
jump() {
uni.navigateTo({
url: '../addPrice/addPrice'
})
},
}
}
</script>
<style>
@import url("./index.css");
</style>