在星链oms添加功能

1.充值功能-对应运营管理系统中企业充值预处理功能
3.查询油价功能-对应运营管理系统中油价管理功能
4.公司管理-客户管理 开户维护银行信息功能
This commit is contained in:
2024-06-07 11:40:19 +08:00
parent f43be96193
commit e6fbd6de48
18 changed files with 3478 additions and 15 deletions

View File

@@ -0,0 +1,220 @@
.icoon :active {
color: #007AFF;
}
.flex {
display: flex;
}
.acenter {
align-items: center;
}
/* .list_item_car_title:last-child{
margin-bottom: 0;
} */
.list_item_car_title {
width: 100%;
margin-bottom: 15rpx;
}
.pricr_text {
font-size: 26rpx;
color: #999999;
}
.pricr_text .felx {
padding: 15rpx 0;
}
.list_item_car_footer {
border-top: solid 1rpx #F0F0F0;
font-size: 24rpx;
color: #999999;
}
.blackcolor {
color: #333333;
}
.jcenter {
justify-content: center;
}
.jb {
justify-content: space-between;
padding: 15rpx 0;
border-bottom: 2rpx solid #000000;
}
.enterpriseRecharge_body {
display: flex;
flex-direction: column;
height: 100vh;
}
.tipLamp {
position: absolute;
height: 100%;
background-color: #E9CF31;
width: 17rpx;
top: 0;
left: 0;
}
.listContainer {
flex-grow: 1;
padding-top: 20rpx;
box-sizing: border-box;
}
.list_item_car {
/* min-height: 241rpx; */
background: #FFFFFF;
box-shadow: 0rpx 3rpx 9rpx 0rpx rgba(88, 88, 88, 0.2);
border-radius: 12rpx;
padding: 17rpx;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
padding-bottom: 0;
/* margin-bottom: 20rpx; */
margin: 0 20rpx 20rpx 20rpx;
}
.seach_input {
border-radius: 12rpx;
flex: 1;
}
page {
background-color: #F0F2FF;
}
.special-input {
position: relative;
display: inline-block;
width: 40%;
height: 100%;
flex: 1;
background-color: #FFF;
border-radius: 12rpx;
color: #333;
line-height: 80rpx;
padding-left: 20rpx;
padding-right: 65rpx;
margin: 0 4rpx;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
text-align: right;
}
.special-input .close {
position: absolute;
top: 50%;
right: 20rpx;
transform: translateY(-50%);
width: 36rpx;
height: 36rpx;
}
.navigation_seleitem {
width: 150rpx;
height: 59rpx;
background: #F0F2FF;
border-top-left-radius: 11rpx;
border-top-right-radius: 11rpx;
font-size: 26rpx;
color: #333333;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
position: relative;
bottom: -2px;
}
.navigation_item {
width: 150rpx;
height: 59rpx;
border-top-left-radius: 11rpx;
border-top-right-radius: 11rpx;
font-size: 26rpx;
color: #F0F2FF;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s;
bottom: -2px;
}
.Navigation {
display: flex;
position: absolute;
top: 0px;
transition: all .5s;
}
.header_seach_butten {
font-size: 24rpx !important;
display: inline-block;
line-height: 80rpx;
align-items: center !important;
margin: 0 !important;
flex-shrink: 1;
margin-left: 9rpx !important;
background: #FFFFFF !important;
justify-content: center;
}
.uni-easyinput__content {
height: 80rpx;
}
.uni-easyinput {
height: 80rpx;
}
.header_seach_seach {
display: flex;
height: 80rpx;
margin-top: 23rpx;
}
.header_seach_title {
display: flex;
align-items: center;
}
.header_seach {
font-size: 26rpx;
padding: 0 10px;
}
.uni-navbar__header-btns-right {
padding-right: 0 !important;
width: 120rpx !important;
}
.top {
height: var(--status-bar-height);
}
.tag-view{
color: #1890FF;
font-size: 32rpx;
}
.explain{
display: inline-block;
font-size:16px;
margin-right: 10rpx;
font-weight:bold;
}

View File

