2186 lines
79 KiB
Vue
2186 lines
79 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<el-row>
|
|
<el-col :span="7">
|
|
<el-card style="margin-right: 20px">
|
|
<div class="left-box">
|
|
<div class="title-h">组织架构</div>
|
|
|
|
<el-input
|
|
placeholder="请输入机构名称查询"
|
|
v-model="filterText"
|
|
@input="inputDeptName()">
|
|
</el-input>
|
|
<div style="width: 100%; height: 20px"></div>
|
|
|
|
<el-tree
|
|
:data="Thetree"
|
|
show-checkbox
|
|
:props="defaultProps"
|
|
@change="handleChange"
|
|
node-key="id"
|
|
@node-click="activecilck"
|
|
highlight-current
|
|
default-expand-all
|
|
:expand-on-click-node="false"
|
|
:render-content="renderContent">
|
|
</el-tree>
|
|
</div>
|
|
</el-card>
|
|
</el-col>
|
|
|
|
<el-col :span="17">
|
|
<el-card style="margin-bottom: 20px;">
|
|
<el-tabs v-model="activeName" @tab-click="handleClick">
|
|
<el-tab-pane label="用户信息" name="list">
|
|
|
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
|
|
label-width="68px">
|
|
<el-form-item label="用户名" prop="accountName">
|
|
<el-input
|
|
v-model="queryParams.accountName"
|
|
placeholder="请输入用户名"
|
|
clearable
|
|
style="width: 240px"
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item label="真实姓名" prop="accountName">
|
|
<el-input
|
|
v-model="queryParams.realName"
|
|
placeholder="请输入真实姓名"
|
|
clearable
|
|
style="width: 240px"
|
|
@keyup.enter.native="handleQuery"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item label="状态" prop="accountStatus">
|
|
<el-select
|
|
v-model="queryParams.accountStatus"
|
|
placeholder="用户状态"
|
|
clearable
|
|
style="width: 240px"
|
|
>
|
|
<el-option key="1" label="启用" value="1"/>
|
|
<el-option key="0" label="禁用" value="0"/>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
<el-col :span="1.5">
|
|
<el-button
|
|
type="primary"
|
|
plain
|
|
icon="el-icon-plus"
|
|
size="mini"
|
|
@click="handleAdd"
|
|
|
|
>新增
|
|
</el-button>
|
|
</el-col>
|
|
</el-row>
|
|
<!-- </el-card>-->
|
|
<!-- <el-card >-->
|
|
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="50" align="center" />
|
|
|
|
<el-table-column label="用户名" align="center" key="accountName" prop="accountName" v-if="columns[1].visible" :show-overflow-tooltip="true" />
|
|
<el-table-column label="真实姓名" align="center" key="realName" prop="realName" />
|
|
<el-table-column label="用户角色" align="center" key="roleName" prop="roleName" />
|
|
|
|
<el-table-column label="所属机构" align="center" prop="storeName" width="160">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.deptName ? scope.row.deptName : '-' }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="状态" align="center" key="accountStatus" v-if="columns[2].visible">
|
|
<template slot-scope="scope">
|
|
<el-switch
|
|
v-model="scope.row.accountStatus"
|
|
:active-value="1"
|
|
:inactive-value="0"
|
|
@change="handleStatusChange(scope.row)"
|
|
></el-switch>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="创建时间" align="center" prop="createDate" v-if="columns[3].visible" width="160">
|
|
<template slot-scope="scope">
|
|
<span>{{ scope.row.createTime }}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
label="操作"
|
|
align="center"
|
|
width="160"
|
|
class-name="small-padding fixed-width"
|
|
>
|
|
<!-- v-hasPermi="['system:account:edit']" -->
|
|
<!-- v-hasPermi="['system:account:delete']" -->
|
|
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-edit"
|
|
@click="handleUpdate(scope.row)"
|
|
>修改</el-button>
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-delete"
|
|
@click="handleDelete(scope.row)"
|
|
>删除</el-button>
|
|
<el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" >
|
|
<span class="el-dropdown-link">
|
|
<i class="el-icon-d-arrow-right el-icon--right"></i>更多
|
|
</span>
|
|
<el-dropdown-menu slot="dropdown">
|
|
<el-dropdown-item command="handleResetPwd" icon="el-icon-key" >重置密码</el-dropdown-item>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<pagination
|
|
v-show="total>0"
|
|
:total="total"
|
|
:page.sync="queryParams.pageNum"
|
|
:limit.sync="queryParams.pageSize"
|
|
@pagination="getList"
|
|
/>
|
|
<!-- tab第一张-->
|
|
</el-tab-pane>
|
|
<el-tab-pane label="机构信息" name="info">
|
|
|
|
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="130px" class="demo-ruleForm">
|
|
<el-form-item label="父级节点" prop="name" v-if="ruleForm.parentId != 0">
|
|
<el-cascader :disabled="isTopDept" :options="Thetree" disabled style="width: 300px"
|
|
v-model="cascader" :props="defaultProps" @change="handleChanges" :placeholder="parentName" ></el-cascader>
|
|
</el-form-item>
|
|
|
|
<!-- <el-form-item label="上级部门" prop="parentId">-->
|
|
<!-- <treeselect v-model="cascader" :options="Thetree" :normalizer="normalizer" @change="handleChanges" placeholder="啊" />-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item v-if="deptType == 2" label="油站名称" prop="deptName">
|
|
<el-input :disabled="isTopDept" v-model="ruleForm.deptName"></el-input>
|
|
</el-form-item>
|
|
<el-form-item v-else label="连锁店/油站名称" prop="deptName">
|
|
<el-input :disabled="isTopDept" v-model="ruleForm.deptName"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="负责人名称" prop="leaderName">
|
|
<el-input :disabled="isTopDept" v-model="ruleForm.leaderName"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="负责人电话" prop="leaderPhone">
|
|
<el-input :disabled="isTopDept" v-model="ruleForm.leaderPhone"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="类型" prop="deptType">
|
|
<span v-if="isTopDept">
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.deptType">
|
|
<el-radio
|
|
v-for="dict in judgementNodeType(dict.type.node_type)"
|
|
:key="dict.value"
|
|
:label="dict.value"
|
|
v-if="dict.value==ruleForm.deptType"
|
|
>{{dict.label}}</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
<span v-else>
|
|
<span v-if="isAdd">
|
|
<span v-if="!parentDeptType">
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.deptType">
|
|
<el-radio
|
|
v-for="dict in judgementNodeType(dict.type.node_type)"
|
|
:key="dict.value"
|
|
:label="dict.value"
|
|
>{{dict.label}}</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
<span v-else-if="parentDeptType==='1'">
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.deptType">
|
|
<el-radio
|
|
v-for="dict in judgementNodeType(dict.type.node_type)"
|
|
:key="dict.value"
|
|
:label="dict.value"
|
|
v-if="dict.value!='4'"
|
|
>{{dict.label}}</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
<span v-else-if="parentDeptType==='4'">
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.deptType">
|
|
<el-radio
|
|
v-for="dict in judgementNodeType(dict.type.node_type)"
|
|
:key="dict.value"
|
|
:label="dict.value"
|
|
>{{dict.label}}</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
<span v-else-if="parentDeptType==='2'">
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.deptType">
|
|
<el-radio
|
|
v-for="dict in judgementNodeType(dict.type.node_type)"
|
|
:key="dict.value"
|
|
:label="dict.value"
|
|
v-if="dict.value=='3'"
|
|
>{{dict.label}}</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
<span v-else-if="parentDeptType==='3'">
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.deptType">
|
|
<el-radio
|
|
v-for="dict in judgementNodeType(dict.type.node_type)"
|
|
:key="dict.value"
|
|
:label="dict.value"
|
|
v-if="dict.value==ruleForm.deptType"
|
|
>{{dict.label}}</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
</span>
|
|
<span v-else>
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.deptType">
|
|
<el-radio
|
|
v-for="dict in judgementNodeType(dict.type.node_type)"
|
|
:key="dict.value"
|
|
:label="dict.value"
|
|
v-if="dict.value==ruleForm.deptType"
|
|
>{{dict.label}}</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
</span>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<template v-if="ruleForm.deptType !== '3'">
|
|
<el-row >
|
|
<el-col :span="20">
|
|
<el-form-item label="计费方式" prop="turnoverType">
|
|
<span v-if="isTopDept">
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.turnoverType" @input="changeTheBillingRule">
|
|
<el-radio v-if="ruleForm.turnoverType=='1'" label=1>无限制</el-radio>
|
|
<el-radio v-if="ruleForm.turnoverType=='2'" label=2>时间限制</el-radio>
|
|
<el-radio v-if="ruleForm.turnoverType=='3'" label=3>预付费</el-radio>
|
|
<el-radio v-if="ruleForm.turnoverType=='4'" label=4>后付费</el-radio>
|
|
<el-radio v-if="ruleForm.turnoverType=='5'" label=5>年付费</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
<span v-else>
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.turnoverType" @input="changeTheBillingRule">
|
|
<el-radio label=1>无限制</el-radio>
|
|
<el-radio label=2>时间限制</el-radio>
|
|
<el-radio label=3>预付费</el-radio>
|
|
<el-radio label=4>后付费</el-radio>
|
|
<el-radio label=5>年付费</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
<el-row>
|
|
|
|
<template v-if="ruleForm.turnoverType === '2'">
|
|
<el-col :span="12">
|
|
<el-row>
|
|
<el-form-item label="时间限制" prop="turnoverType" >
|
|
<!-- <el-date-picker-->
|
|
<!-- :disabled="isTopDept"-->
|
|
<!-- v-model="timeFrame"-->
|
|
<!-- type="daterange"-->
|
|
<!-- value-format="yyyy-MM-dd"-->
|
|
<!-- range-separator="至"-->
|
|
<!-- start-placeholder="开始日期"-->
|
|
<!-- end-placeholder="结束日期">-->
|
|
<!-- </el-date-picker>-->
|
|
<el-date-picker
|
|
v-model="beginTime"
|
|
:disabled="isTopDept"
|
|
style="width: 140px"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="开始日期">
|
|
</el-date-picker>
|
|
至
|
|
<el-date-picker
|
|
v-model="endTime"
|
|
:disabled="isTopDept"
|
|
style="width: 140px"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-row>
|
|
</el-col>
|
|
</template>
|
|
|
|
|
|
<template v-if="ruleForm.turnoverType === '3'">
|
|
<el-col :span="8">
|
|
<el-form-item label="预付金额">
|
|
<el-input type="number" :disabled="isTopDept" v-model="ruleForm.prepaidAmount" @input="rateCalculation()">
|
|
<template slot="append">元</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="6">
|
|
<el-form-item label="费率">
|
|
<el-input :disabled="isTopDept" v-model="ruleForm.rates" @input="rateCalculation()">
|
|
<template slot="append">%</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="可跑流量">
|
|
<el-input v-model="ruleForm.turnoverLimit" :disabled="true">
|
|
<template slot="append">万元</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<template v-if="ruleForm.turnoverType === '4'">
|
|
<el-col :span="6">
|
|
<el-form-item label="费率">
|
|
<el-input :disabled="isTopDept" v-model="ruleForm.rates" @input="rateCalculation()">
|
|
<template slot="append">%</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="实际交易量">
|
|
<el-input v-model="ruleForm.turnoverLimit" :disabled="true">
|
|
<template slot="append">万元</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="系统服务费">
|
|
<el-input v-model="ruleForm.prepaidAmount" :disabled="true">
|
|
<template slot="append">万元</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<template v-if="ruleForm.turnoverType === '5'">
|
|
<el-col :span="10">
|
|
<el-row>
|
|
<el-form-item label="时间范围">
|
|
<!-- <el-date-picker-->
|
|
<!-- :disabled="isTopDept"-->
|
|
<!-- v-model="timeFrame"-->
|
|
<!-- value-format="yyyy-MM-dd"-->
|
|
<!-- type="daterange"-->
|
|
<!-- range-separator="至"-->
|
|
<!-- start-placeholder="开始日期"-->
|
|
<!-- end-placeholder="结束日期">-->
|
|
<!-- </el-date-picker>-->
|
|
<el-date-picker
|
|
:disabled="isTopDept"
|
|
v-model="beginTime"
|
|
style="width: 140px"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="开始日期">
|
|
</el-date-picker>
|
|
至
|
|
<el-date-picker
|
|
:disabled="isTopDept"
|
|
v-model="endTime"
|
|
style="width: 140px"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-row>
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="价格">
|
|
<el-input :disabled="isTopDept" v-model="ruleForm.prepaidAmount">
|
|
<template slot="append">万元</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</template>
|
|
|
|
|
|
|
|
<template v-if="ruleForm.turnoverType === '6'">
|
|
<el-col :span="10">
|
|
|
|
<el-form-item label="可创建油站数量" label-width="110px">
|
|
<!-- <el-input-number :disabled="isTopDept" v-model="ruleForm.storeNum" @change="handleChangeInputNumber" :min="1"-->
|
|
<!-- :max="1000" label="可创建油站数量"></el-input-number>-->
|
|
<el-input type="number" :disabled="isTopDept" v-model="ruleForm.storeNum":min="1" style="width: 200px" @blur="getMax"
|
|
:max="maxNumber">
|
|
<template slot="append">个</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item label="已建油站数量" label-width="110px">
|
|
<span>{{ruleForm.storeNums || 0}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</template>
|
|
</el-row>
|
|
</template>
|
|
|
|
|
|
<template v-if="ruleForm.deptType == '3'">
|
|
<el-row >
|
|
<el-col :span="20">
|
|
<el-form-item label="计费方式" prop="turnoverType">
|
|
<span v-if="isTopDept">
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.turnoverType" @input="changeTheBillingRule">
|
|
<el-radio v-if="ruleForm.turnoverType=='1'" label=1>无限制</el-radio>
|
|
<el-radio v-if="ruleForm.turnoverType=='2'" label=2>时间限制</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
<span v-else>
|
|
<el-radio-group :disabled="isTopDept" v-model="ruleForm.turnoverType" @input="changeTheBillingRule">
|
|
<el-radio label=1>无限制</el-radio>
|
|
<el-radio label=2>时间限制</el-radio>
|
|
</el-radio-group>
|
|
</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
<el-row>
|
|
|
|
<template v-if="ruleForm.turnoverType === '2'">
|
|
<el-col :span="12">
|
|
<el-row>
|
|
<el-form-item label="时间限制" prop="turnoverType" >
|
|
<el-date-picker
|
|
v-model="beginTime"
|
|
:disabled="isTopDept"
|
|
style="width: 140px"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="开始日期">
|
|
</el-date-picker>
|
|
至
|
|
<el-date-picker
|
|
v-model="endTime"
|
|
:disabled="isTopDept"
|
|
style="width: 140px"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-row>
|
|
</el-col>
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<template v-if="ruleForm.turnoverType === '5'">
|
|
<el-col :span="10">
|
|
<el-row>
|
|
<el-form-item label="时间范围">
|
|
<el-date-picker
|
|
:disabled="isTopDept"
|
|
v-model="beginTime"
|
|
style="width: 140px"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="开始日期">
|
|
</el-date-picker>
|
|
至
|
|
<el-date-picker
|
|
:disabled="isTopDept"
|
|
v-model="endTime"
|
|
style="width: 140px"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-row>
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="价格">
|
|
<el-input :disabled="isTopDept" v-model="ruleForm.prepaidAmount">
|
|
<template slot="append">万元</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</template>
|
|
|
|
|
|
|
|
<template v-if="ruleForm.turnoverType === '6'">
|
|
<el-col :span="10">
|
|
|
|
<el-form-item label="可创建油站数量" label-width="110px">
|
|
<!-- <el-input-number :disabled="isTopDept" v-model="ruleForm.storeNum" @change="handleChangeInputNumber" :min="1"-->
|
|
<!-- :max="1000" label="可创建油站数量"></el-input-number>-->
|
|
<el-input type="number" :disabled="isTopDept" v-model="ruleForm.storeNum":min="1" style="width: 200px" @blur="getMax"
|
|
:max="maxNumber">
|
|
<template slot="append">个</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
<el-form-item label="已建油站数量" label-width="110px">
|
|
<span>{{ruleForm.storeNums || 0}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</template>
|
|
</el-row>
|
|
</template>
|
|
|
|
|
|
<el-row v-if="ruleForm.deptType !== '3'">
|
|
<el-col span="3">
|
|
<el-form-item label="设置油站数量">
|
|
<el-switch
|
|
:disabled="isTopDept"
|
|
v-model="storeNum"
|
|
active-color="#13ce66"
|
|
inactive-color="#ff4949">
|
|
</el-switch>
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
<!-- 可创建油站站点数量-->
|
|
<el-col>
|
|
<template v-if="storeNum">
|
|
<el-col :span="10">
|
|
|
|
<el-form-item label="可创建油站数量" label-width="110px">
|
|
<!-- <el-input-number :disabled="isTopDept" v-model="ruleForm.storeNum" @change="handleChangeInputNumber" :min="1"-->
|
|
<!-- :max="1000" label="可创建油站数量"></el-input-number>-->
|
|
<el-input type="number" :disabled="isTopDept" v-model="ruleForm.storeNum":min="1" style="width: 200px" @blur="getMax"
|
|
:max="maxNumber">
|
|
<template slot="append">个</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="已建油站数量" label-width="110px">
|
|
<span>{{ruleForm.storeNums || 0}}</span>
|
|
</el-form-item>
|
|
</el-col>
|
|
</template>
|
|
</el-col>
|
|
|
|
|
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
<el-col :span="12"><div class="grid-content bg-purple"></div></el-col>
|
|
<el-col :span="12"><div class="grid-content bg-purple-light"></div></el-col>
|
|
</el-row>
|
|
|
|
<el-form-item label="状态" prop="name">
|
|
<el-switch :disabled="isTopDept" v-model="value10" @change="getswitch" ></el-switch>
|
|
</el-form-item>
|
|
|
|
<template v-if="!isTopDept">
|
|
<el-form-item v-if="pdinfo == 1">
|
|
<el-button type="primary" @click="submitForms('ruleForm')">新增</el-button>
|
|
<!--<el-button @click="resetForm('ruleForm')">重置</el-button> -->
|
|
</el-form-item>
|
|
<el-form-item v-if="pdinfo == 2">
|
|
<el-button type="primary" @click="submitFormseide('ruleForm')">保存</el-button>
|
|
<!--<el-button @click="resetForm('ruleForm')">重置</el-button> -->
|
|
</el-form-item>
|
|
</template>
|
|
|
|
</el-form>
|
|
|
|
|
|
</el-tab-pane>
|
|
<el-tab-pane label="角色信息" name="duty">
|
|
<el-form :model="queryParams1" ref="queryForm" size="small" :inline="true" label-width="100px">
|
|
<el-form-item label="角色名称" prop="dutyName">
|
|
<el-input
|
|
v-model="queryParams1.dutyName"
|
|
placeholder="请输入角色名称"
|
|
clearable
|
|
@keyup.enter.native="handleQuery1"
|
|
/>
|
|
</el-form-item>
|
|
<el-form-item label="角色状态" prop="status">
|
|
<el-select
|
|
v-model="queryParams1.status"
|
|
placeholder="全部"
|
|
clearable
|
|
>
|
|
<el-option label="启用" value="A"></el-option>
|
|
<el-option label="禁用" value="D"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery1">查询</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-row :gutter="10" class="mb8">
|
|
<el-col :span="1.5">
|
|
<el-button
|
|
type="primary"
|
|
plain
|
|
icon="el-icon-plus"
|
|
size="mini"
|
|
@click="handleAdd1"
|
|
|
|
>新增
|
|
</el-button>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-table ref="tables"
|
|
v-loading="loading"
|
|
:data="dutyList">
|
|
<el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
|
|
<el-table-column label="角色名称" align="center" prop="dutyName" />
|
|
<!-- <el-table-column label="角色类型" align="center" prop="dutyType" >-->
|
|
<!-- <template slot-scope="scope">-->
|
|
<!-- <span v-if="scope.row.dutyType=='1'">超级管理员</span>-->
|
|
<!-- <span v-if="scope.row.dutyType=='2'">普通管理员</span>-->
|
|
<!-- <span v-if="scope.row.dutyType=='3'">油站角色</span>-->
|
|
<!-- <span v-if="scope.row.dutyType=='4'">公司角色</span>-->
|
|
<!-- </template>-->
|
|
<!-- </el-table-column>-->
|
|
<el-table-column label="所属机构" align="center" prop="deptName" />
|
|
<el-table-column label="角色状态" align="center" prop="status" >
|
|
<template slot-scope="scope">
|
|
<el-switch
|
|
v-model="scope.row.status"
|
|
active-value="A"
|
|
inactive-value="N"
|
|
@change="handleStatusChangeDuty(scope.row)"
|
|
></el-switch>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="角色描述" align="center" prop="description" >
|
|
<template slot-scope="scope">
|
|
{{scope.row.description || "--"}}
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-edit"
|
|
@click="handleUpdate1(scope.row)"
|
|
>修改</el-button>
|
|
<el-button
|
|
size="mini"
|
|
type="text"
|
|
icon="el-icon-delete"
|
|
@click="handleDelete1(scope.row)"
|
|
>删除</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
|
|
<pagination
|
|
v-show="total1>0"
|
|
:total="total1"
|
|
:page.sync="queryParams1.page"
|
|
:limit.sync="queryParams1.pageSize"
|
|
@pagination="getDutyList"
|
|
/>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tabs>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<!-- 添加或修改用户配置对话框 class="common-dialog" -->
|
|
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body :close-on-click-modal="false" >
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="用户名" prop="accountName">
|
|
<el-input v-model="form.accountName" placeholder="请输入用户名" maxlength="50" autocomplete="off" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="手机号" prop="mobile">
|
|
<el-input v-model="form.mobile" placeholder="请输入手机号" maxlength="50" autocomplete="off" />
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
|
|
<template v-if="title == '新增用户'">
|
|
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item v-if="form.id == undefined" label="登录密码" prop="password">
|
|
<el-input v-model="form.password" placeholder="请输入登录密码" maxlength="30" show-password autocomplete="off"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item v-if="form.id == undefined" label="确认密码" prop="password1">
|
|
<el-input v-model="form.password1" placeholder="请输入确认密码" type="password" maxlength="30" show-password autocomplete="off"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</template>
|
|
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="真实姓名" prop="realName">
|
|
<el-input v-model="form.realName" placeholder="请输入真实姓名" maxlength="30" autocomplete="off"/>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="状态">
|
|
<el-radio-group v-model="form.accountStatus" @change="$forceUpdate()">
|
|
<el-radio :key=1 :label=1 :value=1>启用</el-radio>
|
|
<el-radio :key=0 :label=0 :value=0>禁用</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="分配角色" prop="roleIds">
|
|
<el-select v-model="form.roleIds" @change="$forceUpdate(),getCodeByRole($event)" placeholder="请选择角色">
|
|
<el-option
|
|
v-for="item in rolelist"
|
|
:key="item.dutyId"
|
|
:label="item.dutyName"
|
|
:value="item.dutyId"
|
|
></el-option>
|
|
</el-select>
|
|
<div v-if="!rolelist || rolelist.length==0" style="color: red;font-size: 12px">请先为当前机构添加角色信息</div>
|
|
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
<el-button @click="cancel">取 消</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
|
|
<!-- 添加或修改角色配置对话框 -->
|
|
<el-dialog :title="title" :visible.sync="openDuty" width="700px" append-to-body>
|
|
<el-form ref="form1" :model="form1" :rules="rules1" label-width="100px">
|
|
<el-form-item label="角色名称" prop="roleName">
|
|
<el-input v-model="form1.roleName" @input="$forceUpdate()" style="width: 300px" placeholder="请输入角色名称" />
|
|
</el-form-item>
|
|
<!-- <el-form-item label="角色类型" prop="roleType">-->
|
|
<!-- <el-select-->
|
|
<!-- v-model="form1.roleType"-->
|
|
<!-- placeholder="角色类型"-->
|
|
<!-- @change="changeMenu"-->
|
|
<!-- style="width: 300px"-->
|
|
<!-- >-->
|
|
<!--<!– <el-option key="1" label="超级管理员" value="1"/>–>-->
|
|
<!--<!– <el-option key="2" label="普通管理员" value="2"/>–>-->
|
|
<!-- <el-option key="3" label="油站角色" value="3"/>-->
|
|
<!-- <el-option key="4" label="公司角色" value="4"/>-->
|
|
<!-- </el-select>-->
|
|
<!-- </el-form-item>-->
|
|
<el-form-item label="状态">
|
|
<el-radio-group v-model="form1.status">
|
|
<el-radio key="A" label="A" value="A">启用</el-radio>
|
|
<el-radio key="N" label="N" value="N">禁用</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<el-form-item label="菜单权限">
|
|
<el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox>
|
|
<el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox>
|
|
<el-checkbox v-model="form1.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox>
|
|
<el-tree
|
|
class="tree-border"
|
|
:data="menuOptions"
|
|
show-checkbox
|
|
ref="menu"
|
|
node-key="id"
|
|
:check-strictly="!form1.menuCheckStrictly"
|
|
:default-checked-keys="form1.checkedKeys"
|
|
empty-text="加载中，请稍候"
|
|
:props="defaultProps1"
|
|
></el-tree>
|
|
</el-form-item>
|
|
<el-form-item label="备注">
|
|
<el-input v-model="form1.description" type="textarea" placeholder="请输入备注信息"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="submitForm1">确 定</el-button>
|
|
<el-button @click="cancel1">取 消</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
|
|
<!-- 用户导入对话框 -->
|
|
<el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body :close-on-click-modal="false">
|
|
<el-upload
|
|
ref="upload"
|
|
:limit="1"
|
|
accept=".xlsx, .xls"
|
|
:headers="upload.headers"
|
|
:action="upload.url + '?updateSupport=' + upload.updateSupport"
|
|
:disabled="upload.isUploading"
|
|
:on-progress="handleFileUploadProgress"
|
|
:on-success="handleFileSuccess"
|
|
:auto-upload="false"
|
|
drag
|
|
>
|
|
<i class="el-icon-upload"></i>
|
|
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
|
<div class="el-upload__tip text-center" slot="tip">
|
|
<div class="el-upload__tip" slot="tip">
|
|
<el-checkbox v-model="upload.updateSupport"/>
|
|
是否更新已经存在的用户数据
|
|
</div>
|
|
<span>仅允许导入xls、xlsx格式文件。</span>
|
|
<el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
|
|
@click="importTemplate">下载模板
|
|
</el-link>
|
|
</div>
|
|
</el-upload>
|
|
<div slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="submitFileForm">确 定</el-button>
|
|
<el-button @click="upload.open = false">取 消</el-button>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
listUser,
|
|
delUser,
|
|
addUser,
|
|
updateUser,
|
|
resetUserPwd,
|
|
changeUserStatus,
|
|
deptTreeSelect,
|
|
deptadd,
|
|
deptedit,
|
|
deptDelete,
|
|
Userlist,
|
|
jklist, getDutyList, isTopLevelNodesApi,getMaxNumber
|
|
} from "@/api/system/Site/site";
|
|
// import { getStoreStaffList } from "@/api/staff";
|
|
import { getAccountList, getAccount, delAccount, addAccount, updateAccount, resetAccountPwd, changeAccountStatus } from "@/api/system/account";
|
|
import {getToken} from "@/utils/auth";
|
|
import Treeselect from "@riophae/vue-treeselect";
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
|
|
import BigNumber from 'bignumber.js';
|
|
/*import node from "../../../../gasStation-uni/uni_modules/uview-ui/components/u-parse/node/node.vue";*/
|
|
import {dutyDelete, dutyEdit, dutyList, dutyLists} from "@/api/duty/duty";
|
|
import {addRole, delRole, getRole, updateRole} from "@/api/system/role";
|
|
import {treeselect as menuTreeselect} from "@/api/system/menu";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
name: "User",
|
|
computed: {
|
|
node() {
|
|
return node
|
|
}
|
|
},
|
|
dicts: ['node_type'],
|
|
data() {
|
|
const equalToPassword = (rule, value, callback) => {
|
|
console.log("151515151:",this.form.password1,value)
|
|
if (this.form.password !== value) {
|
|
callback(new Error("两次输入的密码不一致"));
|
|
} else {
|
|
callback();
|
|
}
|
|
};
|
|
return {
|
|
maxNumber:1,
|
|
storeNum: false,
|
|
isEditDept:true,
|
|
isTopDept:true,
|
|
parentDeptType:"",
|
|
isAdd:false,
|
|
|
|
|
|
timeFrame:[],
|
|
value10:true,
|
|
parentName:'请选择',
|
|
cascader:[],
|
|
storeOptions:[],
|
|
merchantOptions:[],
|
|
beginTime:"",
|
|
endTime:"",
|
|
deleteid:0,
|
|
pdinfo: 1 ,
|
|
activeName: 'list',
|
|
ruleForm: {
|
|
parentId:'',
|
|
deptType:'3',
|
|
status:'qy',
|
|
leaderName:'',
|
|
leaderPhone:'',
|
|
// parentName:'请先选择父级节点',
|
|
deptName: '',
|
|
turnoverLimit: 0,
|
|
turnoverType: "1",
|
|
turnoverTime: '',
|
|
turnoverStartTime:null,
|
|
turnoverEndTime:null,
|
|
rates:0,
|
|
storeNum:0,
|
|
prepaidAmount:0,
|
|
|
|
|
|
|
|
},
|
|
filterText:'',
|
|
xtitle:'',
|
|
// 遮罩层
|
|
loading: true,
|
|
staffOptions: [],
|
|
// 选中数组
|
|
ids: [],
|
|
// 非单个禁用
|
|
single: true,
|
|
// 非多个禁用
|
|
multiple: true,
|
|
// 显示搜索条件
|
|
showSearch: true,
|
|
openDuty:false,
|
|
form1: { id: '', status: 'A', roleType: '4', description: '' },
|
|
// 角色表格数据
|
|
roleList: [],
|
|
menuExpand: false,
|
|
menuNodeAll: false,
|
|
// 菜单列表
|
|
menuOptions: [],
|
|
defaultProps1: {
|
|
children: "childrens",
|
|
label: "label"
|
|
},
|
|
// 总条数
|
|
total: 0,
|
|
// 用户表格数据
|
|
userList: null,
|
|
// 弹出层标题
|
|
xid:'',
|
|
title: "",
|
|
Thetree:[],
|
|
// 节点树选项
|
|
deptOptions: undefined,
|
|
queryParams1:{
|
|
page:1,
|
|
pageSize:10,
|
|
// 当做机构id使用
|
|
storeId:"",
|
|
},
|
|
total1:0,
|
|
dutyList:[],
|
|
// 是否显示弹出层
|
|
|
|
open: false,
|
|
// 节点名称
|
|
deptName: undefined,
|
|
// 默认密码
|
|
initPassword: undefined,
|
|
// 日期范围
|
|
dateRange: [],
|
|
// 岗位选项
|
|
postOptions: [],
|
|
// 角色选项
|
|
roleOptions: [],
|
|
// 表单参数
|
|
form: {
|
|
accountName:'',
|
|
password:'',
|
|
accountStatus:'1',
|
|
roleIds:[],
|
|
deptId:'',
|
|
code:'',
|
|
},
|
|
deptType:'',
|
|
|
|
defaultProps: {
|
|
checkStrictly : 'true',
|
|
children: "childrens",
|
|
label: "label",
|
|
value:"id"
|
|
},
|
|
// 用户导入参数
|
|
upload: {
|
|
// 是否显示弹出层（用户导入）
|
|
open: false,
|
|
// 弹出层标题（用户导入）
|
|
title: "",
|
|
// 是否禁用上传
|
|
isUploading: false,
|
|
// 是否更新已经存在的用户数据
|
|
updateSupport: 0,
|
|
// 设置上传的请求头部
|
|
headers: {Authorization: "Bearer " + getToken()},
|
|
// 上传的地址
|
|
url: process.env.VUE_APP_BASE_API + "/system/user/importData"
|
|
},
|
|
// 查询参数
|
|
queryParams: {
|
|
pageNum: 1,
|
|
pageSize: 10,
|
|
userName: '',
|
|
phonenumber: '',
|
|
status: '',
|
|
deptId: ''
|
|
},
|
|
isClick: false,
|
|
// 列信息
|
|
columns: [
|
|
{key: 0, label: `用户编号`, visible: true},
|
|
{key: 1, label: `用户名称`, visible: true},
|
|
{key: 2, label: `用户昵称`, visible: true},
|
|
{key: 3, label: `节点`, visible: true},
|
|
{key: 4, label: `手机号码`, visible: true},
|
|
{key: 5, label: `状态`, visible: true},
|
|
{key: 6, label: `创建时间`, visible: true}
|
|
],
|
|
rolelist:'',
|
|
// 表单校验
|
|
// 表单校验
|
|
rules1: {
|
|
roleName: [
|
|
{ required: true, message: "角色名称不能为空", trigger: "blur" }
|
|
],
|
|
roleType: [
|
|
{ required: true, message: "角色类型不能为空", trigger: "blur" }
|
|
]
|
|
},
|
|
rules: {
|
|
leaderName: [
|
|
{ required: true, message: '姓名不能为空', trigger: 'blur' },
|
|
],
|
|
accountName: [
|
|
{ required: true, message: '用户名不能为空', trigger: 'blur' },
|
|
],
|
|
leaderPhone: [
|
|
{ required: true, message: '电话不能为空', trigger: 'blur' },
|
|
{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }
|
|
],
|
|
mobile: [
|
|
{ required: true, message: '手机号不能为空', trigger: 'blur' },
|
|
{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }
|
|
],
|
|
deptType: [
|
|
{ required: true, message: '机构类型不能为空', trigger: 'blur' },
|
|
],
|
|
turnoverType: [
|
|
{ required: true, message: '计费方式不能为空', trigger: 'blur' },
|
|
],
|
|
|
|
deptName: [
|
|
{ required: true, message: '请输入机构名称', trigger: 'blur' },
|
|
|
|
],
|
|
roleIds: [
|
|
{ required: true, message: '请选择角色信息', trigger: 'blur' },
|
|
|
|
],
|
|
region: [
|
|
{ required: true, message: '请选择活动区域', trigger: 'change' }
|
|
],
|
|
date1: [
|
|
{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }
|
|
],
|
|
date2: [
|
|
{ type: 'date', required: true, message: '请选择时间', trigger: 'change' }
|
|
],
|
|
type: [
|
|
{ type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
|
|
],
|
|
resource: [
|
|
{ required: true, message: '请选择活动资源', trigger: 'change' }
|
|
],
|
|
desc: [
|
|
{ required: true, message: '请填写活动形式', trigger: 'blur' }
|
|
],
|
|
userName: [
|
|
{required: true, message: "用户名称不能为空", trigger: "blur"},
|
|
{min: 2, max: 20, message: '用户名称长度必须介于 2 和 20 之间', trigger: 'blur'}
|
|
],
|
|
nickName: [
|
|
{required: true, message: "用户昵称不能为空", trigger: "blur"}
|
|
],
|
|
password: [
|
|
{required: true, message: "用户密码不能为空", trigger: "blur"},
|
|
{min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur'}
|
|
],
|
|
password1: [
|
|
{required: true, message: "用户密码不能为空", trigger: "blur"},
|
|
{ required: true, validator: equalToPassword, trigger: "blur" },
|
|
{min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur'}
|
|
],
|
|
email: [
|
|
{
|
|
type: "email",
|
|
message: "请输入正确的邮箱地址",
|
|
trigger: ["blur", "change"]
|
|
}
|
|
],
|
|
phonenumber: [
|
|
{
|
|
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
|
message: "请输入正确的手机号码",
|
|
trigger: "blur"
|
|
}
|
|
],
|
|
oldValue:''
|
|
}
|
|
};
|
|
},
|
|
watch: {
|
|
// 根据名称筛选节点树
|
|
deptName(val) {
|
|
this.$refs.tree.filter(val);
|
|
},
|
|
'ruleForm.turnoverType': function(newValue,oldValue) {
|
|
console.log("oldValue",oldValue)
|
|
this.oldValue = oldValue
|
|
},
|
|
},
|
|
filters:{
|
|
/* 翻译角色 */
|
|
getRolelName:function(roles){
|
|
if (typeof roles !== 'undefined' && roles !== null && Array.isArray(roles)) {
|
|
let roleNames = roles.map(function(role) {
|
|
return role.roleName;
|
|
});
|
|
return roleNames.join(",")
|
|
}else{
|
|
return '未分配角色'
|
|
}
|
|
}
|
|
},
|
|
created() {
|
|
this.getList();
|
|
|
|
|
|
},
|
|
components: { Treeselect },
|
|
methods: {
|
|
// 修改角色类型
|
|
async changeMenu() {
|
|
console.log(this.form1.roleType)
|
|
if (this.form1.roleType == '4') {
|
|
this.getMenuTreeselect(2);
|
|
}
|
|
if (this.form1.roleType == '3') {
|
|
await this.getMenuTreeselect(1);
|
|
await this.handleCheckedTreeNodeAll(true, 'menu')
|
|
}
|
|
},
|
|
// 表单重置
|
|
reset1() {
|
|
if (this.$refs.menu != undefined) {
|
|
this.$refs.menu.setCheckedKeys([]);
|
|
}
|
|
this.menuExpand = false,
|
|
this.menuNodeAll = false,
|
|
this.form1 = {
|
|
id: undefined,
|
|
roleName: '',
|
|
roleType: '4',
|
|
status: "A",
|
|
menuIds: [],
|
|
menuCheckStrictly: true,
|
|
description: ''
|
|
};
|
|
this.resetForm("form1");
|
|
},
|
|
// 取消按钮
|
|
cancel1() {
|
|
this.openDuty = false;
|
|
this.reset1();
|
|
},
|
|
submitForm1: function() {
|
|
this.$refs["form1"].validate(valid => {
|
|
if (valid) {
|
|
console.log(this.deptType)
|
|
this.form1.deptType = this.deptType
|
|
if (this.form1.dutyId) {
|
|
this.form1.menuIds = this.getMenuAllCheckedKeys();
|
|
updateRole(this.form1).then(response => {
|
|
this.$modal.msgSuccess("修改成功");
|
|
this.openDuty = false;
|
|
this.getDutyList();
|
|
});
|
|
} else {
|
|
this.form1.storeId = this.queryParams1.storeId
|
|
this.form1.menuIds = this.getMenuAllCheckedKeys();
|
|
addRole(this.form1).then(response => {
|
|
this.$modal.msgSuccess("新增成功");
|
|
this.openDuty = false;
|
|
this.getDutyList();
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
// 所有菜单节点数据
|
|
getMenuAllCheckedKeys() {
|
|
// 目前被选中的菜单节点
|
|
let checkedKeys = this.$refs.menu.getCheckedKeys();
|
|
// 半选中的菜单节点
|
|
let halfCheckedKeys = this.$refs.menu.getHalfCheckedKeys();
|
|
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
|
|
return checkedKeys;
|
|
},
|
|
// 树权限（展开/折叠）
|
|
handleCheckedTreeExpand(value, type) {
|
|
if (type == 'menu') {
|
|
let treeList = this.menuOptions;
|
|
for (let i = 0; i < treeList.length; i++) {
|
|
this.$refs.menu.store.nodesMap[treeList[i].id].expanded = value;
|
|
}
|
|
}
|
|
},
|
|
// 树权限（全选/全不选）
|
|
handleCheckedTreeNodeAll(value, type) {
|
|
console.log(this.menuOptions)
|
|
if (type == 'menu') {
|
|
this.$refs.menu.setCheckedNodes(value ? this.menuOptions: []);
|
|
}
|
|
},
|
|
// 树权限（父子联动）
|
|
handleCheckedTreeConnect(value, type) {
|
|
if (type == 'menu') {
|
|
this.form1.menuCheckStrictly = value ? true: false;
|
|
}
|
|
},
|
|
handleAdd1(){
|
|
this.reset1();
|
|
this.form1.storeId = this.Thetree[0].id
|
|
this.openDuty = true;
|
|
this.title = "添加角色";
|
|
console.log(this.form1)
|
|
},
|
|
// 查询菜单树结构
|
|
getMenuTreeselect(merchantId) {
|
|
// merchantId 代表deptType
|
|
return menuTreeselect({merchantId:merchantId}).then(response => {
|
|
this.menuOptions = response.data;
|
|
return response
|
|
});
|
|
},
|
|
handleDelete1(row){
|
|
const roleIds = row.dutyName;
|
|
this.$modal.confirm('是否确认删除角色名为"' + roleIds + '"的信息？').then(function() {
|
|
return dutyDelete(row.dutyId);
|
|
}).then(() => {
|
|
this.getDutyList();
|
|
this.$modal.msgSuccess("删除成功");
|
|
}).catch(() => {});
|
|
},
|
|
handleUpdate1(data){
|
|
this.reset1();
|
|
// let val = null;
|
|
// if (data.dutyType == '3') val = 1;
|
|
// if (data.dutyType == '4') val = 2;
|
|
// const roleMenu = this.getMenuTreeselect(val);
|
|
const roleId = data.dutyId
|
|
this.form1.menuCheckStrictly = false
|
|
getRole(roleId).then(response => {
|
|
this.form1.roleName = response.data.roleInfo.name;
|
|
this.form1.roleType = response.data.roleInfo.type;
|
|
this.form1.status = response.data.roleInfo.status;
|
|
this.form1.dutyId = response.data.roleInfo.id;
|
|
this.form1.description = response.data.roleInfo.description;
|
|
this.openDuty = true;
|
|
this.title = "修改角色";
|
|
let checkedKeys = response.data.checkedKeys
|
|
this.form1.checkedKeys = checkedKeys
|
|
// this.getMenuTreeselect(response.data.roleInfo.type)
|
|
|
|
// this.$nextTick(() => {
|
|
// roleMenu.then(res => {
|
|
// checkedKeys.forEach((v) => {
|
|
// this.$nextTick(()=>{
|
|
// this.$refs.menu.setChecked(v, true ,false);
|
|
// })
|
|
// })
|
|
// });
|
|
// });
|
|
});
|
|
},
|
|
handleStatusChangeDuty(data){
|
|
console.log(data)
|
|
dutyEdit(data).then(res => {
|
|
this.$message.success("修改成功")
|
|
this.getDutyList();
|
|
})
|
|
},
|
|
// 搜索角色信息
|
|
handleQuery1(){
|
|
this.queryParams1.page = 1;
|
|
this.getDutyList();
|
|
},
|
|
getDutyList(){
|
|
this.loading = true;
|
|
dutyList(this.queryParams1).then(res => {
|
|
this.dutyList = res.data.records;
|
|
this.total1 = res.data.total;
|
|
this.loading = false;
|
|
})
|
|
},
|
|
// 更改计费规则
|
|
async changeTheBillingRule(event) {
|
|
// 如果为修改时则进行提示
|
|
if (this.pdinfo == 2) {
|
|
await this.$confirm('此操作将更改计费规则, 是否继续?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
if (this.ruleForm.turnoverType=='1'||this.ruleForm.turnoverType=='3'||this.ruleForm.turnoverType=='4'){
|
|
this.beginTime = ""
|
|
this.endTime = ""
|
|
}
|
|
// this.rateClearing()
|
|
}).catch(() => {
|
|
console.log("event",event)
|
|
this.ruleForm.turnoverType = this.oldValue
|
|
});
|
|
}
|
|
|
|
|
|
},
|
|
// 清空数据
|
|
rateClearing () {
|
|
this.timeFrame =[]
|
|
this.beginTime = ""
|
|
this.endTime = ""
|
|
this.ruleForm.turnoverLimit = 0
|
|
this.ruleForm.turnoverTime = ''
|
|
this.ruleForm.turnoverStartTime = null
|
|
this.ruleForm.turnoverEndTime = null
|
|
this.ruleForm.rates = 0
|
|
this.ruleForm.storeNum = 0
|
|
this.ruleForm.prepaidAmount = 0
|
|
},
|
|
// 费率计算
|
|
rateCalculation () {
|
|
if (this.ruleForm.turnoverType === '3') {
|
|
// 预付金额
|
|
const turnoverLimit = new BigNumber(this.ruleForm.prepaidAmount?this.ruleForm.prepaidAmount:0);
|
|
// 费率
|
|
const feeRate = new BigNumber(this.ruleForm.rates?this.ruleForm.rates:0);
|
|
if (feeRate == 0) return
|
|
const fee = turnoverLimit.dividedBy(feeRate.dividedBy(0.01));
|
|
this.ruleForm.turnoverLimit = fee.toFixed(2)
|
|
}else if (this.ruleForm.turnoverType === '4'){
|
|
// 实际交易量
|
|
const turnoverLimit = new BigNumber(this.ruleForm.turnoverLimit?this.ruleForm.turnoverLimit:0);
|
|
const feeRate = new BigNumber(this.ruleForm.rates?this.ruleForm.rates:0);
|
|
if (feeRate == 0) return
|
|
const fee = turnoverLimit.times(feeRate.dividedBy(0.01));
|
|
this.ruleForm.prepaidAmount = fee.toFixed(2)
|
|
}
|
|
},
|
|
// 页面初始化
|
|
initPage() {
|
|
this.activeName= 'list',
|
|
this.userList= 'list',
|
|
// this.cleanUp()
|
|
this.getList()
|
|
},
|
|
|
|
// 创建节点类型判断
|
|
judgementNodeType(typeList) {
|
|
let evenNumbers = typeList
|
|
// isClick
|
|
if (this.deptType == 3 || (this.deptType == 2 && !this.isClick)) {
|
|
evenNumbers = typeList.filter(number => number.label === "基本门店");
|
|
this.ruleForm.deptType = "3"
|
|
}
|
|
return evenNumbers
|
|
},
|
|
// 状态修改
|
|
getswitch(e){
|
|
console.log(e)
|
|
if(e == true){
|
|
this.ruleForm.status = 'qy'
|
|
}else {
|
|
this.ruleForm.status = 'jy'
|
|
}
|
|
},
|
|
|
|
async activecilck(data){
|
|
|
|
// 判断是点击还是修改该
|
|
this.isClick = true
|
|
|
|
console.log('点树',data)
|
|
|
|
this.isAdd = false
|
|
this.cleanUp()
|
|
|
|
let flag = true
|
|
await this.getIsTopLevelNodesApi(data.id).then(res=>{
|
|
flag = res
|
|
console.log('点树2222',res)
|
|
|
|
})
|
|
this.$forceUpdate();
|
|
this.isTopDept = flag
|
|
|
|
|
|
// 点击树之后
|
|
this.queryParams.deptId = data.id
|
|
this.queryParams1.storeId = data.id
|
|
this.deptType = data.deptType
|
|
this.deptId = data.id
|
|
this.parentDeptType = data.deptType
|
|
// 新增节点
|
|
this.appedit(data.id,data.label)
|
|
// 用户请求
|
|
// this.getList();
|
|
this.onlyGetUser()
|
|
this.getDutyList()
|
|
this.getMenuTreeselect(data.deptType);
|
|
},
|
|
|
|
// 清除信息
|
|
cleanUp(){
|
|
this.ruleForm = {
|
|
parentId:'',
|
|
deptType:'1',
|
|
status:'qy',
|
|
leaderName:'',
|
|
leaderPhone:'',
|
|
// parentName:'请先选择父级节点',
|
|
deptName: '',
|
|
turnoverLimit: '',
|
|
turnoverType: "1",
|
|
turnoverTime: '',
|
|
}
|
|
},
|
|
|
|
// 修改树
|
|
handleChange(value) {
|
|
console.log(value);
|
|
},
|
|
|
|
handleChangeInputNumber(value) {
|
|
console.log(value);
|
|
},
|
|
handleChanges(value) {
|
|
let arr = value
|
|
this.ruleForm.parentId = arr[arr.length - 1]
|
|
},
|
|
|
|
getMax(val){
|
|
getMaxNumber(this.ruleForm).then(res=>{
|
|
console.log("8888888888",this.ruleForm.storeNum)
|
|
console.log("7777777777",res.data)
|
|
if(res.code ==200){
|
|
this.ruleForm.storeNum=res.data
|
|
}
|
|
});
|
|
},
|
|
//新增节点
|
|
submitForms(formName) {
|
|
|
|
|
|
console.log("timeFrame ",this.timeFrame)
|
|
console.log("this.ruleForm ",this.ruleForm,this.ruleForm.parentId)
|
|
this.$refs[formName].validate((valid) => {
|
|
if (valid) {
|
|
console.log("timeFrame",this.timeFrame)
|
|
if (this.timeFrame){
|
|
// this.ruleForm.turnoverStartTime = this.timeFrame[0]
|
|
// this.ruleForm.turnoverEndTime = this.timeFrame[1]
|
|
}
|
|
this.ruleForm.turnoverStartTime = this.beginTime
|
|
this.ruleForm.turnoverEndTime = this.endTime
|
|
if (!this.storeNum) {
|
|
this.ruleForm.storeNum = null
|
|
}
|
|
deptadd(this.ruleForm).then(res=>{
|
|
if(res.code == 200){
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success'
|
|
});
|
|
this.initPage()
|
|
}
|
|
})
|
|
} else {
|
|
console.log('error submit!!');
|
|
return false;
|
|
}
|
|
});
|
|
|
|
},
|
|
//修改
|
|
submitFormseide(ruleForm){
|
|
this.$refs[ruleForm].validate((valid) => {
|
|
|
|
if (valid) {
|
|
if (!this.storeNum) {
|
|
this.ruleForm.storeNum = null
|
|
}
|
|
// if (this.timeFrame){
|
|
// this.ruleForm.turnoverStartTime = this.timeFrame[0]
|
|
// this.ruleForm.turnoverEndTime = this.timeFrame[1]
|
|
// }
|
|
this.ruleForm.turnoverStartTime = this.beginTime
|
|
this.ruleForm.turnoverEndTime = this.endTime
|
|
|
|
deptedit(this.ruleForm).then(res=>{
|
|
// console.log(res)
|
|
if(res.code == 200){
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success'
|
|
});
|
|
this.getList()
|
|
this.cleanUp
|
|
}
|
|
})
|
|
} else {
|
|
console.log('error submit!!');
|
|
return false;
|
|
}
|
|
});
|
|
|
|
},
|
|
// resetForm(formName) {
|
|
//
|
|
// // this.$refs[formName].resetFields();
|
|
// },
|
|
handleClick(tab, event) {
|
|
console.log(this.activeName)
|
|
if (this.activeName==="list"){
|
|
this.onlyGetUser()
|
|
}
|
|
if (this.activeName==="duty"){
|
|
this.getDutyList()
|
|
}
|
|
},
|
|
//树形页操作
|
|
//新增树
|
|
append(data) {
|
|
console.log('新增树',data)
|
|
// 清除表单
|
|
this.cleanRuleForm()
|
|
this.activeName = 'info'
|
|
this.pdinfo = 1
|
|
this.timeFrame = []
|
|
this.beginTime = ""
|
|
this.endTime = ""
|
|
this.parentDeptType = data.deptType
|
|
this.addNode(data.id,data.label,data.deptType)
|
|
// console.log(this.pdinfo)
|
|
event.stopPropagation();
|
|
this.isAdd = true
|
|
// 新增树
|
|
},
|
|
cleanRuleForm() {
|
|
this.ruleForm= {
|
|
parentId:'',
|
|
deptType:'1',
|
|
status:'qy',
|
|
leader_name:'',
|
|
leader_phone:'',
|
|
// parentName:'请先选择父级节点',
|
|
deptName: '',
|
|
turnoverLimit: '',
|
|
turnoverType: "1",
|
|
turnoverTime: '',
|
|
}
|
|
},
|
|
// 新增数据
|
|
addNode(id,label,deptType) {
|
|
let _this = this
|
|
// 默认类型
|
|
this.isClick = false
|
|
this.ruleForm.deptType = deptType
|
|
this.$nextTick(() => {
|
|
console.log("新增树的返回222", this.ruleForm,id,label);
|
|
});
|
|
|
|
// _this.ruleForm.deptType = '1'
|
|
// 点击树获取部门信息
|
|
this.cascader = []
|
|
let fanCascader = []
|
|
|
|
Userlist(id).then(async res=>{
|
|
console.log(res ,263)
|
|
this.deptType = res.data.deptType
|
|
this.parentName = res.data.parentName
|
|
// if (res.data.parentId==0){
|
|
this.ruleForm.parentId = res.data.deptId
|
|
// }else {
|
|
// this.ruleForm.parentId = res.data.parentId
|
|
// }
|
|
|
|
let pid = res.data.parentId
|
|
fanCascader.push(res.data.deptId)
|
|
while (pid!=0){
|
|
await Userlist(pid).then(re=> {
|
|
pid = re.data.parentId
|
|
fanCascader.push(re.data.deptId)
|
|
})
|
|
}
|
|
this.cascader = fanCascader.reverse()
|
|
this.isTopDept = false
|
|
console.log( this.ruleForm.parentId ,111)
|
|
})
|
|
|
|
|
|
|
|
},
|
|
//修改树
|
|
appedit(id,label) {
|
|
this.pdinfo = 2
|
|
// 点击树获取部门信息
|
|
Userlist(id).then(res=>{
|
|
let ancestors = res.data.ancestors.slice(2).toString();
|
|
console.log('Userlist:',res)
|
|
this.parentName = res.data.parentName
|
|
this.ruleForm = res.data
|
|
// this.ruleForm.parentId = res.data.parentId
|
|
// this.ruleForm.status = res.data.status
|
|
// this.ruleForm.leaderName = res.data.leaderName
|
|
// this.ruleForm.leaderPhone = res.data.leaderPhone
|
|
// this.ruleForm.turnoverType = res.data.turnoverType
|
|
// this.ruleForm.turnoverType = res.data.turnoverType
|
|
|
|
|
|
if (this.ruleForm.turnoverStartTime) {
|
|
const date = new Date(this.ruleForm.turnoverStartTime);
|
|
// this.timeFrame[0] = date.toString();
|
|
// this.beginTime = date.toString();
|
|
this.timeFrame[0] = date;
|
|
this.beginTime = date;
|
|
}
|
|
if (this.ruleForm.turnoverEndTime) {
|
|
const date = new Date(this.ruleForm.turnoverEndTime);
|
|
// this.timeFrame[1] = date.toString();
|
|
// this.endTime = date.toString();
|
|
this.timeFrame[1] = date;
|
|
this.endTime = date;
|
|
}
|
|
if (this.ruleForm.storeNum) {
|
|
this.storeNum = true
|
|
}
|
|
if(res.data.status === 'qy'){
|
|
this.value10 = true
|
|
}else {
|
|
this.value10 = false
|
|
}
|
|
|
|
let temp = ancestors.split(',')
|
|
this.cascader = []
|
|
temp.forEach(it=>{
|
|
this.cascader.push(parseInt(it))
|
|
})
|
|
this.$forceUpdate()
|
|
// console.log(this.cascader)
|
|
})
|
|
this.ruleForm.deptId = id
|
|
// this.ruleForm.parentId = data.id,
|
|
this.ruleForm.deptName = label
|
|
},
|
|
//删除树
|
|
remove(node, data) {
|
|
this.deleteid = data.id
|
|
this.opendelete()
|
|
|
|
},
|
|
opendelete() {
|
|
this.$confirm('此操作将永久删除该机构, 是否继续?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
deptDelete(this.deleteid).then(res=>{
|
|
// console.log(res)
|
|
if(res.code == 200){
|
|
this.initPage();
|
|
this.$message({
|
|
type: 'success',
|
|
message: '删除成功!'
|
|
});
|
|
this.cleanUp
|
|
}
|
|
})
|
|
|
|
}).catch(() => {
|
|
this.$message({
|
|
type: 'info',
|
|
message: '已取消删除'
|
|
});
|
|
});
|
|
},
|
|
// <el-button size="mini" type="text" on-click={ () => this.appedit(data) }>修改</el-button>
|
|
renderContent(h, { node, data, store }) {
|
|
console.log("node",node)
|
|
console.log("data",data)
|
|
console.log("store",store)
|
|
let isAdd = data.deptType == '3'
|
|
return (
|
|
<span class="custom-tree-node">
|
|
<span class="custom-tree-box">{node.label}</span>
|
|
<span>
|
|
{!isAdd ?
|
|
<el-button size="mini" type="text" on-click={() => this.append(data)}>新增</el-button>
|
|
: null
|
|
}
|
|
{node.level !== 1 ?
|
|
<el-button size="mini" type="text" on-click={() => this.remove(node, data)}>删除</el-button>
|
|
: null
|
|
}
|
|
</span>
|
|
</span>);
|
|
},
|
|
|
|
|
|
async getIsTopLevelNodesApi(deptId) {
|
|
let flag = false
|
|
await isTopLevelNodesApi({deptId:deptId}).then(res =>{
|
|
if (res.code === 200) {
|
|
flag = res.data
|
|
}
|
|
})
|
|
return flag
|
|
},
|
|
|
|
/** 查询用户列表 */
|
|
async getList() {
|
|
console.log("123123123",this.form)
|
|
await deptTreeSelect({deptName :this.filterText}).then(response => {
|
|
this.Thetree = response.data
|
|
if(this.Thetree.length>0 && !this.queryParams.deptId) {
|
|
this.queryParams.deptId = this.Thetree[0].id
|
|
this.deptId = this.Thetree[0].id
|
|
this.appedit(this.deptId)
|
|
console.log("fdfdnfdfdfddf",this.Thetree)
|
|
this.form.deptType = this.Thetree[0].deptType
|
|
this.queryParams1.storeId = this.Thetree[0].id
|
|
console.log("this.Thetree",this.Thetree[0])
|
|
}
|
|
|
|
});
|
|
this.loading = true;
|
|
// this.addDateRange(this.queryParams, this.dateRange)
|
|
console.log(this.queryParams,111)
|
|
listUser(this.queryParams).then(response => {
|
|
this.userList = response.data.records;
|
|
this.total = response.data.total;
|
|
this.total = response.data.total;
|
|
this.loading = false;
|
|
}
|
|
);
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
onlyGetUser(){
|
|
this.loading = true;
|
|
console.log(this.queryParams,222)
|
|
// this.addDateRange(this.queryParams, this.dateRange)
|
|
listUser(this.queryParams).then(response => {
|
|
this.userList = response.data.records;
|
|
this.total = response.data.total;
|
|
this.total = response.data.total;
|
|
this.loading = false;
|
|
}
|
|
);
|
|
},
|
|
// getStaffList() {
|
|
// const storeId = this.form.storeId ? this.form.storeId : 0;
|
|
// getStoreStaffList(storeId).then(response => {
|
|
// this.staffOptions = response.data.staffList;
|
|
// });
|
|
// },
|
|
|
|
/** 查询节点下拉树结构 */
|
|
getDeptTree() {
|
|
deptTreeSelect().then(response => {
|
|
this.deptOptions = response.data;
|
|
});
|
|
},
|
|
// 筛选节点
|
|
filterNode(value, data) {
|
|
if (!value) return true;
|
|
return data.label.indexOf(value) !== -1;
|
|
},
|
|
// 节点单击事件
|
|
handleNodeClick(data) {
|
|
// console.log(data)
|
|
this.xid = data.id
|
|
this.queryParams.deptId = data.id
|
|
this.xtitle = data.label
|
|
this.getList()
|
|
|
|
|
|
|
|
|
|
},
|
|
// 用户状态修改
|
|
handleStatusChange(row) {
|
|
let text = row.status === "0" ? "启用" : "停用";
|
|
this.$modal.confirm('确认要"' + text + '""' + row.realName + '"用户吗？').then(function () {
|
|
return changeUserStatus(row.userId, row.status);
|
|
}).then(() => {
|
|
this.$modal.msgSuccess(text + "成功");
|
|
}).catch(function () {
|
|
row.status = row.status === "0" ? "1" : "0";
|
|
});
|
|
|
|
// scope.row.accountStatus
|
|
|
|
// this.$confirm('确认要"' + text + '""' + row.realName + '"用户吗？', '提示', {
|
|
// confirmButtonText: '确定',
|
|
// cancelButtonText: '取消',
|
|
// type: 'warning'
|
|
// }).then(() => {
|
|
// changeUserStatus(row.userId, row.status).then(res=>{
|
|
// this.$message({
|
|
// type: 'success',
|
|
// message: text+'成功!'
|
|
// });
|
|
// })
|
|
// }).catch(() => {
|
|
|
|
// });
|
|
|
|
|
|
},
|
|
// 取消按钮
|
|
cancel() {
|
|
this.open = false;
|
|
this.reset();
|
|
},
|
|
/** 转换部门数据结构 */
|
|
normalizer(node) {
|
|
// console.log('转换部门数据结构',node)
|
|
if (node.childrens && !node.childrens.length) {
|
|
delete node.childrens;
|
|
}
|
|
return {
|
|
id: node.id,
|
|
label: node.label,
|
|
children: node.childrens
|
|
};
|
|
},
|
|
// 表单重置
|
|
reset() {
|
|
this.form = {
|
|
userId: undefined,
|
|
deptId: undefined,
|
|
userName: undefined,
|
|
nickName: undefined,
|
|
password: undefined,
|
|
phonenumber: undefined,
|
|
email: undefined,
|
|
sex: undefined,
|
|
status: "0",
|
|
remark: undefined,
|
|
postIds: [],
|
|
// roleIds: []
|
|
roleIds: ''
|
|
};
|
|
this.resetForm("form");
|
|
},
|
|
|
|
|
|
/** 搜索按钮操作 */
|
|
handleQuery() {
|
|
this.queryParams.pageNum = 1;
|
|
this.getList();
|
|
},
|
|
/** 重置按钮操作 */
|
|
resetQuery() {
|
|
this.dateRange = [];
|
|
this.resetForm("queryForm");
|
|
this.queryParams.deptId = undefined;
|
|
this.$refs.tree.setCurrentKey(null);
|
|
this.handleQuery();
|
|
},
|
|
// 多选框选中数据
|
|
handleSelectionChange(selection) {
|
|
// this.ids = selection.map(item => item.userId);
|
|
this.ids = selection.map(item => item.acctId);
|
|
this.single = selection.length != 1;
|
|
this.multiple = !selection.length;
|
|
},
|
|
// 更多操作触发
|
|
handleCommand(command, row) {
|
|
switch (command) {
|
|
case "handleResetPwd":
|
|
this.handleResetPwd(row);
|
|
break;
|
|
case "handleAuthRole":
|
|
this.handleAuthRole(row);
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
},
|
|
|
|
// 获取角色信息
|
|
getRoleList(permissionType) {
|
|
let par={
|
|
permissionType:permissionType
|
|
}
|
|
getDutyList(par).then(res=>{
|
|
this.rolelist = res.data
|
|
})
|
|
},
|
|
// 获取角色信息
|
|
getRoleList1(storeId) {
|
|
dutyLists({storeId:storeId}).then(res => {
|
|
this.rolelist = res.data
|
|
})
|
|
},
|
|
|
|
/** 新增按钮操作 */
|
|
handleAdd() {
|
|
this.open = true
|
|
this.title = "新增用户"
|
|
this.resetForm()
|
|
let permissionType
|
|
if (this.deptType === "3") {
|
|
permissionType = 'staff'
|
|
}else {
|
|
permissionType = 'system'
|
|
}
|
|
// this.getRoleList(permissionType);
|
|
this.getRoleList1(this.queryParams1.storeId);
|
|
|
|
|
|
},
|
|
resetForm () {
|
|
this.form= {
|
|
accountName:'',
|
|
password:'',
|
|
accountStatus:1
|
|
}
|
|
},
|
|
|
|
/** 修改按钮操作 */
|
|
handleUpdate(row) {
|
|
console.log('修改用户信息',row)
|
|
this.title = '修改用户信息'
|
|
const app = this;
|
|
app.reset();
|
|
app.open = true;
|
|
app.form = row
|
|
|
|
app.form.roleIds = Number(app.form.roleIds);
|
|
|
|
app.form.password1 = row.password
|
|
|
|
//获取角色
|
|
let permissionType
|
|
|
|
if (row.deptType === "3") {
|
|
permissionType = 'staff'
|
|
}else {
|
|
permissionType = 'system'
|
|
}
|
|
// this.getRoleList(permissionType);
|
|
this.getRoleList1(row.deptId);
|
|
|
|
},
|
|
|
|
// 角色过滤
|
|
|
|
|
|
|
|
/** 重置密码按钮操作 */
|
|
handleResetPwd(row) {
|
|
|
|
console.log("row",row)
|
|
this.$prompt('请输入"' + row.realName + '"的新密码', "提示", {
|
|
confirmButtonText: "确定",
|
|
cancelButtonText: "取消",
|
|
closeOnClickModal: false,
|
|
inputPattern: /^.{5,20}$/,
|
|
inputErrorMessage: "用户密码长度必须介于 5 和 20 之间"
|
|
}).then(({value}) => {
|
|
resetUserPwd(row.acctId, value).then(response => {
|
|
this.$modal.msgSuccess("修改成功，新密码是：" + value);
|
|
});
|
|
}).catch(() => {
|
|
});
|
|
},
|
|
/** 分配角色操作 */
|
|
handleAuthRole: function (row) {
|
|
const userId = row.userId;
|
|
this.$router.push("/system/user-auth/role/" + userId);
|
|
},
|
|
/** 提交按钮 */
|
|
submitForm: function () {
|
|
this.$refs["form"].validate(valid => {
|
|
if (valid) {
|
|
// this.form.merchantId =
|
|
// this.form.roleIds = [this.form.roleIds]
|
|
// if (this.form.userId !== undefined) {
|
|
if (this.form.acctId) {
|
|
updateUser(this.form).then(response => {
|
|
this.$modal.msgSuccess("修改成功");
|
|
this.open = false;
|
|
this.initPage()
|
|
|
|
});
|
|
} else {
|
|
this.form.deptId = this.queryParams.deptId
|
|
this.form.deptType = this.deptType
|
|
addUser(this.form).then(response => {
|
|
this.$modal.msgSuccess("新增成功");
|
|
this.open = false;
|
|
this.initPage()
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
getCodeByRole(value) {
|
|
console.log("value",value)
|
|
this.rolelist.forEach(res => {
|
|
if (res.id == value) {
|
|
this.form.code = res.code
|
|
}
|
|
})
|
|
console.log("value22",this.form.code)
|
|
},
|
|
/** 删除按钮操作 */
|
|
handleDelete(row) {
|
|
// const userIds = row.userId || this.ids;
|
|
const userIds = row.acctId || this.ids;
|
|
// this.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项？').then(function () {
|
|
this.$modal.confirm('是否确认删除"' + row.realName + '"的数据项？').then(function () {
|
|
return delUser(userIds);
|
|
}).then(() => {
|
|
this.getList();
|
|
this.$modal.msgSuccess("删除成功");
|
|
}).catch(() => {
|
|
});
|
|
},
|
|
/** 导出按钮操作 */
|
|
handleExport() {
|
|
this.download('system/user/export', {
|
|
...this.queryParams
|
|
}, `user_${new Date().getTime()}.xlsx`)
|
|
},
|
|
/** 导入按钮操作 */
|
|
handleImport() {
|
|
this.upload.title = "用户导入";
|
|
this.upload.open = true;
|
|
},
|
|
/** 下载模板操作 */
|
|
importTemplate() {
|
|
this.download('system/user/importTemplate', {}, `user_template_${new Date().getTime()}.xlsx`)
|
|
},
|
|
// 文件上传中处理
|
|
handleFileUploadProgress(event, file, fileList) {
|
|
this.upload.isUploading = true;
|
|
},
|
|
// 文件上传成功处理
|
|
handleFileSuccess(response, file, fileList) {
|
|
this.upload.open = false;
|
|
this.upload.isUploading = false;
|
|
this.$refs.upload.clearFiles();
|
|
this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", {dangerouslyUseHTMLString: true});
|
|
this.getList();
|
|
},
|
|
// 提交上传文件
|
|
submitFileForm() {
|
|
this.$refs.upload.submit();
|
|
},
|
|
inputDeptName() {
|
|
this.getList()
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style>
|
|
|
|
|
|
.el-tree-node.is-current > .el-tree-node__content {
|
|
background-color: rgb(201, 227, 255) !important;
|
|
}
|
|
|
|
.app-container{
|
|
width: 100%;
|
|
height: 100vh;
|
|
background: #f6f8f9;
|
|
}
|
|
.left-box{
|
|
box-sizing: border-box;
|
|
height: 75vh;
|
|
padding: 15px;
|
|
overflow-y: auto; /* 只显示垂直滚动条 */
|
|
}
|
|
.title-h{
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
margin-bottom: 20px;
|
|
}
|
|
.xzbox{
|
|
width: 100%;
|
|
margin: 5px auto;
|
|
border-radius: 8px;
|
|
height: 40px;
|
|
box-sizing: border-box;
|
|
padding: 0px 10px;
|
|
display: flex;
|
|
align-items: center;
|
|
color: #409EFF;
|
|
|
|
/*background: #99a9bf;*/
|
|
}
|
|
.custom-tree-box{
|
|
margin-right: 10px;
|
|
}
|
|
.el-tree .el-tree-node__content .el-checkbox {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|