From 190591b1781218d64fe7f613edda8d5818024253 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E5=AE=8F=E6=9D=B0?= <1943105267@qq.com>
Date: Thu, 14 Mar 2024 13:34:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/vxEwm/enterprise/info.vue | 370 ++++++++++++++++++++++++++++
 1 file changed, 370 insertions(+)

diff --git a/src/views/vxEwm/enterprise/info.vue b/src/views/vxEwm/enterprise/info.vue
index 9663c90..35e8a2d 100644
--- a/src/views/vxEwm/enterprise/info.vue
+++ b/src/views/vxEwm/enterprise/info.vue
@@ -159,12 +159,166 @@
           </div>
         </div>
       </div>
+      <div class="firm-info" v-if="active == 1">
+        <div class="info-content">
+          <div class="list-item">
+            <div class="item-title">企业名称</div>
+            <div class="item-value">{{ parkList.name }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">社会信用代码</div>
+            <div class="item-value">{{ parkList.certificateCode }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">规上企业</div>
+            <div class="item-value">
+              {{ parkList.standardSized == 0 ? '否' : '是' }}
+            </div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">上亿企业</div>
+            <div class="item-value">
+              {{ parkList.oneHundredMillion == 0 ? '否' : '是' }}
+            </div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">企业类型</div>
+            <div class="item-value">{{ parkList.typeName }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">所属行业</div>
+            <div class="item-value">{{ parkList.industryName }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">所属地</div>
+            <div class="item-value">{{ parkList.locationName }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">所属工业园</div>
+            <div class="item-value">{{ parkList.parkName }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">法定代表人</div>
+            <div class="item-value">{{ parkList.legalPerson }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">法人联系人</div>
+            <div class="item-value">{{ parkList.legalPersonPhone }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">住所（注册地）</div>
+            <div class="item-value">{{ parkList.registerAddress }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">实际经营地址</div>
+            <div class="item-value">{{ parkList.businessAddress }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">企业人数</div>
+            <div class="item-value">{{ parkList.person }}(人)</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">面积</div>
+            <div class="item-value">{{ parkList.rentSpace }}(㎡)</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">企业状态</div>
+            <div class="item-value">{{ parkList.status | fiterStatus }}</div>
+          </div>
+          <van-divider />
+          <div class="list-item">
+            <div class="item-title">入住园区</div>
+            <div class="item-value">{{ parkList.parkName }}</div>
+          </div>
+          <van-divider />
+        </div>
+      </div>
+      <div class="record-list" v-if="active == 2">
+        <!-- <div class="serch-input">
+          <div class="input-box">
+            <input type="text" placeholder="请输入搜索关键字" v-model="EnterpriseName" />
+            <div class="input-close" v-show="EnterpriseName">
+              <van-icon name="clear" @click="EnterpriseName = undefined" />
+            </div>
+          </div>
+          <div class="serch-btn" @click="onSearch"></div>
+        </div> -->
+        <!-- <van-list
+          v-model="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          @load="onLoad"
+        >
+          <div class="list-items" v-for="item in 10">
+            <div class="item-top">
+              【日常巡查】 苏州智讯联电子有限公司
+            </div>
+            <div class="item-bottom">
+              <div class="bottom-time">2024-02-27</div>
+              <div class="bottom-right">
+                <div class="right-name">打卡人：许龙彪</div>
+                <img @click="goInfo(item)" src="@/assets/image/vxEwm/examine.png" alt="">
+              </div>
+            </div>
+          </div>
+        </van-list> -->
+        <div>
+          <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
+            <van-list
+              v-model="loading"
+              :finished="finished"
+              finished-text="没有更多了"
+              @load="onLoad"
+              :immediate-check="true"
+            >
+              <div class="list-items" v-for="item in checkslist" :key="item.id">
+                <div class="item-top">
+                  {{
+                    item.leaderJoin
+                      ? '【领导检查】' + item.enterpriseName
+                      : '【日常巡查】' + item.enterpriseName
+                  }}
+                </div>
+                <div class="item-bottom">
+                  <div class="bottom-time">{{ item.checkDate }}</div>
+                  <div class="bottom-right">
+                    <div class="right-name">
+                      打卡人：{{ item.reportPersonName }}
+                    </div>
+                    <img
+                      v-show="item.isTrouble == 1"
+                      @click="goInfo(item)"
+                      src="@/assets/image/vxEwm/examine.png"
+                      alt=""
+                    />
+                  </div>
+                </div>
+              </div>
+            </van-list>
+          </van-pull-refresh>
+        </div>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
 import xApi from '../../../api/xApi'
+import * as api from '@/api/api2.js'
 export default {
   data() {
     return {
@@ -184,10 +338,31 @@ export default {
       gongdanSum: null, //工单总数
       weigongdan: 0,
       yigongdan: 0,
+      parkList: {},
+      loading: false,
+      finished: false,
+      pageIndex: 1,
+      checkslist: [],
+      refreshing: false,
+      enterpriseId: null,
     }
   },
+  filters: {
+    fiterStatus(target) {
+      if (target == 1) {
+        return '正常'
+      }
+      if (target == 2) {
+        return '注销'
+      }
+      if (target == 3) {
+        return '搬离'
+      }
+    },
+  },
   mounted() {
     let enterpriseId = this.$route.query.id
+    this.enterpriseId = this.$route.query.id
     this.enterpriseName = this.$route.query.name
     let isShow = this.$route.query.isShow
     if (isShow) {
@@ -199,6 +374,8 @@ export default {
     this.getJianChaNum(enterpriseId)
     this.getGongDan(enterpriseId)
     this.getZhengGaiInfo(enterpriseId)
+    this.getIdInfo(enterpriseId)
+    this.onLoad(enterpriseId)
   },
   methods: {
     changeTab(name, index) {
@@ -289,6 +466,57 @@ export default {
         }
       })
     },
+    //根据id获取工业区详情
+    getIdInfo(id) {
+      xApi.getEnterInfo(id).then((res) => {
+        this.parkList = res.data
+      })
+    },
+    // 触底加载
+    onLoad() {
+      let initLimit = 10
+      let params = {}
+      if (this.refreshing) {
+        this.checkslist = []
+        this.refreshing = false
+      }
+      params = {
+        enterpriseID: this.enterpriseId,
+        limit: initLimit,
+        page: this.pageIndex,
+        leaderJoin: 0,
+      }
+      setTimeout(() => {
+        api.getCheckslist(params).then((res) => {
+          this.checkslist = this.checkslist.concat(res.data)
+          if (res.data.length < initLimit) {
+            // console.log(this.pageIndex++, '获取到的数据为' + res.data.length)
+            this.finished = true
+            return
+          }
+          this.loading = false
+          this.pageIndex++
+        })
+      }, 500)
+    },
+    onRefresh() {
+      // 清空列表数据
+      this.finished = false
+      // 上拉清空页数
+      this.pageIndex = 1
+      // 上拉清空数据
+      this.checkslist = []
+      // 重新加载数据
+      // 将 loading 设置为 true，表示处于加载状态
+      this.loading = true
+      this.onLoad()
+    },
+    // 检查详情
+    goInfo(item) {
+      this.$router.push({
+        path: '/enterpriseData/check/info/' + item.id,
+      })
+    },
   },
 }
 </script>
@@ -454,4 +682,146 @@ img {
     }
   }
 }
+.firm-info {
+  .info-content {
+    background: #ffffff;
+    // box-shadow: 0.08rem 0rem 0.16rem 0rem #BBD5EC;
+    border-radius: 0.24rem;
+    padding: 0.35rem 0.42rem;
+    .list-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 20px;
+      .item-title {
+        width: 1.8rem;
+        flex-wrap: nowrap;
+        font-family: PingFang-SC, PingFang-SC;
+        font-weight: 500;
+        font-size: 0.21rem;
+        color: #666666;
+        // line-height: 0.8rem;
+      }
+      .item-value {
+        flex: 1;
+        font-family: PingFang-SC, PingFang-SC;
+        font-weight: bold;
+        font-size: 0.22rem;
+        color: #333333;
+        // line-height: 0.8rem;
+      }
+    }
+  }
+}
+.record-list {
+  padding-bottom: 0.45rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  // .serch-input {
+  //   width: 99%;
+  //   height: 0.8rem;
+  //   border-radius: 28px;
+  //   background-color: #fff;
+  //   box-shadow: 0 2px 12px 0 #0000001a;
+  //   padding: 0 0.25rem;
+  //   display: flex;
+  //   align-items: center;
+  //   justify-content: space-between;
+  //   .input-box {
+  //     flex: 1;
+  //     display: flex;
+  //     align-items: center;
+  //     input {
+  //       border: 0;
+  //       width: 90%;
+  //     }
+  //   }
+  // }
+  // .serch-btn {
+  //   height: 0.3rem;
+  //   width: 0.3rem;
+  //   background: url('~@/assets/image/vxEwm/search-btn.png');
+  //   background-size: 100% 100%;
+  // }
+  .list-items {
+    width: 99%;
+    margin-top: 0.24rem;
+    background: #ffffff;
+    box-shadow: 0.04rem 0.04rem 0.08rem 0rem #bbd5ec;
+    border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
+    .item-top {
+      background: #ffffff;
+      padding: 0.32rem 0.42rem;
+      font-family: PingFang-SC, PingFang-SC;
+      font-weight: 500;
+      font-size: 0.24rem;
+      color: #333333;
+      border-radius: 0.24rem 0.24rem 0rem 0rem;
+    }
+    .item-bottom {
+      background: #fafafa;
+      padding: 0.25rem 0.42rem;
+      border-radius: 0rem 0rem 0.24rem 0.24rem;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      font-family: PingFang-SC, PingFang-SC;
+      font-weight: 500;
+      font-size: 0.21rem;
+      color: #666666;
+      .bottom-time {
+      }
+      .bottom-right {
+        display: flex;
+        align-items: center;
+        .right-name {
+        }
+        img {
+          width: 0.66rem;
+          margin-left: 0.15rem;
+        }
+      }
+    }
+  }
+}
+/deep/ .van-list {
+  height: calc(100% - 1rem);
+  overflow-y: auto;
+  width: 100%;
+  border-radius: 16px;
+}
+/deep/.van-cell {
+  -webkit-box-shadow: 0rem 0rem 0rem 0rem;
+  box-shadow: 0rem 0rem 0rem 0rem;
+  border-bottom: 1px solid #cccc;
+  border-radius: 0rem;
+  height: auto;
+  text-align: left;
+  padding-left: 0.3rem;
+  padding-right: 0.3rem;
+}
+/deep/.van-cell__title {
+  margin-top: 0.167rem;
+  text-align: left;
+  padding-left: 0.15rem;
+  font-size: 0.267rem;
+
+  & > span {
+    font-family: 'AlibabaPuHuiTi-Medium';
+    font-weight: 400;
+    color: #34373b;
+  }
+}
+
+.svan-label {
+  font-size: 0.25rem;
+  margin-bottom: 0.167rem;
+  display: flex;
+  font-family: 'AlibabaPuHuiTi-Regular';
+  font-weight: 400;
+  color: #868d98;
+}
+.svan-label span {
+  flex: 1;
+}
 </style>