cert-tab-include.vue
2.24 KB
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<script >
export default {
props: {
// 标签页index
tab_index: {
default: 1
},
// 数量哦
licsnum: {
default: 0
},
},
data: function () {
return {
licsNum:{
complete:0,// 医疗器械证
contractor:0,// 生产厂商
agent:0,// 代理商
sale:0,// 售后服务机构
auth:0,// 经销授权书
price:0,// 物价
description:0// 说明书
}
}
},
methods: {
}
};
</script>
<template>
<div class="tab-nav">
<a v-link="{path:'/cert/certCompleteList'}" v-bind:class="{ 'active' : tab_index == 1 }" class="nav-item ">
医疗器械注册证
<span class="badge">{{licsnum}}</span>
</a>
<a v-link="{path:'/cert/certContractorList'}" v-bind:class="{ 'active' : tab_index == 2 }" class="nav-item">
生产厂商
<span class="badge">{{licsnum}}</span>
</a>
<a v-link="{path:'/cert/certAgentList'}" v-bind:class="{ 'active' : tab_index == 3 }" class="nav-item">
一级代理商
<span class="badge">{{licsnum}}</span>
</a>
<a v-link="{path:'/cert/certSaleList'}" v-bind:class="{ 'active' : tab_index == 4 }" class="nav-item">
售后服务机构
<span class="badge">{{licsnum}}</span>
</a>
<a v-link="{path:'/cert/certAuthList'}" v-bind:class="{ 'active' : tab_index == 5 }" class="nav-item">
经销授权书
<span class="badge">{{licsnum}}</span>
</a>
<a v-link="{path:'/cert/certPriceList'}" v-bind:class="{ 'active' : tab_index == 6 }" class="nav-item">
物价
<span class="badge">{{licsnum}}</span>
</a>
<a v-link="{path:'/cert/certAuthorization'}" v-bind:class="{ 'active' : tab_index == 8 }" class="nav-item">
销售代表授权书
<span class="badge">{{licsnum}}</span>
</a>
<a v-link="{path:'/cert/certDescriptionList'}" v-bind:class="{ 'active' : tab_index == 7 }" class="nav-item">
产品说明书
<span class="badge">{{licsnum}}</span>
</a>
<!-- <a v-link="{path:'/cert/certCompliance'}" v-bind:class="{ 'active' : tab_index == 9 }" class="nav-item">
合规证照
<span class="badge">{{licsnum}}</span>
</a> -->
</div>
</template>