企业搜索（没有企业二维码）添加弹窗

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>

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;
 }

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;
 }