diff --git a/src/views/enterpriseArchives/componets/card.vue b/src/views/enterpriseArchives/componets/card.vue
index e720801..f6c21c5 100644
--- a/src/views/enterpriseArchives/componets/card.vue
+++ b/src/views/enterpriseArchives/componets/card.vue
@@ -3,35 +3,45 @@
         <div class="cardContent">
             <!-- 卡片展示 -->
             <el-row :gutter="20">
-                <el-col :span="6" class="cardCol" v-for="(i, index) in cardListArr" :key="index">
+                <el-col :span="6" class="cardCol" v-for="(i, index) in cardListArr" :key="index" @click.native="goArchives(i)">
                     <div class="cardList">
                         <div class="cardListHead">
-                            <span>{{ i.title }}</span>
+                            <span>{{ i.companyName }}</span>
                         </div>
                         <div class="cardListBody">
-                            <div class="bodySign">
+                            <div class="bodySign" :style="{ 'background': 'url('+ i.picUrl +')' }">
+                                <!-- <img  :src="i.picUrl"/> -->
                                 <!-- 中间标签 -->
                                 <div class="sign">
-                                    <span class="signGreen">危化企业</span>
-                                    <span class="signRed">民爆</span>
-                                    <span class="signBlue">易制毒</span>
+                                    <div class="impBtnList">
+                                        <div
+                                        :class="{
+                                            shewei: a == '剧毒' || a == '易制毒',
+                                            zhongdian: a == '消防重点' || a == '所管消防',
+                                            zhibao: a == '放射源' || a == '易制爆',
+                                            zhian: a == '治安重点' || a == '创安单位',
+                                        }"
+                                        v-for="a in i.companyTypes"
+                                        :key="a"
+                                        >
+                                        {{ a }}
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                         </div>
                         <div class="cardListFoot">
                             <el-descriptions class="margin-top" :column="2">
-                                <el-descriptions-item label="企业员工">{{ i.num }}</el-descriptions-item>
+                                <el-descriptions-item label="企业员工">{{ i.staffCount || 0}} 人</el-descriptions-item>
                                 <el-descriptions-item label="是否有过处罚">
-                                    <template slot-scope="scope">
-                                        <span v-if="scope.row.isHandle == 1">是</span>
-                                        <span v-else>否</span>
-                                    </template>
+                                    <span v-if="i.caseCount == 13">是</span>
+                                    <span v-else>否</span>
                                 </el-descriptions-item>
-                                <el-descriptions-item label="企业安全责任人电话">{{ i.phone }}</el-descriptions-item>
+                                <el-descriptions-item label="企业安全责任人电话">{{ i.emergencyContactPhone }}</el-descriptions-item>
                             </el-descriptions>
                             <div class="address">
                                 <img src="@/assets/enterpriseArchives/address.png" alt="">
-                                <span>{{ i.address }}</span>
+                                <span>{{ i.companyAddress }}</span>
                             </div>
                         </div>
                     </div>
@@ -70,7 +80,15 @@ export default {
         
     },
     methods: {
-       
+        goArchives(val) {
+            console.log(val,'val');
+            sessionStorage.setItem('companyID', val.id)
+            sessionStorage.setItem('companyName', val.companyName)
+            this.$router.push({
+                name: 'archives',
+
+            })
+        },
     },
 }
 </script>
