张晓波
2023-09-19 164694c47c35d6654df69b533e8dbf8b5423efc5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<template>
  <div class="main">
    <div class="main_tabs">
      <el-tabs v-model="activeName">
        <el-tab-pane label="管服人员" name="first"></el-tab-pane>
        <el-tab-pane label="劳务人员" name="second"></el-tab-pane>
      </el-tabs>
    </div>
    <div class="main_content">
      <component :is="activeName === 'first' ? 'MortgageePossession' : 'LabourService'"></component>
    </div>
  </div>
</template>
 
<script>
import MortgageePossession from './components/MortgageePossession.vue';
import LabourService from "./components/LabourService.vue";
  export default {
    components: {
      MortgageePossession,
      LabourService
    },
    data() {
      return {
        activeName: 'first'
      }
    }
  }
</script>
 
<style lang="scss" scoped>
@import '../../../style/layout-main.scss';
 
/deep/.main {
  background: none;
}
</style>