From 2bb5275ca198b82e21a5c9ba3e0281059e40c1ab Mon Sep 17 00:00:00 2001
From: "452061493@qq.com" <452061493@qq.com>
Date: Tue, 21 May 2024 16:18:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E4=B8=9A=E6=90=9C=E7=B4=A2=EF=BC=88?=
 =?UTF-8?q?=E6=B2=A1=E6=9C=89=E4=BC=81=E4=B8=9A=E4=BA=8C=E7=BB=B4=E7=A0=81?=
 =?UTF-8?q?=EF=BC=89=E6=B7=BB=E5=8A=A0=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/enforce/noScan.vue        | 112 +++++++++++++++++++++++++++-
 src/views/enterprise/caseFilter.vue |   2 +-
 src/views/enterprise/complaint.vue  |   2 +-
 3 files changed, 111 insertions(+), 5 deletions(-)

diff --git a/src/views/enforce/noScan.vue b/src/views/enforce/noScan.vue
index 68577df..6fa3b9b 100644
--- a/src/views/enforce/noScan.vue
+++ b/src/views/enforce/noScan.vue
@@ -5,7 +5,7 @@
       <header-nav
           :slefBack="true"
           @goBack="goBack"
-          :titelText="`企业搜索（没有二维码）`"
+          :titelText="`企业搜索（未扫码）`"
       >
       </header-nav>
     </div>
@@ -37,10 +37,43 @@
 
   </div>
   </div>
-</template>
-<script>
 
+  <div v-if="visible" class="popup">
+    <!-- 弹窗的内容 -->
+    <div class="popup-content">
+      <div class="subtitle">请选择不扫码的原因：</div>
+      <div class="item-box">
+        <span class="item-btn active">企业拒绝出示二维码</span>
+        <span class="item-btn">网络/设备故障</span>
+        <span class="item-btn">其它</span>
+      </div>
+      <div class="btnbox">
+        <button class='btn-reset' @click="">重置</button>
+        <button class='btn-search' @click="">确定</button>
+      </div>
+    </div>
+  </div>
+
+</template>
 
+<script>
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+      default: true
+    },
+    content: {
+      type: String,
+      default: ''
+    }
+  },
+  methods: {
+    closePopup() {
+      this.$emit('close');
+    }
+  }
+}
 </script>
 
 <style scoped>
@@ -123,6 +156,79 @@
   width: 45%;
 }
 
+.popup {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.35);
+}
 
+.popup-content {
+  position: fixed;
+  z-index: 999;
+  bottom: 0;
+  left: 0;
+  padding: 0 3%;
+  width: 94%;
+  height: 35vh;
+  background: #fff;
+  overflow-y: auto;
+  font-size: 0.38rem;
+}
 
+.subtitle {
+  margin: 5% 2% 2%;
+  width: 96%;
+  /*font-size: 0.4rem;
+  font-weight: 600;*/
+  border-bottom: 1px solid #f4f4f4;
+  line-height: 2;
+}
+
+.item-btn {
+  float: left;
+  margin: 0.3rem 0.2rem;
+  padding: 0.2rem 0.3rem;
+  background-color: #f2f3f4;
+  color: #999;
+  border-radius: 1rem;
+  font-size: 0.35rem;
+}
+
+.item-btn.active {
+  background-color: #e9f2fb;
+  color: #1367fe;
+}
+.btnbox  {
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  bottom: 1rem;
+  left: 5%;
+  width: 90%;
+  height: 1rem;
+}
+
+.btn-reset,
+.btn-search {
+  display: inline-block;
+  margin: 0 2%;
+  padding: 0;
+  width: 60%;
+  color: #fff;
+  font-size: 0.35rem;
+  border-radius: 1rem;
+  background: #1367fe;
+  border: 1px solid #1367fe;
+  text-align: center;
+}
+
+.btn-reset {
+  width: 35%;
+  background-color: #fff;
+  border-color: rgba(19, 103, 254, .7);
+  color: #1367fe;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/enterprise/caseFilter.vue b/src/views/enterprise/caseFilter.vue
index d0fcf5a..86a5a0c 100644
--- a/src/views/enterprise/caseFilter.vue
+++ b/src/views/enterprise/caseFilter.vue
@@ -275,7 +275,7 @@ getLinkageByParentIdToGA  (parentId) {
   top: 3rem;
   left: 0;
   width: 100%;
-  height: calc(100% - 3rem);;
+  height: calc(100% - 3rem);
   background: #fff;
   overflow: hidden;
 }
diff --git a/src/views/enterprise/complaint.vue b/src/views/enterprise/complaint.vue
index c06c836..2f4dad2 100644
--- a/src/views/enterprise/complaint.vue
+++ b/src/views/enterprise/complaint.vue
@@ -380,7 +380,7 @@ export default {
   top: 3rem;
   left: 0;
   width: 100%;
-  height: calc(100% - 3rem);;
+  height: calc(100% - 3rem);
   background: #fff;
   overflow: hidden;
 }