@@ -114,16 +132,87 @@ export default {
         }
         .bodySign {
             width: 95%;
-            background: url("~@/assets/enterpriseArchives/build.jpg") no-repeat;
+            // background: url("~@/assets/enterpriseArchives/build.jpg") no-repeat;
             background-size: cover;
             position: relative;
             .sign {
                 position: absolute;
                 bottom: 5px;
-                width: 60%;
+                width: 100%;
                 color: #fff;
                 display: flex;
                 justify-content: space-around;
+                .impBtnList {
+                    height: 40px;
+                    width: 100%;
+                    display: flex;
+                    align-items: center;
+                    overflow: hidden;
+                    white-space: nowrap; //禁止换行
+
+                    text-overflow: ellipsis; //...
+                    //margin-bottom: 5px;
+
+                    .shewei {
+                        height: 26px;
+                        line-height: 26px;
+                        width: auto;
+                        background: url("~@/assets/companyFile/编组 11991.png")
+                        no-repeat;
+                        padding: 0 5px;
+                        font-size: 14px;
+                        color: #b5ebff;
+                        letter-spacing: 0.44px;
+                        font-weight: 400;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+
+                    .zhongdian {
+                        height: 26px;
+                        line-height: 26px;
+                        width: auto;
+                        background: url("~@/assets/companyFile/编组 11222221.png")
+                        no-repeat;
+                        padding: 0 5px;
+                        font-size: 14px;
+                        color: #e3deff;
+                        letter-spacing: 0.44px;
+                        font-weight: 400;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+
+                    .zhibao {
+                        height: 26px;
+                        line-height: 26px;
+                        width: auto;
+                        background: url("~@/assets/companyFile/编组 11991备份 10.png")
+                        no-repeat;
+                        padding: 0 5px;
+                        font-size: 14px;
+                        color: #e3deff;
+                        letter-spacing: 0.44px;
+                        font-weight: 400;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+
+                    .zhian {
+                        height: 26px;
+                        line-height: 26px;
+                        width: auto;
+                        background: url("~@/assets/companyFile/编组 11991备份 21.png")
+                        no-repeat;
+                        padding: 0 5px;
+                        font-size: 14px;
+                        color: #e3deff;
+                        letter-spacing: 0.44px;
+                        font-weight: 400;
+                        background-size: 100% 100%;
+                        margin-right: 10px;
+                    }
+                    }
                 .signGreen{
                     font-size: 14px;
                     background: url("~@/assets/enterpriseArchives/signGreen.png") no-repeat;
@@ -132,6 +221,12 @@ export default {
                     background: url("~@/assets/enterpriseArchives/signRed.png") no-repeat;
                 }.signBlue{
                     background: url("~@/assets/enterpriseArchives/signBlue.png") no-repeat;
+                    background-size: cover;
+                    padding: 3px;
+                    padding-left: 6px;
+                    padding-right: 6px;
+                    border-radius: 4px;
+                    font-size: 14px;
                 }
             }
         }
@@ -141,7 +236,7 @@ export default {
             margin-top: 5px;
             .address{
                 font-size: 14px;
-                margin-top: 1px;
+                margin-top: 4px;
                 img{
                     vertical-align: middle;
                 }
diff --git a/src/views/enterpriseArchives/index.vue b/src/views/enterpriseArchives/index.vue
index c2bb615..d7c672d 100644
--- a/src/views/enterpriseArchives/index.vue
+++ b/src/views/enterpriseArchives/index.vue
@@ -42,6 +42,7 @@ export default {
     },
     data() {
         return {
+            cardList:[],
             numList: [],
             totalNum: '',
             searchVal: '',
@@ -62,70 +63,13 @@ export default {
         this.getCardList()
     },
     methods: {
-        getCardList(){
+        getCardList(){//卡片列表
+            this.cardList = []
             cardLists().then((res) => {
                 if(res.code == 200) {
                     this.cardList = res.data
                 }
             })
-            this.cardList = [
-                {
-                    title:'宁波镇海兴达化工有限公司',
-                    num:'303人',
-                    isHandle:1,
-                    phone:18937886328,
-                    address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
-                },
-                {
-                    title:'宁波镇海兴达化工有限公司',
-                    num:'303人',
-                    isHandle:1,
-                    phone:18937886328,
-                    address:'浙江省宁波市镇海区经济技术开发区化工园区B区'
-                },
-                {
-                    title:'宁波镇海兴达化工有限公司',
-                    num:'303人',
-                    isHandle:1,
-                    phone:18937886328,
-                    address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
-                },
-                {
-                    title:'宁波镇海兴达化工有限公司',
-                    num:'303人',
-                    isHandle:1,
-                    phone:18937886328,
-                    address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
-                },
-                {
-                    title:'宁波镇海兴达化工有限公司',
-                    num:'303人',
-                    isHandle:1,
-                    phone:18937886328,
-                    address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
-                },
-                {
-                    title:'宁波镇海兴达化工有限公司',
-                    num:'303人',
-                    isHandle:1,
-                    phone:18937886328,
-                    address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
-                },
-                {
-                    title:'宁波镇海兴达化工有限公司',
-                    num:'303人',
-                    isHandle:1,
-                    phone:18937886328,
-                    address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
-                },
-                {
-                    title:'宁波镇海兴达化工有限公司',
-                    num:'221人',
-                    isHandle:1,
-                    phone:18937886328,
-                    address:'浙江省宁波市镇海区经济技术开发区化工园区A区'
-                }
-            ]
         },
         showResult(val) {
             if (!val) {
@@ -146,6 +90,8 @@ export default {
         clearInput() {
             this.resultList = JSON.parse(JSON.stringify(this.resultList1))
             this.isShow = false
+            this.gethistoryList()
+            this.getCardList()
         },
         getlistTotal() {
             listTotal().then((res) => {