| ¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <el-tabs v-model="activeName" :lazy="true" type="border-card"> |
| | | <el-tab-pane label="人ååºæ¬ä¿¡æ¯" name="人ååºæ¬ä¿¡æ¯"> |
| | | <PersonnelList v-if="activeName === '人ååºæ¬ä¿¡æ¯' && isShowAll" ref="personnelList" |
| | | :currentCompaniesList="currentCompaniesList" :departId="departId" @refreshTree="refreshTree" |
| | | @updatePerson="updatePerson"></PersonnelList> |
| | | <personnelInformation v-if="activeName === '人ååºæ¬ä¿¡æ¯' && !isShowAll" :clickNodeVal="clickNodeVal"> |
| | | </personnelInformation> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="å¹è®è®¡å" name="å¹è®è®¡å"> |
| | | <PersonnelTraining v-if="activeName === 'å¹è®è®¡å'" ref="personnelTraining" :flag="flag" :departId="departId" |
| | | :isDepartment="isDepartment"></PersonnelTraining> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="çç£è®¡å" name="çç£è®¡å"> |
| | | <Plan v-if="activeName === 'çç£è®¡å'" :departId="departId"></Plan> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="å²ä½èè´£" name="å²ä½èè´£"> |
| | | <job-responsibilities v-if="activeName === 'å²ä½èè´£'" ref="jobResponsibilities" :departId="departId" |
| | | :isDepartment="isDepartment"></job-responsibilities> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="å·¥ä½å±¥å" name="å·¥ä½å±¥å"> |
| | | <trackRecord v-if="activeName === 'å·¥ä½å±¥å'" :clickNodeVal="clickNodeVal"></trackRecord> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="奿©è®°å½" name="奿©è®°å½"> |
| | | <rewardPunishmentRecord v-if="activeName === '奿©è®°å½'" :departId="departId" :isDepartment="isDepartment"> |
| | | </rewardPunishmentRecord> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="å¹è®è®°å½" name="å¹è®è®°å½"> |
| | | <training-record v-if="activeName === 'å¹è®è®°å½'" ref="trainingRecord" :departId="departId" |
| | | :isDepartment="isDepartment"></training-record> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="çç£è®°å½" name="çç£è®°å½"> |
| | | <Records v-if="activeName === 'çç£è®°å½'" ref="recordsRef" :departId="departId" :isDepartment="isDepartment"> |
| | | </Records> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="ä»»èææè®°å½" name="ä»»èææè®°å½"> |
| | | <Mandate v-if="activeName === 'ä»»èææè®°å½'" ref="manDateRef" :departId="departId" :isDepartment="isDepartment"> |
| | | </Mandate> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="人åè½å" name="人åè½å"> |
| | | <personnel-capacity v-if="activeName === '人åè½å'" ref="personnelCapacity" :departId="departId" |
| | | :isDepartment="isDepartment"></personnel-capacity> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="æ²éè®°å½" name="æ²éè®°å½"> |
| | | <Communicate v-if="activeName === 'æ²éè®°å½'" ref="communicateRef" :departId="departId" :isDepartment="isDepartment"> |
| | | </Communicate> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </template> |
| | | <script> |
| | | import Plan from './components/Plan/index.vue'; |
| | | import Records from './components/Records/index.vue'; |
| | | import Communicate from './components/Communicate/index.vue'; |
| | | import Mandate from './components/Mandate/index.vue'; |
| | | import PersonnelList from './components/PersonnelList/index.vue'; |
| | | import PersonnelTraining from './components/PersonnelTraining/index.vue'; |
| | | import JobResponsibilities from './components/JobResponsibilities/index.vue'; |
| | | import TrainingRecord from './components/TrainingRecord/index.vue'; |
| | | import PersonnelCapacity from './components/PersonnelCapacity/index.vue'; |
| | | import trackRecord from "./components/trackRecord/index.vue"; |
| | | import rewardPunishmentRecord from "./components/rewardPunishmentRecord/index.vue"; |
| | | import PersonnelInformation from "./components/PersonnelInformation/index.vue"; |
| | | |
| | | export default { |
| | | props: { |
| | | clickNodeVal: { |
| | | type: Object, |
| | | default: () => { |
| | | return {}; |
| | | } |
| | | }, |
| | | departId: { |
| | | type: Number, |
| | | default: 0 |
| | | }, |
| | | isDepartment: { |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | isShowAll: { |
| | | type: Boolean, |
| | | default: false |
| | | }, |
| | | currentCompaniesList: { |
| | | type: Array, |
| | | default: [] |
| | | } |
| | | }, |
| | | components: { |
| | | PersonnelInformation, |
| | | rewardPunishmentRecord, |
| | | trackRecord, |
| | | PersonnelCapacity, |
| | | TrainingRecord, |
| | | JobResponsibilities, |
| | | PersonnelTraining, |
| | | PersonnelList, |
| | | Plan, |
| | | Records, |
| | | Communicate, |
| | | Mandate |
| | | }, |
| | | watch: { |
| | | departId: { |
| | | handler(newId, oldId) { |
| | | if (newId) { |
| | | switch (this.activeName) { |
| | | case 'æ²éè®°å½': |
| | | this.$refs.communicateRef.getDepart(newId); |
| | | break; |
| | | case 'ä»»èææè®°å½': |
| | | this.$refs.manDateRef.getDepart(newId); |
| | | break; |
| | | default: |
| | | break; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | flag: true, |
| | | activeName: '人ååºæ¬ä¿¡æ¯', |
| | | } |
| | | }, |
| | | created() { |
| | | // this.flag = isPermission('personTrainingSelect') |
| | | // console.log('this.flag',this.flag); |
| | | }, |
| | | methods: { |
| | | updatePerson(row) { |
| | | this.$parent.updatePerson(row); |
| | | }, |
| | | refreshTree() { |
| | | this.$parent.refreshTree(); |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | | <style scoped> |
| | | .el-tabs>>>.el-tabs--border-card { |
| | | box-shadow: unset; |
| | | border: unset; |
| | | } |
| | | |
| | | .flex_column { |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | } |
| | | </style> |