From 5dcf49533d4a64bf55770e47461a881e856969c4 Mon Sep 17 00:00:00 2001
From: A1300399510 <A1300399510>
Date: Wed, 12 Jul 2023 19:07:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=83=8C=E6=99=AFbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/edit/choosingIdentity.vue | 173 +++++---------
 src/utils/axios.js                       |   9 +-
 src/views/edit.vue                       | 289 ++++++++++++++---------
 3 files changed, 245 insertions(+), 226 deletions(-)

diff --git a/src/components/edit/choosingIdentity.vue b/src/components/edit/choosingIdentity.vue
index b218e61..40170f0 100644
--- a/src/components/edit/choosingIdentity.vue
+++ b/src/components/edit/choosingIdentity.vue
@@ -1,17 +1,14 @@
 <template>
-    <div class="pop-mask flexcenter">
-        <div class="pop-box">
+    <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" />
                 <div class="pop-header flexcenter">发布房源</div>
                 <div class="please-choose">请选择：</div>
                 <div class="choice-box flexflex flex1">
                     <div v-for="(item, index) in identityList" :key="index">
-                        <!-- return index === items.length - 1 && index % 2 !== 0; -->
-
-                        <!-- <div v-if="index != identityList.length - 1" class="choice-item" @click="choiceItem(item.key)"> -->
-                        <div v-if="index == identityList.length - 1 && index % 2 !== 0"
-                            class="choice-long-item flexacenter" @click="choiceItem(item.key)">
+                        <div v-if="index == identityList.length - 1 && index % 2 !== 1" class="choice-long-item flexacenter"
+                            @click="choiceItem(item.key)">
                             <div class="choice-long-left">
                                 <div class="choice-name">{{ item.value }}</div>
                                 <div class="choice-explain">{{ item.desc }}</div>
@@ -32,14 +29,18 @@
                 <div class="affirm-hint affirm-a-hint" v-if="popType == 'agent'">确认中介身份后将不能更改</div>
                 <div class="affirm-hint affirm-b-hint" v-else>由于您上架的房源信息中包括了中介房源，系统需要确认您是否属于中介身份：</div>
                 <div class="rules-box">
-                    <div class="rules-item flexflex" v-for="item in 2" :key="item">
+                    <div class="rules-item flexflex" v-for="(item, index) in showList" :key="index">
                         <img class="rules-icon" src="@/assets/img/edit/green-arrow.svg" alt="">
-                        <div class="rules-text" v-html="html"></div>
+                        <div class="rules-text" v-html="item"></div>
                     </div>
                 </div>
                 <div class="footer flexcenter">
-                    <div class="footer-item flexcenter" @click="backChoice">重新选择</div>
-                    <div class="footer-item affirm flexcenter">确认并继续</div>
+                    <!-- <div class="footer-item flexcenter" @click="backChoice">重新选择</div> -->
+
+                    <div v-if="popType == 'agent'" class="footer-item flexcenter" @click="backChoice">重新选择</div>
+                    <div v-else class="footer-item flexcenter" @click="confirmIntermediary(-1)">我不是中介</div>
+                    <div class="footer-item affirm flexcenter" @click="confirmIntermediary(1)">{{ popType == 'agent' ?
+                        '确认并继续' : '我是中介' }}</div>
                 </div>
             </div>
         </div>
@@ -49,81 +50,49 @@
 <!-- <script> -->
 <script setup>
 import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
+import { useRouter } from 'vue-router'
+
 const { proxy } = getCurrentInstance()
+const router = useRouter()
 
 let html = `中介账号只能发布“<span style="color: #000; font-weight:650;">中介房源</span>”，如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架；`
 
+let choicePopState = ref(true) // 弹窗的状态
+
 let identityList = ref([])
 
 let popType = ref('choice')   //  choice  agent: 确认是否是中介（有个人房源）  affirmAgent: 确认是否是中介（有中介房源）
 
