summaryrefslogtreecommitdiff
path: root/src/views/menuTaskManagement/module/Header.vue
blob: 9936e17f95fa3f37d21037d6f3dee61dc71ef344 (plain)
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<template>
<div class="head">
    <div class="target-select">
        <span style="font-size: 30px;float: left;padding-top: 1%">任务列表</span>
    </div>
<!--    <img class="add-btn" src="../../../img/btn/addRoleBtn.svg" @click="addRole">-->
    <el-row>
        <el-button type="primary" plain @click="addRole">新增任务</el-button>
    </el-row>
</div>
</template>

<script>
export default {
    name: 'Header',
    props: [],
    data() {
        return {
            role_name: ''
        }
    },
    watch: {},
    methods: {
        // 新增
        addRole() {
            this.$emit('addRole')
        }
    }
}
</script>

<style lang="less" scoped>
.head{
    width: 95%;
    height: 7%;
    margin-top: 1%;
    margin-left: 2.5%;
    text-align: right;
    .target-select{
        font-size: 10px;
        float: left;
        margin-top: 0.5%;
        display: inline-block;
        height: 60%;
        width: 10%;
        margin-left: 0.5%;
    }
    .add-btn {
        height: 70%;
        width: 10%;
        color: #ffffff;
    }
}
</style>