XiaoMo/gterFang
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

选择身份

Browse Source
This commit is contained in:
A1300399510
2023-07-11 19:04:02 +08:00
parent ff631f5816
commit 5da24fa685
22 changed files with 6934 additions and 18734 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
src/components/edit/choosingIdentity.vue
View File

@@ -22,51 +22,123 @@
</div>
</div>
</div>
<div class="agent" v-else>
<div class="pop-header flexcenter">身份确认</div>
<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">
<img class="rules-icon" src="@/assets/img/edit/green-arrow.svg" alt="">
<div class="rules-text" v-html="html"></div>
</div>
</div>
<div class="footer flexcenter">
<div class="footer-item flexcenter">重新选择</div>
<div class="footer-item affirm flexcenter">确认并继续</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'GterFangChoosingIdentity',
<!-- <script> -->
<script setup>
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
const { proxy } = getCurrentInstance()
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 html = `中介账号只能发布“<span style="color: #000; font-weight:650;">中介房源</span>”，如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架；`
mounted() {
let identityList = ref([])
},
let popType = ref('agent') // 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 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 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,
}])
onMounted(() => {
// init()
})
async function init() {
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
// if (data['ispopup'] == 1) {
// }
});
}
// /tenement/pc/api/publish/checkidentity
// export default {
// name: 'GterFangChoosingIdentity',
// 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: "求房源",
// }]
// };
// },
// mounted() {
// },
// methods: {
// },
// };
methods: {
},
};
</script>
<style lang="less" scoped>
@@ -75,11 +147,8 @@ export default {
height: 100vh;
background: rgba(0, 0, 0, 0.117647058823529);
}
.pop-box {
// position: fixed;
// top: 50%;
// left: 50%;
// transform: translate(-50%, -50%);
position: relative;
z-index: 1111;
box-sizing: border-box;
@@ -96,7 +165,7 @@ export default {
font-size: 24px;
font-weight: 650;
color: #000000;
margin-bottom: 35px;
// margin-bottom: 35px;
}
.please-choose {
@@ -196,4 +265,77 @@ export default {
height: 14px;
cursor: pointer;
}
.affirm-hint {
color: #333333;
margin: 0 auto;
text-align: left;
}
.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;
border-radius: 10px;
padding: 15px;
.rules-item {
line-height: 24px;
&:not(:last-of-type) .rules-text {
border-bottom: 1px dashed #ebebeb;
}
.rules-text {
padding: 20px 0;
}
}
.rules-icon {
width: 20px;
height: 20px;
margin-top: 23px;
margin-right: 12px;
}
}
.footer {
padding: 0 15px;
height: 100px;
border-top: 1px solid #ebebeb;
.footer-item {
width: 180px;
height: 50px;
border-radius: 40px;
font-size: 20px;
cursor: pointer;
background-color: #ffffff;
border: 1px solid rgba(215, 215, 215, 1);
&:first-of-type {
margin-right: 20px;
}
&.affirm {
border: none;
background-color: rgba(98, 177, 255, 1);
color: #ffffff;
font-size: 22px;
font-weight: 650;
}
}
}
</style>