|
|
|
@ -11,9 +11,7 @@ |
|
|
|
<div class="item"> |
|
|
|
<div class="field">所属网格：</div> |
|
|
|
<div class="value"> |
|
|
|
<span v-if="info.community">{{ |
|
|
|
info.community |
|
|
|
}}</span> |
|
|
|
<span v-if="info.community">{{ info.community }}</span> |
|
|
|
<span v-if="info.grid"> - {{ info.grid }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -21,9 +19,7 @@ |
|
|
|
<div class="field">所属房屋：</div> |
|
|
|
<div class="value"> |
|
|
|
<span v-if="info.village">{{ info.village }}</span> |
|
|
|
<span v-if="info.building"> |
|
|
|
- {{ info.building }}</span |
|
|
|
> |
|
|
|
<span v-if="info.building"> - {{ info.building }}</span> |
|
|
|
<span v-if="info.unit"> - {{ info.unit }}</span> |
|
|
|
<span v-if="info.room"> - {{ info.room }}</span> |
|
|
|
</div> |
|
|
|
@ -110,19 +106,14 @@ |
|
|
|
<div |
|
|
|
class="tab-btn" |
|
|
|
@click="subStartTabIndex" |
|
|
|
v-if="tabList.length > 7" > |
|
|
|
<img |
|
|
|
src="@/assets/img/shuju/people/arrow-double-left.png"/> </div> |
|
|
|
v-if="tabList.length > 7" |
|
|
|
> |
|
|
|
<img src="@/assets/img/shuju/people/arrow-double-left.png" /> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
v-show=" |
|
|
|
index >= startTabIndex && index < startTabIndex + 7 |
|
|
|
" |
|
|
|
v-show="index >= startTabIndex && index < startTabIndex + 7" |
|
|
|
class="tab" |
|
|
|
:class=" |
|
|
|
currentTabIndex % tabList.length == index |
|
|
|
? 'z-on' |
|
|
|
: '' |
|
|
|
" |
|
|
|
:class="currentTabIndex % tabList.length == index ? 'z-on' : ''" |
|
|
|
:key="'tab' + index" |
|
|
|
@click="currentTabIndex = index" |
|
|
|
v-for="(item, index) in tabList" |
|
|
|
@ -134,9 +125,7 @@ |
|
|
|
@click="addStartTabIndex" |
|
|
|
v-if="tabList.length > 7" |
|
|
|
> |
|
|
|
<img |
|
|
|
src="@/assets/img/shuju/people/arrow-double-right.png" |
|
|
|
/> |
|
|
|
<img src="@/assets/img/shuju/people/arrow-double-right.png" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -847,7 +836,13 @@ export default { |
|
|
|
tabList: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
watch: { |
|
|
|
resiId(val) { |
|
|
|
if (val) { |
|
|
|
this.getApiData(); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
currentTab() { |
|
|
|
return this.tabList[this.currentTabIndex]; |
|
|
|
@ -884,7 +879,6 @@ export default { |
|
|
|
this.getInfo(); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 根据房屋id获取详情 |
|
|
|
async getInfo() { |
|
|
|
const url = "resident_info"; |
|
|
|
@ -930,7 +924,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
handleSizeChange(page_size) { |
|
|
|
localStorage.setItem('dataBoard_page_size', page_size); |
|
|
|
localStorage.setItem("dataBoard_page_size", page_size); |
|
|
|
this.page_size = page_size; |
|
|
|
this.getList(); |
|
|
|
}, |
|
|
|
@ -942,7 +936,7 @@ export default { |
|
|
|
let peop_type = this.type2; |
|
|
|
|
|
|
|
this.loading = true; |
|
|
|
const url = 'person_resour_list'; |
|
|
|
const url = "person_resour_list"; |
|
|
|
const { data, code, msg } = await requestPostBi( |
|
|
|
url, |
|
|
|
{ |
|
|
|
@ -952,8 +946,8 @@ export default { |
|
|
|
start_date, |
|
|
|
end_date, |
|
|
|
org_id, |
|
|
|
peop_type |
|
|
|
} |
|
|
|
peop_type, |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
// mockId: 60068051, |
|
|
|
@ -969,31 +963,30 @@ export default { |
|
|
|
this.list = data.map((item, index) => { |
|
|
|
return [ |
|
|
|
index + 1, |
|
|
|
item.peop_name ? item.peop_name : '--', |
|
|
|
item.peop_name ? item.peop_name : "--", |
|
|
|
// item.peop_id ? item.peop_id : '--', |
|
|
|
item.peop_child_type ? item.peop_child_type : '--', |
|
|
|
item.service_num ? item.service_num : '--', |
|
|
|
item.service_ratio ? item.service_ratio : '--', |
|
|
|
item.avg_satisfaction ? item.avg_satisfaction : '--', |
|
|
|
item.sum_point ? item.sum_point : '--', |
|
|
|
{ type: 'operate', list: ['查看'] } |
|
|
|
item.peop_child_type ? item.peop_child_type : "--", |
|
|
|
item.service_num ? item.service_num : "--", |
|
|
|
item.service_ratio ? item.service_ratio : "--", |
|
|
|
item.avg_satisfaction ? item.avg_satisfaction : "--", |
|
|
|
item.sum_point ? item.sum_point : "--", |
|
|
|
{ type: "operate", list: ["查看"] }, |
|
|
|
]; |
|
|
|
}); |
|
|
|
|
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
this.list = [ |
|
|
|
{ |
|
|
|
index: 1, |
|
|
|
peop_name: '置南于可', |
|
|
|
peop_child_type: 'in nostrud commodo dolore', |
|
|
|
peop_name: "置南于可", |
|
|
|
peop_child_type: "in nostrud commodo dolore", |
|
|
|
service_num: 57, |
|
|
|
service_ratio: 94, |
|
|
|
avg_satisfaction: 65, |
|
|
|
sum_point: 63, |
|
|
|
'': { type: 'operate', list: ['查看'] } |
|
|
|
} |
|
|
|
"": { type: "operate", list: ["查看"] }, |
|
|
|
}, |
|
|
|
]; |
|
|
|
}, |
|
|
|
// async getInfo() { |
|
|
|
@ -1021,7 +1014,7 @@ export default { |
|
|
|
const { org_id, listType, page_num, page_size, searchDate } = this; |
|
|
|
const start_date = searchDate[0]; |
|
|
|
const end_date = searchDate[1]; |
|
|
|
const url = 'person_resour_list_num'; |
|
|
|
const url = "person_resour_list_num"; |
|
|
|
let peop_type = this.type2; |
|
|
|
const { data, code, msg } = await requestPostBi( |
|
|
|
url, |
|
|
|
@ -1030,8 +1023,8 @@ export default { |
|
|
|
org_id, |
|
|
|
start_date, |
|
|
|
end_date, |
|
|
|
peop_type |
|
|
|
} |
|
|
|
peop_type, |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
// mockId: 63070189, |
|
|
|
@ -1043,7 +1036,7 @@ export default { |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
@ -1056,8 +1049,6 @@ export default { |
|
|
|
.u-categorys { |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
.u-categorys span { |
|
|
|
display: block; |
|
|
|
|