@@ -0,0 +1,279 @@
<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="inputFocusSite" class="special-input">
{{ parameter.params.siteName || '油站名称'}}
<image v-if="parameter.params.siteName" class="close" src="../../static/close.png"
@click.stop="inputClearSite"></image>
</view>
<view @click="inputFocusOtherSite" class="special-input">
{{ parameter.params.otherSiteName || '三方油站名称'}}
<image v-if="parameter.params.otherSiteName" class="close" src="../../static/close.png"
@click.stop="inputClearOtherSite"></image>
</view>
<button @tap='search' class="header_seach_butten">
<uni-icons type="search" size="20" color="#bbbbbb"></uni-icons>
</button>
</view>
</view>
<scroll-view scroll-x="true" style="width: 100%;height: 60rpx;position: absolute;bottom: 0;">
<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.label}}
<uni-icons :animation="animationData" class="icoon" v-if="index==0" type="refreshempty"
style="margin-left: 10rpx;" size="15" color="#bbbbbb"></uni-icons>
</view>
</view>
</scroll-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.otherSiteName?item.otherSiteName:''}}</view>
</view>
<view class="tag-view">
{{item.oilProductCode}}
</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="width: 110rpx;padding-top: 6rpx;">
价格说明
</view>
<view style="width: 470rpx;" class="blackcolor">
发改委: <view class="explain">{{item.marketPrice}}</view>
油站: <view class="explain">{{item.sitePrice}}</view>
渠道: <view class="explain">{{item.otherPrice}}</view>
<br />
企业: <view class="explain" style="color: #E6A23C;">{{item.enterprisePrice}}
</view>
结算:
<view class="explain" style="color: #F56C6C;">
{{item.settlementPrice ? item.settlementPrice : '暂无'}}
</view>
底价:
<view class="explain" style="color: #F56C6C;">{{item.floorPrice ?
item.floorPrice : '暂无'}}</view>
</view>
</view>
<view class="flex" style="padding: 15rpx 0;">
修改时间
<view style="margin: 0 10rpx; min-width: 150rpx;" class="blackcolor">
{{item.updateTime?item.updateTime:'暂无'}}
</view>
</view>
</view>
</view>
<view class="flex" style="flex: 1;">
<view class="pricr_text">
<view class="flex" style="padding: 15rpx 0;">
<switch v-if="isShowEnableMark" class="my-switch" :checked="item.enableMark==1?true:false"
style="transform:scale(0.7)" @change=" changeEnableMark(item)"></switch>
</view>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
</view>
</view>
</template>
<script>
import scroll from '@/components/scroll'
import OilSiteOilsPriceApi from '@/api/OilSiteOilsPrice'
export default {
components: {
scroll
},
data() {
return {
list: [],
isShow: {
refresherTriggered: false
},
parameter: {
pageSize: 15,
currentPage: 1,
params: {
siteId: '',
siteName: '',
channelId: '',
otherSiteName: '',
channelCode: ''
},
sorted: {}
},
seleindex: '',
navigation: [{
value: '',
label: '全部'
},
{
value: 'XOIL',
label: '星油'
},
{
value: 'WJY',
label: '万金油'
},
{
value: 'SQL',
label: '叁仟里'
},
{
value: 'LV',
label: '老吕(找油网)'
},
{
value: 'TY',
label: '团油'
},
{
value: 'YDJY',
label: '一点加油(壳牌)'
},
{
value: 'ZDC',
label: '掌多车'
}
],
sitePriceData: {},
isShowEnableMark:true
}
},
onShow() {
this.search()
},
onLoad() {
uni.$on('siteEnterprise', (item) => {
if (!item.id) return
this.parameter.currentPage = 1
this.parameter.params.siteId = item.id
this.parameter.params.siteName = item.siteName
})
uni.$on('otherSiteEnterprise', (item) => {
if (!item.id) return
this.parameter.currentPage = 1
this.parameter.params.channelId = item.id
this.parameter.params.otherSiteName = item.otherSiteName
})
this.search()
},
methods: {
refresherrefresh(e) {
this.isShow.refresherTriggered = true
this.search()
},
inputFocusSite(e) {
uni.navigateTo({
url: './siteEnterprise'
})
},
inputFocusOtherSite(e) {
uni.navigateTo({
url: './otherSiteEnterprise'
})
},
inputClearSite() {
this.parameter.params.siteId = ''
this.parameter.params.siteName = ''
},
inputClearOtherSite() {
this.parameter.params.channelId = ''
this.parameter.params.otherSiteName = ''
},
seleFn(e) {
if (e.value == '') {
this.parameter.params.channelCode = ''
} else {
this.parameter.params.channelCode = e.value
}
this.parameter.currentPage = 1
this.search()
},
search() {
OilSiteOilsPriceApi.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()
},
changeEnableMark(item) {
const sitePrice = {}
sitePrice.id = item.id
if (item.enableMark === 1) {
sitePrice.enableMark = 0
} else {
sitePrice.enableMark = 1
}
sitePrice.channelId = item.channelId
this.sitePriceData = sitePrice
let that = this
uni.showModal({
title: '提示',
content: '您的操作即刻生效,请确认!',
success: function(res) {
if (res.confirm) {
OilSiteOilsPriceApi.update(that.sitePriceData).then(res => {
if (res.code === 20000) {
uni.showToast({
title: res.msg,
icon: 'none'
})
}
that.search()
})
} else if (res.cancel) {
that.isShowEnableMark = false
that.$nextTick(()=>{
that.isShowEnableMark = true
})
console.log(res.cancel, '用户取消');
}
}
});
},
}
}
</script>
<style>
@import url("./index.css");
</style>

