|
|
|
@ -51,9 +51,10 @@ |
|
|
|
人员类别： |
|
|
|
<span>{{ info.resiCategoryNames || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="operate"> |
|
|
|
<div @click="handleClickBtn('watch-resi')" class="btn">查看更多</div> |
|
|
|
|
|
|
|
<div @click="handleClickBtn('watch-resi')" class="more-btn">更多</div> |
|
|
|
|
|
|
|
<div class="operate"> |
|
|
|
<div |
|
|
|
@click="handleClickBtn('create-demand')" |
|
|
|
v-if="info.agencyId == $store.state.user.agencyId" |
|
|
|
@ -218,9 +219,7 @@ |
|
|
|
<span>{{ info.idCard || "--" }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="operate"> |
|
|
|
<div @click="handleClickBtn('watch-event')" class="btn">查看详情</div> |
|
|
|
</div> |
|
|
|
<div @click="handleClickBtn('watch-event')" class="more-btn">更多</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="placeType === 'community_org'"> |
|
|
|
@ -335,11 +334,7 @@ |
|
|
|
<span>{{ info.mobile || "--" }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="operate"> |
|
|
|
<div @click="handleClickBtn('watch-xuncha')" class="btn"> |
|
|
|
查看更多 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div @click="handleClickBtn('watch-xuncha')" class="more-btn">更多</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="placeType === 'party_unit'"> |
|
|
|
@ -387,6 +382,27 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="placeType === 'grid'"> |
|
|
|
<div class="info-title">网格信息</div> |
|
|
|
<div class="item"> |
|
|
|
网格名称： |
|
|
|
<span>{{ info.gridName || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
网格类型： |
|
|
|
<span>{{ info.gridTypeName || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
联系人： |
|
|
|
<span>{{ info.manageDistrict || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
联系人电话： |
|
|
|
<span>{{ info.mobile || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
网格位置： |
|
|
|
<span>{{ info.centerAddress || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="operate"> |
|
|
|
<div @click="handleClickBtn('create-service')" class="btn z-yellow"> |
|
|
|
发起服务 |
|
|
|
@ -403,7 +419,12 @@ |
|
|
|
:key="'list' + item.id" |
|
|
|
v-for="(item, index) in list" |
|
|
|
> |
|
|
|
{{ index + 1 }}、{{ item.content }} |
|
|
|
<div class="item-cnt">{{ index + 1 }}、{{ item.content }}</div> |
|
|
|
<img |
|
|
|
src="@/assets/img/shuju/command/arrow-right-green.png" |
|
|
|
alt="" |
|
|
|
class="i-arrow" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -475,7 +496,7 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
if (placeType === "grid") { |
|
|
|
this.info = { ...item }; |
|
|
|
await this.loadGridInfo(item); |
|
|
|
} |
|
|
|
|
|
|
|
if ( |
|
|
|
@ -507,7 +528,7 @@ export default { |
|
|
|
} |
|
|
|
if (placeType === "superior_resource") { |
|
|
|
//优势资源 |
|
|
|
await this.loadSuperiorResource(item); |
|
|
|
await this.loadGridInfo(item); |
|
|
|
} |
|
|
|
if (placeType === "group_rent") { |
|
|
|
//群租房 |
|
|
|
@ -709,7 +730,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async loadSuperiorResource(info) { |
|
|
|
async loadGridInfo(info) { |
|
|
|
const url = "/gov/org/icSuperiorResource/detail"; |
|
|
|
// const url = "http://yapi.elinkservice.cn/mock/245/gov/org/icSuperiorResource/detail" |
|
|
|
|
|
|
|
@ -783,6 +804,30 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async loadGridInfo(info) { |
|
|
|
const url = "/gov/org/grid/griddetail"; |
|
|
|
|
|
|
|
let params = { |
|
|
|
gridId: info.id, |
|
|
|
}; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.info = { |
|
|
|
id: data.grid, |
|
|
|
gridId: data.grid, |
|
|
|
gridName: data.gridName, |
|
|
|
manageDistrict: data.manageDistrict, |
|
|
|
mobile: data.mobile, |
|
|
|
centerAddress: data.centerAddress, |
|
|
|
gridTypeName: data.gridTypeName, |
|
|
|
}; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async requestList() { |
|
|
|
const url = "/data/aggregator/coverage/analysis/resourceCategories"; |
|
|
|
let params = { |
|
|
|
@ -816,50 +861,27 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
// @import "@/assets/scss/c/config"; |
|
|
|
// @import "@/assets/scss/c/function"; |
|
|
|
// @import "@/assets/scss/modules/visual/c/common"; |
|
|
|
@mixin toe { |
|
|
|
overflow: hidden; |
|
|
|
white-space: nowrap; |
|
|
|
text-overflow: ellipsis; |
|
|
|
word-wrap: normal; |
|
|
|
} |
|
|
|
|
|
|
|
@mixin scrollBar2 { |
|
|
|
&::-webkit-scrollbar { |
|
|
|
/*滚动条整体样式*/ |
|
|
|
width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ |
|
|
|
height: 1px; |
|
|
|
} |
|
|
|
&::-webkit-scrollbar-thumb { |
|
|
|
/*滚动条里面小方块*/ |
|
|
|
border-radius: 8px; |
|
|
|
box-shadow: inset 0 0 5px rgba(#000, 0.1); |
|
|
|
background: linear-gradient(270deg, #999, #ddd); |
|
|
|
} |
|
|
|
&::-webkit-scrollbar-track { |
|
|
|
/*滚动条里面轨道*/ |
|
|
|
box-shadow: inset 0 0 5px rgba(#000, 0.1); |
|
|
|
border-radius: 8px; |
|
|
|
background: darken(#999, 20); |
|
|
|
} |
|
|
|
} |
|
|
|
@import "@/assets/scss/c/config.scss"; |
|
|
|
@import "@/assets/scss/c/function.scss"; |
|
|
|
@import "@/assets/scss/modules/visual/c/common.scss"; |
|
|
|
|
|
|
|
.m-pop { |
|
|
|
@include scrollBar2; |
|
|
|
max-width: 380px; |
|
|
|
width: 450px; |
|
|
|
color: #fff; |
|
|
|
font-size: 14px; |
|
|
|
line-height: 20px; |
|
|
|
max-height: 321px; |
|
|
|
max-height: 500px; |
|
|
|
overflow-y: auto; |
|
|
|
|
|
|
|
.info { |
|
|
|
padding: 10px; |
|
|
|
.info-title { |
|
|
|
margin-bottom: 10px; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 24px; |
|
|
|
font-weight: bold; |
|
|
|
color: #69efff; |
|
|
|
line-height: 40px; |
|
|
|
} |
|
|
|
|
|
|
|
.item-pics { |
|
|
|
@ -876,21 +898,66 @@ export default { |
|
|
|
} |
|
|
|
.item { |
|
|
|
@include toe; |
|
|
|
font-size: 18px; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #ffffff; |
|
|
|
line-height: 34px; |
|
|
|
} |
|
|
|
|
|
|
|
.list { |
|
|
|
.item { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 5px; |
|
|
|
padding: 5px; |
|
|
|
border-bottom: 1px dashed #124584; |
|
|
|
&:last-child { |
|
|
|
border-bottom: none; |
|
|
|
} |
|
|
|
.item-cnt { |
|
|
|
@include toe; |
|
|
|
width: 90%; |
|
|
|
} |
|
|
|
.i-arrow { |
|
|
|
margin-left: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.operate { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
|
|
|
|
.more-btn { |
|
|
|
position: absolute; |
|
|
|
right: 20px; |
|
|
|
top: 30px; |
|
|
|
width: 60px; |
|
|
|
height: 24px; |
|
|
|
background: rgba(221, 141, 2, 0.57); |
|
|
|
border: 1px solid #dd8d02; |
|
|
|
border-radius: 2px; |
|
|
|
font-size: 16px; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
color: #ffffff; |
|
|
|
line-height: 24px; |
|
|
|
text-align: center; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.btn { |
|
|
|
margin-top: 20px; |
|
|
|
margin-right: 20px; |
|
|
|
width: 80px; |
|
|
|
line-height: 24px; |
|
|
|
width: 110px; |
|
|
|
line-height: 30px; |
|
|
|
border: 1px solid #eee; |
|
|
|
text-align: center; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 18px; |
|
|
|
border-radius: 2px; |
|
|
|
cursor: pointer; |
|
|
|
&.z-blue { |
|
|
|
background: #09a5ff; |
|
|
|
border-color: #09a5ff; |
|
|
|
|
dai
3 years ago
