From db0e0b1c30f2761aadebef25c9e50da15ca5fb32 Mon Sep 17 00:00:00 2001
From: qqkj <qqkj@163.com>
Date: Mon, 1 Mar 2021 17:41:02 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=8A=A0=E5=85=A5=E6=9C=BA?=
 =?UTF-8?q?=E6=9E=84=E7=94=B3=E8=AF=B7=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/branch.js                |   6 +-
 src/utils/auth.js                |  14 +-
 src/views/login/BranchAdd.vue    | 215 +++++++++++++++++++++++++------
 src/views/login/index.vue        |  11 +-
 src/views/login/socialsignin.vue |   2 +-
 5 files changed, 191 insertions(+), 57 deletions(-)

diff --git a/src/api/branch.js b/src/api/branch.js
index 10690fd2..f9da89cb 100644
--- a/src/api/branch.js
+++ b/src/api/branch.js
@@ -26,4 +26,8 @@ export const batchDelBranch = params => { return axios.post(`${base}/mdp/sys/bra
 export const editBranch = params => { return axios.post(`${base}/mdp/sys/branch/edit`, params); };
 
 //新增一条管理端机构表（机构下面若干部门）
-export const addBranchNoAuth = params => { return axios.post(`${base}/mdp/sys/branch/addBranchNoAuth`, params); };
\ No newline at end of file
+export const addBranchNoAuth = params => { return axios.post(`${base}/mdp/sys/branch/addBranchNoAuth`, params); };
+
+
+//新增一条企业入驻审核流程
+export const addUserJoinBranchRequire = params => { return axios.post(`${base}/mdp/sys/userJoinBranchRequire/add`, params); };
\ No newline at end of file
diff --git a/src/utils/auth.js b/src/utils/auth.js
index c9413018..6ad43d21 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -2,6 +2,8 @@ import Cookies from 'js-cookie'
 
 const TokenKey = 'token'
 
+const UserInfoKey='userInfo'
+
 export function getToken() {
   return localStorage.getItem(TokenKey)
 }
@@ -15,15 +17,13 @@ export function removeToken() {
 }
 
 export function getCacheUserInfo(){
-  var userInfo= localStorage.getItem(localStorage.getItem(TokenKey));
+  var userInfo= localStorage.getItem(UserInfoKey);
   return JSON.parse(userInfo);
 }
-export function setCacheUserInfo(userInfo){
-  var tokenValue=localStorage.getItem(TokenKey)
-  localStorage.setItem(tokenValue, JSON.stringify(userInfo)) 
+export function setCacheUserInfo(userInfo){ 
+  localStorage.setItem(UserInfoKey, JSON.stringify(userInfo)) 
   return;
 }
-export function removeCacheUserInfo() {
-  var tokenValue=localStorage.getItem(TokenKey)
-  return localStorage.removeItem(tokenValue)
+export function removeCacheUserInfo() { 
+  return localStorage.removeItem(UserInfoKey)
 }
\ No newline at end of file
diff --git a/src/views/login/BranchAdd.vue b/src/views/login/BranchAdd.vue
index 327a777a..019c46f9 100644
--- a/src/views/login/BranchAdd.vue
+++ b/src/views/login/BranchAdd.vue
@@ -1,18 +1,19 @@
 <template>
 	<section>
 		<el-row  class="app-container">
-			 
+				<el-row class="app-container">
+					<el-tag type="warning">您不在任何一个公司或者部门中，您可以 创建新公司 或者 申请加入已有公司</el-tag>
+				</el-row>
+			 	<el-row class="app-container">
+					<el-radio v-model="addOrJoinBranch" label="add" >创建新公司</el-radio><el-radio v-model="addOrJoinBranch" label="join" >申请加入已有公司</el-radio>
+				</el-row>
 			<!--新增界面 Branch 管理端机构表（机构下面若干部门）--> 
-			<el-form :model="addForm"  label-width="120px" :rules="addFormRules" ref="addForm">
-				<el-form-item label="" prop="branchName">
-					<el-tag>您不在任何一个公司或者部门中，需要【先创建公司】 或者请【管理员加您进入公司】</el-tag>
-				</el-form-item>
-				<el-form-item label="机构名称" prop="branchName">
+			<el-form :model="addForm" v-show="addOrJoinBranch=='add'" label-width="100px" :rules="addFormRules" ref="addForm">
+				<el-form-item label="公司名称" prop="branchName">
 					<el-input v-model="addForm.branchName" auto-complete="off">
-						<el-button slot="append" @click.prevent="checkBranchExists">查询机构是否存在</el-button> 
+						<el-button slot="append" round type="primary" plain @click="checkBranchExists">查询机构是否存在</el-button>  
 					</el-input>
 				</el-form-item> 
-
 				<el-form-item label="行业分类" prop="industryCategory"> 
 					  <el-select
 					    v-model="addForm.industryCategory" 
@@ -28,7 +29,7 @@
 					    </el-option>
 					  </el-select>
 				</el-form-item>  
-				<el-form-item label="姓名" prop="cusername">
+				<el-form-item label="联系人姓名" prop="cusername">
 					<el-input v-model="addForm.cusername" auto-complete="off"></el-input>
 				</el-form-item> 
 				<el-form-item label="联系电话" prop="phoneNo">
@@ -37,16 +38,47 @@
 				<el-form-item label="邮件" prop="emaill">
 					<el-input v-model="addForm.emaill" auto-complete="off"></el-input>
 				</el-form-item> 
-				<el-form-item>
-					<el-col :span="4" :offset="16"> 
-						<el-button @click.native="handleCancel">取消</el-button> 
-					</el-col>
-					<el-col :span="4"> 
-						<el-button v-loading="load.add" type="primary" @click.native="addSubmit" >提交</el-button>  
-					</el-col>
+				<el-form-item> 
+						<el-button @click.native="handleCancel">取消</el-button>  
+						<el-button v-loading="load.add" type="primary" round @click.native="addSubmit" >创建新公司</el-button>   
+				</el-form-item> 
+			</el-form>
+			 <!--新增界面 Branch 管理端机构表（机构下面若干部门）--> 
+			<el-form :model="joinForm" v-show="addOrJoinBranch=='join'" label-width="100px" :rules="joinFormRules" ref="joinForm">
+
+				<el-form-item label="公司查询" prop="joinBranchId">
+					<el-select
+						v-model="joinForm.joinBranchId" 
+						filterable
+						remote 
+						clearable
+						placeholder="请输入2个关键词查询"
+						:remote-method="searchBranchs"
+						value-key="id"
+						:loading="load.list">
+						<el-option
+						v-for="item in branchs"
+						:key="item.id"
+						:label="item.branchName"
+						:value="item.id">
+						</el-option>   
+					</el-select> 
+					<el-tag>选择已有公司-申请加入</el-tag>
+				</el-form-item>    
+				<el-form-item label="加入理由" prop="joinReason">
+					<el-input type="textarea" rows="4" v-model="joinForm.joinReason" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="联系人姓名" prop="joinUsername" >
+					<el-input v-model="joinForm.joinUsername" auto-complete="off"></el-input>
+				</el-form-item> 
+				<el-form-item label="联系电话" prop="joinUserPhoneno" >
+					<el-input v-model="joinForm.joinUserPhoneno" auto-complete="off"></el-input>
+				</el-form-item>  
+				<el-form-item>  
+						<el-button @click.native="handleCancel">取消</el-button>  
+						<el-button v-loading="load.add" type="warning"  round  @click.native="joinBranch" >加入公司</el-button>   
 				</el-form-item> 
 			</el-form>
-			 
 		</el-row>
 	</section>
 </template>
@@ -54,7 +86,7 @@
 <script>
 	import util from '@/common/js/util';//全局公共库
 	import { listOption } from '@/api/itemOption';//下拉框数据查询
-	import { addBranchNoAuth,listBranchNoAuth } from '@/api/branch';
+	import { addBranchNoAuth,listBranchNoAuth,addUserJoinBranchRequire } from '@/api/branch';
 	import { mapGetters } from 'vuex'
 	
 	export default {
@@ -70,18 +102,53 @@
 	      } 
 	    },	
 		data() {
+
+			const validateBranchName = (rule, value, callback) => { 
+				if( !value || value.length<=6){
+				callback(new Error('请输入6位以上公司名称'))
+				}else{
+				callback()
+				}  
+			}
+			const validatePhoneNo = (rule, value, callback) => { 
+				if( !value || value.length !=11 ){
+					callback(new Error('手机号码必须为11位号码'))
+				}else{
+					callback()
+				}  
+			} 
+			const validateCusername = (rule, value, callback) => { 
+				if( !value || value.length <2 ){
+					callback(new Error('请输入联系人名称'))
+				}else{
+					callback()
+				}  
+			} 
 			return {
 				options:{},//下拉选择框的所有静态数据  params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
 				load:{ list: false, edit: false, del: false, add: false },//查询中...
 				addFormRules: {
-					id: [
-						//{ required: true, message: '机构编号不能为空', trigger: 'blur' }
-					]
+					branchName: [{ required: true, trigger: 'blur', validator: validateBranchName }],
+					cusername: [{ required: true, trigger: 'blur', validator: validateCusername }],
+					phoneNo: [{ required: true, trigger: 'blur', validator: validatePhoneNo }], 
 				},
 				//新增界面数据 管理端机构表（机构下面若干部门）
 				addForm: {
 					id:'',branchName:'',enabled:'',industryCategory:'',cuserid:'',cdate:'',cusername:'',phoneNo:'',emaill:''
-				}
+				},
+				joinFormRules: {
+					//branchName: [{ required: true, trigger: 'blur', validator: validateBranchName }],
+					joinUsername: [{ required: true, trigger: 'blur', validator: validateCusername }],
+					joinUserPhoneno: [{ required: true, trigger: 'blur', validator: validatePhoneNo }],  
+					joinBranchId:[{ required: true, message: '要加入的公司不能为空', trigger: 'blur' }],
+					joinReason:[{ required: true, message: '加入理由不能为空', trigger: 'blur' }],
+				},
+				//新增界面数据 管理端机构表（机构下面若干部门）
+				joinForm: {
+					id:'',joinBranchId:'',joinUserPhoneno:'',joinUserid:'',joinUsername:'',joinDeptid:'',joinReason:''
+				}, 
+  				branchs:[],
+				addOrJoinBranch:'join'
 				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
 				
 				/**end 在上面加自定义属性**/
@@ -96,35 +163,94 @@
 			addSubmit: function () {
 				
 				this.$refs.addForm.validate((valid) => {
-					if (valid) {
-						
+					if (valid) { 
 						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
-							this.load.add=true
-							let params = Object.assign({}, this.addForm); 
-							console.log("dddddddddddddddddddddddddddddddddddddddddddddddd")
-							console.log(this.userInfo)
-							params.cuserid=this.userInfo.userid
-							addBranchNoAuth(params).then((res) => {
-								this.load.add=false
-								var tips=res.data.tips;
-								if(tips.isOk){
-									this.$refs['addForm'].resetFields();
-									this.$emit('submit',res.data.data );//  @submit="afterAddSubmit"
+							if(this.addForm.branchName.length>=6){
+								var params={
+									key:"%"+this.addForm.branchName+"%"
 								}
-								this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
-							}).catch(() => this.load.add=false);
+								listBranchNoAuth(params).then(res=>{
+									if(res.data.tips.isOk){
+										if(res.data.data.length<=0){
+											this.load.add=true
+											let params = Object.assign({}, this.addForm);  
+ 											params.cuserid=this.userInfo.userid
+											addBranchNoAuth(params).then((res) => {
+												this.load.add=false
+												var tips=res.data.tips;
+												if(tips.isOk){ 
+													this.$emit('submit',res.data.data );//  @submit="afterAddSubmit"
+												}
+												this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); 
+											}).catch(() => this.load.add=false);
+										}else{
+											this.$message({ message: "该公司名已注册，不可以使用", type: 'error' }); 
+											return;
+										}
+									}
+								})
+							}else{
+								this.$message({ message: "公司名必须6个字以上", type: 'error' }); 
+								return;
+							}
+							
 						});
 					}
 				});
 			},
+			
+			searchBranchs:function(query){
+				this.load.list=true;
+				if(query.length>=2){
+					var params={
+						key:"%"+query+"%"
+					}
+					listBranchNoAuth(params).then(res=>{
+						this.load.list=false;
+						if(res.data.tips.isOk){
+							if(res.data.data.length>=0){
+								this.branchs=res.data.data;
+								return;
+							}else{
+								this.branchs=[]
+								return;
+							}
+						}
+					})
+				}else{
+					this.load.list=false;
+					this.$message({ message: "最少输入两个字", type: 'info' }); 
+					return;
+				}
+			},
+			joinBranch:function(){ 
+				this.$refs.joinForm.validate((valid) => {
+					if (valid) { 
+						this.$confirm('确认提交吗？', '提示', {}).then(() => { 
+							 var params= this.joinForm
+							addUserJoinBranchRequire(params).then(res=>{ 
+								var tips = res.data.tips;
+								if(tips.isOk){ 
+									this.$message({ message:tips.msg, type: 'success' }); 
+									//this.$emit('submit',res.data.data );//  @submit="afterAddSubmit" 
+									return; 
+								}else{ 
+									this.$message({ message: tips.msg, type: 'error' }); 
+									return;
+								}
+							})
+						});
+					}
+				}); 
+			},
 			checkBranchExists:function(){
 				if(this.addForm.branchName.length>=2){
 					var params={
-						key:this.addForm.branchName
+						key:"%"+this.addForm.branchName+"%"
 					}
 					listBranchNoAuth(params).then(res=>{
 						if(res.data.tips.isOk){
-							if(res.data.total<=0){
+							if(res.data.data.length<=0){
 								this.$message({ message: "该公司名未注册，可以使用", type: 'success' }); 
 								return;
 							}else{
@@ -133,6 +259,9 @@
 							}
 						}
 					})
+				}else{
+					this.$message({ message: "最少输入两个字", type: 'error' }); 
+					return;
 				}
 			}
 			/**begin 在下面加自定义方法,记得补上面的一个逗号**/
@@ -151,7 +280,13 @@
 		mounted() {
 			this.addForm=Object.assign(this.addForm, this.branch);  
 			this.addForm.cusername=this.userInfo.username
-			this.addForm.phoneNo=this.userInfo.phoneNo;
+			this.addForm.phoneNo=this.userInfo.phoneno;
+			this.addForm.cuserid=this.userInfo.userid;
+			this.addForm.emaill=this.userInfo.email;
+			this.joinForm.joinUsername=this.userInfo.username
+			this.joinForm.joinReason="员工申请加入公司";
+			this.joinForm.joinUserid=this.userInfo.userid;
+			this.joinForm.joinUserPhoneno=this.userInfo.phoneno;
 			this.load.list=true
 			listOption([{categoryId:'all',itemCode:'industryCategory'}]).then(res=>{
 				this.load.list=false
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 875db930..192627a8 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -231,7 +231,8 @@ export default {
                 	//this.userDeptid=res2.data.userInfo.deptid
                 	this.loading = false
                 	if(res2.data.tips.isOk==true){
-                		if(this.$store.state.user.myBranchs==null ||this.$store.state.user.myBranchs.length==0||this.$store.state.user.myDepts==null || this.$store.state.user.myDepts.length<=0){ 
+                		    if(this.$store.state.user.myBranchs==null ||this.$store.state.user.myBranchs.length==0||this.$store.state.user.myDepts==null || this.$store.state.user.myDepts.length<=0){ 
+                        //if(1==1){
                         	//this.$message.error("亲，您不在任何一个公司或者部门中，需要【先创建公司】\n 或者请【管理员加您进入公司】哦"); 
                         	this.addBranchFormVisible=true;
                         }else if(this.$store.state.user.myDepts.length>1 ){
@@ -303,13 +304,7 @@ export default {
     
     afterAddBranchSubmit(branch){
     	this.addBranchFormVisible=false;
-    	this.loading=true
-        this.$store.dispatch('GetUserInfo').then((res)=>{
-        	this.userDeptid=res.data.userInfo.deptid 
-        	this.loading = false;
-        	//角色身份验证
-    		this.rolesChecked();
-        }); 
+      this.handleLogin();
     },
     afterQRScan() {
       // const hash = window.location.hash.slice(1)
diff --git a/src/views/login/socialsignin.vue b/src/views/login/socialsignin.vue
index fc782b5c..30384da0 100644
--- a/src/views/login/socialsignin.vue
+++ b/src/views/login/socialsignin.vue
@@ -17,7 +17,7 @@ export default {
   methods: {
     wechatHandleClick(thirdpart) {
       this.$store.commit('SET_AUTH_TYPE', thirdpart)
-      const appid = 'xxxxx'
+      const appid = 'wx0c261f0d6052439c'
       const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/authredirect')
       const url = 'https://open.weixin.qq.com/connect/qrconnect?appid=' + appid + '&redirect_uri=' + redirect_uri + '&response_type=code&scope=snsapi_login#wechat_redirect'
       openWindow(url, thirdpart, 540, 540)