添加身份弹窗

src/components/edit/choosingIdentity.vue

@@ -2,7 +2,7 @@
     <div class="pop-mask flexcenter" v-if="choicePopState">
         <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" />
+                <!-- <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">
@@ -51,6 +51,7 @@
 <script setup>
 import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
 import { useRouter } from 'vue-router'
+import { ElLoading } from 'element-plus'
 
 const { proxy } = getCurrentInstance()
 const router = useRouter()
@@ -71,17 +72,24 @@ let rulesList = ref([`中介账号（未认证）最多可同时上架 <span sty
 
 let showList = ref([])  //展示的规则
 
-// let identityKey = ref(1)
-let identityKey = ref(6)
+let identityKey = ref(1)
+// let identityKey = ref(6)
 
 let housingnum = ref(0)
 let isintermediary = ref(0)
+let loading = ref(null) // 加载
 
 onMounted(() => {
     init()
 })
 
 async function init() {
+    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 => {
         if (res.code != 200) return
@@ -89,8 +97,10 @@ async function init() {
         identityList.value = data.data
         housingnum.value = data.housingnum || 10
         isintermediary.value = data.isintermediary
-        if (data['ispopup'] == 1) overallJump()
-    });
+        if (data['ispopup'] == 0) overallJump()
+    }).finally(() => {
+        loading.close()
+    })
 }
 
 // 返回选择  重新选择
@@ -114,18 +124,17 @@ let choiceItem = (key) => {
 
 let overallJump = () => {
     choicePopState.value = false
+    console.log("11",identityKey.value);
     router.push(`/edit?intermediary=${identityKey.value}`)
 }
 
 let confirmIntermediary = (isintermediary) => {
-    identityKey = 1
+    if (isintermediary == 1) identityKey.value = 1
     overallJump()
-
     proxy.$post("/tenement/pc/api/publish/submitidentity", {
         isintermediary
     }).then(res => {
         choicePopState.value = false
-        console.log(res);
     })
 
 }
@@ -144,7 +153,7 @@ let confirmIntermediary = (isintermediary) => {
     z-index: 1111;
     box-sizing: border-box;
     border-radius: 16px;
-    padding-top: 48px;
+    padding-top: 39px;
     background-color: #ffffff;
     // width: 520px;
     width: 640px;
@@ -163,6 +172,7 @@ let confirmIntermediary = (isintermediary) => {
 .please-choose {
     color: #555555;
     font-size: 14px;
+    margin-top: 26px;
     margin-bottom: 24px;
     padding-left: 35px;
 }