-let agent = ref([{
-    content: `中介账号发布的房源信息，均展示在“<span style="color: #000; font-weight:650;">中介房源</span>”频道中，即不能发布“<span style="color: #000; font-weight:650;">个人房源</span>”、“<span style="color: #000; font-weight:650;">求房源</span>”；如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架`,
-    type: 1,
-}])
+let agent = ref([`中介账号发布的房源信息，均展示在“<span style="color: #000; font-weight:650;">中介房源</span>”频道中，即不能发布“<span style="color: #000; font-weight:650;">个人房源</span>”、“<span style="color: #000; font-weight:650;">求房源</span>”；如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架`])
 
-let affirmAgent = ref([{
-    content: `个人账号只能发布“<span style="color: #000; font-weight:650;">个人房源</span>”、“<span style="color: #000; font-weight:650;">求房源</span>”，在您确认不是中介身份后，将会自动下架您的中介房源；`,
-    type: 1,
-}, {
-    content: `中介账号只能发布“<span style="color: #000; font-weight:650;">中介房源</span>”，如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架；`,
-    type: 1,
-}])
+let affirmAgent = ref([`个人账号只能发布“<span style="color: #000; font-weight:650;">个人房源</span>”、“<span style="color: #000; font-weight:650;">求房源</span>”，在您确认不是中介身份后，将会自动下架您的中介房源；`, `中介账号只能发布“<span style="color: #000; font-weight:650;">中介房源</span>”，如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架；`])
 
-let rulesList = ref([{
-    content: `中介账号（未认证）最多可同时上架 <span style="color: #000; font-weight:650;">3</span> 条房源信息`,
-    type: 1,
-}, {
-    content: `中介账号（有认证）最多可同时上架 <span style="color: #000; font-weight:650;">20</span> 条房源信息`,
-    type: 1,
-}, {
-    content: `中介帐号（有认证）拥有搜索、过滤“<span style="color: #000; font-weight:650;">求房源</span>”信息的功能`,
-    type: 1,
-}])
+let rulesList = ref([`中介账号（未认证）最多可同时上架 <span style="color: #000; font-weight:650;">3</span> 条房源信息`, `中介账号（有认证）最多可同时上架 <span style="color: #000; font-weight:650;">20</span> 条房源信息`, `中介帐号（有认证）拥有搜索、过滤“<span style="color: #000; font-weight:650;">求房源</span>”信息的功能`,])
 
 let showList = ref([])  //展示的规则
 
+// let identityKey = ref(1)
+let identityKey = ref(6)
+
+let housingnum = ref(0)
+let isintermediary = ref(0)
 
 onMounted(() => {
     init()
 })
 
 async function init() {
+    // if (identityList.value > 0) return
     proxy.$post("/tenement/pc/api/publish/checkidentity").then(res => {
         if (res.code != 200) return
         let data = res.data
-        console.log("data", data);
-
-        // identityList.value = data.data
-        identityList.value = [
-            {
-                "key": 3,
-                "value": "我是房东",
-                "desc": "出租自有物业"
-            },
-            {
-                "key": 1,
-                "value": "我是中介",
-                "desc": "持有房产代理牌照"
-            },
-            {
-                "key": 4,
-                "value": "有房招室友",
-                "desc": "我已租房，需要招室友"
-            },
-            {
-                "key": 5,
-                "value": "其他",
-                "desc": "二房东、物业租赁公司等"
-            }
-        ]
-        // if (data['ispopup'] == 1) {
-        // }
-
+        identityList.value = data.data
+        housingnum.value = data.housingnum || 10
+        isintermediary.value = data.isintermediary
+        if (data['ispopup'] == 1) overallJump()
     });
 }
 
