From d861aabe8c7491e048c513f66361d17c2d675e31 Mon Sep 17 00:00:00 2001
From: laozt <2721205210@qq.com>
Date: Mon, 1 Apr 2024 13:33:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=97=E4=BD=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/vxEwm.js                   |  12 ++
 src/views/vxEwm/build/build/index.vue | 216 ++++++++++++++++++++++++++
 src/views/vxEwm/build/index.vue       | 129 +++++++++++++++
 3 files changed, 357 insertions(+)
 create mode 100644 src/views/vxEwm/build/build/index.vue
 create mode 100644 src/views/vxEwm/build/index.vue

diff --git a/src/router/vxEwm.js b/src/router/vxEwm.js
index e0df67c..16fed89 100644
--- a/src/router/vxEwm.js
+++ b/src/router/vxEwm.js
@@ -30,6 +30,18 @@ let routes = [
       },
     ],
   },
+  {
+    path: '/build',
+    name: '楼栋企业',
+    component: () => import('@/views/vxEwm/build/index.vue'),
+    children: [
+      {
+        path: '/build',
+        name: '楼栋企业',
+        component: () => import('@/views/vxEwm/build/build/index.vue'),
+      },
+    ],
+  },
 ]
 
 // {
diff --git a/src/views/vxEwm/build/build/index.vue b/src/views/vxEwm/build/build/index.vue
new file mode 100644
index 0000000..a21dc58
--- /dev/null
+++ b/src/views/vxEwm/build/build/index.vue
@@ -0,0 +1,216 @@
+<template>
+  <div class="enterprise-list">
+    <div class="title-gr">
+      <div class="icon-circle">
+
+      </div>
+      <div class="build-name">金星富民置业工业园 1栋</div>
+    </div>
+    <div class="serch-input">
+      <div class="input-box">
+        <input type="text" v-model="querParams.name" placeholder="请输入搜索关键词" />
+        <div class="input-close" v-show="querParams.name">
+          <van-icon name="clear" @click="querParams.name = 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-box">
+        <div class="list-item" v-for="item in enterpriseList" :key="item.id" @click="onInfoClcik(item)">
+          <div class="item-name">{{ item.name }}</div>
+          <div class="item-icon"><van-icon name="arrow" color="#CCCCCC" /></div>
+        </div>
+      </div>
+    </van-list>
+  </div>
+</template>
+
+<script>
+import xApi from '@/api/xApi'
+export default {
+  props: {
+    parkProfileId: {
+      type: String,
+    },
+  },
+  data() {
+    return {
+      total: 0,
+      querParams: {
+        ParkID: null,
+        page: 1,
+        limit: 10,
+        name: undefined,
+      },
+      enterpriseList: [],
+      loading: false,
+      finished: false,
+    }
+  },
+  created() {
+    this.querParams.ParkID = this.parkProfileId
+
+    console.log(this.querParams)
+  },
+  methods: {
+    onLoad() {
+      setTimeout(() => {
+        this.getList()
+      }, 500)
+    },
+    getList() {
+      xApi.allenterpriselist(this.querParams).then((res) => {
+        this.enterpriseList.push(...res.data)
+        this.total = res.count
+        this.loading = false
+        // 数据全部加载完成
+        if (this.enterpriseList.length >= this.total) {
+          this.finished = true
+        }
+        this.querParams.page++
+      })
+    },
+    onSearch() {
+      this.loading = false
+      this.finished = false
+      this.querParams.page = 1
+      this.querParams.limit = 10
+      this.total = 0
+      this.enterpriseList = []
+      this.getList()
+    },
+    onInfoClcik(item) {
+      this.$router.replace({
+        path: '/enterpriseData',
+        query: {
+          id: item.id,
+          isShow: true,
+        },
+      })
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.title-gr {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0.3rem;
+
+  .icon-circle {
+    width: 0.35rem;
+    height: 0.35rem;
+    background-image: url("../../../../assets/image/vxEwm/big-circle2.png");
+    background-repeat: no-repeat;
+    background-size: 100%  100%;
+    margin-top: 0.1rem;
+  }
+
+  .build-name {
+    font-weight: 800;
+    font-size: 0.29rem;
+    color: #333333;
+  }
+}
+
+div {
+  box-sizing: border-box;
+}
+
+.enterprise-list {
+  height: 100%;
+  overflow: hidden;
+}
+
+
+.serch-input {
+  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;
+  margin-bottom: 0.2rem;
+
+  .input-box {
+    flex: 1;
+    display: flex;
+    align-items: center;
+
+    input {
+      border: 0;
+      width: 90%;
+      height: 0.5rem;
+
+      line-height: 0.5rem;
+      font-size: 0.22rem;
+      font-weight: 500;
+    }
+
+    input::placeholder {
+      font-size: 0.22rem;
+      color: #cccccc;
+      font-weight: 500;
+    }
+  }
+}
+
+.serch-btn {
+  height: 0.3rem;
+  width: 0.3rem;
+  background: url('~@/assets/image/vxEwm/search-btn.png');
+  background-size: 100% 100%;
+}
+
+/deep/ .van-list {
+  height: calc(100% - 1.4rem);
+  overflow-y: auto;
+  border-radius: 16px;
+}
+
+.list-box {
+  border-radius: 25px;
+  background-color: #fff;
+  box-shadow: 0 2px 12px 0 #0000001a;
+  padding: 0 0.35rem;
+
+  .list-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.25rem 0;
+    border-bottom: 1px solid RGBA(218, 218, 218, 0.6);
+
+    .item-name {
+      font-size: 0.24rem;
+      font-weight: bold;
+      color: #333333;
+      white-space: nowrap;
+      /* 让文本只显示在一行 */
+      overflow: hidden;
+      /* 隐藏溢出部分 */
+      text-overflow: ellipsis;
+      /* 显示省略号 */
+    }
+  }
+
+  &>div:first-child {
+    border-radius: 16px 16px 0 0;
+  }
+
+  &>div:last-child {
+    border-radius: 0 0 16px 16px;
+    border: 0;
+  }
+}
+
+/deep/.van-cell__value {
+  font-weight: 550;
+  font-size: 0.24rem;
+  color: #333333;
+}
+</style>
diff --git a/src/views/vxEwm/build/index.vue b/src/views/vxEwm/build/index.vue
new file mode 100644
index 0000000..2fa744f
--- /dev/null
+++ b/src/views/vxEwm/build/index.vue
@@ -0,0 +1,129 @@
+<template>
+  <div class="vx-container">
+    <div class="general-header"></div>
+    <div class="header-bg"></div>
+    <div class="general-view">
+      <router-view />
+    </div>
+
+    <div class="general-footnote">
+      <div class="app-download-hint">查看更多信息请下载 “安全木渎APP”</div>
+      <div class="download-btn" @click="handlerDownload()">
+        <span>></span>
+        <a>点击下载</a>
+        <span><</span>
+      </div>
+    </div>
+    <div class="footonte-bg"></div>
+  </div>
+</template>
+
+<script>
+import { Toast } from 'vant'
+import { phoneIf } from '@/util/sbIf.js'
+export default {
+  data() {
+    return {}
+  },
+  created() {},
+  methods: {
+    handlerDownload() {
+      let temp = document.createElement('a') // 创建a标签
+      const equipment = phoneIf()
+      if (equipment == 'IOS') {
+        temp.href = 'https://www.jichuanglanhai.com/demo/vx-url.html' // 设置下载名称
+      } else if (equipment == 'Android') {
+        temp.href = 'https://www.pgyer.com/6TpZ' // 设置下载名称
+      } else {
+        Toast(`暂未开发${equipment}版本app`)
+      }
+      temp.click()
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.vx-container {
+  position: relative;
+  top: 0;
+  left: 0;
+  min-height: 100vh;
+  background: url('~@/assets/image/vxEwm/middle-bg.png');
+  background-size: cover;
+  overflow: hidden;
+
+  .header-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 25vh;
+    width: 100%;
+    z-index: 9;
+
+    background: url('~@/assets/image/vxEwm/bg1.png');
+    background-size: 100% 100%;
+  }
+  .general-header {
+    position: absolute;
+    top: 1vh;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 10;
+    width: 4.8rem;
+    height: 8.3vh;
+    background: url('~@/assets/image/vxEwm/logo.png') center no-repeat;
+    background-size: 100% auto;
+  }
+
+  .general-view {
+    position: absolute;
+    top: 46%;
+    transform: translateY(-46%);
+    height: 79%;
+    width: 100%;
+    background: #e8f3fc;
+    border-radius: 30px;
+    z-index: 20;
+    overflow: hidden;
+    box-sizing: border-box;
+    padding: 0.3rem 0.21rem 0 0.21rem;
+  }
+  .footonte-bg {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 9;
+    width: 100%;
+    height: 15vh;
+    background: url('~@/assets/image/vxEwm/bg2.png');
+    background-size: 100% 100%;
+  }
+  .general-footnote {
+    position: absolute;
+    bottom: 3vh;
+    left: 0;
+    z-index: 10;
+    width: 100%;
+    .app-download-hint {
+      margin-top: 0.1rem;
+      font-size: 0.24rem;
+      font-weight: 800;
+      color: #feffff;
+      font-weight: bold;
+      text-shadow: 0px 0px 0px #0e50b4;
+    }
+    .download-btn {
+      margin-top: 0.1rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #feffff;
+      a {
+        margin: 0 0.1rem;
+        text-decoration: underline;
+      }
+    }
+  }
+}
+</style>