0508

src/views/archives/index.vue

@@ -184,8 +184,8 @@
                 <kakou :companyID="companyID" ref="child2-2"></kakou>
                 <yujing :companyID="companyID" ref="child2-3"></yujing>
                 <qiyeyuangong :companyID="companyID" ref="child3-1"></qiyeyuangong>
-                <liudongrenyuan :companyID="companyID" ref="child3-2"></liudongrenyuan>
+                <!-- <liudongrenyuan :companyID="companyID" ref="child3-2"></liudongrenyuan>
-                <fangke :companyID="companyID" ref="child3-3"></fangke>
+                <fangke :companyID="companyID" ref="child3-3"></fangke> -->
                 <car :companyID="companyID" ref="child4"></car>
                 <wupin :companyID="companyID" ref="child5"></wupin>
                 <anjian :companyID="companyID" ref="child6"></anjian>
@@ -205,8 +205,8 @@ import car from './car.vue'
 import wupin from './wupin.vue'
 import anjian from './anjian.vue'
 import qiyeyuangong from './qiyeyuangong.vue'
-import liudongrenyuan from './liudongrenyuan.vue'
+// import liudongrenyuan from './liudongrenyuan.vue'
-import fangke from './fangke.vue'
+// import fangke from './fangke.vue'
 export default {
     components: {
         monitor,
@@ -216,8 +216,8 @@ export default {
         wupin,
         anjian,
         qiyeyuangong,
-        liudongrenyuan,
+        // liudongrenyuan,
-        fangke
+        // fangke
     },
     data() {
         return {
@@ -314,7 +314,6 @@ export default {
                 child.$el.scrollIntoView()
             }
         },
-
         searchCompany() {
             const id = sessionStorage.getItem('companyID')
             const companyName = sessionStorage.getItem('companyName')

src/views/systemManagement/companyList/index.vue

@@ -13,11 +13,7 @@
           <!-- 顶部搜索区域 -->
           <div class="top">
             <div class="top_search">
-              <el-input
+              <el-input class="top_search_input" placeholder="输入企业名称搜索" v-model="searchCompany">
-                class="top_search_input"
-                placeholder="输入企业名称搜索"
-                v-model="searchCompany"
-              >
               </el-input>
               <div class="top_search_button">
                 <i class="el-icon-search" @click="getData_icon()"></i>
@@ -34,27 +30,21 @@
                 <img :src="item.picUrl" alt="" @error="setDefaultImage" />
                 <span class="company_name"> {{ item.companyName }} </span>
                 <div class="company_label">
-                  <div
+                  <div :class="{
-                    :class="{
                     shewei: val == '剧毒' || val == '易制毒',
                     zhongdian: val == '消防重点' || val == '所管消防',
                     zhibao: val == '放射源' || val == '易制爆',
                     zhian: val == '治安重点' || val == '创安单位',
-                    }"
+                  }" v-for="(val, index) in item.companyTypes" :key="index">
-                    v-for="(val, index) in item.companyTypes"
-                    :key="index"
-                  >
                     {{ val }}
                   </div>
                 </div>
-                <span class="company_unit"
+                <span class="company_unit"><i class="el-icon-location"></i>
-                  ><i class="el-icon-location"></i>
+                  {{ item.companyAddress }}</span>
-                  {{ item.companyAddress }}</span
-                >
                 <!-- 遮罩层 -->
                 <div class="image_mask">
                   <div class="btn">
-                    <button class="check" @click="jump()">查看档案</button>
+                    <button class="check" @click="jump(item)">查看档案</button>
                     <button class="change" @click="openDialog(3, item)">
                       编辑
                     </button>
@@ -68,15 +58,9 @@
           </div>
           <!-- 分页区域 -->
           <div class="footer">
-            <el-pagination
+            <el-pagination :background="true" @current-change="handleCurrentChange" :page-sizes="[6]"
-              :background="true"
+              :page-size="pageSize" :current-page="pageNum" layout="total, sizes, prev, pager, next, jumper"
-              @current-change="handleCurrentChange"
+              :total="total">
-              :page-sizes="[6]"
-              :page-size="pageSize"
-              :current-page="pageNum"
-              layout="total, sizes, prev, pager, next, jumper"
-              :total="total"
-            >
             </el-pagination>
           </div>
         </div>
@@ -165,8 +149,12 @@ export default {
     back() {
       this.getData();
     },
-    jump() {
+    jump(val) {
+      console.log(val, 'Val');
+      sessionStorage.setItem('companyID', val.id)
+      sessionStorage.setItem('companyName', val.companyName)
       this.$router.push("/home/archives");
+
     },
     setDefaultImage(e) {
       // 加载失败默认图片
@@ -178,11 +166,14 @@ export default {
 <style lang="less" scoped>
 /* card统一样式 */
 .el-card.box-card.is-always-shadow {
-  height: calc(100vh - 116px); /* 控制card布局高度,用于适配 */
+  height: calc(100vh - 116px);
+  /* 控制card布局高度,用于适配 */
   position: relative;
+
   /* card统一样式 */
   /deep/.el-card__header {
     border-bottom: 1px solid #a1a1a1 !important;
+
     .clearfix {
       span {
         font-size: 17px;
@@ -193,38 +184,47 @@ export default {
     }
   }
 }
+
 .main {
   height: 100%;
+
   .el-card.box-card.is-always-shadow {
     background: url("~@/assets/companyFile/22136.png") no-repeat !important;
     background-size: 100% 100% !important;
     border: 0px;
   }
+
   .card_body {
     height: 90% !important;
+
     .top {
       width: 100%;
       display: flex;
       justify-content: space-between;
+
       .top_search {
         margin-left: 2vw;
         display: flex;
         width: 40%;
         height: 40px;
+
         .top_search_input ::v-deep {
           /* 查询框 */
           width: 60%;
+
           .el-input__inner {
             border-radius: 4px 0px 0px 4px;
             background: #3c4b4a;
             color: #fff;
           }
+
           /* 查询框点击颜色变化 */
           .el-input__inner:focus,
           .el-input__inner:hover {
             border-color: #1b3736;
           }
         }
+
         .top_search_button {
           width: 7%;
           height: 100%;
@@ -233,19 +233,23 @@ export default {
           text-align: center;
           font-size: 28px;
           cursor: pointer;
+
           .el-icon-search {
             color: #fff;
             padding: 11% 0;
           }
         }
+
         .top_search_button:focus,
         .top_search_button:hover {
           /* 放大镜点击特效 */
           background: #126a58;
         }
       }
+
       .top_add_btn {
         width: 10%;
+
         .el-button {
           width: 82%;
           border: 1px solid #4a6072;
@@ -254,6 +258,7 @@ export default {
           background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
           background-size: 100% 100% !important;
         }
+
         .el-button:focus,
         .el-button:hover {
           text-shadow: 0 0 9px #34e1b3;
@@ -261,17 +266,20 @@ export default {
         }
       }
     }
+
     /* 公司图片展示区域 */
     .center {
       width: 100%;
       height: 65vh;
       margin-top: 22px;
+
       ul {
         display: flex;
         justify-content: flex-start;
         height: 100%;
         flex-wrap: wrap;
         padding-left: 0px;
+
         li {
           margin-left: 2.5%;
           position: relative;
@@ -280,12 +288,14 @@ export default {
           height: 31vh;
           background: #1b3736;
           border: 1px solid #fff;
+
           img {
             margin-left: 0.3vw;
             margin-top: 0.5vh;
             width: 25vw;
             height: 30vh;
           }
+
           /* 公司图片相关信息区域 */
           .company_name {
             position: absolute;
@@ -296,12 +306,14 @@ export default {
             bottom: 70px;
             font-size: 18px;
           }
+
           .company_label {
             display: flex;
             position: absolute;
             z-index: 2;
             left: 10px;
             bottom: 35px;
+
             .shewei {
               height: 26px;
               line-height: 26px;
@@ -320,8 +332,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: auto;
-              background: url("~@/assets/companyFile/编组 11222221.png")
+              background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
-                no-repeat;
               padding: 0 5px;
               font-size: 14px;
               color: #e3deff;
@@ -335,8 +346,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: auto;
-              background: url("~@/assets/companyFile/编组 11991备份 10.png")
+              background: url("~@/assets/companyFile/编组 11991备份 10.png") no-repeat;
-                no-repeat;
               padding: 0 5px;
               font-size: 14px;
               color: #e3deff;
@@ -350,8 +360,7 @@ export default {
               height: 26px;
               line-height: 26px;
               width: auto;
-              background: url("~@/assets/companyFile/编组 11991备份 21.png")
+              background: url("~@/assets/companyFile/编组 11991备份 21.png") no-repeat;
-                no-repeat;
               padding: 0 5px;
               font-size: 14px;
               color: #e3deff;
@@ -361,6 +370,7 @@ export default {
               margin-right: 10px;
             }
           }
+
           .company_unit {
             position: absolute;
             z-index: 2;
@@ -368,6 +378,7 @@ export default {
             left: 10px;
             bottom: 10px;
           }
+
           /* 图片鼠标经过 */
           .image_mask {
             z-index: 3;
@@ -378,10 +389,12 @@ export default {
             background: rgba(73, 72, 72, 0.6);
             color: #ffffff;
             opacity: 0;
+
             /* 图片鼠标经过按钮 */
             .btn {
               margin-left: 25%;
               margin-top: 25%;
+
               button {
                 height: 60px;
                 padding: 20px;
@@ -392,28 +405,34 @@ export default {
                 border-radius: 0px;
                 cursor: pointer;
               }
+
               button.check {
                 background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
                 background-size: 100% 100% !important;
               }
+
               /* 点击高亮 */
               button.check:hover,
               button.check:focus {
                 filter: brightness(150%);
               }
+
               button.change {
                 background: url("~@/assets/companyFile/btn06.png") no-repeat !important;
                 background-size: 100% 100% !important;
               }
+
               /* 点击高亮 */
               button.change:hover,
               button.change:focus {
                 filter: brightness(150%);
               }
+
               button.clear {
                 background: url("~@/assets/companyFile/btn07.png") no-repeat !important;
                 background-size: 100% 100% !important;
               }
+
               /* 点击高亮 */
               button.clear:hover,
               button.clear:focus {
@@ -422,50 +441,62 @@ export default {
             }
           }
         }
+
         li:hover .image_mask {
           opacity: 1;
           cursor: default;
         }
+
         li:hover .shewei {
           opacity: 0;
         }
+
         li:hover .zhongdian {
           opacity: 0;
         }
+
         li:hover .zhibao {
           opacity: 0;
         }
+
         li:hover .zhian {
           opacity: 0;
         }
+
         li:hover span {
           opacity: 0;
         }
       }
     }
+
     /* 底部分页展示区域 */
     .footer {
       .el-pagination {
         margin-left: 50%;
+
         /deep/.el-pagination__total {
           color: #fff;
         }
+
         /deep/.el-input__inner {
           border-radius: 0px;
           background: #3c4b4a;
           color: #fff;
         }
+
         /deep/.btn-prev {
           border-radius: 0px;
           background: #3c4b4a;
           color: #fff;
         }
+
         /deep/ul {
           li {
             background: #3c4b4a;
             color: #fff;
           }
         }
+
         /deep/.btn-next {
           border-radius: 0px;
           background: #3c4b4a;