Skip to content

H
hls-rljj-wx
Commit dc1bb9fb authored by Tyh's avatar Tyh
Browse files
Options

授权管理添加

parent 0f2e43ec
Show whitespace changes
Inline Side-by-side
Showing with 632 additions and 16 deletions
config/dev.env.js
View file @ dc1bb9fb
......@@ -9,20 +9,14 @@ module.exports = merge(prodEnv, {
isMobilePlatform: false,
appCode: '"HLS_APP"',
clearTable: true,
//domainUrl:"http://123.125.154.135:10004/core/",
//loginPath: "http://123.125.154.135:10004/core/oauth/token?client_id=client2&client_secret=secret&grant_type=password&username=admin&password=",
//rootPath: "http://123.125.154.135:10004/core/r/api",
// basePath: "http://123.125.154.135:10004/core/r/api?sysName=dr_uat&apiName=",
//file_view:"http://123.125.154.135:10004/core/r/api/app/fileViewSvc?sysName=dr_dev&apiName=attment_view&attachment_id=",
//filePath: "http://123.125.154.135:10004/core/r/api?sysName=dr_uat&apiName=file_view&",
// 测试环境
// loginPath: '"http://hlsapp.hand-china.com/core/oauth/token?client_id=hQGCtxTItRa34PUOgxaD0r7oSPeuEaIB&client_secret=7ee8338c-4a06-44a1-87cc-afa63f8e1bc3&grant_type=password&username=app&password=" ',
// loginPathRl: '"http://lease.hitachics.com/core/oauth/token?client_id=client2&client_secret=secret&grant_type=password&username=admin&password="',
// basePath: '"http://lease.hitachics.com/core/r/api?sysName=HCL_UPLOAD_FILE&apiName="',
// basePathRl: '"http://lease.hitachics.com/core/r/api?sysName=wxgzh_hitachics&apiName="',
// rootPath: '"http://lease.hitachics.com/core/r/api"',
// file_url: '"http://lease.hitachics.com/file/"',
// domainUrl: "http://lease.hitachics.com",
// loginPath: '"http://101.133.225.167/core/oauth/token?client_id=hQGCtxTItRa34PUOgxaD0r7oSPeuEaIB&client_secret=7ee8338c-4a06-44a1-87cc-afa63f8e1bc3&grant_type=password&username=app&password=" ',
// loginPathRl: '"http://101.133.225.167/core/oauth/token?client_id=client2&client_secret=secret&grant_type=password&username=admin&password="',
// basePath: '"http://101.133.225.167/core/r/api?sysName=HCL_UPLOAD_FILE&apiName="',
// basePathRl: '"http://101.133.225.167/core/r/api?sysName=wxgzh_hitachics&apiName="',
// rootPath: '"http://101.133.225.167/core/r/api"',
// file_url: '"http://101.133.225.167/file/"',
// domainUrl: "http://101.133.225.167/core/",
// 正式环境
loginPathRl: '"http://lease.hitachics.com/core/oauth/token?client_id=client2&client_secret=secret&grant_type=password&username=admin&password="',
basePath: '"http://lease.hitachics.com/core/r/api?sysName=HCL_UPLOAD_FILE&apiName="',
......
src/pages/applications/userRegisters/authorizedAgent.vue 0 → 100644
View file @ dc1bb9fb
<template>
<h-view class="public-style authorizedAgent" title="授权经办人">
<h-content>
<list-item class="reg-content">
<div class="repre-type">
<span>授权类型：</span>
<input
type="radio"
name="peopleType"
v-model="staffType"
@change="getRadioVal"
value="已授权"
/>已授权
<input
type="radio"
name="peopleType"
v-model="staffType"
@change="getRadioVal"
value="未授权"
/>未授权
</div>
<!-- 法定代表人 -->
<div v-if="staffType == '已授权'">
<div class="list" v-for="(item,index) in authorizedList" :key="index">
<div class="info_title">
<div class="list_left" style="width:30%;">
<img v-if="!item.choose" @click.stop="changeChoose(item)"
src="../../../assets/userRegister/unchoose.png"
alt
style="width:15px;height:15px;margin-right:5px;"
/>
<img v-if="item.choose" @click.stop="changeChoose(item)"
src="../../../assets/userRegister/choosed.png"
alt
style="width:15px;height:15px;margin-right:5px;"
/>
<div class="left">经办人<span>{{index+1}}</span> ：</div>
</div>
<div class="list_right" style="width:61%;">
<input type="text" class="edit" readonly />
</div>
</div>
<div class="info_all">
<div class="info_list">
<div class="list_left" style="width:39%;">
<img
src="../../../assets/userRegister/people.png"
alt
style="width:16px;height:16px;margin-right:5px;"
/>
经办人姓名：
</div>
<div class="list_right" style="width:61%;">
<input type="text" class="edit" v-model="item.name" readonly />
</div>
</div>
<div class="info_list">
<div class="list_left" style="width:48%;">
<img
src="../../../assets/userRegister/idCard.png"
alt
style="width:16px;height:16px;margin-right:5px;"
/>
经办人身份证号：
</div>
<div class="list_right" style="width:52%;">
<input type="text" class="edit" v-model="item.idNo" readonly />
</div>
</div>
<div class="info_list">
<div class="list_left" style="width:39%;">
<img
src="../../../assets/userRegister/phone.png"
alt
style="width:16px;height:16px;margin-right:5px;"
/>
手机号码：
</div>
<div class="list_right" style="width:61%;">
<input type="text" class="edit" v-model="item.mobile" readonly />
</div>
</div>
<div class="info_list">
<div class="list_left" style="width:39%;">
<img
src="../../../assets/userRegister/package.png"
alt
style="width:16px;height:16px;margin-right:5px;"
/>
是否授权：
</div>
<div v-if="item.authFlag == 'Y'" class="list_right" style="width:61%;">
已授权
</div>
<div v-if="item.authFlag == 'N'" class="list_right" style="width:61%;">
未授权
</div>
</div>
</div>
</div>
<div v-if="authorizedList.length && showButton" class="button_all">
<div
class="next_step"
@click="managerTransfer"
>管理转移</div>
<div
class="next_step"
@click="autohrized('N')"
>取消授权</div>
</div>
</div>
<!-- 未授权 -->
<div v-if="staffType ==='未授权'">
<div class="list" v-for="(item,index) in unAuthorizedList" :key="index">
<div class="info_title">
<div class="list_left" style="width:30%;">
<img v-if="!item.choose" @click.stop="changeChoose(item)"
src="../../../assets/userRegister/unchoose.png"
alt
style="width:15px;height:15px;margin-right:5px;"
/>
<img v-if="item.choose" @click.stop="changeChoose(item)"
src="../../../assets/userRegister/choosed.png"
alt
style="width:15px;height:15px;margin-right:5px;"
/>
<div class="left">经办人<span>{{index+1}}</span> ：</div>
</div>
<div class="list_right" style="width:61%;">
<input type="text" class="edit" readonly />
</div>
</div>
<div class="info_all">
<div class="info_list">
<div class="list_left" style="width:39%;">
<img
src="../../../assets/userRegister/people.png"
alt
style="width:16px;height:16px;margin-right:5px;"
/>
经办人姓名：
</div>
<div class="list_right" style="width:61%;">
<input type="text" class="edit" v-model="item.name" readonly />
</div>
</div>
<div class="info_list">
<div class="list_left" style="width:48%;">
<img
src="../../../assets/userRegister/idCard.png"
alt
style="width:16px;height:16px;margin-right:5px;"
/>
经办人身份证号：
</div>
<div class="list_right" style="width:52%;">
<input type="text" class="edit" v-model="item.idNo" readonly />
</div>
</div>
<div class="info_list">
<div class="list_left" style="width:39%;">
<img
src="../../../assets/userRegister/phone.png"
alt
style="width:16px;height:16px;margin-right:5px;"
/>
手机号码：
</div>
<div class="list_right" style="width:61%;">
<input type="text" class="edit" v-model="item.mobile" readonly />
</div>
</div>
<div class="info_list">
<div class="list_left" style="width:39%;">
<img
src="../../../assets/userRegister/package.png"
alt
style="width:16px;height:16px;margin-right:5px;"
/>
是否授权：
</div>
<div v-if="item.authFlag == 'Y'" class="list_right" style="width:61%;">
已授权
</div>
<div v-if="item.authFlag == 'N'" class="list_right" style="width:61%;">
未授权
</div>
</div>
</div>
</div>
<div v-if="unAuthorizedList.length && showButton" class="button_all">
<div
class="next_step"
@click="autohrized('Y')"
>授权</div>
</div>
</div>
</list-item>
</h-content>
</h-view>
</template>
<script>
// import { Grid, GridItem } from "vux";
import { getUrlParam } from "@/scripts/utils";
export default {
data() {
return {
staffType: "已授权",
authorizedList:[], //已授权数组
unAuthorizedList:[],//未授权数组,
id:null,
choosedList:[],//已选择数组
obj:{},
showButton:true,
};
},
components: {
// Grid,
// GridItem
},
activated: function() {},
updated: function() {},
created() {
let vm = this
},
beforeRouteEnter: function (to, form, next) {
next(vm => {
vm.id = vm.$route.params.id
vm.init()
})
},
methods: {
// tab切换
getRadioVal() {
// console.log(this.staffType);
},
changeChoose(item){
let vm = this
vm.$set(item,'choose',!item.choose)
console.log(item);
},
//管理转移
managerTransfer(){
let vm=this
vm.choosedList =[]
vm.authorizedList.forEach(function (value) {
if(value.choose){
vm.obj.openId =value.openId
vm.choosedList.push(vm.obj)
}
})
if(vm.choosedList.length==1){
let url = process.env.rootPath + '/auth/api/individual/assignment'
let param = {
"oldOpenId":window.localStorage.openId,
"openId":vm.choosedList[0].openId
}
vm.hlsPopup.showLoading('请稍等')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if(res.code=='000000'){
hlsPopup.showLongCenter('管理员转让成功!')
vm.obj={}
vm.choosedList = []
vm.showButton =false
this.$router.push({
name: 'CompanyRegister'
})
}else {
hlsPopup.showLongCenter(res.message)
}
})
}else{
hlsPopup.showLongCenter('请选择经办人且只能转移给一人!')
}
},
//授权
autohrized(flag){
let vm = this
vm.choosedList = [];
if(flag=='N'){ //已经授权的 取消授权
vm.authorizedList.forEach(function (value) {
if(value.choose){
vm.obj.openId =value.openId
vm.obj.authFlag = 'N'
vm.choosedList.push(vm.obj)
}
})
}else if(flag=='Y'){ //未授权的 授权
vm.unAuthorizedList.forEach(function (value) {
if(value.choose){
vm.obj.openId =value.openId
vm.obj.authFlag = 'Y'
vm.choosedList.push(vm.obj)
}
})
}
if(vm.choosedList.length>0){
let url = process.env.rootPath + '/auth/api/individual/authorize'
let param = vm.choosedList
vm.hlsPopup.showLoading('请稍等')
vm.$post(url, param).then(function (res) {
vm.hlsPopup.hideLoading()
if(res.code=='000000'){
hlsPopup.showLongCenter('操作成功!')
vm.obj={}
vm.choosedList = []
vm.init()
}else {
hlsPopup.showLongCenter(res.message)
}
})
}else{
hlsPopup.showLongCenter('请选择经办人!')
}
},
//数据初始化查询
init(){
let vm = this
let url = process.env.rootPath + '/auth/api/individual/info/query'
//91430722MA4L61HD37
let param = {
idNo:vm.id,
managerAuthFlag:'N'
}
vm.hlsPopup.showLoading('请稍等')
vm.$post(url,param).then(function (res) {
vm.hlsPopup.hideLoading()
if(res.success){
res.rows.forEach(function (value) {
// 是否被选中标志
vm.$set(value,'choose',false)
if(value.authFlag =='Y'){
vm.authorizedList.push(value)
}else if(value.authFlag =='N'){
vm.unAuthorizedList.push(value)
}
})
}
})
}
},
};
</script>
<style lang="less" type="text/less" scoped>
@import "../../../styles/vue-1px.less";
.authorizedAgent {
.reg-content {
padding: 20px;
font-size: 14px;
.repre-type {
padding: 10px;
border-bottom: 1px solid #d0d0d0;
color: #11111187;
font-size: 16px;
font-weight: 700;
}
.info_all{
width: 100%;
border: 1px solid #d0d0d0;;
}
.info_title {
width: 94%;
margin-left: 3%;
font-size: 14px;
display: flex;
display: -webkit-flex;
.list_left {
width: 35%;
// margin-left: 3%;
height: 50px;
font-family: "微软雅黑";
font-size: 14px;
color: #636363;
line-height: 50px;
// float: left;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-around;
-webkit-align-items: center;
-webkit-justify-content: space-around;
}
.list_right {
// width: auto;
// margin-right: 3%;
height: 50px;
color: #636363;
line-height: 50px;
// float: right;
}
.edit {
width: 100%;
// height: 50px;
color: #898989;
font-family: "微软雅黑";
font-size: 14px;
border: none;
}
.list_left2 {
width: 97%;
margin-left: 3%;
height: 50px;
font-family: "微软雅黑";
font-size: 14px;
color: #636363;
line-height: 50px;
// float: left;
}
}
.info_list {
width: 94%;
margin-left: 3%;
// height: 50px;
// border-bottom: 1px solid #f2f2f2;
font-size: 14px;
border-bottom: 1px solid #d0d0d0;
display: flex;
display: -webkit-flex;
.list_left {
width: 35%;
// margin-left: 3%;
height: 50px;
font-family: "微软雅黑";
font-size: 14px;
color: #636363;
line-height: 50px;
// float: left;
}
.list_right {
// width: auto;
// margin-right: 3%;
height: 50px;
color: #636363;
line-height: 50px;
// float: right;
}
.edit {
width: 100%;
// height: 50px;
color: #898989;
font-family: "微软雅黑";
font-size: 14px;
border: none;
}
.list_left2 {
width: 97%;
margin-left: 3%;
height: 50px;
font-family: "微软雅黑";
font-size: 14px;
color: #636363;
line-height: 50px;
// float: left;
}
}
.info_list:last-child{
border:none
}
.button_all{
width: 100%;
font-size: 14px;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-around;
-webkit-align-items: center;
-webkit-justify-content: space-around;
.next_step{
// width:30%;
height:30px;
line-height: 30px;
text-align: center;
border-radius:15px;
background-color:#09bb07;
color:#FFFFFF;
}
}
.uppic {
height: 100%;
width: 100%;
margin: 0 auto;
opacity: 0;
z-index: 1000;
position: absolute;
}
.pic {
width: 100%;
height: 100%;
position: absolute;
}
.bus-license {
width: 140px;
height: 100px;
margin: 10px auto;
border: 1px solid #b2b2b2;
border-radius: 8px;
position: relative;
}
.next_step {
width: 120px;
height: 30px;
border-radius: 15px;
background-color: #999999;
color: #ffffff;
margin-top: 50px;
}
}
}
// iPhoneX适配
@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.platform-ios {
#home {
}
}
}
// iPhoneX Max适配
@media (device-width: 414px) and (device-height: 896px) {
.platform-ios {
.platform-ios {
#home {
}
}
}
}
</style>
src/pages/applications/userRegisters/companyRegister.vue
View file @ dc1bb9fb
......@@ -581,12 +581,23 @@
</div>
</div>
<p style="margin-top:10px;text-align:center;color:#636363">正面</p>
<button
<!-- <button
class="next_step"
style="width:120px;height:30px;border-radius:15px;background-color:#09bb07;color:#FFFFFF;margin:100px 0 0 -60px;position:relative;left:50%;"
@click="logout()"
>注销
</button>
</button> -->
<div class="button_all">
<div v-if="isManagerFlag=='Y'"
class="next_step"
@click="goAutohrized()"
>授权管理</div>
<div
class="next_step"
@click="logout()"
>注销</div>
</div>
</div>
<!-- 组织其他员工 -->
<div v-if="staffType ==='组织其他员工'">
......@@ -723,6 +734,9 @@
@click="logout()"
>注销
</button>
</div>
</list-item>
</h-content>
......@@ -786,6 +800,9 @@
authAttachmentId: "",
authOrgAttachmentId: "",
showStatus: "",
isManagerFlag:"",
managerAuthFlag:"",
};
},
......@@ -1255,6 +1272,15 @@
window.scrollTo(0, Math.max(scrollHeight, 0));
}, 100);
},
// 进入授权管理
goAutohrized(){
this.$router.push({
name: 'AuthorizedAgent',
params: {
id: vm.socialCode
},
})
},
// 查询用户信息
getUserInfo() {
var Request = new this.UrlSearch(); //实例化
......@@ -1285,6 +1311,12 @@
vm.userInfo = data;
vm.faceAuthStatus = data.faceAuthStatus;
vm.orgAuthStatus = data.orgAuthStatus;
window.localStorage.setItem('isManagerFlag', data.isManagerFlag)
window.localStorage.setItem('managerAuthFlag', data.managerAuthFlag)
vm.isManagerFlag = data.isManagerFlag
vm.managerAuthFlag = data.managerAuthFlag
vm.agentType = data.dealerFlag ? data.dealerFlag : "Y";
vm.showStatus = "1";
if (data.ctitype == 2) {
......@@ -1439,6 +1471,25 @@
line-height: 50px;
// float: left;
}
}
.button_all{
width: 100%;
font-size: 14px;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-around;
-webkit-align-items: center;
-webkit-justify-content: space-around;
.next_step{
// width:30%;
height:30px;
line-height: 30px;
text-align: center;
border-radius:15px;
background-color:#09bb07;
color:#FFFFFF;
}
}
.uppic {
height: 100%;
......
src/router/index.js
View file @ dc1bb9fb
......@@ -26,6 +26,8 @@ import UserRegister from '@/pages/applications/userRegisters/userRegister'
// 企业注册
import CompanyRegister from '@/pages/applications/userRegisters/companyRegister'
import ReadonlyCompanyReg from '@/pages/applications/userRegisters/readonlyCompanyReg'
//授权经办人
import AuthorizedAgent from '@/pages/applications/userRegisters/authorizedAgent'
// 个人注册
import PersonalRegister from '@/pages/applications/userRegisters/personalRegister'
......@@ -193,6 +195,15 @@ export default new Router({
keepAlive: false
},
},
// 授权经办人
{
path: '/AuthorizedAgent',
component: AuthorizedAgent,
name: 'AuthorizedAgent',
meta: {
keepAlive: false
},
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment