pull/2/head
xiaozhiyong
2 years ago
parent
81556f26a0
commit
6b0e5e7399
11 changed files with 921 additions and 114 deletions
@ -0,0 +1,87 @@ |
||||
import request from '@/utils/request' |
||||
|
||||
export default { |
||||
// list
|
||||
enterpriseUserQueryByPage(data) { |
||||
return request({ |
||||
url: '/oil-user/oilCustomerCompanyRelation/enterpriseUserQueryByPage', |
||||
method: 'post', |
||||
data |
||||
}) |
||||
}, |
||||
|
||||
// 公司
|
||||
companyGetByPage(data) { |
||||
return request({ |
||||
url: '/oil-user/oilCompanyInfo/getLikeByName', |
||||
method: 'post', |
||||
data |
||||
}) |
||||
}, |
||||
// 权限
|
||||
getByRoleType() { |
||||
return request({ |
||||
// 此处参数传空 获取所有权限
|
||||
url: `/oil-user/sysRole/getByRoleType/XOIL_COMS/`, |
||||
method: 'get', |
||||
}) |
||||
}, |
||||
// 新增
|
||||
enterpriseUserSave(data) { |
||||
return request({ |
||||
url: '/oil-user/oilCustomerCompanyRelation/enterpriseUserSave', |
||||
method: 'post', |
||||
data |
||||
}) |
||||
}, |
||||
// 修改
|
||||
userPermissionUpdate(data) { |
||||
return request({ |
||||
url: '/oil-user/oilCustomerCompanyRelation/userPermissionUpdate', |
||||
method: 'post', |
||||
data |
||||
}) |
||||
}, |
||||
// 详情
|
||||
getByUserId(id) { |
||||
return request({ |
||||
url: `/oil-user/oilCustomerCompanyRelation/getByUserId/${id}`, |
||||
method: 'get', |
||||
}) |
||||
}, |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 油站渠道
|
||||
getSiteChannelList(data) { |
||||
return request({ |
||||
url: '/oil-site/oilSiteChannel/getSiteChannelList', |
||||
method: 'post', |
||||
data |
||||
}) |
||||
}, |
||||
// 权限
|
||||
getSiteCloudRoles() { |
||||
return request({ |
||||
url: '/oil-user/sysRole/getSiteCloudRoles', |
||||
method: 'get' |
||||
}) |
||||
}, |
||||
|
||||
// 新增
|
||||
saveCustomerRelationSite(data) { |
||||
return request({ |
||||
url: '/oil-user/oilCustomerChannelRelation/saveCustomerRelationSite', |
||||
method: 'post', |
||||
data |
||||
}) |
||||
}, |
||||
|
||||
} |
||||
@ -0,0 +1,166 @@ |
||||
<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="getData.params.siteName" placeholder="油站名称" > |
||||
</uni-easyinput> |
||||
</view> --> |
||||
</view> |
||||
<view class="company_list"> |
||||
<view @tap="seleFn(item)" v-for="(item,index) in authList" class="company_list_item"> |
||||
<image src="../../../static/selegs.png" style="width: 73rpx; height: 73rpx;"></image> |
||||
<view class="company_list_item_text">{{item.roleName}}</view> |
||||
<view style="flex-grow: 1; text-align: end;text-align: -webkit-right;"> |
||||
<view class="checkboxs"> |
||||
<view v-if="item.isChecked" class="checkboxss"></view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import serve from '@/api/userManagement/customer.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
sysRoleList: [], |
||||
timer: null, |
||||
authList: [], |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
if (options.item) { |
||||
this.sysRoleList = JSON.parse(decodeURI(options.item)) |
||||
} |
||||
}, |
||||
onShow() { |
||||
this.getAuthList() |
||||
}, |
||||
methods: { |
||||
seleFn(item) { |
||||
clearTimeout(this.timer) |
||||
this.$set(item, 'isChecked', !item.isChecked) |
||||
uni.$emit('customerAuth', item) |
||||
this.timer = setTimeout(() => { |
||||
uni.navigateBack() |
||||
}, 200) |
||||
}, |
||||
seachFn() { |
||||
this.getDriversList() |
||||
}, |
||||
|
||||
getAuthList() { |
||||
serve.getByRoleType().then(res => { |
||||
if (res.code !== 20000) return |
||||
let data = res.data.map(item => { |
||||
item['isChecked'] = false |
||||
return item |
||||
}) |
||||
data.forEach(item => { |
||||
this.sysRoleList.forEach(secItem => { |
||||
if (secItem.id === item.id) { |
||||
item['isChecked'] = true |
||||
} |
||||
}) |
||||
}) |
||||
this.authList = data |
||||
}) |
||||
}, |
||||
} |
||||
} |
||||
</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> |
||||
@ -0,0 +1,183 @@ |
||||
<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="getData.name" placeholder="请输入公司名称进行查询"> |
||||
</uni-easyinput> |
||||
</view> |
||||
</view> |
||||
<view class="company_list"> |
||||
<view @tap="seleFn(item)" v-for="(item,index) in companyList" class="company_list_item"> |
||||
<image src="../../../static/selegs.png" style="width: 73rpx; height: 73rpx;"></image> |
||||
<view class="company_list_item_text">{{item.name}}</view> |
||||
<view style="flex-grow: 1; text-align: end;text-align: -webkit-right;"> |
||||
<view class="checkboxs"> |
||||
<view v-if="item.isChecked" class="checkboxss"></view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import serve from '@/api/userManagement/customer.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
oilCompanyInfoList: [], |
||||
siteId: '', |
||||
timer: null, |
||||
companyList: [], |
||||
getData: { |
||||
name: '' |
||||
}, |
||||
} |
||||
}, |
||||
onLoad(options) { |
||||
if (options.item) { |
||||
let item = JSON.parse(decodeURI(options.item)) |
||||
this.siteId = item.siteId |
||||
this.oilCompanyInfoList = item |
||||
} |
||||
}, |
||||
onShow() { |
||||
// this.getDriversList() |
||||
}, |
||||
// onReachBottom() { |
||||
// // this.getData.currentPage += 1 |
||||
// this.getDriversList() |
||||
// }, |
||||
methods: { |
||||
seleFn(item) { |
||||
clearTimeout(this.timer) |
||||
this.$set(item, 'isChecked', !item.isChecked) |
||||
uni.$emit('customerCompany', item) |
||||
this.timer = setTimeout(() => { |
||||
uni.navigateBack() |
||||
}, 200) |
||||
}, |
||||
seachFn() { |
||||
if (!this.getData.name) { |
||||
uni.showToast({ |
||||
title: '搜索条件不可为空', |
||||
icon: 'none' |
||||
}) |
||||
return |
||||
} |
||||
this.getDriversList() |
||||
}, |
||||
getDriversList() { |
||||
|
||||
serve.companyGetByPage(this.getData).then(res => { |
||||
if (res.code !== 20000) return |
||||
let data = res.data.map(item => { |
||||
item['isChecked'] = false |
||||
return item |
||||
}) |
||||
data.forEach(item => { |
||||
this.oilCompanyInfoList.forEach(secItem => { |
||||
if (secItem.id === item.id) { |
||||
item['isChecked'] = true |
||||
} |
||||
}) |
||||
}) |
||||
this.companyList = data |
||||
}) |
||||
}, |
||||
} |
||||
} |
||||
</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> |
||||
@ -1,8 +1,252 @@ |
||||
<template> |
||||
<view @click="ejectOpen=false" style="height: 100vh;display: flex;flex-direction: column;"> |
||||
<view class="header"> |
||||
<view :style="{height:styles.top+'px'}"></view> |
||||
<uni-nav-bar @clickLeft='jump(-1)' :border="false" color='white' backgroundColor="rgba(0,0,0,0)" |
||||
left-icon="back" title="用户信息" /> |
||||
<view class="seach"> |
||||
<uni-easyinput style="flex:1" :candidate='candidate' :ejectOpen='ejectOpen' @ejectFn='ejectFn' |
||||
:letfText='letfText' confirmType='search' @confirm='seachFn' |
||||
placeholder-style="color:#bbbbbb;font-weight: 100;" v-model="seachValue" |
||||
:placeholder="letfText=='企业'?'企业名,企业ID':'司机姓名,司机手机号'" @iconClick="onClick"> |
||||
</uni-easyinput> |
||||
<button @tap="jump('/userManagement/customer/detail')" class="header_seach_butten"> |
||||
<uni-icons type="plusempty" size="20" color="#bbbbbb"></uni-icons> |
||||
<view>新增</view> |
||||
</button> |
||||
</view> |
||||
</view> |
||||
<view style="flex:1;overflow: hidden;"> |
||||
<view v-if="!tableList.length" |
||||
style="width: 100vw; height: 100%; display: flex;align-items: center;justify-content: center;"> |
||||
<image src="@/static/qx.png" style="width: 500rpx; height: 355rpx;"></image> |
||||
</view> |
||||
<scroll-view style="height: 100%;" scroll-y="true" @scrolltolower='scrolltolower'> |
||||
<view class="container"> |
||||
<view v-for="(item,index) in tableList" class="form_body"> |
||||
<view @tap="jump('/userManagement/customer/detail',item)" class="form_body_item"> |
||||
<view class="form_body_item_body"> |
||||
<view class="form-item_body_left" style=""> |
||||
<image :src="item.headPhoto?item.headPhoto: '../../static/tx.png'" |
||||
style="width: 100rpx; height: 100rpx;border-radius: 50%;"></image> |
||||
<view class="form_body_item_body_container"> |
||||
<view :style="{color:item.customerName ?'':'#999999'}"> |
||||
{{item.userName ||'暂无' }} |
||||
</view> |
||||
<view> |
||||
{{item.phone || '暂无'}} |
||||
<view class="copy" v-if="item.phone" @tap.stop="copy(item.phone)"></view> |
||||
</view> |
||||
<!-- <view class="form-item_body_left_bottom_text" style=""> |
||||
{{item.siteName ||'暂无'}} |
||||
</view> --> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="form_body_item_footer"> |
||||
<view>{{item.id}}</view> |
||||
<view>{{item.createTime}}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import serve from '@/api/userManagement/customer.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
seachValue: '', |
||||
letfText: '司机', |
||||
ejectOpen: false, |
||||
candidate: ['司机', '企业'], |
||||
|
||||
styles: {}, |
||||
paramter: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
sorted: { |
||||
createTime: 'desc' |
||||
}, |
||||
params: {} |
||||
}, |
||||
tableList: [] |
||||
} |
||||
}, |
||||
onLoad() { |
||||
this.styles = uni.getMenuButtonBoundingClientRect() |
||||
}, |
||||
onShow() { |
||||
this.seachFn() |
||||
}, |
||||
methods: { |
||||
ejectFn(e) { |
||||
this.letfText = e |
||||
this.tableList = [] |
||||
this.getByPage() |
||||
}, |
||||
seachFn() { |
||||
this.tableList = [] |
||||
this.paramter.currentPage = 1 |
||||
this.getByPage() |
||||
}, |
||||
getByPage() { |
||||
if (this.letfText == '企业') { |
||||
this.paramter.params = { |
||||
companyIdOrName: this.seachValue |
||||
} |
||||
} else { |
||||
this.paramter.params = { |
||||
userNameOrPhone : this.seachValue, |
||||
} |
||||
} |
||||
this.siteHandle() |
||||
}, |
||||
siteHandle() { |
||||
serve.enterpriseUserQueryByPage(this.paramter).then(res => { |
||||
if (!res.data.list.length) { |
||||
uni.showToast({ |
||||
title: '没有数据了哦~', |
||||
icon: 'none' |
||||
}) |
||||
return |
||||
} |
||||
this.tableList = this.tableList.concat(res.data.list); |
||||
}) |
||||
}, |
||||
// 触底加载 |
||||
scrolltolower() { |
||||
this.paramter.currentPage += 1 |
||||
this.getByPage() |
||||
}, |
||||
handlerNumber(number) { |
||||
if (number == 0) return number |
||||
if (!number) { |
||||
return '--' |
||||
} |
||||
return +number.toFixed(2) |
||||
}, |
||||
|
||||
jump(path, item) { |
||||
if (path === -1) { |
||||
return uni.navigateBack() |
||||
} |
||||
let url = item ? `${path}?item=${encodeURI(JSON.stringify(item))}` : path |
||||
uni.navigateTo({ |
||||
url |
||||
}) |
||||
}, |
||||
onClick() { |
||||
this.ejectOpen = !this.ejectOpen |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
</style> |
||||
<style lang="scss"> |
||||
.uni-easyinput__content { |
||||
background-color: #fff; |
||||
} |
||||
|
||||
.header { |
||||
position: relative; |
||||
width: 100%; |
||||
min-height: 403rpx; |
||||
background: url('https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油admin小程序/sjbj.png') center/100% no-repeat; |
||||
} |
||||
|
||||
.header .seach { |
||||
display: flex; |
||||
margin-top: 60rpx; |
||||
padding: 0 50rpx; |
||||
height: 80rpx; |
||||
} |
||||
|
||||
.uni-easyinput__content { |
||||
height: 80rpx; |
||||
} |
||||
|
||||
.header_seach_butten { |
||||
font-size: 24rpx !important; |
||||
display: flex !important; |
||||
align-items: center !important; |
||||
margin: 0 !important; |
||||
flex-shrink: 1; |
||||
margin-left: 9rpx !important; |
||||
background: #FFFFFF !important; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.container { |
||||
padding: 40rpx; |
||||
} |
||||
|
||||
.form_body { |
||||
/* width: 100vw; */ |
||||
padding: 0 10px; |
||||
margin-top: 40rpx; |
||||
box-sizing: border-box; |
||||
|
||||
&:nth-of-type(1) { |
||||
margin-top: 0; |
||||
} |
||||
} |
||||
|
||||
.form_body_item { |
||||
height: 217rpx; |
||||
background: #FFFFFF; |
||||
box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2); |
||||
border-radius: 12rpx; |
||||
font-size: 28rpx; |
||||
padding: 20rpx; |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/* .form-item_body_right { |
||||
flex-grow: 1; |
||||
text-align: end; |
||||
color: #999999; |
||||
font-size: 24rpx; |
||||
height: max-content; |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
align-items: center; |
||||
} */ |
||||
|
||||
.form_body_item_body { |
||||
padding-bottom: 30rpx; |
||||
border-bottom: 1px solid #F0F0F0; |
||||
} |
||||
|
||||
.form_body_item_body_container { |
||||
margin-left: 24rpx; |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.form-item_body_left { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.form-item_body_left_bottom_text { |
||||
font-size: 24rpx; |
||||
color: #999999; |
||||
} |
||||
|
||||
.form_body_item_footer { |
||||
display: flex; |
||||
color: #BBBBBB; |
||||
font-size: 22rpx; |
||||
justify-content: space-between; |
||||
/* margin-top: 15rpx; */ |
||||
align-items: center; |
||||
flex: 1; |
||||
} |
||||
</style> |
||||
|
||||
Loading…
Reference in new issue