列表底部组件，和通知弹窗样式

src/components/edit/choosingIdentity.vue

@@ -1,8 +1,7 @@
 <template>
-    <div class="pop-mask flexcenter" v-if="choicePopState">
+    <div class="pop-mask flexcenter">
         <div class="pop-box" :style="{ width: popType == 'choice' ? '520px' : '' }">
             <div v-if="popType == 'choice'">
-                <!-- <img class="close-icon" src="@/assets/img/edit/close-icon.svg" /> -->
                 <div class="pop-header flexcenter">发布房源</div>
                 <div class="please-choose">请选择：</div>
                 <div class="choice-box flexflex flex1">
@@ -49,7 +48,9 @@
 
 <!-- <script> -->
 <script setup>
-import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
+import { ElLoading } from 'element-plus'
+
+import { ref, reactive, onMounted, getCurrentInstance, defineEmits } from 'vue'
 import { useRouter } from 'vue-router'
 
 const { proxy } = getCurrentInstance()
@@ -57,7 +58,8 @@ const router = useRouter()
 
 let html = `中介账号只能发布“<span style="color: #000; font-weight:650;">中介房源</span>”，如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架；`
 
-let choicePopState = ref(true) // 弹窗的状态
+// let choicePopState = ref(true) // 弹窗的状态
+const emit = defineEmits(['close'])
 
 let identityList = ref([])
 
@@ -83,11 +85,11 @@ onMounted(() => {
 })
 
 async function init() {
-    // loading = ElLoading.service({
-    //     lock: true,
-    //     text: 'Loading',
-    //     background: 'rgba(0, 0, 0, 0.7)',
-    // })
+    loading = ElLoading.service({
+        lock: true,
+        text: 'Loading',
+        background: 'rgba(0, 0, 0, 0.7)',
+    })
 
     // if (identityList.value > 0) return
     proxy.$post("/tenement/pc/api/publish/checkidentity").then(res => {
@@ -98,7 +100,7 @@ async function init() {
         isintermediary.value = data.isintermediary
         if (data['ispopup'] == 0) overallJump()
     }).finally(() => {
-        // loading.close()
+        loading.close()
     })
 }
 
@@ -122,9 +124,8 @@ let choiceItem = (key) => {
 }
 
 let overallJump = () => {
-    choicePopState.value = false
-    console.log("11", identityKey.value);
     router.push(`/edit?intermediary=${identityKey.value}`)
+    emit('close');
 }
 
 let confirmIntermediary = (isintermediary) => {
@@ -133,7 +134,7 @@ let confirmIntermediary = (isintermediary) => {
     proxy.$post("/tenement/pc/api/publish/submitidentity", {
         isintermediary
     }).then(res => {
-        choicePopState.value = false
+        emit('close');
     })
 
 }
@@ -142,9 +143,12 @@ let confirmIntermediary = (isintermediary) => {
 
 <style lang="less" scoped>
 .pop-mask {
+    position: fixed;
+    top: 0;
     width: 100vw;
     height: 100vh;
-    background: rgba(0, 0, 0, 0.117647058823529);
+    background: rgba(0, 0, 0, 0.817647058823529);
+    z-index: 1000;
 }
 
 .pop-box {