View File

@@ -0,0 +1,264 @@
<template>
<view>
<view class="company_body">
<view class="header_seach_seach">
<uni-easyinput @confirm="seachFn"
style="height: 100%; flex: 1; margin: 0 auto; background-color: #FFFFFF; border-radius:12rpx ;"
prefixIcon="search" v-model="name" placeholder="请输入三方油站名称进行查询">
</uni-easyinput>
</view>
</view>
<view class="company_list">
<view @tap="seleFn(item)" v-for="(item,index) in siteList" class="company_list_item">
<view class="company_list_item_text">{{item.otherSiteName}}{{onlineStatus(item.putawayMark).text}}
{{firstSites(item.channelCode).text}}{{secondSites(item.secondChannelCode).text}}
</view>
</view>
</view>
</view>
</template>
<script>
import serve from '@/api/OilSiteOilsPrice.js'
export default {
data() {
return {
timer: null,
siteList: [],
name: ''
}
},
onShow() {
this.seachFn()
},
methods: {
seleFn(item) {
uni.$emit('otherSiteEnterprise', item)
this.timer = setTimeout(() => {
clearTimeout(this.timer)
uni.navigateBack()
}, 200)
},
seachFn() {
if (!this.name) {
uni.showToast({
title: '搜索条件不可为空',
icon: 'none'
})
return
}
this.getByPage()
},
getByPage() {
serve.getSiteChannelList({
otherSiteName: this.name
}).then(res => {
if (res.code !== 20000) return
this.siteList = res.data
})
},
onlineStatus(e) {
switch (e) {
case 0:
return {
text: '-下架'
}
break;
case 1:
return {
text: '-上架'
}
break;
}
},
firstSites(e) {
switch (e) {
case 'XOIL':
return {
text: '-星油'
}
break;
case 'WJY':
return {
text: '-万金油'
}
break;
case 'SQL':
return {
text: '-叁仟里'
}
break;
case 'LV':
return {
text: '-老吕(找油网)'
}
break;
case 'TY':
return {
text: '-团油'
}
break;
case 'YDJY':
return {
text: '-一点加油(壳牌)'
}
break;
case 'ZDC':
return {
text: '-掌多车'
}
break;
case 'IMSITE':
return {
text: '-综合'
}
break;
case '':
return {
text: ''
}
break;
}
},
secondSites(e) {
switch (e) {
case 'CHANGYOU':
return {
text: '-畅油'
}
break;
case 'GDQP':
return {
text: '-广东壳牌'
}
break;
case 'LAIYOU':
return {
text: '-来油'
}
break;
case 'QP':
return {
text: '-壳牌'
}
break;
case 'SQ':
return {
text: '-上汽'
}
break;
case 'TY':
return {
text: '-团油'
}
break;
case 'JX_INVEST':
return {
text: '-江投'
}
break;
case '':
return {
text: ''
}
break;
}
}
}
}
</script>
<style>
.companytip {
width: 88rpx;
height: 38rpx;
border-radius: 4rpx;
color: #FFFFFF;
font-size: 24rpx;
display: flex;
align-items: center;
justify-content: center;
}
.checkboxss {
width: 80%;
height: 80%;
background-color: #2866FF;
border-radius: 50px;
}
.checkboxs {
width: 20rpx;
height: 20rpx;
border-radius: 50px;
border: 1px solid #BBBBBB;
display: flex;
justify-content: center;
align-items: center;
}
.checkbox__inner {
border-radius: 50px !important;
}
.uni-data-checklist {
flex: 0 !important;
}
.uni-data-checklist .checklist-group .checklist-box {
margin: 0 !important;
}
.uni-data-checklist {
width: max-content;
}
.company_list_item_text {
font-size: 28rpx;
color: #000000;
margin-left: 23rpx;
}
.company_list_item {
min-height: 92rpx;
background: #FFFFFF;
box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2);
border-radius: 8rpx;
font-size: 28rpx;
display: flex;
align-items: center;
padding: 9rpx 21rpx;
margin-top: 19rpx;
}
.company_list {
width: 100vw;
padding: 0 31rpx;
box-sizing: border-box;
margin-top: 40rpx;
}
.company_body {
background-color: #2866FF;
padding: 25rpx 0;
}
.uni-easyinput__content {
height: 80rpx;
}
.uni-easyinput {
height: 80rpx;
}
.header_seach_seach {
display: flex;
height: 80rpx;
background-color: #2866FF;
padding: 0 31rpx;
}
</style>

