oms
This commit is contained in:
caolc
240
driverManagement/addDiver/addOilCard.vue
Normal file
240
driverManagement/addDiver/addOilCard.vue
Normal file
@@ -0,0 +1,240 @@
|
||||
<template>
|
||||
<!-- 布局 flex 组件 view -->
|
||||
<view class="addDiver_body">
|
||||
<!-- 卡片 -->
|
||||
<view class="addDiver_card">
|
||||
|
||||
<view class="card_title">
|
||||
<view class="tiao"></view>
|
||||
<view style="display: flex;justify-content: space-between;width: 100%;" class="card_title_text">
|
||||
<view>关联绑定企业</view>
|
||||
<view @tap='clearFn' class="clear">
|
||||
<image src="../../static/clear.png" mode="heightFix" style="height: 32rpx;margin-right: 10rpx;"></image>
|
||||
清除
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<uni-list>
|
||||
<uni-list-item link="">
|
||||
<view class="list_header" slot="header">
|
||||
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||||
企业名称
|
||||
</view>
|
||||
<view style="" slot="body" class="list_right">
|
||||
<view @tap="jump" slot="body" :style="{color:aboutEnterprise.name?'#333333':' '}" class="list_right list_nosele">
|
||||
{{aboutEnterprise.name?aboutEnterprise.name:'请选择企业'}}
|
||||
</view>
|
||||
</view>
|
||||
</uni-list-item>
|
||||
<!-- <uni-list-item>
|
||||
<view class="list_header" slot="header">
|
||||
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||||
企业类型
|
||||
</view>
|
||||
<view slot="body" class="list_right">
|
||||
<u-radio-group iconPlacement="right" v-model="enterpriseType" placement="row"
|
||||
@change="groupChange">
|
||||
<u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in radiolist1"
|
||||
:key="index" :label="item.name" :name="item.name" @change="radioChange">
|
||||
{{item.name}}
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</view>
|
||||
</uni-list-item> -->
|
||||
<!-- <uni-list-item>
|
||||
<view class="list_header" slot="header">
|
||||
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||||
企业车牌</view>
|
||||
<view style="padding-right: 16px !important;" slot="body" class="list_right">
|
||||
<view style="width: 100%; ">
|
||||
<input v-model="aboutEnterprise.plateNumberCompany" placeholder="请输入企业车牌" class="list_right_input" />
|
||||
</view>
|
||||
</view>
|
||||
</uni-list-item> -->
|
||||
<uni-list-item>
|
||||
<view class="list_header" slot="header">
|
||||
|
||||
单日金额上限
|
||||
</view>
|
||||
<view slot="body" class="list_right ">
|
||||
<view style="width: 100%;padding-right: 16px !important;display: flex; ">
|
||||
<input @input="sxfn('orderAmountToplimit')" type="number" v-model="aboutEnterprise.dayAmountToplimit" class="list_right_input" />
|
||||
<text class="yuan">元</text>
|
||||
</view>
|
||||
</view>
|
||||
</uni-list-item>
|
||||
<uni-list-item>
|
||||
<view class="list_header" slot="header">
|
||||
<!-- <image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image> -->
|
||||
单次金额上限
|
||||
</view>
|
||||
<view slot="body" class="list_right ">
|
||||
<view style="width: 100%;padding-right: 16px !important;display: flex; ">
|
||||
<input @input="sxfn('dayAmountToplimit')" type="number" v-model="aboutEnterprise.orderAmountToplimit" class="list_right_input" />
|
||||
<text class="yuan">元</text>
|
||||
</view>
|
||||
</view>
|
||||
</uni-list-item>
|
||||
<uni-list-item>
|
||||
<view class="list_header" slot="header">
|
||||
<!-- <image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image> -->
|
||||
单日加油升数上限</view>
|
||||
<view style="padding-right: 16px !important;display: flex;" slot="body" class="list_right ">
|
||||
<input @input="sxfn('orderVolumeToplimit')" type="number" v-model="aboutEnterprise.dayVolumeToplimit" class="list_right_input" />
|
||||
<text class="yuan">升</text>
|
||||
</view>
|
||||
</uni-list-item>
|
||||
<uni-list-item>
|
||||
<view class="list_header" slot="header">
|
||||
<!-- <image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image> -->
|
||||
单笔加油升数上限</view>
|
||||
<view style="padding-right: 16px !important;display: flex;" slot="body" class="list_right ">
|
||||
<input @input="sxfn('dayVolumeToplimit')" type="number" v-model="aboutEnterprise.orderVolumeToplimit" class="list_right_input" />
|
||||
<text class="yuan">升</text>
|
||||
</view>
|
||||
</uni-list-item>
|
||||
<uni-list-item v-if="aboutEnterprise.companyNature==1">
|
||||
<view class="list_header" slot="header">
|
||||
<image src="@/static/bt.png" style="width: 12rpx;position: absolute;left: 0;" mode="widthFix" ></image>
|
||||
是否共享企业额度</view>
|
||||
<view style="padding-right: 16px !important;" slot="body" class="list_right">
|
||||
<u-switch :openText='openText' asyncChange activeColor='#17A00E' inactive-color="#BBBBBB"
|
||||
size='35' v-model="switchOpen" @change="change"></u-switch>
|
||||
</view>
|
||||
</uni-list-item>
|
||||
<uni-list-item>
|
||||
<view class="list_header" slot="header">备注</view>
|
||||
<view style="padding-right: 16px !important;" slot="body" class="list_right ">
|
||||
<input v-model="aboutEnterprise.remark" placeholder="请输入备注" class="list_right_input" />
|
||||
</view>
|
||||
</uni-list-item>
|
||||
</uni-list>
|
||||
</view>
|
||||
<!-- 底部按钮 -->
|
||||
<view class="list_footer" >
|
||||
<button @tap="postFn" class="list_butten ">保存</button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import addDirver from '@/api/addDirver'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
enterpriseType: '自营',
|
||||
radiolist1: [{
|
||||
name: '自营',
|
||||
disabled: false
|
||||
},
|
||||
{
|
||||
name: '外请',
|
||||
disabled: false
|
||||
},
|
||||
],
|
||||
aboutEnterprise:{
|
||||
customerId:'',
|
||||
customerCode:'',
|
||||
companyId:'',
|
||||
companyNature:1,
|
||||
shareCompanyQuota:0,
|
||||
dayAmountToplimit:'0',
|
||||
orderAmountToplimit:'0',
|
||||
dayVolumeToplimit:'0',
|
||||
orderVolumeToplimit:'0',
|
||||
name:'',
|
||||
nickName:'',
|
||||
plateNumberCompany:null,
|
||||
remark:''
|
||||
},
|
||||
switchOpen: true,
|
||||
openText: {
|
||||
one: '开启',
|
||||
off: '关闭'
|
||||
},
|
||||
}
|
||||
},
|
||||
onLoad(e) {
|
||||
let that = this
|
||||
uni.$on('company',function(data){
|
||||
({id:that.aboutEnterprise.companyId,name:that.aboutEnterprise.name}=data)
|
||||
console.log(data)
|
||||
})
|
||||
if(e.jsData){
|
||||
let data = JSON.parse(e.jsData);
|
||||
this.aboutEnterprise.customerId = data.customerId
|
||||
this.aboutEnterprise.customerCode = data.customerCode
|
||||
this.aboutEnterprise.companyId = data.companyId
|
||||
this.aboutEnterprise.companyNature = data.companyNature
|
||||
// this.aboutEnterprise.name = data.companyName
|
||||
this.aboutEnterprise.nickName = data.nickName
|
||||
console.log(that.aboutEnterprise,'-*-*-')
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 后端不做校验 前端做 骂娘找 后端
|
||||
sxfn(e){
|
||||
// if(e=='dayAmountToplimit'){
|
||||
// if(this.aboutEnterprise.dayAmountToplimit!==''&& this.aboutEnterprise.orderAmountToplimit!=='' && Number(this.aboutEnterprise.orderAmountToplimit) > Number(this.aboutEnterprise.dayAmountToplimit) ){
|
||||
// this.$nextTick(function(){
|
||||
// this.aboutEnterprise.orderAmountToplimit = this.aboutEnterprise.dayAmountToplimit
|
||||
// })
|
||||
// }
|
||||
// }else if(e=='dayVolumeToplimit'){
|
||||
// if(this.aboutEnterprise.dayVolumeToplimit!==''&& this.aboutEnterprise.orderVolumeToplimit!=='' && Number(this.aboutEnterprise.orderVolumeToplimit) > Number(this.aboutEnterprise.dayVolumeToplimit) ){
|
||||
// this.$nextTick(function(){
|
||||
// this.aboutEnterprise.orderVolumeToplimit = this.aboutEnterprise.dayVolumeToplimit
|
||||
// })
|
||||
// }
|
||||
// }else if(e=='orderVolumeToplimit'){
|
||||
// if(this.aboutEnterprise.dayVolumeToplimit!==''&& this.aboutEnterprise.orderVolumeToplimit!=='' && Number(this.aboutEnterprise.orderVolumeToplimit) > Number(this.aboutEnterprise.dayVolumeToplimit) ){
|
||||
// this.$nextTick(function(){
|
||||
// this.aboutEnterprise.dayVolumeToplimit = Number(this.aboutEnterprise.orderVolumeToplimit) + 1
|
||||
// })
|
||||
// }
|
||||
// }else if(e=='orderAmountToplimit'){
|
||||
// if(this.aboutEnterprise.dayAmountToplimit!==''&& this.aboutEnterprise.orderAmountToplimit!=='' && Number(this.aboutEnterprise.orderAmountToplimit) > Number(this.aboutEnterprise.dayAmountToplimit) ){
|
||||
// this.$nextTick(function(){
|
||||
// this.aboutEnterprise.dayAmountToplimit = Number(this.aboutEnterprise.orderAmountToplimit ) + 1
|
||||
// })
|
||||
// }
|
||||
// }
|
||||
},
|
||||
clearFn(){
|
||||
let white = ['companyNature','shareCompanyQuota']
|
||||
Object.keys(this.aboutEnterprise).forEach(key=>{
|
||||
if(white.includes(key)) return
|
||||
this.aboutEnterprise[key] = ''
|
||||
})
|
||||
this.aboutEnterprise.shareCompanyQuota = 1
|
||||
this.switchOpen = true
|
||||
},
|
||||
postFn(){
|
||||
let that = this
|
||||
this.aboutEnterprise.shareCompanyQuota = this.switchOpen?1:0
|
||||
addDirver.saveOilCard(this.aboutEnterprise).then(res=>{
|
||||
if(res.code!==20000)return
|
||||
uni.$emit('updateDriver',that.aboutEnterprise.customerId)
|
||||
uni.navigateBack()
|
||||
})
|
||||
console.log(this.aboutEnterprise)
|
||||
},
|
||||
jump(){
|
||||
uni.navigateTo({
|
||||
url:'../company/company'
|
||||
})
|
||||
},
|
||||
change(e) {
|
||||
console.log(this.switchOpen,e)
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import url("./driver.css");
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user