From 1e65bd175264303e7b65c57f6b622930317afdb2 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123456 <zxx19900626>
Date: 星期日, 24 四月 2022 17:20:44 +0800
Subject: [PATCH] 社会卡持卡人数细节
---
src/pages/show/jiuyeAndChuangye/jiuyeChildren/jiuyeQingkuang.vue | 77 ++++++++++++++++++++++++++++----------
1 files changed, 57 insertions(+), 20 deletions(-)
diff --git a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/jiuyeQingkuang.vue b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/jiuyeQingkuang.vue
index 4d95d3e..1a5b1bd 100644
--- a/src/pages/show/jiuyeAndChuangye/jiuyeChildren/jiuyeQingkuang.vue
+++ b/src/pages/show/jiuyeAndChuangye/jiuyeChildren/jiuyeQingkuang.vue
@@ -1,24 +1,29 @@
<template>
<div class="jiuyeQingkuang-wrap">
<h1>鍚勫幙锛堝競銆佸尯锛�2021骞村氨涓氭儏鍐电粺璁¤〃</h1>
- <el-tabs v-model="activeName">
- <el-tab-pane label="鍩庨晣鏂板灏变笟" name="first">
- <chengzhenXinzengJiuye></chengzhenXinzengJiuye>
+ <el-tabs v-model="activeName" @tab-click="tabHandleClick">
+ <el-tab-pane
+ v-for="(item,index) in tabMenuList"
+ :key="item.id"
+ :label="item.name"
+ :name="item.id + ''">
+ <chengzhenXinzengJiuye ref="chengzhenXinzengJiuye" :tableData="tableData"></chengzhenXinzengJiuye>
</el-tab-pane>
- <el-tab-pane label="澶变笟鍐嶅氨涓�" name="second">
- <chengzhenXinzengJiuye></chengzhenXinzengJiuye>
+ <!--<el-tab-pane label="澶变笟鍐嶅氨涓�" name="2">
+ <chengzhenXinzengJiuye ref="chengzhenXinzengJiuye"></chengzhenXinzengJiuye>
</el-tab-pane>
- <el-tab-pane label="灏变笟鍥伴毦浜哄憳鍐嶅氨涓�" name="third">
- <chengzhenXinzengJiuye></chengzhenXinzengJiuye>
+ <el-tab-pane label="灏变笟鍥伴毦浜哄憳鍐嶅氨涓�" name="3">
+ <chengzhenXinzengJiuye ref="chengzhenXinzengJiuye"></chengzhenXinzengJiuye>
</el-tab-pane>
- <el-tab-pane label="鐧昏澶变笟鐜�" name="fourth">
- <chengzhenXinzengJiuye></chengzhenXinzengJiuye>
- </el-tab-pane>
+ <el-tab-pane label="鐧昏澶变笟鐜�" name="4">
+ <chengzhenXinzengJiuye ref="chengzhenXinzengJiuye"></chengzhenXinzengJiuye>
+ </el-tab-pane>-->
</el-tabs>
</div>
</template>
<script>
+ import {getEmployTable} from '@/api/jiuyeAndChuangye'
import chengzhenXinzengJiuye from "../../../components/jiuyeQingkuang/chengzhenXinzengJiuye";
export default {
name: "jiuyeQingkuang",
@@ -27,7 +32,39 @@
},
data() {
return {
- activeName: 'first'
+ activeName: '1',
+ type: '1',
+ tableData: [],
+ //'鍩庨晣鏂板灏变笟','澶变笟鍐嶅氨涓�','灏变笟鍥伴毦浜哄憳鍐嶅氨涓�','鐧昏澶变笟鐜�'
+ tabMenuList: [{
+ name: '鍩庨晣鏂板灏变笟',
+ id: 1
+ },{
+ name: '澶变笟鍐嶅氨涓�',
+ id: 2
+ },{
+ name: '灏变笟鍥伴毦浜哄憳鍐嶅氨涓�',
+ id: 3
+ },{
+ name: '鐧昏澶变笟鐜�',
+ id: 4
+ }]
+ }
+ },
+ mounted() {
+ this.getEmployTable()
+ },
+ methods: {
+ getEmployTable() {
+ getEmployTable({type: this.type}).then(res => {
+ if(res.code == 1000) {
+ this.tableData = res.list
+ }
+ })
+ },
+ tabHandleClick(tab, event) {
+ this.type = tab.name
+ this.getEmployTable()
}
}
}
@@ -45,23 +82,23 @@
justify-content: center;
}
.el-tabs__item{
- width: 24rem;
- height: 6.4rem;
+ width: 0.9375rem /* 240/256 */;
+ height: 0.25rem /* 64/256 */;
background: rgba(81,210,255,0.08);
- border: 1px solid #0097cc; /*no*/
+ border: 1Px solid #0097cc; /*no*/
color: #9CE6FF;
font-size: $fontSize-24;
- margin: 0 2rem /* 10/10 */;
+ margin: 0 0.078125rem /* 20/256 */ /* 10/10 */;
display: flex;
justify-content: center;
align-items: center;
}
.el-tabs__item.is-active{
- width: 24rem;
- height: 6.4rem;
+ width: 0.9375rem /* 240/256 */;
+ height: 0.25rem /* 64/256 */;
background: #00a6e1;
- border: 1px solid #51d2ff;
- box-shadow: 0px 3px 10px 0px rgba(255,255,255,0.80) inset;
+ border: 1Px solid #51d2ff;
+ box-shadow: 0Px 3Px 10Px 0Px rgba(255,255,255,0.80) inset;
color: $color-white;
font-size: $fontSize-24;
display: flex;
@@ -88,7 +125,7 @@
color: $color-white;
text-align: center;
line-height: 2;
- margin-bottom: 2rem;
+ margin-bottom: 0.078125rem /* 20/256 */;
}
}
</style>
--
Gitblit v1.9.1