You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
321 lines
8.3 KiB
321 lines
8.3 KiB
<template> |
|
<view class="enterpriseRecharge_body"> |
|
<topBar height="343rpx" title="企业充值预处理"> |
|
<view slot="coment"> |
|
<view class="header_seach"> |
|
<view class="header_seach_seach"> |
|
<view class="seach_input"> |
|
<view @click="inputFocusCompany" class="special-input"> |
|
{{ parameter.params.companyName || '企业名称'}} |
|
<image v-if="parameter.params.companyName" class="close" src="../../static/close.png" |
|
@click.stop="inputClearCompany"></image> |
|
</view> |
|
<view @click="inputFocus" class="special-input"> |
|
{{ parameter.params.name || '总公司名称'}} |
|
<image v-if="parameter.params.name" class="close" src="../../static/close.png" |
|
@click.stop="inputClear"></image> |
|
</view> |
|
<button @tap='search' class="header_seach_butten"> |
|
<uni-icons type="search" size="20" color="#bbbbbb"></uni-icons> |
|
</button> |
|
</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" class="list_item_car"> |
|
<view style=""> |
|
<view class=" list_item_car_title flex jb"> |
|
<view class="flex"> |
|
<view class="flex acenter" style="width: 560rpx;"> |
|
<view>企业名称：{{item.name}}</view> |
|
</view> |
|
<view class="tag-view"> |
|
<uni-tag :text="item.parentMark===0?'总公司':'分公司'" |
|
:type="item.parentMark===0?'primary':''"></uni-tag> |
|
</view> |
|
|
|
</view> |
|
</view> |
|
<view class=" list_item_car_title flex "> |
|
<view class="flex"> |
|
<view class="pricr_text"> |
|
<view class="flex" style="padding: 15rpx 0;"> |
|
加价策略 |
|
<view style="margin: 0 10rpx; min-width: 150rpx;" class="blackcolor"> |
|
{{item.oilsPriceStrategy == '1' ? '费率' : '增减'}}:{{item.oilsPriceScale?item.oilsPriceScale:''}} |
|
</view> |
|
</view> |
|
<view class="flex" style="padding: 15rpx 0;"> |
|
折返策略 |
|
<view style="margin: 0 10rpx;min-width: 150rpx;" class="blackcolor"> |
|
<view |
|
v-if="item.consumRebateStrategy=='TYFL' || item.consumRebateStrategy == 'SITE_lEVEL'"> |
|
{{item.consumRebateStrategy == 'TYFL' ? '统一费率' : '油站等级'}}:{{item.consumRebateScale ? item.consumRebateScale : '0'}} |
|
</view> |
|
<view v-else-if="item.consumRebateStrategy=='TYSSFL'"> |
|
{{item.consumRebateStrategy == 'TYSSFL' ? '统一升数' : '未知'}}:{{item.consumRebateScale ? item.consumRebateScale + '元/L' : '0'}} |
|
</view> |
|
<view v-else>暂无</view> |
|
|
|
</view> |
|
</view> |
|
<view class="flex" style="padding: 15rpx 0;"> |
|
企业类型 |
|
<view style="margin: 0 10rpx;min-width: 150rpx;" class="blackcolor"> |
|
{{ optionNature(item.companyNature).text }} |
|
</view> |
|
</view> |
|
<view class="flex" style="padding: 15rpx 0;"> |
|
账户类型 |
|
<view style="margin: 0 10rpx;min-width: 150rpx;" class="blackcolor"> |
|
{{ optionType(item.companyType).text }} |
|
</view> |
|
</view> |
|
<view class="flex" style="padding: 15rpx 0;"> |
|
共享总公司额度 |
|
<view style="margin: 0 10rpx;min-width: 150rpx;" class="blackcolor"> |
|
{{ item.shareParentAmt =='0'?'不共享':'共享' }} |
|
</view> |
|
</view> |
|
</view> |
|
<view class="flex" style="flex: 1;"> |
|
<view class="pricr_text"> |
|
<view class="flex" style="padding: 15rpx 0;"> |
|
启用状态 |
|
<switch class="my-switch" :checked="item.enableMark=='1'?true:false" |
|
style="transform:scale(0.7)" @change=" changeEnableMark(item)"></switch> |
|
</view> |
|
<view class="flex" style="padding: 15rpx 0;"> |
|
联动分油 |
|
<switch class="my-switch" :checked="item.shareDistribute=='1'?true:false" |
|
style="transform:scale(0.7)" @change=" changeDistribute(item)"></switch> |
|
</view> |
|
<view class="flex" style="padding: 15rpx 0;"> |
|
<view @tap="jump(item)" |
|
style="padding: 20rpx 30rpx;color: #FFBA00;background: #FFF8E6;border: 2rpx solid #FFBA00;"> |
|
编辑银行信息 |
|
</view> |
|
|
|
</view> |
|
</view> |
|
|
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</scroll-view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import scroll from '@/components/scroll' |
|
import companyManagement from '@/api/companyManagement' |
|
export default { |
|
components: { |
|
scroll |
|
}, |
|
data() { |
|
return { |
|
list: [], |
|
isShow: { |
|
refresherTriggered: false |
|
}, |
|
parameter: { |
|
pageSize: 15, |
|
currentPage: 1, |
|
params: { |
|
companyName: '', |
|
name: '' |
|
}, |
|
sorted: {} |
|
}, |
|
} |
|
}, |
|
onShow() { |
|
this.search() |
|
}, |
|
onLoad() { |
|
uni.$on('companyEnterprise', (item) => { |
|
if (!item.name) return |
|
this.parameter.currentPage = 1 |
|
this.parameter.params.companyName = item.name |
|
}) |
|
uni.$on('nameEnterprise', (item) => { |
|
if (!item.name) return |
|
this.parameter.currentPage = 1 |
|
this.parameter.params.name = item.name |
|
}) |
|
this.search() |
|
}, |
|
methods: { |
|
jump(item) { |
|
uni.navigateTo({ |
|
url: './detail?jsData=' + JSON.stringify(item) |
|
}) |
|
}, |
|
refresherrefresh(e) { |
|
this.isShow.refresherTriggered = true |
|
this.search() |
|
}, |
|
changeEnableMark(item) { |
|
const data = [item] |
|
if(item.enableMark ==1){ |
|
data[0].enableMark = 0 |
|
}else{ |
|
data[0].enableMark = 1 |
|
} |
|
companyManagement.updateBatchEnable(data).then(res => { |
|
if (res.code === 20000) { |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none' |
|
}) |
|
} |
|
this.search() |
|
}) |
|
}, |
|
changeDistribute(item) { |
|
const data = { |
|
id: item.id, |
|
shareDistribute: item.shareDistribute |
|
} |
|
if(item.shareDistribute == '1'){ |
|
data.shareDistribute = '0' |
|
}else{ |
|
data.shareDistribute = '1' |
|
} |
|
console.log(data,item,'............iitem...') |
|
companyManagement.openShareDistribute(data).then(res => { |
|
if (res.code === 20000) { |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none' |
|
}) |
|
} |
|
this.search() |
|
}) |
|
}, |
|
inputFocusCompany(e) { |
|
uni.navigateTo({ |
|
url: './companyEnterprise' |
|
}) |
|
}, |
|
inputFocus(e) { |
|
uni.navigateTo({ |
|
url: './enterprise' |
|
}) |
|
}, |
|
inputClearCompany() { |
|
this.parameter.params.companyName = '' |
|
}, |
|
inputClear() { |
|
this.parameter.params.name = '' |
|
}, |
|
search() { |
|
|
|
companyManagement.getByPage(this.parameter).then(res => { |
|
this.isShow.refresherTriggered = false |
|
if (res.code !== 20000) return |
|
if (res.data.list.length == 0) { |
|
uni.showToast({ |
|
title: '没有数据了哦', |
|
icon: 'none' |
|
}) |
|
} |
|
if (this.parameter.currentPage !== 1) { |
|
this.list = this.list.concat(res.data.list) |
|
return |
|
} |
|
this.list = res.data.list |
|
}) |
|
}, |
|
scrolltolower() { |
|
this.parameter.currentPage += 1 |
|
this.search() |
|
}, |
|
optionNature(e) { |
|
switch (e) { |
|
case 0: |
|
return { |
|
text: '零售客户' |
|
} |
|
break; |
|
case 1: |
|
return { |
|
text: '外请客户' |
|
} |
|
break; |
|
case 2: |
|
return { |
|
text: '渠道客户' |
|
} |
|
break; |
|
case 3: |
|
return { |
|
text: '存量客户' |
|
} |
|
break; |
|
case 4: |
|
return { |
|
text: '批发客户' |
|
} |
|
break; |
|
case 5: |
|
return { |
|
text: 'LNG客户' |
|
} |
|
break; |
|
case 6: |
|
return { |
|
text: '推广业务' |
|
} |
|
break; |
|
} |
|
}, |
|
optionType(e) { |
|
switch (e) { |
|
case '0': |
|
return { |
|
text: '柴油账户' |
|
} |
|
break; |
|
case '1': |
|
return { |
|
text: '汽油账户' |
|
} |
|
break; |
|
case '2': |
|
return { |
|
text: 'LNG账户' |
|
} |
|
break; |
|
case '3': |
|
return { |
|
text: '尿素账户' |
|
} |
|
break; |
|
case '4': |
|
return { |
|
text: '油批账户' |
|
} |
|
break; |
|
case '5': |
|
return { |
|
text: '电卡账户' |
|
} |
|
break; |
|
} |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style> |
|
@import url("./index.css"); |
|
</style>
|
|
|