-
 // 返回选择  重新选择
 let backChoice = () => {
     popType.value = "choice"
@@ -131,51 +100,35 @@ let backChoice = () => {
 
 // 选择身份
 let choiceItem = (key) => {
-    console.log(key, "key");
+    identityKey.value = key
+
+    if (key == 1) {
+        popType.value = "agent"
+        showList.value = [...agent.value, ...rulesList.value]
+    } else {
+        showList.value = [...affirmAgent.value, ...rulesList.value]
+        if (housingnum.value == 0) overallJump()
+        else popType.value = "affirmAgent"
+    }
 }
 
-// /tenement/pc/api/publish/checkidentity
-// export default {
-//     name: 'GterFangChoosingIdentity',
+let overallJump = () => {
+    choicePopState.value = false
+    router.push(`/edit?intermediary=${identityKey.value}`)
+}
 
-//     data() {
-//         return {
-//             visible: false,
-//             choiceTypeState: true,
-//             popType: "choice", //
-//             identityList: [{
-//                 desc: "出租自有物业",
-//                 key: 3,
-//                 value: "我是房东",
-//             }, {
-//                 desc: "持有房产代理牌照",
-//                 key: 1,
-//                 value: "我是中介",
-//             }, {
-//                 desc: "我已租房，需要招室友",
-//                 key: 4,
-//                 value: "有房招室友",
-//             }, {
-//                 desc: "二房东、物业租赁公司等",
-//                 key: 5,
-//                 value: "其他",
-//             }, {
-//                 desc: "发布找房源的需求",
-//                 key: 6,
-//                 value: "求房源",
-//             }]
-//         };
-//     },
+let confirmIntermediary = (isintermediary) => {
+    identityKey = 1
+    overallJump()
 
-//     mounted() {
-
-//     },
-
-//     methods: {
-
-//     },
-// };
+    proxy.$post("/tenement/pc/api/publish/submitidentity", {
+        isintermediary
+    }).then(res => {
+        choicePopState.value = false
+        console.log(res);
+    })
 
+}
 
 </script>
 
@@ -193,7 +146,8 @@ let choiceItem = (key) => {
     border-radius: 16px;
     padding-top: 48px;
     background-color: #ffffff;
-    width: 520px;
+    // width: 520px;
+    width: 640px;
     -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.117647058823529);
@@ -308,22 +262,21 @@ let choiceItem = (key) => {
     color: #333333;
     margin: 0 auto;
     text-align: left;
+    padding: 0 30px;
 }
 
 .affirm-a-hint {
-    font-size: 15px;
     text-align: center;
     margin-top: 20px;
 }
 
 .affirm-b-hint {
-    font-size: 27px;
     margin: 36px auto 0;
 }
 
 .rules-box {
     background: rgba(246, 246, 246, 1);
-    margin: 20px;
+    margin: 30px;
     border-radius: 10px;
     padding: 15px;
 
@@ -336,13 +289,14 @@ let choiceItem = (key) => {
 
         .rules-text {
             padding: 20px 0;
+            font-size: 15px;
         }
     }
 
     .rules-icon {
-        width: 20px;
-        height: 20px;
-        margin-top: 23px;
+        width: 15px;
+        height: 15px;
+        margin-top: 25px;
         margin-right: 12px;
     }
 }
@@ -353,7 +307,7 @@ let choiceItem = (key) => {
     border-top: 1px solid #ebebeb;
 
     .footer-item {
-        width: 180px;
+        width: 200px;
         height: 50px;
         border-radius: 40px;
         font-size: 20px;
@@ -370,7 +324,6 @@ let choiceItem = (key) => {
             border: none;
             background-color: rgba(98, 177, 255, 1);
             color: #ffffff;
-            font-size: 22px;
             font-weight: 650;
         }
 
diff --git a/src/utils/axios.js b/src/utils/axios.js
index 115a8f2..95151db 100644
--- a/src/utils/axios.js
+++ b/src/utils/axios.js
@@ -5,8 +5,8 @@ import router from '../router/index'
 //  let protocol = window.location.protocol; //协议
 //  let host = window.location.host; //主机
 //  axios.defaults.baseURL = protocol + "//" + host;
-// axios.defaults.baseURL = 'https://app.gter.net'
-axios.defaults.baseURL = '/index'
+axios.defaults.baseURL = 'https://app.gter.net'
+// axios.defaults.baseURL = '/index'
 // axios.defaults.emulateJSON = true
 // axios.defaults.withCredentials = true
 
@@ -18,7 +18,8 @@ axios.interceptors.request.use( //响应拦截
         // config.headers.withCredentials = true
         // config.headers['Content-Type'] = 'multipart/form-data'     
 
-        if (process.env.NODE_ENV == "development") config['headers']['authorization'] = "x2mmnl9grt51bpplj2k6ioiuummzhnw3"
+        // if (process.env.NODE_ENV == "development") config['headers']['authorization'] = "x2mmnl9grt51bpplj2k6ioiuummzhnw3"
+        if (process.env.NODE_ENV == "development") config['headers']['authorization'] = "0h870ovk2xckoqfsh8a3t3sg4sg5z7eg"
         return config;
     },
     error => {
@@ -42,7 +43,7 @@ axios.interceptors.response.use(
                 // 清除本地token和清空vuex中token对象                
                 // 跳转登录页面                
                 case 403:
-                    router.push('/login')
+                    // router.push('/login')
                     break
                 // 404请求不存在                
                 case 404:
diff --git a/src/views/edit.vue b/src/views/edit.vue
index 88689b1..7ad76f0 100644
--- a/src/views/edit.vue
+++ b/src/views/edit.vue
@@ -1,7 +1,7 @@
 <template>
     <header-nav :isNoTabList="true"></header-nav>
     <map-component v-if="mapComponentState" :info="info" @choosingLocation="choosingLocation" />
-    <choosing-identity v-if="true"></choosing-identity>
+    <choosing-identity v-if="false"></choosing-identity>
     <div class="content-box flexflex">
         <!-- 左边的信息盒子 -->
         <user-box :user="user" :type="type" :time="{ timestamp, updatetime, offshelftime }" :status="status"
@@ -53,8 +53,8 @@
                             ref="rentalduration" @click="setValue('rentalduration', 0)">随时</div>
                         <div class="modeTwo-item flexacenter" :class="{ 'pitch': info['rentalduration'] }"
                             ref="rentalduration">
-                            <el-select class="flex1 modeTwo-select" v-model="info.rentalduration" placeholder="请选择">
-                                <el-option :key="0" label="请选择" :value="0" v-show="false"></el-option>
+                            <el-select class="flex1 modeTwo-select" v-model="info.rentalduration" placeholder="选择租期">
+                                <el-option :key="0" label="选择租期" :value="0" v-show="false"></el-option>
                                 <el-option v-for="item in item.choices" :key="item.key" :label="item.value"
                                     :value="item.key"></el-option>
                             </el-select>
@@ -68,7 +68,8 @@
                         <div class="modeTwo-item flexcenter" :class="{ 'pitch': info['leasetime'] == 0 }" ref="leasetime"
                             @click="setValue('leasetime', 0)">随时</div>
                         <div class="modeTwo-item flexacenter" :class="{ 'pitch': info['leasetime'] }" ref="leasetime">
-                            <el-date-picker v-model="info.leasetime" type="date" placeholder="选择日期"></el-date-picker>
+                            <el-date-picker prefix-icon="" clear-icon="" v-model="info.leasetime" type="date"
+                                placeholder="选择日期"></el-date-picker>
                             <img class="arrows-icon" src="@/assets/img/edit/arrows.svg" />
                             <img class="arrows-icon-pitch" src="@/assets/img/edit/blue-arrow.svg" />
                         </div>
@@ -261,12 +262,12 @@
 
                     <!-- 所在区域 -->
                     <div class="form-option modeOne flexacenter" v-if="intermediary != 6 && item.field == 'location'">
-                        <el-popover placement="bottom" :width="640" :show-arrow="false" trigger="click">
+                        <el-popover v-model:visible="areaPopState" placement="bottom" :width="640" :show-arrow="false"
+                            trigger="click" popper-style="padding:0; border-radius:16px;" :disabled="verified == 1">
                             <template #reference>
                                 <div ref="location" class="modeOne-item flexacenter"
                                     :class="{ 'pitch': info['location'], 'disabled': verified == 1 }"
-                                    style="width: 640px;border-color: rgba(170, 170, 170, 1);"
-                                    @click="verified == 1 ? '' : areaPopState = true">
+                                    style="width: 640px;border-color: rgba(170, 170, 170, 1);">
                                     <div class="modeOne-text flexacenter" v-if="info['location']">
                                         {{ locationData[Math.floor(info.location)].name }}
                                         <img class="form-arrows" src="@/assets/img/edit/thin-arrow.svg" />
@@ -352,29 +353,41 @@
                     <div class="form-title flexacenter">所属小区
                     </div>
                     <div class="form-option modeOne flexacenter">
-                        <div v-if="info['communityid'] !== 0" ref="communityname" class="modeOne-item flexacenter"
-                            :class="{ 'pitch': info['communityname'], 'disabled': verified == 1 }"
-                            style="width: 640px;border-color: rgb(170, 170, 170);" @click="handleResidentialArea()">
-                            <div class="modeOne-text flexacenter" v-if="info['communityname']">{{ info.communityname }}
+                        <el-popover v-if="info['communityid'] !== 0" v-model:visible="residentialAreaState"
+                            placement="bottom" :width="640" :show-arrow="false" trigger="click"
+                            popper-style="padding:0; border-radius:16px;" :disabled="verified == 1">
+                            <template #reference>
+                                <div ref="communityname" class="modeOne-item flexacenter"
+                                    :class="{ 'pitch': info['communityname'], 'disabled': verified == 1 }"
+                                    style="width: 640px;border-color: rgb(170, 170, 170);" @click="handleResidentialArea()">
+                                    <div class="modeOne-text flexacenter" v-if="info['communityname']">{{ info.communityname
+                                    }}
+                                    </div>
+                                    <div class="modeOne-text flexacenter" style="color: #AAAAAA;" v-else>请选择</div>
+                                    <img class="arrows-icon" src="@/assets/img/edit/arrows.svg" />
+                                    <img class="arrows-icon arrows-disabled-icon"
+                                        src="@/assets/img/edit/disabled-icon.svg" />
+                                    <img class="arrows-icon-pitch" src="@/assets/img/edit/blue-arrow.svg" />
+                                </div>
+
+                            </template>
+
+                            <div class="residential-area">
+                                <div class="residential-item flexacenter" v-for="item in communityList" :key="item.id"
+                                    @click="clickResidentialArea(item.id, item.name)">
+                                    <div class="residential-dot"></div>
+                                    <div class="residential-text flex1 flexacenter"
+                                        :class="{ 'pitchpitch': item.id == info['communityid'] }">{{ item.name }}</div>
+                                </div>
                             </div>
-                            <div class="modeOne-text flexacenter" style="color: #AAAAAA;" v-else>请选择</div>
-                            <img class="arrows-icon" src="@/assets/img/edit/arrows.svg" />
-                            <img class="arrows-icon arrows-disabled-icon" src="@/assets/img/edit/disabled-icon.svg" />
-                            <img class="arrows-icon-pitch" src="@/assets/img/edit/blue-arrow.svg" />
-                        </div>
+                        </el-popover>
                         <div v-else ref="communityname" class="modeOne-item flexacenter"
                             :class="{ 'pitch': info['communityname'], 'disabled': verified == 1 }"
                             style="width: 640px;border-color: rgb(170, 170, 170);">
                             <input class="communityname-input" v-model="info.communityname" placeholder="请填写" />
                         </div>
-                        <div class="residential-area" v-if="residentialAreaState">
-                            <div class="residential-item flexacenter" v-for="item in communityList" :key="item.id"
-                                @click="clickResidentialArea(item.id, item.name)">
-                                <div class="residential-dot"></div>
-                                <div class="residential-text flex1 flexacenter"
-                                    :class="{ 'pitchpitch': item.id == info['communityid'] }">{{ item.name }}</div>
-                            </div>
-                        </div>
+
+
                     </div>
 
                 </div>
@@ -463,9 +476,10 @@
                     <template v-if="item['field'] == 'introduction'">
                         <div class="introduce-hint">{{ item.placeholder }}</div>
                         <div class="introduce-input" ref="introduction">
-                            <el-input type="textarea" placeholder="请输入" v-model="info.introduction" resize="none"
-                                show-word-limit maxlength="500">
+                            <el-input :autosize="true" type="textarea" placeholder="请输入" v-model="info.introduction"
+                                resize="none" maxlength="500">
                             </el-input>
+                            <div class="residue">{{ info.introduction ? 500 - info.introduction.length : 500 }}</div>
                         </div>
                     </template>
                 </div>
@@ -507,8 +521,9 @@
                     <template v-if="item['field'] == 'subject'">
                         <div class="subject-input" ref="subject">
                             <el-input type="textarea" :placeholder="item.placeholder" v-model="info.subject" resize="none"
-                                maxlength="80" show-word-limit>
+                                maxlength="80">
                             </el-input>
+                            <div class="residue">{{ info.subject ? 80 - info.subject.length : 80 }}</div>
                         </div>
                     </template>
                 </div>
@@ -530,10 +545,11 @@
 
     <!-- 目标区域 - 弹窗 -->
     <div class="flexcenter pop-mask" @click="targetAreaState = false" v-if="targetAreaState">
-        <div class="pop area-pop-box radius16 target-area">
+        <div class="pop area-pop-box radius16 target-area" @click.stop="">
             <div class="area-pop-header">目标区域</div>
             <div class="area-box flexflex">
                 <div class="target-area-left flex1">
+
                     <div class="target-area-item" v-for="(item, index) in locationData" :key="index">
                         <div class="target-area-head">{{ item.name }}</div>
                         <div class="box flexflex">
@@ -570,7 +586,9 @@
     <div class="flexcenter pop-mask" @click="succeedPopState = 0" v-if="succeedPopState == 1">
         <div class="pop succeed-box shadow radius16 flexflex"
             :style="{ backgroundImage: `url(${require('@/assets/img/edit/succeed-pop-bj2.svg')})` }" @click.stop="">
-            <img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
+            <a class="pop-close" :href="skipUrl"  style="position: static;">
+                <img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
+            </a>
             <div class="succeed-title flexacenter" style="margin-bottom: 95px;">
                 <img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
             </div>
@@ -594,7 +612,10 @@
     </div>
     <div class="flexcenter pop-mask" @click="succeedPopState = 0" v-if="succeedPopState == 2">
         <div class="pop succeed-box shadow radius16 flexflex" style="padding-bottom: 99px;" @click.stop="">
-            <img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
+            <a class="pop-close" :href="skipUrl" style="position: static;">
+                <img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
+            </a>
+
             <div class="succeed-title flexacenter">
                 <img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
             </div>
@@ -611,9 +632,9 @@
     <div class="flexcenter pop-mask" @click="succeedPopState = 0" v-if="succeedPopState == 3">
         <div class="pop succeed-box shadow radius16 flexflex" style="padding-bottom: 58px;"
             :style="{ backgroundImage: `url(${require('@/assets/img/edit/succeed-pop-bj1.svg')})` }" @click.stop="">
-
-
-            <img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
+            <a class="pop-close" :href="skipUrl" style="position: static;">
+                <img class="pop-close" src="@/assets/img/edit/close-icon.svg" />
+            </a>
             <div class="succeed-title flexacenter">
                 <img class="succeed-icon" src="@/assets/img/edit/successfully-ticked.png" />发布成功
             </div>
@@ -657,7 +678,7 @@ export default {
         return {
             value: '',
             user: {},
-            userIntermediary: false, // 用户是否是 认证中介，需要全局获取
+            userIntermediary: 0, // 用户是否是 认证中介，需要全局获取
             allowpublishednum: 0,
             fieldinfo: {}, // 字段配置
             fieldinfoBasic: [],
@@ -798,7 +819,6 @@ export default {
             this.loading = this.$loading({
                 lock: true,
                 text: 'Loading',
-                spinner: 'el-icon-loading',
                 background: 'rgba(0, 0, 0, 0.7)'
             });
 
@@ -854,7 +874,7 @@ export default {
 
                 if (info['type']) this.typeValue = info['type'] >>> 0
 
-                if (!info['leasetime']) info['leasetime'] = null
+                // if (!info['leasetime']) info['leasetime'] = null
 
                 let intermediary = data.intermediary
 
@@ -875,8 +895,8 @@ export default {
 
                     arr.forEach(element => {
 
-                        if (info[element] && info[element].length == 1 && info[element][0] == 0)  info[element] = []
-                        
+                        if (info[element] && info[element].length == 1 && info[element][0] == 0) info[element] = []
+
                         if (info[element] && info[element].length != 0) {
                             info[element].forEach((ele, i) => {
                                 info[element][i] = Number(ele)
@@ -994,7 +1014,6 @@ export default {
                     this.loading = this.$loading({
                         lock: true,
                         text: 'Loading',
-                        spinner: 'el-icon-loading',
                         background: 'rgba(0, 0, 0, 0.7)'
                     });
 
@@ -1142,7 +1161,6 @@ export default {
             this.loading = this.$loading({
                 lock: true,
                 text: 'Loading',
-                spinner: 'el-icon-loading',
                 background: 'rgba(0, 0, 0, 0.7)'
             });
 
@@ -1324,11 +1342,12 @@ export default {
                         name: "以上都不是"
                     })
                     this.communityList = data
-                    this.residentialAreaState = true
+                    // this.residentialAreaState = true
                     this.isResidentialAreaUpdate = false
 
                 })
-            } else this.residentialAreaState = true
+            }
+            // else this.residentialAreaState = true
 
         },
 
@@ -1388,6 +1407,7 @@ export default {
             .arrows-icon-pitch {
                 width: 14px;
                 height: 14px;
+                transform: rotate(90deg);
             }
 
             .arrows-icon-pitch,
@@ -1538,12 +1558,17 @@ export default {
                                 width: 100%;
                                 height: 100%;
 
+                                .el-input__prefix {
+                                    display: none;
+                                }
+
                                 .el-input__wrapper,
                                 .el-input__inner {
                                     height: 100%;
                                     border: none;
                                     font-size: 16px;
-                                    color: #555;
+                                    // color: #555;
+                                    color: #62B1FF;
                                     padding-left: 0;
 
                                     /* 修改 FireFox 内核浏览器的输入框提示文本样式 */
@@ -1557,6 +1582,11 @@ export default {
                                         color: #555;
                                         opacity: 1;
                                     }
+
+                                    &::placeholder {
+                                        color: #555;
+                                        opacity: 1;
+                                    }
                                 }
                             }
 
@@ -1874,70 +1904,6 @@ export default {
                         font-size: 16px;
                     }
 
-                    .residential-area {
-                        position: absolute;
-                        top: 58px;
-                        width: 640px;
-                        height: 500px;
-                        background-color: rgba(255, 255, 255, 1);
-                        box-sizing: border-box;
-                        border: 1px solid rgba(235, 235, 235, 1);
-                        border-radius: 16px;
-                        -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
-                        -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
-                        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
-                        z-index: 101;
-                        padding: 10px 30px;
-                        overflow: auto;
-
-                        /*滚动条样式*/
-                        &::-webkit-scrollbar {
-                            width: 8px;
-                        }
-
-                        &::-webkit-scrollbar-thumb {
-                            border-radius: 10px;
-                            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
-                            background: rgba(242, 242, 242, 1);
-                        }
-
-                        &::-webkit-scrollbar-track {
-                            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
-                            border-radius: 0;
-                            background: transparent;
-                        }
-
-                        .residential-item {
-                            height: 60px;
-                            cursor: pointer;
-
-                            .residential-dot {
-                                width: 6px;
-                                height: 6px;
-                                background: #62b1ff;
-                                border-radius: 50%;
-                                margin-right: 47px;
-
-                            }
-
-                            .residential-text {
-                                height: 100%;
-                                color: #555;
-                                font-size: 16px;
-
-                                &.pitchpitch {
-                                    color: #62b1ff;
-
-                                }
-                            }
-
-                            &:not(:last-of-type) {
-                                border-bottom: 1px solid rgba(242, 242, 242, 1);
-                            }
-
-                        }
-                    }
-
                 }
 
                 .form-arrows {
@@ -1967,13 +1933,13 @@ export default {
 
                         &.pitch {
                             .media-cover-bnt {
-                                background: rgba(80, 227, 194, 1);
+                                background: rgba(98, 177, 255, 1);
                                 border: none;
                                 color: #fff;
                             }
 
                             .media-item-box {
-                                border: 1px solid rgba(80, 227, 194, 1);
+                                border: 1px solid rgba(98, 177, 255, 1);
                             }
                         }
 
@@ -2020,7 +1986,7 @@ export default {
                         .media-img {
                             width: 100px;
                             position: relative;
-                            filter: brightness(0.5);
+                            // filter: brightness(0.5);
                         }
 
                         .media-cover-bnt {
@@ -2056,13 +2022,23 @@ export default {
                 .introduce-input,
                 .subject-input {
                     width: 640px;
-                    height: 200px;
                     border-radius: 10px;
                     border: 1px solid rgba(170, 170, 170, 1);
                     outline: none;
                     font-size: 16px;
                     resize: none;
                     overflow: hidden;
+                    position: relative;
+
+                    .residue {
+                        position: absolute;
+                        right: 8px;
+                        bottom: 0;
+                        color: #aaa;
+                        font-size: 14px;
+                        line-height: 30px;
+                        height: 34px;
+                    }
 
                     .el-textarea__inner {
                         height: 100%;
@@ -2071,12 +2047,15 @@ export default {
                 }
 
                 .introduce-input {
+
+                    // height: 200px;
                     .el-textarea {
                         height: 100%;
 
                         /deep/ .el-textarea__inner {
                             box-shadow: none;
                             height: 100%;
+                            min-height: 200px !important;
                         }
                     }
                 }
@@ -2555,10 +2534,32 @@ export default {
     &.target-area {
         width: 900px;
 
+        .area-box {
+            position: relative;
+
+            &::after {
+                content: "";
+                position: absolute;
+                left: 0;
+                bottom: 40px;
+                width: 560px;
+                height: 1px;
+                background-color: #ebebeb;
+            }
+        }
+
         .target-area-left {
             overflow: auto;
             margin-top: 25px;
+            margin-bottom: 40px;
             margin-right: 20px;
+            position: relative;
+
+            .target-area-bottom {
+                height: 40px;
+                width: 100%;
+                background-color: red;
+            }
 
             /*滚动条样式*/
             &::-webkit-scrollbar {
@@ -2580,7 +2581,6 @@ export default {
             .target-area-item {
                 margin-bottom: 20px;
 
-
                 .target-area-head {
                     font-size: 18px;
                     color: #000;
@@ -2651,6 +2651,7 @@ export default {
                 font-weight: 400;
                 color: #7F7F7F;
                 font-size: 14px;
+                font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
 
                 .target-area-num {
                     font-weight: 650;
@@ -2710,4 +2711,68 @@ export default {
     }
 
 }
+
+.residential-area {
+    // position: absolute;
+    // top: 58px;
+    width: 640px;
+    height: 500px;
+    background-color: rgba(255, 255, 255, 1);
+    box-sizing: border-box;
+    border: 1px solid rgba(235, 235, 235, 1);
+    border-radius: 16px;
+    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725490196);
+    z-index: 101;
+    padding: 10px 30px;
+    overflow: auto;
+
+    /*滚动条样式*/
+    &::-webkit-scrollbar {
+        width: 8px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
+        background: rgba(242, 242, 242, 1);
+    }
+
+    &::-webkit-scrollbar-track {
+        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
+        border-radius: 0;
+        background: transparent;
+    }
+
+    .residential-item {
+        height: 60px;
+        cursor: pointer;
+
+        .residential-dot {
+            width: 6px;
+            height: 6px;
+            background: #62b1ff;
+            border-radius: 50%;
+            margin-right: 47px;
+
+        }
+
+        .residential-text {
+            height: 100%;
+            color: #555;
+            font-size: 16px;
+
+            &.pitchpitch {
+                color: #62b1ff;
+
+            }
+        }
+
+        &:not(:last-of-type) {
+            border-bottom: 1px solid rgba(242, 242, 242, 1);
+        }
+
+    }
+}
 </style>
\ No newline at end of file