|
|
|
@ -2,131 +2,150 @@ |
|
|
|
<div class="g-main"> |
|
|
|
<div> |
|
|
|
<div class="m-search"> |
|
|
|
<el-form :inline="true" |
|
|
|
<el-form |
|
|
|
:inline="true" |
|
|
|
:model="formData" |
|
|
|
ref="ref_searchform" |
|
|
|
:label-width="'100px'"> |
|
|
|
<el-form-item prop="serviceType" |
|
|
|
label="服务类别" |
|
|
|
:label-width="'100px'" |
|
|
|
> |
|
|
|
<el-select class="u-item-width-daterange" |
|
|
|
<el-form-item prop="serviceType" label="服务类别"> |
|
|
|
<el-select |
|
|
|
class="u-item-width-daterange" |
|
|
|
v-model.trim="formData.serviceTypeLevel1Id" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in serviceTypesLevel1" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in serviceTypesLevel1" |
|
|
|
@click.native="handleChangeServiceTypeLevel1" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item prop="serviceType"> |
|
|
|
<el-select class="u-item-width-daterange" |
|
|
|
<el-select |
|
|
|
class="u-item-width-daterange" |
|
|
|
v-model.trim="formData.serviceTypeLevel2Id" |
|
|
|
placeholder="请选择" |
|
|
|
size="small" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in serviceTypesLevel2" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in serviceTypesLevel2" |
|
|
|
@click.native="" |
|
|
|
:key="item.id" |
|
|
|
:label="item.name" |
|
|
|
:value="item.id"> |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="服务时间" |
|
|
|
prop="serviceTimeStart"> |
|
|
|
<el-date-picker v-model="formData.serviceTimeStart" |
|
|
|
<el-form-item label="服务时间" prop="serviceTimeStart"> |
|
|
|
<el-date-picker |
|
|
|
v-model="formData.serviceTimeStart" |
|
|
|
:picker-options="startPickerOptions" |
|
|
|
class="u-item-width-daterange" |
|
|
|
size="small" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
placeholder="开始时间"> |
|
|
|
placeholder="开始时间" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
<span class="u-data-tag">至</span> |
|
|
|
<el-date-picker v-model="formData.serviceTimeEnd" |
|
|
|
<el-date-picker |
|
|
|
v-model="formData.serviceTimeEnd" |
|
|
|
:picker-options="endPickerOptions" |
|
|
|
class="u-item-width-daterange u-data-tag" |
|
|
|
size="small" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
placeholder="结束时间"> |
|
|
|
placeholder="结束时间" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="服务事项" |
|
|
|
prop="serviceName"> |
|
|
|
<el-input v-model="formData.serviceName" |
|
|
|
<el-form-item label="服务事项" prop="serviceName"> |
|
|
|
<el-input |
|
|
|
v-model="formData.serviceName" |
|
|
|
class="u-item-width-normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="服务单位" |
|
|
|
prop="serviceOrgName"> |
|
|
|
<el-input v-model="formData.serviceOrgName" |
|
|
|
<el-form-item label="服务单位" prop="serviceOrgName"> |
|
|
|
<el-input |
|
|
|
v-model="formData.serviceOrgName" |
|
|
|
class="u-item-width-normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
placeholder="请输入"> |
|
|
|
placeholder="请输入" |
|
|
|
> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="服务状态" |
|
|
|
prop="serviceStatus"> |
|
|
|
<el-select class="u-item-width-normal" |
|
|
|
<el-form-item label="服务状态" prop="serviceStatus"> |
|
|
|
<el-select |
|
|
|
class="u-item-width-normal" |
|
|
|
v-model="formData.serviceStatus" |
|
|
|
placeholder="全部" |
|
|
|
size="small" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in statusArray" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in statusArray" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="满意度" |
|
|
|
prop="satisfaction"> |
|
|
|
<el-select class="u-item-width-normal" |
|
|
|
<el-form-item label="满意度" prop="satisfaction"> |
|
|
|
<el-select |
|
|
|
class="u-item-width-normal" |
|
|
|
v-model="formData.satisfaction" |
|
|
|
placeholder="全部" |
|
|
|
size="small" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in satisfyArray" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in satisfyArray" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
</el-form-item> |
|
|
|
<el-row type="flex"> |
|
|
|
<el-col :span="24" align="right"> |
|
|
|
<el-button style="margin-left:30px" |
|
|
|
<el-button |
|
|
|
style="margin-left: 30px" |
|
|
|
size="small" |
|
|
|
type="primary " |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left:10px" |
|
|
|
@click="handleSearch" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
is-plain |
|
|
|
class="diy-button--white el-button--default" |
|
|
|
size="small" |
|
|
|
@click="resetSearch">重置</el-button> |
|
|
|
@click="resetSearch" |
|
|
|
>重置</el-button |
|
|
|
> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -139,82 +158,110 @@ |
|
|
|
type="primary" |
|
|
|
icon="el-icon-plus" |
|
|
|
style="margin-right: 10px" |
|
|
|
>新增</el-button> |
|
|
|
>新增</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
<el-button |
|
|
|
@click="handleExport" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
class="diy-button--white el-button--default">导出</el-button> |
|
|
|
class="diy-button--white el-button--default" |
|
|
|
>导出</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
@click="onDeleteBatch" |
|
|
|
size="small" |
|
|
|
type="primary" |
|
|
|
> |
|
|
|
批量删除 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<el-table :data="tableData" |
|
|
|
<el-table |
|
|
|
:data="tableData" |
|
|
|
border |
|
|
|
v-loading="tableLoading" |
|
|
|
class="m-table-item" |
|
|
|
style="width: 100%" |
|
|
|
:height="maxTableHeight" |
|
|
|
@selection-change="onMultiSelection"> |
|
|
|
|
|
|
|
@selection-change="onMultiSelection" |
|
|
|
> |
|
|
|
<el-table-column |
|
|
|
type="selection" |
|
|
|
fixed="left" |
|
|
|
align="center" |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
<el-table-column label="序号" |
|
|
|
<el-table-column |
|
|
|
label="序号" |
|
|
|
fixed="left" |
|
|
|
type="index" |
|
|
|
align="center" |
|
|
|
width="50" /> |
|
|
|
width="50" |
|
|
|
/> |
|
|
|
|
|
|
|
<el-table-column prop="serviceTypeName" |
|
|
|
<el-table-column |
|
|
|
prop="serviceTypeName" |
|
|
|
align="center" |
|
|
|
min-width="150" |
|
|
|
label="服务类别" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="serviceName" |
|
|
|
<el-table-column |
|
|
|
prop="serviceName" |
|
|
|
label="服务事项" |
|
|
|
align="center" |
|
|
|
min-width="150" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="serviceTimeStart" |
|
|
|
<el-table-column |
|
|
|
prop="serviceTimeStart" |
|
|
|
align="center" |
|
|
|
width="200" |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
label="服务时间"> |
|
|
|
label="服务时间" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{scope.row.serviceTimeStart}}至{{scope.row.serviceTimeEnd}}</span> |
|
|
|
<span |
|
|
|
>{{ scope.row.serviceTimeStart }}至{{ |
|
|
|
scope.row.serviceTimeEnd |
|
|
|
}}</span |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="serviceOrgName" |
|
|
|
<el-table-column |
|
|
|
prop="serviceOrgName" |
|
|
|
align="center" |
|
|
|
min-width="150" |
|
|
|
label="服务方" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="createdTime" |
|
|
|
<el-table-column |
|
|
|
prop="createdTime" |
|
|
|
align="center" |
|
|
|
min-width="150" |
|
|
|
label="服务发起时间" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
|
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column prop="serviceStatus" |
|
|
|
<el-table-column |
|
|
|
prop="serviceStatus" |
|
|
|
align="center" |
|
|
|
width="100" |
|
|
|
label="服务状态" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
:show-overflow-tooltip="true" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{scope.row.serviceStatus==='in_service'?'进行中':'已完成'}}</span> |
|
|
|
<span>{{ |
|
|
|
scope.row.serviceStatus === "in_service" ? "进行中" : "已完成" |
|
|
|
}}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<!-- |
|
|
|
@ -225,26 +272,34 @@ |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
<el-table-column fixed="right" |
|
|
|
<el-table-column |
|
|
|
fixed="right" |
|
|
|
label="操作" |
|
|
|
align="center" |
|
|
|
width="220"> |
|
|
|
width="220" |
|
|
|
> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button @click="handleDetail(scope.row)" |
|
|
|
<el-button |
|
|
|
@click="handleDetail(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>查看</el-button> |
|
|
|
<el-button v-if="scope.row.serviceStatus==='in_service'" |
|
|
|
>查看</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
v-if="scope.row.serviceStatus === 'in_service'" |
|
|
|
@click="handleEdit(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>编辑</el-button> |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
<!-- 临时去掉人员名单与反馈 --> |
|
|
|
<el-button v-if="scope.row.serviceStatus==='in_service'" |
|
|
|
<el-button |
|
|
|
v-if="scope.row.serviceStatus === 'in_service'" |
|
|
|
@click="handleFeedback(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>反馈</el-button> |
|
|
|
>反馈</el-button |
|
|
|
> |
|
|
|
<!-- <el-button v-if="scope.row.policyId" |
|
|
|
@click="handlePersonList(scope.row)" |
|
|
|
type="text" |
|
|
|
@ -253,34 +308,29 @@ |
|
|
|
|
|
|
|
<!-- 产品说：不限制太多，不要求状态,都能删除 --> |
|
|
|
<!-- v-if="scope.row.serviceStatus==='in_service'" --> |
|
|
|
<el-button |
|
|
|
@click="handleDel(scope.row)" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
>删除</el-button> |
|
|
|
|
|
|
|
<el-button @click="handleDel(scope.row)" type="text" size="small" |
|
|
|
>删除</el-button |
|
|
|
> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<div> |
|
|
|
<el-button @click="onDeleteBatch" size="small" style="margin-top: 15px;"> |
|
|
|
批量删除 |
|
|
|
</el-button> |
|
|
|
<el-pagination @size-change="handleSizeChange" |
|
|
|
<el-pagination |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
:current-page.sync="pageNo" |
|
|
|
:page-sizes="[20, 50, 100, 200]" |
|
|
|
:page-size="parseInt(pageSize)" |
|
|
|
layout="sizes, prev, pager, next, total" |
|
|
|
:total="total"> |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
</el-pagination> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<el-dialog v-if="showAdd" |
|
|
|
<el-dialog |
|
|
|
v-if="showAdd" |
|
|
|
:visible.sync="showAdd" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
@ -289,8 +339,10 @@ |
|
|
|
width="720px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showAdd = false"> |
|
|
|
<add-form ref="ref_add_form" |
|
|
|
@closed="showAdd = false" |
|
|
|
> |
|
|
|
<add-form |
|
|
|
ref="ref_add_form" |
|
|
|
:formType="formType" |
|
|
|
:serviceCategoryKey="serviceCategoryKey" |
|
|
|
:statusArray="statusArray" |
|
|
|
@ -298,9 +350,11 @@ |
|
|
|
:serviceRecordId="serviceRecordId" |
|
|
|
:serviceName="serviceName" |
|
|
|
@handleOk="handleOk" |
|
|
|
@handleClose="handleClose"></add-form> |
|
|
|
@handleClose="handleClose" |
|
|
|
></add-form> |
|
|
|
</el-dialog> |
|
|
|
<el-dialog v-if="showEdit" |
|
|
|
<el-dialog |
|
|
|
v-if="showEdit" |
|
|
|
:visible.sync="showEdit" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
@ -309,18 +363,22 @@ |
|
|
|
width="850px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showEdit = false"> |
|
|
|
<edit-form ref="ref_edit_form" |
|
|
|
@closed="showEdit = false" |
|
|
|
> |
|
|
|
<edit-form |
|
|
|
ref="ref_edit_form" |
|
|
|
:serviceRecordId="serviceRecordId" |
|
|
|
:serviceOrgName="serviceOrgName" |
|
|
|
:satisfyArray="satisfyArray" |
|
|
|
:statusArray="statusArray" |
|
|
|
@handleOk="handleOk" |
|
|
|
@handleClose="handleClose" |
|
|
|
:formType="formType"> |
|
|
|
:formType="formType" |
|
|
|
> |
|
|
|
</edit-form> |
|
|
|
</el-dialog> |
|
|
|
<el-dialog v-if="showDetail" |
|
|
|
<el-dialog |
|
|
|
v-if="showDetail" |
|
|
|
:visible.sync="showDetail" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
@ -329,16 +387,20 @@ |
|
|
|
width="850px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="diaDetailClose"> |
|
|
|
<detail-form ref="ref_detail_form" |
|
|
|
@closed="diaDetailClose" |
|
|
|
> |
|
|
|
<detail-form |
|
|
|
ref="ref_detail_form" |
|
|
|
:serviceRecordId="serviceRecordId" |
|
|
|
:serviceOrgName="serviceOrgName" |
|
|
|
:satisfyArray="satisfyArray" |
|
|
|
:statusArray="statusArray" |
|
|
|
@diaDetailClose="diaDetailClose"> |
|
|
|
@diaDetailClose="diaDetailClose" |
|
|
|
> |
|
|
|
</detail-form> |
|
|
|
</el-dialog> |
|
|
|
<el-dialog v-if="showPersonList" |
|
|
|
<el-dialog |
|
|
|
v-if="showPersonList" |
|
|
|
:visible.sync="showPersonList" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
@ -346,16 +408,18 @@ |
|
|
|
width="1150px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showPersonList = false"> |
|
|
|
<person-list ref="ref_detail_form" |
|
|
|
@closed="showPersonList = false" |
|
|
|
> |
|
|
|
<person-list |
|
|
|
ref="ref_detail_form" |
|
|
|
:policyId="policyId" |
|
|
|
:ruleList="ruleList" |
|
|
|
@handleOk="handleOk" |
|
|
|
@handleClose="handleClose" |
|
|
|
:formType="formType"> |
|
|
|
:formType="formType" |
|
|
|
> |
|
|
|
</person-list> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -385,7 +449,7 @@ |
|
|
|
time.getTime() === serviceTimeStart - 24 * 60 * 60 * 1000 |
|
|
|
); |
|
|
|
} else { |
|
|
|
return (time.getTime() > nowData || time.getTime() === nowData) ; |
|
|
|
return time.getTime() > nowData || time.getTime() === nowData; |
|
|
|
} |
|
|
|
}; |
|
|
|
// let startDisabledDate = (time) => { |
|
|
|
@ -400,7 +464,7 @@ |
|
|
|
serviceTypesLevel2: [], |
|
|
|
tableLoading: false, |
|
|
|
user: {}, |
|
|
|
agencyId: '', |
|
|
|
agencyId: "", |
|
|
|
searchH: 170, |
|
|
|
tableData: [], |
|
|
|
|
|
|
|
@ -427,47 +491,45 @@ |
|
|
|
value: "perfect", |
|
|
|
label: "非常满意", |
|
|
|
}, |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
formData: { |
|
|
|
serviceTypeLevel1Id:'',// 公共服务（政策级别）一级分类id |
|
|
|
serviceTypeLevel2Id:'',// 公共服务（政策级别）二级分类id |
|
|
|
serviceName: '',//项目名称 |
|
|
|
serviceTypeLevel1Id: "", // 公共服务（政策级别）一级分类id |
|
|
|
serviceTypeLevel2Id: "", // 公共服务（政策级别）二级分类id |
|
|
|
serviceName: "", //项目名称 |
|
|
|
// serviceOrgType: '',//服务组织类型 |
|
|
|
// serviceOrgId: '',//服务组织Id |
|
|
|
serviceOrgName:'', |
|
|
|
serviceTimeStart: '',//服务开始时间yyyy-MM-dd |
|
|
|
serviceTimeEnd: '',//服务结束时间yyyy-MM-dd |
|
|
|
serviceStatus: '',//服务状态。in_service服务中；completed:已完成 |
|
|
|
satisfaction: '',//满意度.不满意:bad、基本满意:good、非常满意:perfect |
|
|
|
|
|
|
|
serviceOrgName: "", |
|
|
|
serviceTimeStart: "", //服务开始时间yyyy-MM-dd |
|
|
|
serviceTimeEnd: "", //服务结束时间yyyy-MM-dd |
|
|
|
serviceStatus: "", //服务状态。in_service服务中；completed:已完成 |
|
|
|
satisfaction: "", //满意度.不满意:bad、基本满意:good、非常满意:perfect |
|
|
|
}, |
|
|
|
pageNo: 1, |
|
|
|
pageSize: window.localStorage.getItem("pageSize") || 20, |
|
|
|
total: 1, |
|
|
|
endPickerOptions: { |
|
|
|
disabledDate: endDisabledDate |
|
|
|
disabledDate: endDisabledDate, |
|
|
|
}, |
|
|
|
startPickerOptions: { |
|
|
|
// disabledDate: startDisabledDate |
|
|
|
}, |
|
|
|
serviceRecordId: '', |
|
|
|
serviceName: '', |
|
|
|
serviceOrgName: '', |
|
|
|
serviceRecordId: "", |
|
|
|
serviceName: "", |
|
|
|
serviceOrgName: "", |
|
|
|
|
|
|
|
showAdd: false, |
|
|
|
showEdit: false, |
|
|
|
showDetail: false, |
|
|
|
showFeedback: false, |
|
|
|
formType: 'add', |
|
|
|
addDiaTitle: '发起服务', |
|
|
|
detailDiaTitle: '服务详情', |
|
|
|
formType: "add", |
|
|
|
addDiaTitle: "发起服务", |
|
|
|
detailDiaTitle: "服务详情", |
|
|
|
|
|
|
|
serviceOptions: [], |
|
|
|
serviceOptiondList: [], |
|
|
|
|
|
|
|
policyId: '', |
|
|
|
policyId: "", |
|
|
|
showPersonList: false, |
|
|
|
ruleList: [], |
|
|
|
multiSelection: [], // 多选结果 |
|
|
|
@ -475,9 +537,8 @@ |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
maxTableHeight() { |
|
|
|
const h = |
|
|
|
this.clientHeight - this.searchH - 275 + this.iframeHeight; |
|
|
|
const _h = this.clientHeight - 275 - this.searchH; |
|
|
|
const h = this.clientHeight - this.searchH - 330 + this.iframeHeight; |
|
|
|
const _h = this.clientHeight - 330 - this.searchH; |
|
|
|
return this.$store.state.inIframe ? h : _h; |
|
|
|
}, |
|
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
|
|
@ -488,22 +549,24 @@ |
|
|
|
// let arrayTemp = val.split(' ') |
|
|
|
// this.formData.serviceTimeEnd = arrayTemp[0] + ' 23:59:59' |
|
|
|
// } |
|
|
|
|
|
|
|
// }, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
console.log(this.$store.state) |
|
|
|
this.user = this.$store.state.user |
|
|
|
this.agencyId = this.user.agencyId |
|
|
|
this.getDictOptions() |
|
|
|
console.log(this.$store.state); |
|
|
|
this.user = this.$store.state.user; |
|
|
|
this.agencyId = this.user.agencyId; |
|
|
|
this.getDictOptions(); |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 服务类型下拉框选中事件 |
|
|
|
handleChangeServiceTypeLevel1() { |
|
|
|
this.formData.serviceTypeLevel2Id = '' |
|
|
|
this.formData.serviceTypeLevel2Id = ""; |
|
|
|
this.$http |
|
|
|
.get("/governance/commonServiceType/selectList/" + this.formData.serviceTypeLevel1Id) |
|
|
|
.get( |
|
|
|
"/governance/commonServiceType/selectList/" + |
|
|
|
this.formData.serviceTypeLevel1Id |
|
|
|
) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
|
@ -513,7 +576,7 @@ |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
return this.$message.error("网络错误"); |
|
|
|
}) |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
handleSearch(val) { |
|
|
|
@ -523,18 +586,18 @@ |
|
|
|
}, |
|
|
|
// 获取服务组织 |
|
|
|
async getDictOptions() { |
|
|
|
const url = "/sys/dict/data/dictlist" |
|
|
|
const url = "/sys/dict/data/dictlist"; |
|
|
|
|
|
|
|
let params = { |
|
|
|
dictType: 'user_demand_service_type' |
|
|
|
} |
|
|
|
dictType: "user_demand_service_type", |
|
|
|
}; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.serviceOptions = data; |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
|
|
|
|
this.$http |
|
|
|
@ -552,7 +615,7 @@ |
|
|
|
}, |
|
|
|
|
|
|
|
handleServiceChange(type, val) { |
|
|
|
this.formData.serviceOrgId = '' |
|
|
|
this.formData.serviceOrgId = ""; |
|
|
|
if (val === "social_org") { |
|
|
|
if (type === "add") { |
|
|
|
this.getServiceuserList(val, "add_demand"); |
|
|
|
@ -606,115 +669,99 @@ |
|
|
|
}, |
|
|
|
//加载组织数据 |
|
|
|
async handlePersonList(row) { |
|
|
|
|
|
|
|
this.policyId = row.policyId |
|
|
|
await this.loadRuleList() |
|
|
|
this.formType = 'personList' |
|
|
|
this.policyId = row.policyId; |
|
|
|
await this.loadRuleList(); |
|
|
|
this.formType = "personList"; |
|
|
|
this.showPersonList = true; |
|
|
|
}, |
|
|
|
|
|
|
|
async loadRuleList() { |
|
|
|
const url = "/governance/policy/rulelist/" + this.policyId; |
|
|
|
|
|
|
|
const url = "/governance/policy/rulelist/" + this.policyId |
|
|
|
|
|
|
|
let params = {} |
|
|
|
let params = {}; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params) |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.ruleList = data |
|
|
|
|
|
|
|
this.ruleList = data; |
|
|
|
} else { |
|
|
|
this.$message.error(msg) |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
async handleAdd() { |
|
|
|
this.addDiaTitle = '发起服务' |
|
|
|
this.formType = 'add' |
|
|
|
this.addDiaTitle = "发起服务"; |
|
|
|
this.formType = "add"; |
|
|
|
this.showAdd = true; |
|
|
|
}, |
|
|
|
|
|
|
|
async handleDetail(row) { |
|
|
|
this.detailDiaTitle = "服务详情" |
|
|
|
this.serviceRecordId = row.serviceRecordId |
|
|
|
this.serviceOrgName = row.serviceOrgName |
|
|
|
this.detailDiaTitle = "服务详情"; |
|
|
|
this.serviceRecordId = row.serviceRecordId; |
|
|
|
this.serviceOrgName = row.serviceOrgName; |
|
|
|
|
|
|
|
// this.formType = 'detail' |
|
|
|
this.showDetail = true |
|
|
|
|
|
|
|
this.showDetail = true; |
|
|
|
}, |
|
|
|
diaDetailClose() { |
|
|
|
console.log(this.$refs.ref_detail) |
|
|
|
this.$refs.ref_detail_form.diaDestroy() |
|
|
|
this.showDetail = false |
|
|
|
console.log(this.$refs.ref_detail); |
|
|
|
this.$refs.ref_detail_form.diaDestroy(); |
|
|
|
this.showDetail = false; |
|
|
|
}, |
|
|
|
async handleEdit(row) { |
|
|
|
// this.detailDiaTitle = "编辑服务" |
|
|
|
this.serviceRecordId = row.serviceRecordId |
|
|
|
this.serviceOrgName = row.serviceOrgName |
|
|
|
this.formType = 'edit' |
|
|
|
this.showEdit = true |
|
|
|
|
|
|
|
this.serviceRecordId = row.serviceRecordId; |
|
|
|
this.serviceOrgName = row.serviceOrgName; |
|
|
|
this.formType = "edit"; |
|
|
|
this.showEdit = true; |
|
|
|
}, |
|
|
|
|
|
|
|
//加载组织数据 |
|
|
|
async handleFeedback(row) { |
|
|
|
this.serviceRecordId = row.serviceRecordId |
|
|
|
this.serviceName = row.serviceName |
|
|
|
this.addDiaTitle = '服务反馈' |
|
|
|
this.formType = 'feedback' |
|
|
|
this.serviceRecordId = row.serviceRecordId; |
|
|
|
this.serviceName = row.serviceName; |
|
|
|
this.addDiaTitle = "服务反馈"; |
|
|
|
this.formType = "feedback"; |
|
|
|
this.showAdd = true; |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
handleClose() { |
|
|
|
this.serviceRecordId = "" |
|
|
|
this.formType = '' |
|
|
|
|
|
|
|
this.showAdd = false |
|
|
|
this.showDetail = false |
|
|
|
this.showEdit = false |
|
|
|
|
|
|
|
this.serviceRecordId = ""; |
|
|
|
this.formType = ""; |
|
|
|
|
|
|
|
this.showAdd = false; |
|
|
|
this.showDetail = false; |
|
|
|
this.showEdit = false; |
|
|
|
}, |
|
|
|
handleOk() { |
|
|
|
this.handleClose() |
|
|
|
this.pageNo = 1 |
|
|
|
this.getTableData() |
|
|
|
|
|
|
|
this.handleClose(); |
|
|
|
this.pageNo = 1; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
async handleDel(row) { |
|
|
|
|
|
|
|
this.serviceRecordId = row.serviceRecordId |
|
|
|
this.serviceRecordId = row.serviceRecordId; |
|
|
|
|
|
|
|
this.$confirm("确认删除服务?", "提示", { |
|
|
|
confirmButtonText: "确定", |
|
|
|
cancelButtonText: "取消", |
|
|
|
type: "warning" |
|
|
|
type: "warning", |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.cancelFuwu([row.serviceRecordId]) |
|
|
|
this.cancelFuwu([row.serviceRecordId]); |
|
|
|
}) |
|
|
|
.catch(err => { |
|
|
|
.catch((err) => { |
|
|
|
if (err == "cancel") { |
|
|
|
// this.$message({ |
|
|
|
// type: "info", |
|
|
|
// message: "已取消删除" |
|
|
|
// }); |
|
|
|
} |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
async cancelFuwu(serviceRecordIds) { |
|
|
|
|
|
|
|
const url = '/governance/icServiceRecordV2/delete'; |
|
|
|
const url = "/governance/icServiceRecordV2/delete"; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, serviceRecordIds); |
|
|
|
|
|
|
|
@ -727,7 +774,7 @@ |
|
|
|
}, |
|
|
|
|
|
|
|
async getTableData() { |
|
|
|
this.tableLoading = true |
|
|
|
this.tableLoading = true; |
|
|
|
const url = "/governance/icServiceRecordV2/list"; |
|
|
|
|
|
|
|
const { pageSize, pageNo, formData } = this; |
|
|
|
@ -738,14 +785,10 @@ |
|
|
|
...formData, |
|
|
|
}); |
|
|
|
|
|
|
|
this.tableLoading = false |
|
|
|
this.tableLoading = false; |
|
|
|
if (code === 0) { |
|
|
|
|
|
|
|
this.total = data.total || 0; |
|
|
|
this.tableData = data.list |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.tableData = data.list; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
@ -770,7 +813,9 @@ |
|
|
|
res.headers["content-disposition"].split(";")[1].split("=")[1] |
|
|
|
); |
|
|
|
console.log("filename", fileName); |
|
|
|
let blob = new Blob([res.data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" }); |
|
|
|
let blob = new Blob([res.data], { |
|
|
|
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", |
|
|
|
}); |
|
|
|
var url = window.URL.createObjectURL(blob); |
|
|
|
var aLink = document.createElement("a"); |
|
|
|
aLink.style.display = "none"; |
|
|
|
@ -788,34 +833,31 @@ |
|
|
|
}, |
|
|
|
|
|
|
|
handleSizeChange(val) { |
|
|
|
|
|
|
|
this.pageSize = val; |
|
|
|
window.localStorage.setItem("pageSize", val); |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
handleCurrentChange(val) { |
|
|
|
|
|
|
|
this.pageNo = val; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
|
|
|
|
resetSearch() { |
|
|
|
this.formData = { |
|
|
|
serviceTypeLevel1Id:'',// 公共服务（政策级别）一级分类id |
|
|
|
serviceTypeLevel2Id:'',// 公共服务（政策级别）二级分类id |
|
|
|
serviceName: '',//项目名称 |
|
|
|
serviceTypeLevel1Id: "", // 公共服务（政策级别）一级分类id |
|
|
|
serviceTypeLevel2Id: "", // 公共服务（政策级别）二级分类id |
|
|
|
serviceName: "", //项目名称 |
|
|
|
// serviceOrgType: '',//服务组织类型 |
|
|
|
// serviceOrgId: '',//服务组织Id |
|
|
|
serviceOrgName:'', |
|
|
|
serviceTimeStart: '',//服务开始时间yyyy-MM-dd |
|
|
|
serviceTimeEnd: '',//服务结束时间yyyy-MM-dd |
|
|
|
serviceStatus: '',//服务状态。in_service服务中；completed:已完成 |
|
|
|
satisfaction: '',//满意度.不满意:bad、基本满意:good、非常满意:perfect |
|
|
|
} |
|
|
|
|
|
|
|
serviceOrgName: "", |
|
|
|
serviceTimeStart: "", //服务开始时间yyyy-MM-dd |
|
|
|
serviceTimeEnd: "", //服务结束时间yyyy-MM-dd |
|
|
|
serviceStatus: "", //服务状态。in_service服务中；completed:已完成 |
|
|
|
satisfaction: "", //满意度.不满意:bad、基本满意:good、非常满意:perfect |
|
|
|
}; |
|
|
|
|
|
|
|
this.pageNo = 1 |
|
|
|
this.getTableData() |
|
|
|
this.pageNo = 1; |
|
|
|
this.getTableData(); |
|
|
|
}, |
|
|
|
// 多选事件 |
|
|
|
onMultiSelection(rows) { |
|
|
|
@ -825,31 +867,31 @@ |
|
|
|
// 批量删除 |
|
|
|
onDeleteBatch() { |
|
|
|
if (this.multiSelection.length == 0) { |
|
|
|
this.$message.warning('请先选中至少一项'); |
|
|
|
this.$message.warning("请先选中至少一项"); |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
this.$confirm('删除之后无法恢复，确认删除？', '提示', { |
|
|
|
this.$confirm("删除之后无法恢复，确认删除？", "提示", { |
|
|
|
confirmButtonText: "确定", |
|
|
|
cancelButtonText: "取消", |
|
|
|
type: "warning", |
|
|
|
}).then(() => { |
|
|
|
this.cancelFuwu(this.multiSelection.map(e => e.serviceRecordId)); |
|
|
|
}).catch((err) => { |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.cancelFuwu(this.multiSelection.map((e) => e.serviceRecordId)); |
|
|
|
}) |
|
|
|
.catch((err) => { |
|
|
|
console.error(err); |
|
|
|
this.$message.error('删除失败'); |
|
|
|
this.$message.error("删除失败"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
props: { |
|
|
|
|
|
|
|
serviceCategoryKey: { |
|
|
|
type: String, |
|
|
|
required: 'true' |
|
|
|
required: "true", |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
|