View File

@@ -0,0 +1,264 @@
<template>
<view>
<view class="company_body">
<view class="header_seach_seach">
<uni-easyinput @confirm="seachFn"
style="height: 100%; flex: 1; margin: 0 auto; background-color: #FFFFFF; border-radius:12rpx ;"
prefixIcon="search" v-model="name" placeholder="请输入油站名称进行查询">
</uni-easyinput>
</view>
</view>
<view class="company_list">
<view @tap="seleFn(item)" v-for="(item,index) in siteList" class="company_list_item">
<view class="company_list_item_text">{{item.siteName}}{{onlineStatus(item.putawayMark).text}}
{{firstSites(item.channelCode).text}}{{secondSites(item.secondChannelCode).text}}
</view>
</view>
</view>
</view>
</template>
<script>
import serve from '@/api/OilSiteOilsPrice.js'
export default {
data() {
return {
timer: null,
siteList: [],
name: ''
}
},
onShow() {
this.seachFn()
},
methods: {
seleFn(item) {
uni.$emit('siteEnterprise', item)
this.timer = setTimeout(() => {
clearTimeout(this.timer)
uni.navigateBack()
}, 200)
},
seachFn() {
if (!this.name) {
uni.showToast({
title: '搜索条件不可为空',
icon: 'none'
})
return
}
this.getByPage()
},
getByPage() {
serve.getSimpleOilSiteInfo({
siteName: this.name
}).then(res => {
if (res.code !== 20000) return
this.siteList = res.data
})
},
onlineStatus(e) {
switch (e) {
case 0:
return {
text: '-下架'
}
break;
case 1:
return {
text: '-上架'
}
break;
}
},
firstSites(e) {
switch (e) {
case 'XOIL':
return {
text: '-星油'
}
break;
case 'WJY':
return {
text: '-万金油'
}
break;
case 'SQL':
return {
text: '-叁仟里'
}
break;
case 'LV':
return {
text: '-老吕(找油网)'
}
break;
case 'TY':
return {
text: '-团油'
}
break;
case 'YDJY':
return {
text: '-一点加油(壳牌)'
}
break;
case 'ZDC':
return {
text: '-掌多车'
}
break;
case 'IMSITE':
return {
text: '-综合'
}
break;
case '':
return {
text: ''
}
break;
}
},
secondSites(e) {
switch (e) {
case 'CHANGYOU':
return {
text: '-畅油'
}
break;
case 'GDQP':
return {
text: '-广东壳牌'
}
break;
case 'LAIYOU':
return {
text: '-来油'
}
break;
case 'QP':
return {
text: '-壳牌'
}
break;
case 'SQ':
return {
text: '-上汽'
}
break;
case 'TY':
return {
text: '-团油'
}
break;
case 'JX_INVEST':
return {
text: '-江投'
}
break;
case '':
return {
text: ''
}
break;
}
}
}
}
</script>
<style>
.companytip {
width: 88rpx;
height: 38rpx;
border-radius: 4rpx;
color: #FFFFFF;
font-size: 24rpx;
display: flex;
align-items: center;
justify-content: center;
}
.checkboxss {
width: 80%;
height: 80%;
background-color: #2866FF;
border-radius: 50px;
}
.checkboxs {
width: 20rpx;
height: 20rpx;
border-radius: 50px;
border: 1px solid #BBBBBB;
display: flex;
justify-content: center;
align-items: center;
}
.checkbox__inner {
border-radius: 50px !important;
}
.uni-data-checklist {
flex: 0 !important;
}
.uni-data-checklist .checklist-group .checklist-box {
margin: 0 !important;
}
.uni-data-checklist {
width: max-content;
}
.company_list_item_text {
font-size: 28rpx;
color: #000000;
margin-left: 23rpx;
}
.company_list_item {
min-height: 92rpx;
background: #FFFFFF;
box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2);
border-radius: 8rpx;
font-size: 28rpx;
display: flex;
align-items: center;
padding: 9rpx 21rpx;
margin-top: 19rpx;
}
.company_list {
width: 100vw;
padding: 0 31rpx;
box-sizing: border-box;
margin-top: 40rpx;
}
.company_body {
background-color: #2866FF;
padding: 25rpx 0;
}
.uni-easyinput__content {
height: 80rpx;
}
.uni-easyinput {
height: 80rpx;
}
.header_seach_seach {
display: flex;
height: 80rpx;
background-color: #2866FF;
padding: 0 31rpx;
}
</style>