tianq
3 years ago
12 changed files with 1452 additions and 483 deletions
@ -0,0 +1,156 @@ |
|||
<template> |
|||
<popup :title="title" @close="handleClose"> |
|||
<template v-slot:cnt> |
|||
<div class="m-info"> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">需求类型：</div> |
|||
<div class="value">{{ info.category }}</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.demand_status }}</div> |
|||
</div> |
|||
|
|||
<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.finish_result }}</div> |
|||
</div> |
|||
|
|||
<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.remark }}</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_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_user_mobile }}</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="field">评价：</div> |
|||
<div class="value">{{ info.score }}</div> |
|||
</div> |
|||
|
|||
<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 }}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
</popup> |
|||
</template> |
|||
|
|||
<script> |
|||
import { Scene } from '@antv/l7'; |
|||
import popup from '@/views/dataBoard/cpts/popup'; |
|||
import { GaodeMap, Map } from '@antv/l7-maps'; |
|||
import { requestPostBi } from '@/js/dai/request-bipass'; |
|||
|
|||
export default { |
|||
name: 'eventdetail', |
|||
props: { |
|||
detailId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
detailType: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
|
|||
components: { popup }, |
|||
created() {}, |
|||
data() { |
|||
return { |
|||
progress: [], |
|||
info: {}, |
|||
title: '个性服务详情', |
|||
currentTabIndex: 0, |
|||
startTabIndex: 0, |
|||
currentTabIndex2: 0, |
|||
startTabIndex2: 0, |
|||
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'], |
|||
tabList: [], |
|||
tabList2: [], |
|||
userArray: [], |
|||
userList: {} |
|||
}; |
|||
}, |
|||
|
|||
mounted() { |
|||
this.getApiData(); |
|||
}, |
|||
computed: {}, |
|||
methods: { |
|||
handleClose() { |
|||
this.$emit('close'); |
|||
}, |
|||
|
|||
async getApiData() { |
|||
this.getInfo(); |
|||
}, |
|||
|
|||
// 根据房屋id获取详情 |
|||
async getInfo() { |
|||
const url = 'user_service_intro'; |
|||
|
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
user_demand_id: this.detailId |
|||
}, |
|||
{ |
|||
// mockId: 69964568, |
|||
} |
|||
); |
|||
if (code === 0) { |
|||
this.info = { ...this.info, ...data[0] }; |
|||
console.log('this.info', 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> |
|||
@ -0,0 +1,198 @@ |
|||
<template> |
|||
<div> |
|||
<cpt-tb |
|||
:col-list="colList" |
|||
:loading="loading" |
|||
:header="header" |
|||
:list="list" |
|||
:total="total" |
|||
@handleSizeChange="handleSizeChange" |
|||
@handlePageNoChange="handlePageNoChange" |
|||
@operate="showInfo" |
|||
></cpt-tb> |
|||
|
|||
<detail @close="detailId = ''" :detailId="detailId" :detailType="detailType" v-if="detailId != ''" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import cptTb from '@/views/dataBoard/cpts/tb'; |
|||
import detail from './gexingDetail'; |
|||
import { requestPostBi } from '@/js/dai/request-bipass'; |
|||
import getQueryPara from 'dai-js/modules/getQueryPara'; |
|||
|
|||
export default { |
|||
name: 'event-list', |
|||
props: { |
|||
id: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
detailType: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
components: { |
|||
cptTb, |
|||
|
|||
detail |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
detailId: '', |
|||
searchDate: '', |
|||
org_id: '', |
|||
listType: '', // 流动 常驻 全部 |
|||
loading: true, |
|||
page_size: parseInt(localStorage.getItem('dataBoard_PageSize')) || 20, |
|||
|
|||
page_num: 1, |
|||
total: 0, |
|||
srcTableData: [], |
|||
list: [], |
|||
|
|||
colList: [ |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
|
|||
{ |
|||
align: 'left' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
|
|||
{ |
|||
align: 'left', |
|||
width: '10%' |
|||
} |
|||
], |
|||
header: ['序号', '服务时间', '需求类型', '需求内容', '满意度', '状态', '操作'] |
|||
}; |
|||
}, |
|||
created() { |
|||
this.init(); |
|||
}, |
|||
|
|||
methods: { |
|||
init() { |
|||
console.log("个性列表",this.id,this.detailType) |
|||
this.getList(), this.getCount(); |
|||
}, |
|||
|
|||
showInfo(index) { |
|||
let item = this.srcTableData[index]; |
|||
this.detailType = item.peop_child_type; |
|||
this.detailId = item.user_demand_id; |
|||
// ceshi |
|||
// this.detailType = '志愿者'; |
|||
// this.detailId = '1501821704551272449'; |
|||
}, |
|||
|
|||
handlePageNoChange(page_num) { |
|||
this.page_num = page_num; |
|||
this.getList(); |
|||
}, |
|||
|
|||
handleSizeChange(page_size) { |
|||
localStorage.setItem('dataBoard_page_size', page_size); |
|||
this.page_size = page_size; |
|||
this.getList(); |
|||
}, |
|||
|
|||
async getList() { |
|||
|
|||
const { org_id, listType, page_num, page_size, searchDate } = this; |
|||
|
|||
let peop_type = this.type2; |
|||
|
|||
this.loading = true; |
|||
const url = 'self_service_list'; |
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
queryParam: { |
|||
user_demand_id: this.id, |
|||
service_type: this.detailType, |
|||
page_size:page_size, |
|||
page_num:page_num |
|||
} |
|||
}, |
|||
{ |
|||
// mockId: 69844538 |
|||
} |
|||
); |
|||
|
|||
this.loading = false; |
|||
|
|||
if (code === 0) { |
|||
this.srcTableData = data; |
|||
|
|||
this.list = data.map((item, index) => { |
|||
return [ |
|||
index + 1, |
|||
item.service_time ? item.service_time : '--', |
|||
// item.user_demand_id ? item.user_demand_id : '--', |
|||
item.demand_category ? item.demand_category : '--', |
|||
item.content ? item.content : '--', |
|||
item.score ? item.score : '--', |
|||
item.demand_status ? item.demand_status : '--', |
|||
// 待处理：pending；已取消canceled；已派单：assigned；已接单：have_order；已完成：finished； |
|||
{ type: 'operate', list: ['查看'] } |
|||
]; |
|||
}); |
|||
|
|||
console.log('this.list', this.list); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
async getCount() { |
|||
const { org_id, listType, page_num, page_size, searchDate } = this; |
|||
const start_date = searchDate[0]; |
|||
const end_date = searchDate[1]; |
|||
const url = 'self_service_list_total'; |
|||
let peop_type = this.type2; |
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
queryParam: { |
|||
user_demand_id: this.id, |
|||
service_type: this.detailType, |
|||
// page_size:page_size, |
|||
// page_num:page_num |
|||
} |
|||
}, |
|||
{ |
|||
// mockId: 63070189, |
|||
} |
|||
); |
|||
|
|||
if (code === 0) { |
|||
this.total = parseInt(data[0].total); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
destroyed() { |
|||
console.log('我已经离开了！'); |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" src="@/assets/scss/dataBoard/listBox.scss" scoped></style> |
|||
@ -0,0 +1,133 @@ |
|||
<template> |
|||
<popup :title="title" @close="handleClose"> |
|||
<template v-slot:cnt> |
|||
<div class="m-info"> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
|
|||
<div class="field">政策依据：</div> |
|||
<div class="value">{{ info.policy_name }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">联系方式：</div> |
|||
<div class="value">{{ info.principal_contact }}</div> |
|||
</div> |
|||
|
|||
<div class="item"> |
|||
<div class="field">经办人：</div> |
|||
<div class="value">{{ info.principal_name }}</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.scope_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.service_org_name }}</div> |
|||
</div> |
|||
|
|||
<!-- <div class="item"> |
|||
<div class="field">公共服务主键：</div> |
|||
<div class="value">{{ info.service_record_id }}</div> |
|||
</div> --> |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
</popup> |
|||
</template> |
|||
|
|||
<script> |
|||
import { Scene } from '@antv/l7'; |
|||
import popup from '@/views/dataBoard/cpts/popup'; |
|||
import { GaodeMap, Map } from '@antv/l7-maps'; |
|||
import { requestPostBi } from '@/js/dai/request-bipass'; |
|||
|
|||
export default { |
|||
name: 'eventdetail', |
|||
props: { |
|||
detailId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
detailType: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
|
|||
components: { popup }, |
|||
created() {}, |
|||
data() { |
|||
return { |
|||
progress: [], |
|||
info: {}, |
|||
title: '公共服务详情', |
|||
currentTabIndex: 0, |
|||
startTabIndex: 0, |
|||
currentTabIndex2: 0, |
|||
startTabIndex2: 0, |
|||
BaseTabList: ['教育信息', '兴趣爱好', '宗教', '健康', '工作', '经济状况', '居住', '家庭'], |
|||
tabList: [], |
|||
tabList2: [], |
|||
userArray: [], |
|||
userList: {} |
|||
}; |
|||
}, |
|||
|
|||
mounted() { |
|||
this.getApiData(); |
|||
}, |
|||
computed: {}, |
|||
methods: { |
|||
handleClose() { |
|||
this.$emit('close'); |
|||
}, |
|||
|
|||
async getApiData() { |
|||
this.getInfo(); |
|||
}, |
|||
|
|||
// 根据房屋id获取详情 |
|||
async getInfo() { |
|||
const url = 'common_service_intro'; |
|||
|
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
service_record_id: this.detailId |
|||
}, |
|||
{ |
|||
// mockId: 69980718, |
|||
} |
|||
); |
|||
if (code === 0) { |
|||
this.info = { ...this.info, ...data[0] }; |
|||
console.log('this.info', 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> |
|||
@ -0,0 +1,199 @@ |
|||
<template> |
|||
<div> |
|||
<cpt-tb |
|||
:col-list="colList" |
|||
:loading="loading" |
|||
:header="header" |
|||
:list="list" |
|||
:total="total" |
|||
@handleSizeChange="handleSizeChange" |
|||
@handlePageNoChange="handlePageNoChange" |
|||
@operate="showInfo" |
|||
></cpt-tb> |
|||
|
|||
<detail @close="detailId = ''" :detailId="detailId" :detailType="detailType" v-if="detailId != ''" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import cptTb from '@/views/dataBoard/cpts/tb'; |
|||
import detail from './gonggongDetail'; |
|||
import { requestPostBi } from '@/js/dai/request-bipass'; |
|||
import getQueryPara from 'dai-js/modules/getQueryPara'; |
|||
|
|||
export default { |
|||
name: 'event-list', |
|||
props: { |
|||
id: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
detailType: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
components: { |
|||
cptTb, |
|||
|
|||
detail |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
detailId: '', |
|||
searchDate: '', |
|||
|
|||
org_id: '', |
|||
listType: '', // 流动 常驻 全部 |
|||
|
|||
loading: true, |
|||
page_size: parseInt(localStorage.getItem('dataBoard_PageSize')) || 20, |
|||
|
|||
page_num: 1, |
|||
total: 0, |
|||
srcTableData: [], |
|||
list: [], |
|||
sourceName: '0', //0公共服务，1共性需求，2政策找人 3服务找人 |
|||
colList: [ |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
|
|||
{ |
|||
align: 'left', |
|||
width: '10%' |
|||
} |
|||
], |
|||
header: ['序号', '服务时间', '服务名称', '服务范围', '满意度', '状态', '操作'] |
|||
}; |
|||
}, |
|||
created() { |
|||
this.init() |
|||
}, |
|||
|
|||
methods: { |
|||
init() { |
|||
this.getList(), this.getCount(); |
|||
}, |
|||
|
|||
showInfo(index) { |
|||
let item = this.srcTableData[index]; |
|||
this.detailType = item.peop_child_type; |
|||
this.detailId = item.service_record_id; |
|||
|
|||
// this.detailType = '志愿者'; |
|||
// this.detailId = '1501821704551272449'; |
|||
}, |
|||
|
|||
handlePageNoChange(page_num) { |
|||
this.page_num = page_num; |
|||
this.getList(); |
|||
}, |
|||
|
|||
handleSizeChange(page_size) { |
|||
localStorage.setItem('dataBoard_page_size', page_size); |
|||
this.page_size = page_size; |
|||
this.getList(); |
|||
}, |
|||
|
|||
async getList() { |
|||
const { org_id, listType, page_num, page_size, searchDate } = this; |
|||
const start_date = searchDate[0]; |
|||
const end_date = searchDate[1]; |
|||
|
|||
let peop_type = this.type2; |
|||
|
|||
this.loading = true; |
|||
const url = 'common_service_list'; |
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
queryParam: { |
|||
service_org_id: this.id, |
|||
service_org_type: this.detailType, |
|||
// source_name: '0', |
|||
page_size:page_size, |
|||
page_num:page_num |
|||
} |
|||
}, |
|||
{ |
|||
// mockId: 69852161 |
|||
} |
|||
); |
|||
|
|||
this.loading = false; |
|||
|
|||
if (code === 0) { |
|||
this.srcTableData = data; |
|||
console.log('this.srcTableData ', this.srcTableData); |
|||
|
|||
this.list = data.map((item, index) => { |
|||
return [ |
|||
index + 1, |
|||
// service_record_id |
|||
item.service_time ? item.service_time : '--', |
|||
item.service_name ? item.service_name : '--', |
|||
item.scope_name ? item.scope_name : '--', |
|||
item.score ? item.score : '--', |
|||
item.demand_status ? item.demand_status : '--', |
|||
// 待处理：pending；已取消canceled；已派单：assigned；已接单：have_order；已完成：finished； |
|||
{ type: 'operate', list: ['查看'] } |
|||
]; |
|||
}); |
|||
|
|||
console.log('公共', this.list); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
async getCount() { |
|||
const { org_id, listType, page_num, page_size, searchDate } = this; |
|||
const start_date = searchDate[0]; |
|||
const end_date = searchDate[1]; |
|||
const url = 'common_service_list_total'; |
|||
let peop_type = this.type2; |
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
queryParam: { |
|||
service_org_id: this.id, |
|||
service_org_type: this.detailType, |
|||
} |
|||
}, |
|||
{ |
|||
mockId: 63070189 |
|||
} |
|||
); |
|||
|
|||
if (code === 0) { |
|||
this.total = parseInt(data[0].total); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
destroyed() { |
|||
console.log('我已经离开了！'); |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" src="@/assets/scss/dataBoard/listBox.scss" scoped></style> |
|||
@ -0,0 +1,295 @@ |
|||
<template> |
|||
<div class="g-pgi"> |
|||
<cpt-bread :separator="'/'" @tap="handleClickBreadItem" :breadList="breadList"></cpt-bread> |
|||
|
|||
<div class="m-title"> |
|||
<img class="title_img" src="@/assets/images/index/list-logo.png" alt /> |
|||
<div class="tip_title">{{ tableTitle }}</div> |
|||
<div class="title_line"></div> |
|||
<div class="second-select" style="position:absolute;margin-left:300px;"> |
|||
<el-select v-model="listType" @change="changList"> |
|||
<el-option value="个性需求">个性需求</el-option> |
|||
<el-option value="共性需求">共性需求</el-option> |
|||
</el-select> |
|||
|
|||
<el-select v-model="type2" @change="init" :clearable="true" class="left10"> |
|||
<el-option value="全部">全部</el-option> |
|||
<template v-if="listType == '个性需求'"> |
|||
<el-option value="商家支撑">商家支撑</el-option> |
|||
<el-option value="服务支撑">服务支撑</el-option> |
|||
<el-option value="政府支撑">政府支撑</el-option> |
|||
</template> |
|||
<template v-if="listType == '共性需求'"> |
|||
<el-option value="社区养老">社区养老</el-option> |
|||
<el-option value="社会保障">社会保障</el-option> |
|||
<el-option value="社区救助">社区救助</el-option> |
|||
<el-option value="健康医疗">健康医疗</el-option> |
|||
<el-option value="社区安全">社区安全</el-option> |
|||
<el-option value="社区卫生">社区卫生</el-option> |
|||
<el-option value="社区环境">社区环境</el-option> |
|||
<el-option value="社区治安">社区治安</el-option> |
|||
<el-option value="社区文化">社区文化</el-option> |
|||
</template> |
|||
</el-select> |
|||
<div class="m-search2 left10" style="display: inline-block;"> |
|||
<el-date-picker |
|||
type="daterange" |
|||
unlink-panels |
|||
value-format="yyyy-MM-dd" |
|||
@change="init" |
|||
v-model="searchDate" |
|||
range-separator="至" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
></el-date-picker> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<cpt-tb |
|||
:col-list="colList" |
|||
:loading="loading" |
|||
:header="header" |
|||
:list="list" |
|||
:total="total" |
|||
@handleSizeChange="handleSizeChange" |
|||
@handlePageNoChange="handlePageNoChange" |
|||
@operate="showInfo" |
|||
></cpt-tb> |
|||
|
|||
<needdetail @close="detailId = ''" :detailId="detailId" :detailType="detailType" v-if="detailId != ''" /> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import cptTb from '@/views/dataBoard/cpts/tb'; |
|||
import cptBread from '@/views/dataBoard/renfang/cpts/bread'; |
|||
import needdetail from './need-detail'; |
|||
import { requestPostBi } from '@/js/dai/request-bipass'; |
|||
import getQueryPara from 'dai-js/modules/getQueryPara'; |
|||
|
|||
export default { |
|||
name: 'need-list', |
|||
|
|||
components: { |
|||
cptTb, |
|||
cptBread, |
|||
needdetail |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
searchDate: [], |
|||
detailId: '', |
|||
|
|||
detailType: '', |
|||
breadList: [ |
|||
{ |
|||
type: 'back', |
|||
meta: { |
|||
title: '四大清单' |
|||
} |
|||
}, |
|||
{ |
|||
meta: { |
|||
title: '需求列表' |
|||
} |
|||
} |
|||
], |
|||
type1: '', |
|||
type2: '全部', |
|||
tableTitle: '需求列表', |
|||
searchName: '', |
|||
|
|||
orgLevel: '', |
|||
org_id: '', |
|||
listType: '', // 流动 常驻 全部 |
|||
|
|||
loading: true, |
|||
page_size: parseInt(localStorage.getItem('dataBoard_PageSize')) || 20, |
|||
|
|||
page_num: 1, |
|||
total: 0, |
|||
srcTableData: [], |
|||
list: [], |
|||
|
|||
colList: [ |
|||
{ |
|||
align: 'left', |
|||
width: '5%' |
|||
}, |
|||
{ |
|||
align: 'left', |
|||
width: '10%' |
|||
}, |
|||
{ |
|||
align: 'left' |
|||
}, |
|||
|
|||
{ |
|||
align: 'left', |
|||
width: '10%' |
|||
}, |
|||
{ |
|||
align: 'left', |
|||
width: '10%' |
|||
}, |
|||
{ |
|||
align: 'left', |
|||
width: '10%' |
|||
} |
|||
], |
|||
|
|||
header: ['序号', '需求类型', '需求内容', '状态', '上报时间', '操作'] |
|||
}; |
|||
}, |
|||
|
|||
activated() { |
|||
this.org_id = getQueryPara('org_id'); |
|||
this.listType = getQueryPara('type'); |
|||
this.type2 = getQueryPara('type2'); |
|||
this.searchDate = [getQueryPara('start_date'), getQueryPara('end_date')]; |
|||
this.page_num = 1; |
|||
// this.getDate(); |
|||
this.init(); |
|||
}, |
|||
|
|||
methods: { |
|||
init() { |
|||
if (!this.searchDate) { |
|||
this.searchDate = ['', '']; |
|||
} |
|||
|
|||
this.getList(); |
|||
this.getCount(); |
|||
}, |
|||
getDate() { |
|||
var nowDate = new Date(); |
|||
var year = nowDate.getFullYear(); |
|||
var month = nowDate.getMonth() + 1; |
|||
var day = nowDate.getDate(); |
|||
this.searchDate = [`${year}-${1}-${1}`, `${year}-${month}-${day}`]; |
|||
}, |
|||
changList() { |
|||
this.type2 = '全部'; |
|||
this.init(); |
|||
}, |
|||
handleClickBreadItem({ item }) { |
|||
if (item.type == 'back') { |
|||
this.$router.back(); |
|||
} |
|||
}, |
|||
showInfo(index) { |
|||
let item = this.srcTableData[index]; |
|||
console.log("index",index) |
|||
this.detailType = item.need_type; |
|||
this.detailId = item.need_id; |
|||
}, |
|||
|
|||
handlePageNoChange(page_num) { |
|||
this.page_num = page_num; |
|||
this.init(); |
|||
}, |
|||
handleSizeChange(page_size) { |
|||
localStorage.setItem('dataBoard_page_size', page_size); |
|||
this.page_size = page_size; |
|||
this.init(); |
|||
}, |
|||
|
|||
async getList() { |
|||
const { org_id, listType, page_num, page_size, searchDate } = this; |
|||
const start_date = searchDate[0]; |
|||
const end_date = searchDate[1]; |
|||
this.loading = true; |
|||
const url = 'need_list'; |
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
queryParam: { |
|||
org_id, |
|||
type: this.type2, |
|||
page_num, |
|||
page_size, |
|||
start_date, |
|||
end_date |
|||
} |
|||
}, |
|||
{ |
|||
// mockId: 60068051, |
|||
} |
|||
); |
|||
|
|||
this.loading = false; |
|||
|
|||
if (code === 0) { |
|||
this.srcTableData = data; |
|||
console.log('this.srcTableData ', this.srcTableData); |
|||
|
|||
this.list = data.map((item, index) => { |
|||
let a = ''; |
|||
|
|||
if (item.status == '已接单') { |
|||
a = 'green'; |
|||
} else if (item.status == '已完成') { |
|||
a = 'green'; |
|||
} else if (item.status == '待处理') { |
|||
a = 'orange'; |
|||
} |
|||
let obj = { |
|||
name: item.status, |
|||
class: a |
|||
}; |
|||
|
|||
return [ |
|||
index + 1, |
|||
item.need_type ? item.need_type : '--', |
|||
item.content ? item.content : '--', |
|||
item.status ? obj : '--', |
|||
// item.status=="已接单"?"<span>已接2单</span>":"<span>已接单2</span>", |
|||
item.date ? item.date : '--', |
|||
{ type: 'operate', list: ['查看'] } |
|||
]; |
|||
}); |
|||
// console.log('this.list', this.list); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
async getCount() { |
|||
const { org_id, listType, page_num, page_size, searchDate } = this; |
|||
const start_date = searchDate[0]; |
|||
const end_date = searchDate[1]; |
|||
const url = 'need_list_num'; |
|||
|
|||
const { data, code, msg } = await requestPostBi( |
|||
url, |
|||
{ |
|||
queryParam: { |
|||
org_id, |
|||
type: this.type2, |
|||
start_date, |
|||
end_date |
|||
} |
|||
}, |
|||
{ |
|||
// mockId: 63070189, |
|||
}, |
|||
console.log('ddd') |
|||
); |
|||
|
|||
if (code === 0) { |
|||
this.total = parseInt(data[0].total); |
|||
console.log(this.total); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
destroyed() { |
|||
console.log('我已经离开了！'); |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" src="@/assets/scss/dataBoard/listBox.scss" scoped></style> |
|||
@ -0,0 +1,260 @@ |
|||
<template> |
|||
<popup title="需求详情" @close="handleClose"> |
|||
<template v-slot:cnt> |
|||
<div class="m-info" v-if="detailType == '政府支撑'"> |
|||
<el-row> |
|||
<el-col :span="12"> |
|||
<div class="subtitle"> |
|||
<i class="i-chunk"></i> |
|||
事件详情 |
|||
<i class="i-line"></i> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">项目标题：</div> |
|||
<div class="value">{{ info.title }}</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<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.remark }}</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">当前处理部门：</div> |
|||
<div class="value">{{ info.department }}</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">分类：</div> |
|||
<div class="value">{{ info.class }}{{ info.sub_class }}</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">标签：</div> |
|||
<div class="value">{{ info.label }}</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="item"> |
|||
<div class="field">操作：</div> |
|||
<!-- <div class="value">{{ info.report_user_mobile }}</div> --> |
|||
</div> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="subtitle"> |
|||
<i class="i-chunk"></i> |
|||
处理进展 |
|||
<i class="i-line"></i> |
|||
</div> |
|||
<el-timeline class="timeline"> |
|||
<el-timeline-item v-for="(item, index) in progress" :key="index" :class="index == progress.length - 1 ? 'sucess' : ''"> |
|||
<div class="status-box"> |
|||
<div class="status2" v-if="index == progress.length - 1">{{ item.type }}</div> |
|||
<div class="status1" v-else>{{ item.type }}</div> |
|||
<div class="timestamp">{{ item.date }}</div> |
|||
</div> |
|||
<div class="content"> |
|||
<div class="field">处理部门：</div> |
|||
<div class="value">{{ item.department }}</div> |
|||
</div> |
|||
<div class="content"> |
|||
<div class="field">说明：</div> |
|||
<div class="value">{{ item.remark }}</div> |
|||
</div> |
|||
</el-timeline-item> |
|||
</el-timeline> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<div class="m-info" v-if="detailType == '服务支撑' || detailType == '商家支撑'"> |
|||
<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> |
|||
<div class="m-info" v-else> |
|||
<div class="row"> |
|||
<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> |
|||
</template> |
|||
</popup> |
|||
</template> |
|||
|
|||
<script> |
|||
import popup from '@/views/dataBoard/cpts/popup'; |
|||
import { requestPostBi } from '@/js/dai/request-bipass'; |
|||
|
|||
export default { |
|||
name: 'needDetails', |
|||
props: { |
|||
detailId: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
detailType: { |
|||
type: String, |
|||
default: '' |
|||
} |
|||
}, |
|||
|
|||
components: { popup }, |
|||
created() {}, |
|||
data() { |
|||
return { |
|||
progress: [], |
|||
info: {} |
|||
}; |
|||
}, |
|||
|
|||
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.detailId |
|||
} |
|||
}, |
|||
{ |
|||
// mockId: 60235478, |
|||
} |
|||
); |
|||
if (code === 0) { |
|||
this.info = { ...this.info, ...data[0] }; |
|||
if (this.detailType == '政府支撑') { |
|||
this.progress = this.info.progress; |
|||
} |
|||
console.log('this.info', this.info); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
<style scoped> |
|||
.m-info .row .item .field { |
|||
width: 140px !important; |
|||
} |
|||
</style> |
|||
<style lang="scss" src="@/assets/scss/dataBoard/popup-info.scss" scoped></style> |
|||
@ -1,447 +0,0 @@ |
|||
<template> |
|||
<div class="m-record"> |
|||
<h3>检查记录</h3> |
|||
<div> |
|||
<!-- <div class="u-table-btn1 mt10" v-if="formType != 'view'"> |
|||
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button> |
|||
</div> --> |
|||
<div class="m-table-item"> |
|||
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%"> |
|||
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column> |
|||
|
|||
<el-table-column prop="inspectTime" label="检查时间" align="center" width="200px"> |
|||
<template slot-scope="scope"> |
|||
<el-date-picker |
|||
v-if="scope.row.isEdit" |
|||
v-model="scope.row.inspectTime" |
|||
type="date" |
|||
class="input-width" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
></el-date-picker> |
|||
<div v-else class="div-content">{{ scope.row.inspectTime }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="inspectStaffId" label="检查人员" align="center" width="200px"> |
|||
<template slot-scope="scope"> |
|||
<el-select |
|||
v-if="scope.row.isEdit" |
|||
v-model="scope.row.inspectStaffId" |
|||
placeholder="请选择" |
|||
class="input-width" |
|||
@change="handleChangeStaff(scope.row)" |
|||
clearable |
|||
> |
|||
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option> |
|||
</el-select> |
|||
<div v-else class="div-content">{{ scope.row.inspectStaffName }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="inspectStaffMobile" label="联系电话" align="center" width="200px"> |
|||
<template slot-scope="scope"> |
|||
<el-input |
|||
v-if="scope.row.isEdit" |
|||
type="number" |
|||
v-model="scope.row.inspectStaffMobile" |
|||
placeholder="请输入" |
|||
class="input-width" |
|||
clearable |
|||
disabled |
|||
></el-input> |
|||
<div v-else class="div-content">{{ scope.row.inspectStaffMobile }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="inspectResult" label="检查结果" align="center" width="200px"> |
|||
<template slot-scope="scope"> |
|||
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectResult" placeholder="请选择" class="input-width" size="small" clearable> |
|||
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option> |
|||
</el-select> |
|||
<div v-else class="div-content">{{ scope.row.inspectResult == 1 ? '正常' : '异常' }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<!-- <el-table-column |
|||
prop="detailed" |
|||
label="隐患明细" |
|||
align="center" |
|||
width="200px" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<el-input |
|||
v-if="scope.row.isEdit" |
|||
type="text" |
|||
v-model="scope.row.detailed" |
|||
placeholder="请输入" |
|||
class="input-width" |
|||
maxlength="500" |
|||
clearable |
|||
></el-input> |
|||
<div v-else class="div-content"> |
|||
{{ scope.row.detailed }} |
|||
</div> |
|||
</template> |
|||
</el-table-column> --> |
|||
|
|||
<el-table-column prop="imgList" label="图片列表" align="center" width="150px"> |
|||
<template slot-scope="scope"> |
|||
<div v-if="scope.row.isEdit"> |
|||
<el-upload |
|||
:headers="$getElUploadHeaders()" |
|||
class="avatar-uploader" |
|||
:action="uploadUrl" |
|||
:data="{ customerId: customerId }" |
|||
:show-file-list="true" |
|||
:limit="3" |
|||
:file-list="scope.row.imgShowList" |
|||
:on-success="res => handleImgSuccess(res, scope.row)" |
|||
:on-remove="res => handleImgRemove(res, scope.row)" |
|||
list-type="picture" |
|||
:before-upload="beforeImgUpload" |
|||
> |
|||
<i class="el-icon-plus avatar-uploader-icon"></i> |
|||
最多三张图片 |
|||
</el-upload> |
|||
</div> |
|||
|
|||
<div v-else class="div-content"> |
|||
<el-image |
|||
v-if="scope.row.imgList.length > 0" |
|||
style="width: 100px; height: 50px" |
|||
:src="scope.row.imgList[0]" |
|||
fit="cover" |
|||
:preview-src-list="scope.row.imgList" |
|||
></el-image> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column prop="nextInspectTime" label="拟复查时间" align="center" width="200px"> |
|||
<template slot-scope="scope"> |
|||
<el-date-picker |
|||
v-if="scope.row.isEdit" |
|||
v-model="scope.row.nextInspectTime" |
|||
type="date" |
|||
class="input-width" |
|||
value-format="yyyy-MM-dd" |
|||
placeholder="选择日期" |
|||
></el-date-picker> |
|||
<div v-else class="div-content">{{ scope.row.nextInspectTime }}</div> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120"> |
|||
<template slot-scope="scope"> |
|||
<template v-if="scope.row.isEdit"> |
|||
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button> |
|||
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button> |
|||
</template> |
|||
<template v-else> |
|||
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit"> |
|||
修改 |
|||
</el-button> |
|||
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)"> |
|||
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button> |
|||
</el-popconfirm> |
|||
</template> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { requestPost, requestGet } from '@/js/dai/request'; |
|||
export default { |
|||
props: { |
|||
id: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
info: { |
|||
type: Object, |
|||
default: () => ({}) |
|||
}, |
|||
disabled: { |
|||
type: Boolean, |
|||
default: false |
|||
}, |
|||
formType: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
source: { |
|||
//展示来源：manage 管理平台 visiual 可视化平台 |
|||
type: String, |
|||
default: 'manage' |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2', |
|||
customerId: localStorage.getItem('customerId'), |
|||
|
|||
btnDisabled: false, |
|||
btnType: 'cancle', |
|||
isEdit: false, |
|||
tableData: [], |
|||
tempRow: {}, |
|||
|
|||
optionResult: [ |
|||
{ |
|||
label: '异常', |
|||
value: '0' |
|||
}, |
|||
{ |
|||
label: '正常', |
|||
value: '1' |
|||
} |
|||
], |
|||
optionStaff: [ |
|||
// { |
|||
// label: "人名", |
|||
// value: "inspectStaffId", |
|||
// }, |
|||
] |
|||
}; |
|||
}, |
|||
|
|||
computed: { |
|||
allowOperate() { |
|||
const { |
|||
info: { agencyId } |
|||
} = this; |
|||
return agencyId && agencyId == this.$store.state.user.agencyId; |
|||
} |
|||
}, |
|||
watch: { |
|||
id: { |
|||
handler(val) { |
|||
console.log('val------points', val); |
|||
if (val.length > 0) { |
|||
this.btnDisabled = false; |
|||
this.getList(); |
|||
} else this.btnDisabled = true; |
|||
}, |
|||
immediate: true |
|||
} |
|||
}, |
|||
|
|||
created() { |
|||
console.log('id', this.id); |
|||
this.getOptionStaff(); |
|||
if (this.id) { |
|||
this.getList(); |
|||
} else { |
|||
this.handleAdd(); |
|||
} |
|||
}, |
|||
|
|||
methods: { |
|||
beforeImgUpload(file) { |
|||
console.log(file); |
|||
const isLt1M = file.size / 1024 / 1024 < 10; |
|||
const srcType = file.type; |
|||
const format = file.name.split('.').pop(); |
|||
|
|||
if (!isLt1M) { |
|||
this.$message.error('上传文件大小不能超过 10MB!'); |
|||
return false; |
|||
} |
|||
if (srcType.indexOf('image') == -1) { |
|||
this.$message.error('仅限图片格式'); |
|||
return false; |
|||
} |
|||
return true; |
|||
}, |
|||
|
|||
handleImgSuccess(res, row) { |
|||
console.log('handleImgSuccess', res); |
|||
if (res.code === 0 && res.msg === 'success') { |
|||
row.imgList.push(res.data.url); |
|||
this.computeImgShowList(row); |
|||
} else { |
|||
this.$message.error(res.msg); |
|||
} |
|||
}, |
|||
|
|||
computeImgShowList(row) { |
|||
row.imgShowList = row.imgList.map(url => { |
|||
return { name: '', url }; |
|||
}); |
|||
}, |
|||
|
|||
handleImgRemove(file, row) { |
|||
console.log('handleImgRemove', file); |
|||
let url = file.url || file.response.data.url; |
|||
if (url) { |
|||
row.imgList = row.imgList.filter(item => item !== url); |
|||
this.computeImgShowList(row); |
|||
} |
|||
}, |
|||
|
|||
getRowClass({ rowIndex, columnIndex }) { |
|||
if (rowIndex === 0) { |
|||
return 'background: #2195fe; color: #fff;'; |
|||
} |
|||
}, |
|||
|
|||
handleChange(row, type) { |
|||
console.log('type----', type); |
|||
if (type == 'cancle') { |
|||
row = { ...this.tempRow }; |
|||
row.isEdit = false; |
|||
if (this.btnType == 'add') this.tableData.pop(); |
|||
this.getList(); |
|||
console.log('row----', row); |
|||
} else { |
|||
this.tempRow = { ...row }; |
|||
row.isEdit = true; |
|||
} |
|||
this.btnType = type; |
|||
this.isEdit = !this.isEdit; |
|||
}, |
|||
|
|||
handleChangeStaff(row) { |
|||
const { inspectStaffId } = row; |
|||
const { optionStaff } = this; |
|||
let item = optionStaff.find(item => item.value == inspectStaffId); |
|||
if (item) { |
|||
row.inspectStaffName = item.name; |
|||
row.inspectStaffMobile = item.mobile; |
|||
} |
|||
}, |
|||
|
|||
async getOptionStaff() { |
|||
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`; |
|||
const { data, code, msg } = await requestPost(url, {}); |
|||
|
|||
if (code === 0) { |
|||
this.optionStaff = data || []; |
|||
} else { |
|||
this.$message.error('请求工作人员数据失败！'); |
|||
} |
|||
}, |
|||
|
|||
async handleEdit(row) { |
|||
if (row.result == '0' && row.reviewTime == '') { |
|||
this.$message.error('拟复查时间不能为空'); |
|||
} else { |
|||
if (this.id) { |
|||
console.log('有id'); |
|||
if (this.btnType == 'add') this.save(row); |
|||
else this.edit(row); |
|||
} else { |
|||
this.$message.error('请先保存上方信息'); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
handleAdd() { |
|||
this.btnType = 'add'; |
|||
this.isEdit = true; |
|||
|
|||
const item = { |
|||
isEdit: true, |
|||
id: this.id, |
|||
inspectTime: '', |
|||
inspectStaffId: '', |
|||
inspectStaffName: '', |
|||
inspectStaffMobile: '', |
|||
inspectResult: '', |
|||
imgList: [], |
|||
nextInspectTime: '' |
|||
}; |
|||
this.computeImgShowList(item); |
|||
this.tableData.push(item); |
|||
}, |
|||
|
|||
async save(row) { |
|||
const params = { |
|||
equipmentId: this.id, |
|||
...row |
|||
}; |
|||
const url = `/actual/base/safetyEquipmentInspectRecord/save`; |
|||
const { data, code, msg } = await requestPost(url, params); |
|||
if (code === 0) { |
|||
this.$message.success('保存成功'); |
|||
row.isEdit = false; |
|||
this.isEdit = false; |
|||
this.btnType = 'cancle'; |
|||
this.getList(); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
async edit(row) { |
|||
const params = { |
|||
...row |
|||
}; |
|||
const url = `/actual/base/safetyEquipmentInspectRecord/update`; |
|||
const { data, code, msg } = await requestPost(url, params); |
|||
if (code === 0) { |
|||
this.$message.success('保存成功'); |
|||
row.isEdit = false; |
|||
this.isEdit = false; |
|||
this.getList(); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
async del(row) { |
|||
let arr = [row.id]; |
|||
// const url = `/actual/base/emergencyEquipment/inspect-delete`; |
|||
const url = `/actual/base/safetyEquipmentInspectRecord/delete`; |
|||
const { data, code, msg } = await requestPost(url, arr); |
|||
|
|||
if (code === 0) { |
|||
this.$message.success('删除成功'); |
|||
this.getList(); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
async getList() { |
|||
const params = { |
|||
equipmentId: this.id, |
|||
pageNo: 1, |
|||
pageSize: 10000 |
|||
}; |
|||
const url = `/actual/base/safetyEquipmentInspectRecord/page`; |
|||
const { data, code, msg } = await requestPost(url, params); |
|||
|
|||
if (code === 0) { |
|||
this.tableData = data.list.map(item => { |
|||
this.computeImgShowList(item); |
|||
return { |
|||
...item, |
|||
isEdit: false |
|||
}; |
|||
}); |
|||
this.handleAdd(); |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import '@/assets/scss/buttonstyle.scss'; |
|||
@import '@/assets/scss/modules/management/list-main.scss'; |
|||
|
|||
.mt10 { |
|||
margin-bottom: 10px; |
|||
} |
|||
.input-width { |
|||
width: 170px; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue