|
|
|
@ -1,25 +1,36 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<el-card :class="{'box-card':source==='visiual'}"> |
|
|
|
<el-form label-width="120px" |
|
|
|
<el-card :class="{ 'box-card': source === 'visiual' }"> |
|
|
|
<el-form |
|
|
|
label-width="120px" |
|
|
|
:model="form" |
|
|
|
class="div_form" |
|
|
|
:rules="rules" |
|
|
|
ref="ruleForm"> |
|
|
|
<el-form-item v-if="formType!=='add'" |
|
|
|
ref="ruleForm" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
v-if="formType !== 'add'" |
|
|
|
label="操作方式" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="addType"> |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="addType" |
|
|
|
> |
|
|
|
<el-radio-group v-model="addType"> |
|
|
|
<el-radio label="look">查看</el-radio> |
|
|
|
<template v-if="form.reportType != 'self_help'"> |
|
|
|
<el-radio label="edit" |
|
|
|
v-if="form.status === 'pending'">修改</el-radio> |
|
|
|
<el-radio label="cancel" |
|
|
|
v-if="form.status !== 'finished' && form.status !== 'canceled'">取消</el-radio> |
|
|
|
<el-radio label="edit" v-if="form.status === 'pending'" |
|
|
|
>修改</el-radio |
|
|
|
> |
|
|
|
<el-radio |
|
|
|
label="cancel" |
|
|
|
v-if="form.status !== 'finished' && form.status !== 'canceled'" |
|
|
|
>取消</el-radio |
|
|
|
> |
|
|
|
</template> |
|
|
|
<el-radio label="appoint" |
|
|
|
v-if="form.status === 'pending' || form.status === 'assigned'">指派</el-radio> |
|
|
|
<el-radio |
|
|
|
label="appoint" |
|
|
|
v-if="form.status === 'pending' || form.status === 'assigned'" |
|
|
|
>指派</el-radio |
|
|
|
> |
|
|
|
<!-- <el-radio label="finish" |
|
|
|
v-if=" |
|
|
|
(form.reportType == 'self_help' && |
|
|
|
@ -30,7 +41,8 @@ |
|
|
|
form.status === 'have_order' || |
|
|
|
(form.status == 'finished' && !form.evaluateFlag) |
|
|
|
">完成</el-radio> --> |
|
|
|
<el-radio label="finish" |
|
|
|
<el-radio |
|
|
|
label="finish" |
|
|
|
v-if=" |
|
|
|
(form.reportType == 'self_help' && |
|
|
|
form.serviceShowFlag && |
|
|
|
@ -38,232 +50,293 @@ |
|
|
|
form.status !== 'finished') || |
|
|
|
form.status === 'assigned' || |
|
|
|
form.status === 'have_order' |
|
|
|
">完成</el-radio> |
|
|
|
" |
|
|
|
>完成</el-radio |
|
|
|
> |
|
|
|
</el-radio-group> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="所属网格" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="gridId"> |
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-if="disabled" |
|
|
|
<el-form-item |
|
|
|
label="所属网格" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="gridId" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
v-if="disabled" |
|
|
|
v-model="form.gridName" |
|
|
|
:disabled="disabled" |
|
|
|
class="item_width_1"></el-input> |
|
|
|
class="item_width_1" |
|
|
|
></el-input> |
|
|
|
<!-- <span >{{ form.gridName }}</span> --> |
|
|
|
<el-select v-else |
|
|
|
<el-select |
|
|
|
v-else |
|
|
|
v-model="form.gridId" |
|
|
|
filterable |
|
|
|
placeholder="请选择" |
|
|
|
class="item_width_1" |
|
|
|
clearable |
|
|
|
:disabled="disabled" |
|
|
|
@change="handleGridChange"> |
|
|
|
<el-option v-for="item in disabled ? optionsG : optionsEditG" |
|
|
|
@change="handleGridChange" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in disabled ? optionsG : optionsEditG" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="需求类型" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="categoryCode"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-if="disabled" |
|
|
|
<el-form-item |
|
|
|
label="需求类型" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="categoryCode" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
v-if="disabled" |
|
|
|
v-model="form.categoryName" |
|
|
|
:disabled="disabled" |
|
|
|
class="item_width_1" |
|
|
|
clearable></el-input> |
|
|
|
<el-cascader v-else |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
<el-cascader |
|
|
|
v-else |
|
|
|
v-model="form.categoryCodeArr" |
|
|
|
:options="demandOptions" |
|
|
|
:disabled="disabled" |
|
|
|
clearable |
|
|
|
class="item_width_1" |
|
|
|
@change="handleCateSlect"></el-cascader> |
|
|
|
@change="handleCateSlect" |
|
|
|
></el-cascader> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="上报类型" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="reportType"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-if="disabled" |
|
|
|
<el-form-item |
|
|
|
label="上报类型" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="reportType" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
v-if="disabled" |
|
|
|
v-model="form.reportTypeName" |
|
|
|
:disabled="disabled" |
|
|
|
class="item_width_1"></el-input> |
|
|
|
<el-select v-else |
|
|
|
class="item_width_1" |
|
|
|
></el-input> |
|
|
|
<el-select |
|
|
|
v-else |
|
|
|
v-model="form.reportType" |
|
|
|
filterable |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
:disabled="disabled"> |
|
|
|
<el-option v-for="item in reportOptions" |
|
|
|
:disabled="disabled" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in reportOptions" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="上报人" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="reportUserName"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-model="form.reportUserName" |
|
|
|
<el-form-item |
|
|
|
label="上报人" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="reportUserName" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
v-model="form.reportUserName" |
|
|
|
:disabled="disabled" |
|
|
|
placeholder="请输入" |
|
|
|
class="item_width_1" |
|
|
|
clearable></el-input> |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="上报人手机号" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="reportUserMobile"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-model="form.reportUserMobile" |
|
|
|
<el-form-item |
|
|
|
label="上报人手机号" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="reportUserMobile" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
v-model="form.reportUserMobile" |
|
|
|
:disabled="disabled" |
|
|
|
placeholder="请输入" |
|
|
|
class="item_width_1" |
|
|
|
maxlength="11" |
|
|
|
clearable></el-input> |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="上报时间" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="reportTime"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-date-picker v-model="form.reportTime" |
|
|
|
<el-form-item |
|
|
|
label="上报时间" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="reportTime" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-date-picker |
|
|
|
v-model="form.reportTime" |
|
|
|
type="datetime" |
|
|
|
class="item_width_1" |
|
|
|
clearable |
|
|
|
:disabled="disabled" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
placeholder="选择日期时间"> |
|
|
|
placeholder="选择日期时间" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="需求人" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="demandUserId"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-if="disabled" |
|
|
|
<el-form-item |
|
|
|
label="需求人" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="demandUserId" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
v-if="disabled" |
|
|
|
v-model="form.demandUserName" |
|
|
|
:disabled="disabled" |
|
|
|
class="item_width_1"></el-input> |
|
|
|
<el-select v-else |
|
|
|
v-model="selectDemandUser" |
|
|
|
class="item_width_1" |
|
|
|
></el-input> |
|
|
|
<el-select |
|
|
|
v-else |
|
|
|
v-model="form.demandUserId" |
|
|
|
class="item_width_1" |
|
|
|
filterable |
|
|
|
:disabled="disabled" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
@change="handleDemandChange"> |
|
|
|
<el-option v-for="item in demandUserList" |
|
|
|
@change="handleDemandChange" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in demandUserList" |
|
|
|
:key="item.demandUserId" |
|
|
|
:label="item.label" |
|
|
|
:value="item"> |
|
|
|
:value="item.demandUserId" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="服务时间" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="wantServiceTime"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-date-picker v-model="form.wantServiceTime" |
|
|
|
<el-form-item |
|
|
|
label="服务时间" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="wantServiceTime" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-date-picker |
|
|
|
v-model="form.wantServiceTime" |
|
|
|
type="datetime" |
|
|
|
clearable |
|
|
|
:disabled="disabled" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
placeholder="选择日期时间"> |
|
|
|
placeholder="选择日期时间" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="需求内容" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="content"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-model="form.content" |
|
|
|
<el-form-item |
|
|
|
label="需求内容" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="content" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
v-model="form.content" |
|
|
|
:autosize="{ minRows: 2, maxRows: 10 }" |
|
|
|
:disabled="disabled" |
|
|
|
type="textarea" |
|
|
|
clearable |
|
|
|
class="cell-width-area" |
|
|
|
placeholder="请输入内容"></el-input> |
|
|
|
placeholder="请输入内容" |
|
|
|
></el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if=" |
|
|
|
<el-form-item |
|
|
|
v-if=" |
|
|
|
addType === 'add' || |
|
|
|
addType === 'appoint' || |
|
|
|
addType == 'finish' || |
|
|
|
(addType == 'look' && form.serviceShowFlag) |
|
|
|
" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label="服务方" |
|
|
|
prop="serviceType"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
prop="serviceType" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<template v-if="disabled && addType !== 'appoint'"> |
|
|
|
<el-input v-model="form.serviceShowName" |
|
|
|
<el-input |
|
|
|
v-model="form.serviceShowName" |
|
|
|
:disabled="disabled" |
|
|
|
class="item_width_1"></el-input> |
|
|
|
class="item_width_1" |
|
|
|
></el-input> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<el-select v-model="form.serviceType" |
|
|
|
<el-select |
|
|
|
v-model="form.serviceType" |
|
|
|
class="item_width_1-small" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
:disabled="disabled && addType !== 'appoint'" |
|
|
|
@change="handleServiceChange('add', $event)"> |
|
|
|
<el-option v-for="item in serviceOptions" |
|
|
|
@change="handleServiceChange('add', $event)" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in serviceOptions" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
- |
|
|
|
<el-select v-model="form.serverId" |
|
|
|
<el-select |
|
|
|
v-model="form.serverId" |
|
|
|
class="item_width_1-middle" |
|
|
|
filterable |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
:disabled="disabled && addType !== 'appoint'"> |
|
|
|
<el-option v-for="item in serviceOptiondList" |
|
|
|
:disabled="disabled && addType !== 'appoint'" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in serviceOptiondList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item v-if="addType == 'look' && form.status == 'canceled'" |
|
|
|
<el-form-item |
|
|
|
v-if="addType == 'look' && form.status == 'canceled'" |
|
|
|
label="取消时间" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="cancelTime"> |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="cancelTime" |
|
|
|
> |
|
|
|
<span>{{ form.cancelTime }}</span> |
|
|
|
</el-form-item> |
|
|
|
<template v-if=" |
|
|
|
<template |
|
|
|
v-if=" |
|
|
|
(addType == 'finish' && form.reportType != 'self_help') || |
|
|
|
(addType == 'look' && form.status == 'finished') |
|
|
|
"> |
|
|
|
<el-form-item label="实际服务时间" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="serviceStartTime"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-date-picker v-model="finishServiceTime" |
|
|
|
" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="实际服务时间" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="serviceStartTime" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-date-picker |
|
|
|
v-model="finishServiceTime" |
|
|
|
class="item_width_1-min" |
|
|
|
clearable |
|
|
|
:disabled="disabled && addType != 'finish'" |
|
|
|
@ -272,50 +345,68 @@ |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
@change="handelBlurServiceTime"> |
|
|
|
@change="handelBlurServiceTime" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="完成情况" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="finishResult"> |
|
|
|
<el-radio v-model="form.finishResult" |
|
|
|
<el-form-item |
|
|
|
label="完成情况" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="finishResult" |
|
|
|
> |
|
|
|
<el-radio |
|
|
|
v-model="form.finishResult" |
|
|
|
label="resolved" |
|
|
|
:disabled="disabled && addType != 'finish'">已解决</el-radio> |
|
|
|
<el-radio v-model="form.finishResult" |
|
|
|
:disabled="disabled && addType != 'finish'" |
|
|
|
>已解决</el-radio |
|
|
|
> |
|
|
|
<el-radio |
|
|
|
v-model="form.finishResult" |
|
|
|
label="unresolved" |
|
|
|
:disabled="disabled && addType != 'finish'">未解决</el-radio> |
|
|
|
:disabled="disabled && addType != 'finish'" |
|
|
|
>未解决</el-radio |
|
|
|
> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="评价" |
|
|
|
<el-form-item |
|
|
|
label="评价" |
|
|
|
prop="score" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
class="form-score"> |
|
|
|
<el-rate v-model="form.score" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
class="form-score" |
|
|
|
> |
|
|
|
<el-rate |
|
|
|
v-model="form.score" |
|
|
|
:allow-half="true" |
|
|
|
:disabled="disabled && addType != 'finish'"></el-rate> |
|
|
|
:disabled="disabled && addType != 'finish'" |
|
|
|
></el-rate> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="备注" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="finishDesc"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form':source==='visiual'}"> |
|
|
|
<el-input v-model="form.finishDesc" |
|
|
|
<el-form-item |
|
|
|
label="备注" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="finishDesc" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-input |
|
|
|
v-model="form.finishDesc" |
|
|
|
:autosize="{ minRows: 2, maxRows: 10 }" |
|
|
|
:disabled="disabled && addType != 'finish'" |
|
|
|
type="textarea" |
|
|
|
clearable |
|
|
|
class="cell-width-area" |
|
|
|
placeholder="请输入内容"></el-input> |
|
|
|
placeholder="请输入内容" |
|
|
|
></el-input> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
<template v-if="addType == 'finish' && form.reportType == 'self_help'"> |
|
|
|
<el-form-item label="实际服务时间" |
|
|
|
:class="{'form-item':source==='visiual'}" |
|
|
|
prop="serviceStartTime"> |
|
|
|
|
|
|
|
<div :class="{'visiual-form-pickerrange':source==='visiual'}"> |
|
|
|
<el-date-picker v-model="finishServiceTime" |
|
|
|
<el-form-item |
|
|
|
label="实际服务时间" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="serviceStartTime" |
|
|
|
> |
|
|
|
<div :class="{ 'visiual-form-pickerrange': source === 'visiual' }"> |
|
|
|
<el-date-picker |
|
|
|
v-model="finishServiceTime" |
|
|
|
class="item_width_1-min" |
|
|
|
clearable |
|
|
|
:disabled="disabled && addType != 'finish'" |
|
|
|
@ -324,25 +415,26 @@ |
|
|
|
start-placeholder="开始日期" |
|
|
|
end-placeholder="结束日期" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
@change="handelBlurServiceTime"> |
|
|
|
@change="handelBlurServiceTime" |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
</template> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<div class="div-btn "> |
|
|
|
<el-button size="small" |
|
|
|
@click="handlerClose">关闭</el-button> |
|
|
|
<el-button v-if="addType != 'look'" |
|
|
|
style="margin-left:20px" |
|
|
|
<div class="div-btn"> |
|
|
|
<el-button size="small" @click="handlerClose">关闭</el-button> |
|
|
|
<el-button |
|
|
|
v-if="addType != 'look'" |
|
|
|
style="margin-left: 20px" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
@click="handleSubmit">提交</el-button> |
|
|
|
@click="handleSubmit" |
|
|
|
>提交</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-card> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -363,25 +455,26 @@ export default { |
|
|
|
// type: String, |
|
|
|
// default: "look", |
|
|
|
// }, |
|
|
|
source: {//展示来源：manage 管理平台 visiual 可视化平台 |
|
|
|
source: { |
|
|
|
//展示来源：manage 管理平台 visiual 可视化平台 |
|
|
|
type: String, |
|
|
|
default: 'manage' |
|
|
|
default: "manage", |
|
|
|
}, |
|
|
|
icResiUserId: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
default: "", |
|
|
|
}, |
|
|
|
selGridId: { |
|
|
|
type: String, |
|
|
|
default: '' |
|
|
|
} |
|
|
|
default: "", |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
data () { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
btnLoading: false, |
|
|
|
pageLoading: false, |
|
|
|
addType: 'look', |
|
|
|
addType: "look", |
|
|
|
form: { |
|
|
|
gridId: "", |
|
|
|
categoryCodeArr: [], |
|
|
|
@ -449,42 +542,52 @@ export default { |
|
|
|
|
|
|
|
computed: { |
|
|
|
...mapGetters(["clientHeight", "iframeHeight"]), |
|
|
|
disabled () { |
|
|
|
disabled() { |
|
|
|
return this.addType != "edit" && this.addType != "add"; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
watch: { |
|
|
|
addType (val) { |
|
|
|
addType(val) { |
|
|
|
this.formatRowForm(val); |
|
|
|
}, |
|
|
|
"form.demandUserId": function (val) { |
|
|
|
this.handleDemandChange(val); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
async created () { |
|
|
|
|
|
|
|
async created() { |
|
|
|
if (this.selGridId) { |
|
|
|
this.form.gridId = this.selGridId; |
|
|
|
} |
|
|
|
this.customerId = localStorage.getItem("customerId"); |
|
|
|
this.getGridList('addorupdate'); |
|
|
|
this.getGridList("addorupdate"); |
|
|
|
this.getDemandOptions(); |
|
|
|
await this.getDemandUserList(); |
|
|
|
this.getServiceuserList(); |
|
|
|
this.getDictOptions(); |
|
|
|
if (this.formType === 'add') { |
|
|
|
this.addType = 'add' |
|
|
|
if (this.formType === "add") { |
|
|
|
this.addType = "add"; |
|
|
|
} else { |
|
|
|
this.getInfo(); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (this.icResiUserId && this.formType === "add") { |
|
|
|
this.demandUserList.forEach((item) => { |
|
|
|
if (item.demandUserId == this.icResiUserId) |
|
|
|
this.form.demandUserId = item.demandUserId; |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
this.pageLoading = true; |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
filterEdit (id) { |
|
|
|
filterEdit(id) { |
|
|
|
const { user } = this.$store.state; |
|
|
|
return id === user.agencyId; |
|
|
|
}, |
|
|
|
handleCateSlect (val) { |
|
|
|
handleCateSlect(val) { |
|
|
|
console.log("val", val); |
|
|
|
if (val.length === 1) { |
|
|
|
this.demandOptions.forEach((item) => { |
|
|
|
@ -496,31 +599,41 @@ export default { |
|
|
|
this.form.categoryCode = val[1]; |
|
|
|
} |
|
|
|
}, |
|
|
|
handleDemandChange (val) { |
|
|
|
console.log("val", val, this.selectDemandUser); |
|
|
|
this.selectDemandUser = val.label; |
|
|
|
this.form.demandUserName = val.demandUserName; |
|
|
|
this.form.demandUserMobile = val.demandUserMobile; |
|
|
|
this.form.demandUserId = val.demandUserId; |
|
|
|
handleDemandChange(val) { |
|
|
|
console.log("val", val); |
|
|
|
// this.selectDemandUser = val; |
|
|
|
if (val) { |
|
|
|
const { demandUserList } = this; |
|
|
|
let item = demandUserList.find((item) => item.demandUserId == val); |
|
|
|
if (item) { |
|
|
|
this.form.demandUserName = item.demandUserName; |
|
|
|
this.form.demandUserMobile = item.demandUserMobile; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
this.form.demandUserName = ""; |
|
|
|
this.form.demandUserMobile = ""; |
|
|
|
}, |
|
|
|
handelBlurServiceTime (val) { |
|
|
|
handelBlurServiceTime(val) { |
|
|
|
console.log("val", val); |
|
|
|
if (val.length > 0) { |
|
|
|
this.form.serviceStartTime = val[0]; |
|
|
|
this.form.serviceEndTime = val[1]; |
|
|
|
} |
|
|
|
}, |
|
|
|
handleServiceChange (type, val) { |
|
|
|
handleServiceChange(type, val) { |
|
|
|
if (val === "social_org") { |
|
|
|
if (type === "add") this.getServiceuserList(val, "add_demand"); |
|
|
|
else this.getServiceuserList(val, "query_demand"); |
|
|
|
} else this.getServiceuserList(val, ""); |
|
|
|
}, |
|
|
|
handleGridChange (val) { |
|
|
|
this.getDemandUserList(); |
|
|
|
async handleGridChange(val) { |
|
|
|
console.log("网格改变了", val); |
|
|
|
await this.getDemandUserList(); |
|
|
|
this.form.demandUserId = ""; |
|
|
|
}, |
|
|
|
|
|
|
|
handelBlurServiceTime (val) { |
|
|
|
handelBlurServiceTime(val) { |
|
|
|
console.log("val", val); |
|
|
|
if (val.length > 0) { |
|
|
|
this.form.serviceStartTime = val[0]; |
|
|
|
@ -528,23 +641,23 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleServiceChange (type, val) { |
|
|
|
handleServiceChange(type, val) { |
|
|
|
if (val === "social_org") { |
|
|
|
if (type === "add") this.getServiceuserList(val, "add_demand"); |
|
|
|
else this.getServiceuserList(val, "query_demand"); |
|
|
|
} else this.getServiceuserList(val, ""); |
|
|
|
}, |
|
|
|
|
|
|
|
handleAdd (addType) { |
|
|
|
handleAdd(addType) { |
|
|
|
this.addType = addType; |
|
|
|
this.dialogVisible = true; |
|
|
|
}, |
|
|
|
|
|
|
|
handlerClose () { |
|
|
|
handlerClose() { |
|
|
|
this.$emit("close"); |
|
|
|
}, |
|
|
|
|
|
|
|
async formatRowForm (addType) { |
|
|
|
async formatRowForm(addType) { |
|
|
|
this.addType = addType; |
|
|
|
const { form: row } = this; |
|
|
|
|
|
|
|
@ -559,12 +672,10 @@ export default { |
|
|
|
if (addType == "finish") { |
|
|
|
if (row.serviceStartTime && row.serviceEndTime) { |
|
|
|
this.finishServiceTime = [row.serviceStartTime, row.serviceEndTime]; |
|
|
|
|
|
|
|
} else { |
|
|
|
this.finishServiceTime = [] |
|
|
|
this.finishServiceTime = []; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.form.finishResult = "resolved"; |
|
|
|
this.form.score = 5; |
|
|
|
} |
|
|
|
@ -578,16 +689,12 @@ export default { |
|
|
|
if (item.value === row.categoryCode) |
|
|
|
this.form.categoryCode = [row.categoryCode]; |
|
|
|
}); |
|
|
|
this.demandUserList.forEach((item) => { |
|
|
|
if (item.demandUserId == row.demandUserId) |
|
|
|
this.selectDemandUser = item.label; |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
this.dialogVisible = true; |
|
|
|
}, |
|
|
|
|
|
|
|
async appointAjax () { |
|
|
|
async appointAjax() { |
|
|
|
const _form = { |
|
|
|
demandRecId: this.form.demandRecId, |
|
|
|
serviceType: this.form.serviceType, |
|
|
|
@ -611,7 +718,7 @@ export default { |
|
|
|
this.btnLoading = false; |
|
|
|
}, |
|
|
|
|
|
|
|
async finishAjax () { |
|
|
|
async finishAjax() { |
|
|
|
const { reportType, serviceShowFlag, serviceType } = this.form; |
|
|
|
const _form = { |
|
|
|
demandRecId: this.form.demandRecId, |
|
|
|
@ -640,7 +747,7 @@ export default { |
|
|
|
this.btnLoading = false; |
|
|
|
}, |
|
|
|
|
|
|
|
async editCate () { |
|
|
|
async editCate() { |
|
|
|
const categoryCode = this.form.categoryCode; |
|
|
|
if (Array.isArray(categoryCode)) { |
|
|
|
if (categoryCode.length === 1) { |
|
|
|
@ -676,7 +783,7 @@ export default { |
|
|
|
this.btnLoading = false; |
|
|
|
}, |
|
|
|
|
|
|
|
handleSubmit () { |
|
|
|
handleSubmit() { |
|
|
|
this.$refs.ruleForm.validate(async (valid) => { |
|
|
|
if (valid) { |
|
|
|
this.btnLoading = true; |
|
|
|
@ -692,7 +799,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async addNew () { |
|
|
|
async addNew() { |
|
|
|
const _form = { |
|
|
|
...this.form, |
|
|
|
}; |
|
|
|
@ -702,9 +809,8 @@ export default { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
|
} else { |
|
|
|
|
|
|
|
this.$emit("handleClose") |
|
|
|
|
|
|
|
this.$emit("handleClose"); |
|
|
|
return this.$message.success("需求上报成功"); |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
@ -713,7 +819,7 @@ export default { |
|
|
|
this.btnLoading = false; |
|
|
|
}, |
|
|
|
|
|
|
|
handleDel () { |
|
|
|
handleDel() { |
|
|
|
let params = { |
|
|
|
demandRecId: this.demandRecId, |
|
|
|
}; |
|
|
|
@ -734,7 +840,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
getTreeData (data) { |
|
|
|
getTreeData(data) { |
|
|
|
if (!Array.isArray(data)) return []; |
|
|
|
let arr = data.map((item) => { |
|
|
|
let _item = {}; |
|
|
|
@ -750,7 +856,7 @@ export default { |
|
|
|
return arr; |
|
|
|
}, |
|
|
|
|
|
|
|
getFlagData (data, flag) { |
|
|
|
getFlagData(data, flag) { |
|
|
|
if (!Array.isArray(data)) return []; |
|
|
|
let arr1 = data.filter((item) => item[flag]); |
|
|
|
let arr2 = arr1.map((item) => { |
|
|
|
@ -762,7 +868,7 @@ export default { |
|
|
|
return arr2; |
|
|
|
}, |
|
|
|
|
|
|
|
async getGridList (type, agencyId) { |
|
|
|
async getGridList(type, agencyId) { |
|
|
|
const { user } = await this.$store.state; |
|
|
|
console.log("user---ppp", user); |
|
|
|
// addorupdate query |
|
|
|
@ -786,7 +892,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async getDemandUserList () { |
|
|
|
async getDemandUserList() { |
|
|
|
const { user } = await this.$store.state; |
|
|
|
console.log("user---ppp", user); |
|
|
|
const params = { |
|
|
|
@ -803,17 +909,6 @@ export default { |
|
|
|
} else { |
|
|
|
console.log("获取查询详情成功", res.data); |
|
|
|
this.demandUserList = res.data; |
|
|
|
|
|
|
|
if (this.icResiUserId && this.formType === 'add') { |
|
|
|
this.demandUserList.forEach((item) => { |
|
|
|
|
|
|
|
if (item.demandUserId == this.icResiUserId) |
|
|
|
this.selectDemandUser = item.label; |
|
|
|
}); |
|
|
|
this.form.demandUserId = this.icResiUserId |
|
|
|
|
|
|
|
this.form.gridId = this.selGridId |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
@ -821,7 +916,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async getDemandOptions () { |
|
|
|
async getDemandOptions() { |
|
|
|
this.$http |
|
|
|
.post("/heart/icresidemanddict/demandoption") |
|
|
|
.then(({ data: res }) => { |
|
|
|
@ -840,7 +935,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async getServiceuserList (serviceType, query) { |
|
|
|
async getServiceuserList(serviceType, query) { |
|
|
|
if (!serviceType) return false; |
|
|
|
const { demandUserId } = this.form; |
|
|
|
const params = { |
|
|
|
@ -864,7 +959,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async getDictOptions () { |
|
|
|
async getDictOptions() { |
|
|
|
this.$http |
|
|
|
.post("/sys/dict/data/dictlist", { dictType: "user_demand_status" }) |
|
|
|
.then(({ data: res }) => { |
|
|
|
@ -910,7 +1005,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async getInfo () { |
|
|
|
async getInfo() { |
|
|
|
let params = { |
|
|
|
demandRecId: this.demandRecId, |
|
|
|
}; |
|
|
|
@ -929,8 +1024,10 @@ export default { |
|
|
|
], |
|
|
|
}; |
|
|
|
|
|
|
|
this.finishServiceTime = [this.form.serviceStartTime, this.form.serviceEndTime] |
|
|
|
|
|
|
|
this.finishServiceTime = [ |
|
|
|
this.form.serviceStartTime, |
|
|
|
this.form.serviceEndTime, |
|
|
|
]; |
|
|
|
} |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
|
dai
3 years ago
