tianq
3 years ago
6 changed files with 341 additions and 88 deletions
@ -0,0 +1,233 @@ |
|||
<template> |
|||
<popup title="需求详情" @close="handleClose"> |
|||
<template v-slot:cnt> |
|||
<div class="m-info" v-if="detailType == '共性需求'"> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">所属网格：</div> |
|||
<div class="value">{{ info.parent_type_name }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">需求类别：</div> |
|||
<div class="value">{{ info.parent_type_name }} {{ info.child_type_name }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">需求标题 ：</div> |
|||
<div class="value">{{ info.title }}</div> |
|||
</div> |
|||
<div class="item" style="width: 100%;"> |
|||
<div class="field">详细说明：</div> |
|||
<div class="value">{{ info.content }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">查找有该需求人员 ：</div> |
|||
<div class="value">{{ info.resi_search_tag_name }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">服务方 ：</div> |
|||
<div class="value">{{ info.service_name }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">服务范围 ：</div> |
|||
<div class="value">{{ info.scope_name }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">服务时间：</div> |
|||
<div class="value">{{ info.start_service_time }}至{{ info.end_service_time }}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="m-info" v-if="detailType == '政府支撑'"> |
|||
<div style="width: 50%;"> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">项目标题：</div> |
|||
<div class="value">{{ info.title }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">项目方案：</div> |
|||
<div class="value">{{ info.content }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">内部备注：</div> |
|||
<div class="value">{{ info.remark }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">当前处理部门：</div> |
|||
<div class="value">{{ info.department }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">分类：</div> |
|||
<div class="value">{{ info.class }}{{ info.sub_class }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">标签：</div> |
|||
<div class="value">{{ info.label }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">操作：</div> |
|||
<!-- <div class="value">{{ info.report_user_mobile }}</div> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div style="width: 50%;"></div> |
|||
</div> |
|||
<div class="m-info" v-else> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">所属网格：</div> |
|||
<div class="value">{{ info.grid }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">需求类型：</div> |
|||
<div class="value">{{ info.parent_category }} {{ info.category }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">上报类型：</div> |
|||
<div class="value">{{ info.report_type }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">上报人：</div> |
|||
<div class="value">{{ info.report_user_name }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">上报时间：</div> |
|||
<div class="value">{{ info.report_time }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">上报人联系电话：</div> |
|||
<div class="value">{{ info.report_user_mobile }}</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">需求人：</div> |
|||
<div class="value">{{ info.demand_user_name }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">服务时间：</div> |
|||
<div class="value">{{ info.want_service_time }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">需求内容：</div> |
|||
<div class="value">{{ info.content }}</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">服务方：</div> |
|||
<div class="value">{{ info.server_name }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">实际服务时间：</div> |
|||
<div class="value">{{ info.service_start_time }}{{ info.service_end_time }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">完成情况：</div> |
|||
<div class="value">{{ info.finish_result }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">评价：</div> |
|||
<div class="value">{{ info.score }}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
</popup> |
|||
</template> |
|||
|
|||
<script> |
|||
import popup from '@/views/dataBoard/cpts/popup'; |
|||
import { requestPostBi } from '@/js/dai/request-bipass'; |
|||
|
|||
export default { |
|||
name: 'needDetails', |
|||
props: { |
|||
needId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
detailType: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
|
|||
components: { popup }, |
|||
created() {}, |
|||
data() { |
|||
return { |
|||
info: { |
|||
grid: '--', |
|||
parent_category: '--', |
|||
category: '--', |
|||
report_type: '--', |
|||
report_user_name: '--', |
|||
report_time: '--', |
|||
report_user_mobile: '--', |
|||
demand_user_name: '--', |
|||
want_service_time: '--', |
|||
content: '--', |
|||
server_name: '--', |
|||
service_start_time: '--', |
|||
service_end_time: '--', |
|||
finish_result: '--', |
|||
score: '--' |
|||
} |
|||
}; |
|||
}, |
|||
|
|||
mounted() { |
|||
this.getApiData(); |
|||
}, |
|||
|
|||
methods: { |
|||
handleClose() { |
|||
this.$emit('close'); |
|||
}, |
|||
|
|||
async getApiData() { |
|||
this.getInfo(); |
|||
}, |
|||
|
|||
// 根据房屋id获取详情 |
|||
async getInfo() { |
|||
let url = ''; |
|||
if (this.detailType == '政府支撑') { |
|||
url = 'gov_support'; |
|||
} else if (this.detailType == '服务支撑') { |
|||
url = 'service_support'; |
|||
} else if (this.detailType == '商家支撑') { |
|||
url = 'busi_support'; |
|||
} else { |
|||
url = 'common_support'; |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
queryParam: { |
|||
need_id: this.needId |
|||
} |
|||
}, |
|||
{ |
|||
// mockId: 60235478, |
|||
} |
|||
); |
|||
if (code === 0) { |
|||
|
|||
this.info = { ...this.info, ...data[0] }; |
|||
console.log(this.info); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.m-info .row .item .field{width: 120px!important;} |
|||
</style> |
|||
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |
|||
Loading…
Reference in new issue