41 lines
		
	
	
		
			950 B
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			41 lines
		
	
	
		
			950 B
		
	
	
	
		
			Plaintext
		
	
	
<template>
 | 
						|
  <div class="edit-container">
 | 
						|
    <el-tabs v-model="activeTab" @tab-click="clickTab">
 | 
						|
      <el-tab-pane label="User " name="user">
 | 
						|
        <user-info :user-id="userId" />
 | 
						|
      </el-tab-pane>
 | 
						|
      <el-tab-pane label="Password " name="account">
 | 
						|
        <Account v-if="load.account" :user-id="userId" />
 | 
						|
      </el-tab-pane>
 | 
						|
    </el-tabs>
 | 
						|
  </div>
 | 
						|
</template>
 | 
						|
<script>
 | 
						|
import UserInfo from '../components/UserInfo'
 | 
						|
import Account from '../components/Account'
 | 
						|
export default {
 | 
						|
  name: 'EditUser',
 | 
						|
  components: { UserInfo, Account },
 | 
						|
  data() {
 | 
						|
    return {
 | 
						|
      activeTab: 'user',
 | 
						|
      userId: '',
 | 
						|
      load: {
 | 
						|
        role: false,
 | 
						|
        account: false
 | 
						|
      }
 | 
						|
    }
 | 
						|
  },
 | 
						|
  created() {
 | 
						|
    this.userId = this.$router.currentRoute.query.Id
 | 
						|
  },
 | 
						|
  methods: {
 | 
						|
    clickTab(tab, event) {
 | 
						|
      if (this.load[tab.name] === false) {
 | 
						|
        this.load[tab.name] = true
 | 
						|
      }
 | 
						|
    }
 | 
						|
  }
 | 
						|
}
 | 
						|
</script>
 |