951 lines
29 KiB
Vue
951 lines
29 KiB
Vue
<template>
|
|
<div>
|
|
<section style="padding: 20px">
|
|
<el-card shadow="never" class="box-card no-wrap">
|
|
<div slot="header">
|
|
<span class="card-header-icon"
|
|
><svg-icon style="color: #118dde" icon-class="iconjichuziliao"
|
|
/></span>
|
|
<span class="card-header-text">司机基础信息</span>
|
|
</div>
|
|
<div class="my-cell">
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">id</span>
|
|
<br />
|
|
<span class="inner-data">{{ sysCustomerInfo.id }}</span>
|
|
</div>
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">用户编码</span>
|
|
<br />
|
|
<span class="color-999 inner-data">{{
|
|
sysCustomerInfo.userCode
|
|
}}</span>
|
|
</div>
|
|
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">手机号</span>
|
|
<br />
|
|
<span class="inner-data">{{ sysCustomerInfo.phone }}</span>
|
|
</div>
|
|
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">头像</span>
|
|
<br />
|
|
<span v-if="!sysCustomerInfo.headPhoto">暂无</span>
|
|
<el-image
|
|
v-else
|
|
style="width: 100px; height: 100px"
|
|
:src="sysCustomerInfo.headPhoto"
|
|
:preview-src-list="[sysCustomerInfo.headPhoto]"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="my-cell">
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">用户昵称</span>
|
|
<br />
|
|
<span class="inner-data">{{ sysCustomerInfo.nickName }}</span>
|
|
</div>
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">生日</span>
|
|
<br />
|
|
<span class="inner-data">{{ sysCustomerInfo.birthday }}</span>
|
|
</div>
|
|
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">全局禁用启用</span>
|
|
<br />
|
|
<span v-if="sysCustomerInfo.globalEnable === 0" class="inner-data"
|
|
>禁用</span
|
|
>
|
|
<span v-if="sysCustomerInfo.globalEnable === 1" class="inner-data"
|
|
>启用</span
|
|
>
|
|
</div>
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">注册日期</span>
|
|
<br />
|
|
<span class="inner-data">{{ sysCustomerInfo.registerTime }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="my-cell">
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">用户注册方式</span>
|
|
<br />
|
|
<span v-if="sysCustomerInfo.registerMode === '1'" class="inner-data"
|
|
>主动注册</span
|
|
>
|
|
<span v-if="sysCustomerInfo.registerMode === '2'" class="inner-data"
|
|
>广告宣传</span
|
|
>
|
|
<span v-if="sysCustomerInfo.registerMode === '3'" class="inner-data"
|
|
>二维码推广</span
|
|
>
|
|
<span v-if="sysCustomerInfo.registerMode === '4'" class="inner-data"
|
|
>司机推广</span
|
|
>
|
|
<span v-if="sysCustomerInfo.registerMode === '5'" class="inner-data"
|
|
>推客推广</span
|
|
>
|
|
<span v-if="sysCustomerInfo.registerMode === '6'" class="inner-data"
|
|
>系统同步</span
|
|
>
|
|
<span v-if="sysCustomerInfo.registerMode === '7'" class="inner-data"
|
|
>其他</span
|
|
>
|
|
</div>
|
|
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">用户系统来源</span>
|
|
<br />
|
|
<span
|
|
v-if="sysCustomerInfo.userSource === 'XOIL_OMS_WEB'"
|
|
class="inner-data"
|
|
>星油运营管理系统</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.userSource === 'XO_APP_AND'"
|
|
class="inner-data"
|
|
>星油androidAPP</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.userSource === 'XO_APP_IOS'"
|
|
class="inner-data"
|
|
>星油IOSAPP</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.userSource === 'XO_APPLET_WC'"
|
|
class="inner-data"
|
|
>星油微信小程序</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.userSource === 'XK_OMS'"
|
|
class="inner-data"
|
|
>星卡互联运营管理系统</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.userSource === 'XK_APP_AND'"
|
|
class="inner-data"
|
|
>星卡互联androidAPP</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.userSource === 'XK_APP_IOS'"
|
|
class="inner-data"
|
|
>星卡互联IOSAPP</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.userSource === 'XK_APPLET_WC'"
|
|
class="inner-data"
|
|
>星卡互联微信小程序</span
|
|
>
|
|
</div>
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">创建人 </span>
|
|
<br />
|
|
<span class="inner-data">{{ sysCustomerInfo.createUser }}</span>
|
|
</div>
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">创建时间</span>
|
|
<br />
|
|
<span class="inner-data">{{ sysCustomerInfo.createTime }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="my-cell">
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">修改人</span>
|
|
<br />
|
|
<span class="inner-data">{{ sysCustomerInfo.updateUser }}</span>
|
|
</div>
|
|
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">修改时间</span>
|
|
<br />
|
|
<span class="inner-data">{{ sysCustomerInfo.updateTime }}</span>
|
|
</div>
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">修改系统</span>
|
|
<br />
|
|
<span
|
|
v-if="sysCustomerInfo.updateSource === 'XOIL_OMS_WEB'"
|
|
class="inner-data"
|
|
>星油运营管理系统</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.updateSource === 'XO_APP_AND'"
|
|
class="inner-data"
|
|
>星油androidAPP</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.updateSource === 'XO_APP_IOS'"
|
|
class="inner-data"
|
|
>星油IOSAPP</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.updateSource === 'XO_APPLET_WC'"
|
|
class="inner-data"
|
|
>星油微信小程序</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.updateSource === 'XK_OMS'"
|
|
class="inner-data"
|
|
>星卡互联运营管理系统</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.updateSource === 'XK_APP_AND'"
|
|
class="inner-data"
|
|
>星卡互联androidAPP</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.updateSource === 'XK_APP_IOS'"
|
|
class="inner-data"
|
|
>星卡互联IOSAPP</span
|
|
>
|
|
<span
|
|
v-if="sysCustomerInfo.updateSource === 'XK_APPLET_WC'"
|
|
class="inner-data"
|
|
>星卡互联微信小程序</span
|
|
>
|
|
</div>
|
|
<div class="cell-item" />
|
|
</div>
|
|
</el-card>
|
|
<!-- <el-card style="margin-top: 20px">
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
<el-tab-pane label="个人账户" name="personAccount">
|
|
<span v-if="!oilCustomerAccount">暂无</span>
|
|
<el-card v-if="oilCustomerAccount" class="box-card no-wrap">
|
|
<div class="my-cell">
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">个人卡号</span>
|
|
<br />
|
|
<span class="color-999 test-tst">{{
|
|
oilCustomerAccount.accountCardCode
|
|
}}</span>
|
|
</div>
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">账户状态</span>
|
|
<br />
|
|
<span
|
|
v-if="oilCustomerAccount.accountState === 1"
|
|
class="color-999 test-tst"
|
|
>启用</span
|
|
>
|
|
<span
|
|
v-if="oilCustomerAccount.accountState === 0"
|
|
class="color-999 test-tst"
|
|
>禁用</span
|
|
>
|
|
</div>
|
|
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">账户总余额</span>
|
|
<br />
|
|
<span class="color-999 test-tst">{{
|
|
oilCustomerAccount.balance
|
|
}}</span>
|
|
</div>
|
|
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">冻结金额</span>
|
|
<br />
|
|
<span class="color-999 test-tst">{{
|
|
oilCustomerAccount.frozenBalance
|
|
}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="my-cell">
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">账户充值余额</span>
|
|
<br />
|
|
<span class="color-999 test-tst">{{
|
|
oilCustomerAccount.rechargeBalance
|
|
}}</span>
|
|
</div>
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">账户充值返利余额</span>
|
|
<br />
|
|
<span class="color-999 test-tst">{{
|
|
oilCustomerAccount.rechargeRebateBalance
|
|
}}</span>
|
|
</div>
|
|
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">账户累计充值金额</span>
|
|
<br />
|
|
<span class="color-999 test-tst">{{
|
|
oilCustomerAccount.totalRechargeAmount
|
|
}}</span>
|
|
</div>
|
|
|
|
<div class="cell-item">
|
|
<span class="color-999 test-tst">账户累计充值返利金额</span>
|
|
<br />
|
|
<span class="color-999 test-tst">{{
|
|
oilCustomerAccount.totalRechargeRebateAmount
|
|
}}</span>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
<el-divider content-position="left">交易明细</el-divider>
|
|
<el-table
|
|
:data="customerAccountDataPage.list"
|
|
fit
|
|
:max-height="tableHeight"
|
|
style="width: 100%"
|
|
:size="$store.getters.size"
|
|
>
|
|
<template v-for="(item, index) in customerAccountTableColumns">
|
|
<el-table-column
|
|
v-if="item.show"
|
|
:key="index"
|
|
:fixed="item.fixed"
|
|
:align="item.align"
|
|
:show-overflow-tooltip="true"
|
|
:min-width="item.minWidth"
|
|
:width="item.width"
|
|
:prop="item.prop"
|
|
:sortable="item.sortable"
|
|
:label="item.label"
|
|
:formatter="item.render"
|
|
/>
|
|
</template>
|
|
</el-table>
|
|
<div class="page-div">
|
|
<el-pagination
|
|
:current-page="customerAccountPage.currentPage"
|
|
:page-sizes="[10, 15, 20, 30]"
|
|
:page-size="customerAccountPage.pageSize"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="customerAccountPage.totalCount"
|
|
@size-change="customerAccountHandleSizeChange"
|
|
@current-change="customerAccountHandleCurrentChange"
|
|
/>
|
|
</div>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="系统角色" name="systemRole">
|
|
<div style="text-align: right; padding-bottom: 10px">
|
|
<el-button @click="addJoin"> 添加关联 </el-button>
|
|
</div>
|
|
<el-table
|
|
:max-height="tableHeight"
|
|
:data="roleList"
|
|
fit
|
|
stripe
|
|
style="width: 100%"
|
|
:size="$store.getters.size"
|
|
>
|
|
<template v-for="(item, index) in roleTableColumns">
|
|
<el-table-column
|
|
v-if="item.show"
|
|
:key="index"
|
|
:fixed="item.fixed"
|
|
:align="item.align"
|
|
:show-overflow-tooltip="true"
|
|
:min-width="item.minWidth"
|
|
:width="item.width"
|
|
:prop="item.prop"
|
|
:sortable="item.sortable"
|
|
:label="item.label"
|
|
:formatter="item.render"
|
|
/>
|
|
</template>
|
|
|
|
<el-table-column fixed="right" label="操作" width="100px">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
:size="$store.getters.size"
|
|
type="text"
|
|
@click.native="toDeleteUserRole(scope.row.id)"
|
|
><svg-icon icon-class="iconlajitong" /> 删除</el-button
|
|
>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-card> -->
|
|
</section>
|
|
<el-dialog
|
|
v-el-drag-dialog
|
|
title="添加系统角色"
|
|
:visible.sync="userJoinRoleDialog"
|
|
width="55%"
|
|
:modal="false"
|
|
>
|
|
<SysCustomerJoinRole
|
|
v-if="userJoinRoleDialog"
|
|
:sys-customer-info="sysCustomerInfo"
|
|
@getRoleList="getRoleList"
|
|
@closeDialog="closeDialog"
|
|
/>
|
|
</el-dialog>
|
|
|
|
<!-- 添加基础信息 -->
|
|
<el-dialog
|
|
v-el-drag-dialog
|
|
destroy-on-close
|
|
title="添加"
|
|
:visible.sync="addInfoDialog"
|
|
width="55%"
|
|
:modal="false"
|
|
>
|
|
<OilCustomerInfoAdd
|
|
v-if="addInfoDialog"
|
|
:sys-customer-info="sysCustomerInfo"
|
|
@getBaseInfo="getBaseInfo"
|
|
@closeDialog="closeDialog"
|
|
/>
|
|
</el-dialog>
|
|
<!-- 修改基础信息 -->
|
|
<el-dialog
|
|
v-el-drag-dialog
|
|
destroy-on-close
|
|
title="修改"
|
|
:visible.sync="updateInfoDialog"
|
|
width="55%"
|
|
:modal="false"
|
|
>
|
|
<OilCustomerInfoUpdate
|
|
v-if="updateInfoDialog"
|
|
:oil-customer-info="oilCustomerInfo"
|
|
@getBaseInfo="getBaseInfo"
|
|
@closeDialog="closeDialog"
|
|
/>
|
|
</el-dialog>
|
|
|
|
<!-- 添加实名信息 -->
|
|
<el-dialog
|
|
v-el-drag-dialog
|
|
destroy-on-close
|
|
title="添加"
|
|
:visible.sync="addCustomerRealauthDialog"
|
|
width="55%"
|
|
:modal="false"
|
|
>
|
|
<SysCustomerRealauthAdd
|
|
v-if="addCustomerRealauthDialog"
|
|
:sys-customer-info="sysCustomerInfo"
|
|
@getCustomerRealauth="getCustomerRealauth"
|
|
@closeDialog="closeDialog"
|
|
/>
|
|
</el-dialog>
|
|
|
|
<!-- 修改实名信息 -->
|
|
<el-dialog
|
|
v-el-drag-dialog
|
|
destroy-on-close
|
|
title="修改"
|
|
:visible.sync="updateCustomerRealauthDialog"
|
|
width="55%"
|
|
:modal="false"
|
|
>
|
|
<SysCustomerRealauthUpdate
|
|
v-if="updateCustomerRealauthDialog"
|
|
:sys-customer-realauth="sysCustomerRealauth"
|
|
@getCustomerRealauth="getCustomerRealauth"
|
|
@closeDialog="closeDialog"
|
|
/>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import oilOmsRoleApi from "@/api/auth/oilOmsRole";
|
|
import SysCustomerJoinRole from "./SysCustomerJoinRole";
|
|
import sysUserRoleApi from "@/api/auth/sysUserRole";
|
|
import oilCustomerInfoApi from "@/api/user/oilCustomerInfo";
|
|
import OilCustomerInfoAdd from "../info/OilCustomerInfoAdd";
|
|
import OilCustomerInfoUpdate from "../info/OilCustomerInfoUpdate";
|
|
import oilCustomerAccountApi from "@/api/finance/oilCustomerAccount";
|
|
import oilCustomerAccountRecordApi from "@/api/finance/oilCustomerAccountRecord";
|
|
import SysCustomerRealauthAdd from "../sysCustomerRealauth/SysCustomerRealauthAdd";
|
|
import sysCustomerRealauthApi from "@/api/user/sysCustomerRealauth";
|
|
import SysCustomerRealauthUpdate from "../sysCustomerRealauth/SysCustomerRealauthUpdate";
|
|
import { mapGetters } from "vuex";
|
|
export default {
|
|
components: {
|
|
SysCustomerRealauthUpdate,
|
|
SysCustomerRealauthAdd,
|
|
SysCustomerJoinRole,
|
|
OilCustomerInfoAdd,
|
|
OilCustomerInfoUpdate,
|
|
},
|
|
props: {
|
|
sysCustomerInfo: {
|
|
type: Object,
|
|
default() {},
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
updateCustomerRealauthDialog: false, // 修改实名认证弹窗
|
|
addCustomerRealauthDialog: false, // 添加实名认证信息弹窗
|
|
tableHeight: document.documentElement.clientHeight - 300 - 60,
|
|
customerAccountDataPage: [],
|
|
customerAccountPage: {
|
|
pageSize: 20, // 每页显示条数
|
|
currentPage: 1, // 默认页
|
|
params: {
|
|
customerId: this.sysCustomerInfo.id,
|
|
receiptResult: 1,
|
|
}, // 查询参数
|
|
sorted: {
|
|
createTime: "desc",
|
|
},
|
|
columns: [],
|
|
},
|
|
customerAccountTableColumns: [
|
|
{
|
|
prop: "businessOrderId",
|
|
minWidth: 120,
|
|
label: "业务订单号",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "nickName",
|
|
width: 80,
|
|
label: "交易人",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "createTime",
|
|
label: "创建时间",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "billType",
|
|
minWidth: 100,
|
|
sortable: "custom",
|
|
label: "交易类型",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
if (cell === "RECHARGE") {
|
|
return "充值";
|
|
} else if (cell === "SEPARATION_OIL") {
|
|
return "分油";
|
|
} else if (cell === "TURN") {
|
|
return "圈回";
|
|
} else if (cell === "REFUND") {
|
|
return "退款";
|
|
} else if (cell === "RECHARGE_REFUND") {
|
|
return "充值退款";
|
|
} else if (cell === "REFUELLING") {
|
|
return "加油";
|
|
} else if (cell === "REFUELLING_REFUND") {
|
|
return "加油退款";
|
|
} else if (cell === "SUPPLEMENT") {
|
|
return "补单";
|
|
} else if (cell === "REVOKE") {
|
|
return "销账";
|
|
} else if (cell === "CHARGE_SALES") {
|
|
return "赊销";
|
|
} else if (cell === "CONSUME_REBATE") {
|
|
return "消费返利";
|
|
} else if (cell === "RECHARGE_REBETE") {
|
|
return "充值返利";
|
|
} else if (cell === "RECHARGE_REBETE__REFUND") {
|
|
return "充值返利退款";
|
|
}
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "occurAmount",
|
|
label: "交易金额",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "currentBalance",
|
|
label: "当前账户余额",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "createTime",
|
|
sortable: "custom",
|
|
label: "入账时间",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
],
|
|
companyAccountTableColumns: [
|
|
{
|
|
prop: "name",
|
|
label: "企业名称",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "businessOrderId",
|
|
label: "业务订单号",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "billType",
|
|
label: "账单类型",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
if (cell === "RECHARGE") {
|
|
return "充值";
|
|
} else if (cell === "SEPARATION_OIL") {
|
|
return "分油";
|
|
} else if (cell === "TURN") {
|
|
return "圈回";
|
|
} else if (cell === "REFUND") {
|
|
return "退款";
|
|
} else if (cell === "RECHARGE_REFUND") {
|
|
return "充值退款";
|
|
} else if (cell === "REFUELLING") {
|
|
return "加油";
|
|
} else if (cell === "REFUELLING_REFUND") {
|
|
return "加油退款";
|
|
} else if (cell === "SUPPLEMENT") {
|
|
return "补单";
|
|
} else if (cell === "REVOKE") {
|
|
return "销账";
|
|
} else if (cell === "CHARGE_SALES") {
|
|
return "赊销";
|
|
} else if (cell === "CONSUME_REBATE") {
|
|
return "消费返利";
|
|
} else if (cell === "RECHARGE_REBETE") {
|
|
return "充值返利";
|
|
} else if (cell === "RECHARGE_REBETE__REFUND") {
|
|
return "充值返利退款";
|
|
} else if (cell === "OIL_DONATION") {
|
|
return "赠卡";
|
|
}
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "occurAmount",
|
|
label: "发生金额",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "currentBalance",
|
|
label: "当前账户余额",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
|
|
{
|
|
prop: "currentRechargeBalance",
|
|
label: "当前充值余额",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "currentChargeRechargeBalance",
|
|
label: "当前赊销余额",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "currentTotalRebateBalance",
|
|
label: "当前充值返利",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "currentConsumeRebateAmount",
|
|
label: "当前消费返利",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
|
|
{
|
|
prop: "currentFrozenBalance",
|
|
label: "当前冻结金额",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
],
|
|
oilCustomerAccount: {}, // 个人账户
|
|
oilCustomerCompanyRelation: {},
|
|
addInfoDialog: false, // 添加基础信息
|
|
updateInfoDialog: false, // 修改基础信息
|
|
oilCustomerInfo: {},
|
|
sysCustomerRealauth: {}, // 用户实名信息
|
|
activeName: "personAccount",
|
|
roleList: [],
|
|
userJoinRoleDialog: false, // 用户管理角色弹窗
|
|
gridNum: {
|
|
header: 6,
|
|
body: 18,
|
|
},
|
|
roleTableColumns: [
|
|
{
|
|
prop: "id",
|
|
sortable: "custom",
|
|
label: "ID",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "roleName",
|
|
sortable: "custom",
|
|
label: "角色名称 ",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "roleType",
|
|
sortable: "custom",
|
|
label: "角色类型",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return this.markData.SYS_GROUP[cell];
|
|
},
|
|
},
|
|
|
|
{
|
|
prop: "roleComment",
|
|
sortable: "custom",
|
|
label: "角色描述",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
return cell;
|
|
},
|
|
},
|
|
{
|
|
prop: "roleRank",
|
|
sortable: "custom",
|
|
label: "角色级别",
|
|
show: true,
|
|
render: (row, column, cell) => {
|
|
if (cell === 1) {
|
|
return "管理员";
|
|
}
|
|
if (cell === 0) {
|
|
return "普通";
|
|
}
|
|
return cell;
|
|
},
|
|
},
|
|
],
|
|
};
|
|
},
|
|
computed: {
|
|
...mapGetters(["sysUserList", "markData"]),
|
|
},
|
|
created() {
|
|
this.getRoleList();
|
|
this.getBaseInfo();
|
|
// this.getOilCustomerAccount();
|
|
// this.customerAccountGetByPage();
|
|
},
|
|
methods: {
|
|
auth(auth) {
|
|
// 审核实名信息
|
|
this.sysCustomerRealauth.oilRealAuth = auth;
|
|
sysCustomerRealauthApi
|
|
.auth({
|
|
id: this.sysCustomerRealauth.id,
|
|
oilRealAuth: this.sysCustomerRealauth.oilRealAuth,
|
|
})
|
|
.then((res) => {
|
|
if (res.code === 20000) {
|
|
this.$message.success(res.msg);
|
|
this.getCustomerRealauth();
|
|
}
|
|
});
|
|
},
|
|
updateCustomerRealauth() {
|
|
// 修改实名认证信息
|
|
sysCustomerRealauthApi
|
|
.getByCustomerId(this.sysCustomerInfo.id)
|
|
.then((res) => {
|
|
this.sysCustomerRealauth = res.data;
|
|
this.updateCustomerRealauthDialog = true;
|
|
});
|
|
},
|
|
addCustomerRealauth() {
|
|
// 添加实名认证信息
|
|
this.addCustomerRealauthDialog = true;
|
|
},
|
|
getCustomerRealauth() {
|
|
// 获取实名认证信息
|
|
sysCustomerRealauthApi
|
|
.getByCustomerId(this.sysCustomerInfo.id)
|
|
.then((res) => {
|
|
this.sysCustomerRealauth = res.data;
|
|
});
|
|
},
|
|
customerAccountHandleSizeChange(val) {
|
|
this.customerAccountPage.pageSize = val;
|
|
this.customerAccountGetByPage();
|
|
},
|
|
customerAccountHandleCurrentChange(val) {
|
|
this.customerAccountPage.currentPage = val;
|
|
this.customerAccountGetByPage();
|
|
},
|
|
|
|
customerAccountGetByPage() {
|
|
// 获取个人账户充值列表
|
|
oilCustomerAccountRecordApi
|
|
.getByPage(this.customerAccountPage)
|
|
.then((res) => {
|
|
this.customerAccountDataPage = res.data;
|
|
this.customerAccountPage.totalCount =
|
|
this.customerAccountDataPage.totalCount;
|
|
this.customerAccountPage.totalPage =
|
|
this.customerAccountDataPage.totalPage;
|
|
});
|
|
},
|
|
getOilCustomerAccount() {
|
|
// 获取个人账户信息
|
|
oilCustomerAccountApi
|
|
.getByCustomerId(this.sysCustomerInfo.id)
|
|
.then((res) => {
|
|
this.oilCustomerAccount = res.data;
|
|
});
|
|
},
|
|
getBaseInfo() {
|
|
// 获取司机基础信息
|
|
console.log("getBaseInfo");
|
|
oilCustomerInfoApi
|
|
.getByCustomerId(this.sysCustomerInfo.id)
|
|
.then((res) => {
|
|
this.oilCustomerInfo = res.data;
|
|
console.log(this.oilCustomerInfo);
|
|
});
|
|
},
|
|
addBaseInfo() {
|
|
// 添加基础信息
|
|
this.addInfoDialog = true;
|
|
},
|
|
updateBaseInfo() {
|
|
// 修改基础信息
|
|
this.updateInfoDialog = true;
|
|
},
|
|
|
|
toDeleteUserRole(roleId) {
|
|
// 删除关联角色
|
|
this.$confirm("确定删除关联角色?", "提示", { type: "error" }).then(() => {
|
|
sysUserRoleApi
|
|
.deleteByUserIdAndRoleId(this.sysCustomerInfo.id, roleId)
|
|
.then((res) => {
|
|
this.$message.success(res.msg);
|
|
this.getRoleList();
|
|
});
|
|
});
|
|
},
|
|
handleClick() {
|
|
if (this.activeName === "systemRole") {
|
|
// 关联角色
|
|
this.getRoleList();
|
|
}
|
|
if (this.activeName === "personAccount") {
|
|
// 个人账户
|
|
// 查询关联列表
|
|
this.customerAccountGetByPage();
|
|
}
|
|
},
|
|
|
|
addJoin() {
|
|
this.userJoinRoleDialog = true;
|
|
},
|
|
close() {
|
|
this.$emit("closeDialog");
|
|
},
|
|
closeDialog() {
|
|
this.userJoinRoleDialog = false;
|
|
this.addInfoDialog = false;
|
|
this.updateInfoDialog = false;
|
|
this.updateJoinCompanyDialog = false;
|
|
this.addCustomerRealauthDialog = false;
|
|
this.updateCustomerRealauthDialog = false;
|
|
this.$emit("closedialogs");
|
|
},
|
|
getRoleList() {
|
|
oilOmsRoleApi.getByUserId(this.sysCustomerInfo.id).then((res) => {
|
|
this.roleList = res.data;
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
.my-cell {
|
|
color: #666;
|
|
margin-bottom: 20px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.cell-item {
|
|
width: 50%;
|
|
}
|
|
|
|
/* guo' */
|
|
.color-999 {
|
|
color: #999;
|
|
font-size: 0.8rem;
|
|
padding-right: 2rem;
|
|
display: inline-block;
|
|
min-width: 5rem;
|
|
}
|
|
.test-tst {
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
.table-detail-drawer >>> .el-drawer__header {
|
|
color: #222 !important;
|
|
font-size: 18px;
|
|
}
|
|
.photo-list-container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
.photo-list-container p {
|
|
margin-right: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.inner-data {
|
|
color: #66668c;
|
|
padding-top: 5px;
|
|
font-size: 14px;
|
|
}
|
|
</style>
|