elink-star
/
ShibeiWorkPlatform_Frontend
11
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fff

shibei_master
dai 3 years ago
parent
f8a928f66f
commit
9637116139
2 changed files with 540 additions and 412 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 503
      src/views/modules/communityService/measure/index.vue
  2. 17
      src/views/modules/communityService/measure/info.vue

503
src/views/modules/communityService/measure/index.vue
View File

@ -1,35 +1,39 @@
<template> <template>
<div v-if="pageLoading" <div v-if="pageLoading" class="resi-container">
class="resi-container"> <el-card ref="searchCard" class="search-card">
<el-card ref="searchCard"
class="search-card">
<div> <div>
<el-form ref="searchForm" <el-form
ref="searchForm"
:inline="true" :inline="true"
:model="searchForm" :model="searchForm"
class="demo-form-inline" class="demo-form-inline"
label-width="80px"> label-width="80px"
>
<div> <div>
<el-form-item label="所属网格" <el-form-item label="所属网格" prop="gridId">
prop="gridId"> <el-select
<el-select v-model="searchForm.gridId" v-model="searchForm.gridId"
filterable filterable
placeholder="请选择" placeholder="请选择"
clearable> clearable
<el-option v-for="item in optionsG" >
<el-option
v-for="item in optionsG"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="需求分类" <el-form-item label="需求分类" prop="categoryCode">
prop="categoryCode"> <el-cascader
<el-cascader v-model="searchForm.categoryCode" v-model="searchForm.categoryCode"
:options="searchdemandOptions" :options="searchdemandOptions"
:props="{ checkStrictly: true }" :props="{ checkStrictly: true }"
clearable clearable
@change="handleCateCHange"></el-cascader> @change="handleCateCHange"
></el-cascader>
<!-- <el-select v-model="searchForm.categoryCode" filterable placeholder="请选择" clearable> <!-- <el-select v-model="searchForm.categoryCode" filterable placeholder="请选择" clearable>
<el-option <el-option
v-for="item in demandOptions" v-for="item in demandOptions"
@ -39,248 +43,303 @@
</el-option> </el-option>
</el-select> --> </el-select> -->
</el-form-item> </el-form-item>
<el-form-item label="需求人" <el-form-item label="需求人" prop="demandUserName">
prop="demandUserName"> <el-input
<el-input v-model="searchForm.demandUserName" v-model="searchForm.demandUserName"
placeholder="请输入内容" placeholder="请输入内容"
clearable=""></el-input> clearable=""
></el-input>
</el-form-item> </el-form-item>
</div> </div>
<div> <div>
<el-form-item label="状态" <el-form-item label="状态" prop="status">
prop="status"> <el-select
<el-select v-model="searchForm.status" v-model="searchForm.status"
filterable filterable
placeholder="请选择" placeholder="请选择"
clearable> clearable
<el-option v-for="item in statusOptions" >
<el-option
v-for="item in statusOptions"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="上报时间" <el-form-item label="上报时间" prop="reportStartTime">
prop="reportStartTime"> <el-date-picker
<el-date-picker v-model="reportTime" v-model="reportTime"
type="daterange" type="daterange"
format="yyyy 年 MM 月 dd 日" format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
clearable=""> clearable=""
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</div> </div>
<div> <div>
<el-form-item label="服务类型" <el-form-item label="服务类型" prop="serviceType">
prop="serviceType"> <el-select
<el-select v-model="searchForm.serviceType" v-model="searchForm.serviceType"
filterable filterable
placeholder="请选择" placeholder="请选择"
clearable clearable
@change="handleServiceChange('query', $event)"> @change="handleServiceChange('query', $event)"
<el-option v-for="item in serviceOptions" >
<el-option
v-for="item in serviceOptions"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="serverId"> <el-form-item prop="serverId">
<el-select v-model="searchForm.serverId" <el-select
v-model="searchForm.serverId"
filterable filterable
:disabled="searchForm.serviceType ? false : true" :disabled="searchForm.serviceType ? false : true"
placeholder="请选择" placeholder="请选择"
clearable> clearable
<el-option v-for="item in serviceOptiondList" >
<el-option
v-for="item in serviceOptiondList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="服务时间" <el-form-item label="服务时间" prop="wantServiceStartTime">
prop="wantServiceStartTime"> <el-date-picker
<el-date-picker v-model="serviceTime" v-model="serviceTime"
type="daterange" type="daterange"
format="yyyy 年 MM 月 dd 日" format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
range-separator="至" range-separator="至"
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
clearable> clearable
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="diy-button--search" <el-button
class="diy-button--search"
size="small" size="small"
@click="handleSearch">查询</el-button> @click="handleSearch"
>查询</el-button
>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button class="diy-button--reset" <el-button
class="diy-button--reset"
size="small" size="small"
@click="resetForm('searchForm')">重置</el-button> @click="resetForm('searchForm')"
>重置</el-button
>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
</div> </div>
</el-card> </el-card>
<el-card class="resi-card-table"> <el-card class="resi-card-table">
<div class="resi-row-btn"> <div class="resi-row-btn">
<el-button class="diy-button--add" <el-button
class="diy-button--add"
size="small" size="small"
@click="handleAdd('add')">新增</el-button> @click="handleAdd('add')"
>新增</el-button
>
</div> </div>
<el-table :data="tableData" <el-table
:data="tableData"
row-key="categoryId" row-key="categoryId"
v-loading="tableLoading" v-loading="tableLoading"
border border
:height="tableHeight" :height="tableHeight"
style="width: 100%" style="width: 100%"
class="resi-table"> class="resi-table"
<el-table-column label="序号" >
type="index" <el-table-column label="序号" type="index" align="center" width="50">
align="center"
width="50">
</el-table-column> </el-table-column>
<el-table-column v-for="item in tableHeader" <el-table-column
v-for="item in tableHeader"
:key="item.columnName" :key="item.columnName"
:prop="item.columnName" :prop="item.columnName"
:label="item.label" :label="item.label"
:align="item.align" :align="item.align"
:min-width="item.width" :min-width="item.width"
:show-overflow-tooltip="true"> :show-overflow-tooltip="true"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ handleFilterSpan(scope.row, item) }}</span> <span>{{ handleFilterSpan(scope.row, item) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed="right" <el-table-column fixed="right" label="操作" align="center" width="200">
label="操作"
align="center"
width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<template v-if="filterEdit(scope.row.agencyId)"> <template v-if="filterEdit(scope.row.agencyId)">
<el-button v-if=" <el-button
v-if="
scope.row.status === 'pending' || scope.row.status === 'pending' ||
scope.row.status === 'assigned' scope.row.status === 'assigned'
" "
type="text" type="text"
size="small" size="small"
@click="handleAppoint(scope.row, 'appoint')">指派</el-button> @click="handleAppoint(scope.row, 'appoint')"
>指派</el-button
>
<!-- v-if="scope.row.status === 'assigned' || scope.row.status === 'have_order'" --> <!-- v-if="scope.row.status === 'assigned' || scope.row.status === 'have_order'" -->
<template v-if=" <template
v-if="
scope.row.reportType == 'self_help' && scope.row.reportType == 'self_help' &&
scope.row.serviceShowFlag scope.row.serviceShowFlag
"> "
<el-button v-if=" >
<el-button
v-if="
scope.row.serviceType !== 'volunteer' && scope.row.serviceType !== 'volunteer' &&
scope.row.status !== 'finished' scope.row.status !== 'finished'
" "
type="text" type="text"
size="small" size="small"
@click="handleFinish(scope.row, 'finish')">完成情况</el-button> @click="handleFinish(scope.row, 'finish')"
>完成情况</el-button
>
</template> </template>
<template v-else> <template v-else>
<el-button v-if=" <el-button
v-if="
scope.row.status === 'assigned' || scope.row.status === 'assigned' ||
scope.row.status === 'have_order' || scope.row.status === 'have_order' ||
(scope.row.status == 'finished' && !scope.row.evaluateFlag) (scope.row.status == 'finished' && !scope.row.evaluateFlag)
" "
type="text" type="text"
size="small" size="small"
@click="handleFinish(scope.row, 'finish')">完成情况</el-button> @click="handleFinish(scope.row, 'finish')"
>完成情况</el-button
>
</template> </template>
<template v-if="scope.row.reportType != 'self_help'"> <template v-if="scope.row.reportType != 'self_help'">
<el-button v-if="scope.row.status === 'pending'" <el-button
v-if="scope.row.status === 'pending'"
@click="handleEdit(scope.row, 'edit')" @click="handleEdit(scope.row, 'edit')"
type="text" type="text"
size="small" size="small"
class="btn-color-edit">修改</el-button> class="btn-color-edit"
<el-popconfirm title="取消之后无法恢复，确认取消？" >修改</el-button
@onConfirm="handleDel(scope.row)"> >
<el-button v-if=" <el-popconfirm
title="取消之后无法恢复，确认取消？"
@onConfirm="handleDel(scope.row)"
>
<el-button
v-if="
scope.row.status !== 'finished' && scope.row.status !== 'finished' &&
scope.row.status !== 'canceled' scope.row.status !== 'canceled'
" "
slot="reference" slot="reference"
type="text" type="text"
size="small" size="small"
class="btn-color-del">取消</el-button> class="btn-color-del"
>取消</el-button
>
</el-popconfirm> </el-popconfirm>
</template> </template>
</template> </template>
<el-button @click="handleLook(scope.row, 'look')" <el-button
@click="handleLook(scope.row, 'look')"
type="text" type="text"
size="small" size="small"
class="btn-color-look">查看</el-button> class="btn-color-look"
>查看</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div> <div>
<el-pagination @size-change="handleSizeChange" <el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="currentPage" :current-page.sync="currentPage"
:page-sizes="[20, 50, 100, 200]" :page-sizes="[20, 50, 100, 200]"
:page-size="pageSize" :page-size="pageSize"
layout="sizes, prev, pager, next, total" layout="sizes, prev, pager, next, total"
:total="total"> :total="total"
>
</el-pagination> </el-pagination>
</div> </div>
</el-card> </el-card>
<el-dialog title="需求信息" <el-dialog
title="需求信息"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
width="50%" width="50%"
top="5vh" top="5vh"
append-to-body append-to-body
class="dialog-h" class="dialog-h"
:close-on-click-modal="false" :close-on-click-modal="false"
:before-close="handlerCancle"> :before-close="handlerCancle"
<el-form v-if="dialogVisible" >
<el-form
v-if="dialogVisible"
label-width="120px" label-width="120px"
:model="form" :model="form"
:rules="rules" :rules="rules"
ref="ruleForm" ref="ruleForm"
class="form-wr dialog-h-content scroll-h"> class="form-wr dialog-h-content scroll-h"
<el-form-item label="所属网格" >
prop="gridId"> <el-form-item label="所属网格" prop="gridId">
<el-input v-if="disabled" <el-input
v-if="disabled"
v-model="form.gridName" v-model="form.gridName"
:disabled="disabled" :disabled="disabled"
class="input-width"></el-input> class="input-width"
></el-input>
<!-- <span >{{ form.gridName }}</span> --> <!-- <span >{{ form.gridName }}</span> -->
<el-select v-else <el-select
v-else
v-model="form.gridId" v-model="form.gridId"
filterable filterable
placeholder="请选择" placeholder="请选择"
class="input-width" class="input-width"
clearable clearable
:disabled="disabled" :disabled="disabled"
@change="handleGridChange"> @change="handleGridChange"
<el-option v-for="item in disabled ? optionsG : optionsEditG" >
<el-option
v-for="item in disabled ? optionsG : optionsEditG"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="需求类型" <el-form-item label="需求类型" prop="categoryCode">
prop="categoryCode"> <el-input
<el-input v-if="disabled" v-if="disabled"
v-model="form.categoryName" v-model="form.categoryName"
:disabled="disabled" :disabled="disabled"
class="input-width-min"></el-input> class="input-width-min"
<el-cascader v-else ></el-input>
<el-cascader
v-else
v-model="form.categoryCode" v-model="form.categoryCode"
:options="demandOptions" :options="demandOptions"
:disabled="disabled" :disabled="disabled"
clearable clearable
class="input-width" class="input-width"
@change="handleCateSlect"></el-cascader> @change="handleCateSlect"
></el-cascader>
<!-- <el-select v-model="form.parentCode" filterable placeholder="请选择" class="input-width" clearable> <!-- <el-select v-model="form.parentCode" filterable placeholder="请选择" class="input-width" clearable>
<el-option <el-option
v-for="item in demandOptions" v-for="item in demandOptions"
@ -290,148 +349,179 @@
</el-option> </el-option>
</el-select> --> </el-select> -->
</el-form-item> </el-form-item>
<el-form-item label="上报类型" <el-form-item label="上报类型" prop="reportType">
prop="reportType"> <el-input
<el-input v-if="disabled" v-if="disabled"
v-model="form.reportTypeName" v-model="form.reportTypeName"
:disabled="disabled" :disabled="disabled"
class="input-width"></el-input> class="input-width"
<el-select v-else ></el-input>
<el-select
v-else
v-model="form.reportType" v-model="form.reportType"
filterable filterable
class="input-width" class="input-width"
placeholder="请选择" placeholder="请选择"
clearable clearable
:disabled="disabled"> :disabled="disabled"
<el-option v-for="item in reportOptions" >
<el-option
v-for="item in reportOptions"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="上报人" <el-form-item label="上报人" prop="reportUserName">
prop="reportUserName"> <el-input
<el-input v-model="form.reportUserName" v-model="form.reportUserName"
:disabled="disabled" :disabled="disabled"
placeholder="请输入" placeholder="请输入"
class="input-width" class="input-width"
clearable></el-input> clearable
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="上报人手机号" <el-form-item label="上报人手机号" prop="reportUserMobile">
prop="reportUserMobile"> <el-input
<el-input v-model="form.reportUserMobile" v-model="form.reportUserMobile"
:disabled="disabled" :disabled="disabled"
placeholder="请输入" placeholder="请输入"
class="input-width" class="input-width"
maxlength="11" maxlength="11"
clearable></el-input> clearable
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="上报时间" <el-form-item label="上报时间" prop="reportTime">
prop="reportTime"> <el-date-picker
<el-date-picker v-model="form.reportTime" v-model="form.reportTime"
type="datetime" type="datetime"
class="input-width" class="input-width"
clearable clearable
:disabled="disabled" :disabled="disabled"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间"> placeholder="选择日期时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="需求人" <el-form-item label="需求人" prop="demandUserId">
prop="demandUserId"> <el-input
<el-input v-if="disabled" v-if="disabled"
v-model="form.demandUserName" v-model="form.demandUserName"
:disabled="disabled" :disabled="disabled"
class="input-width"></el-input> class="input-width"
<el-select v-else ></el-input>
<el-select
v-else
v-model="selectDemandUser" v-model="selectDemandUser"
class="input-width" class="input-width"
filterable filterable
:disabled="disabled" :disabled="disabled"
placeholder="请选择" placeholder="请选择"
clearable clearable
@change="handleDemandChange"> @change="handleDemandChange"
<el-option v-for="item in demandUserList" >
<el-option
v-for="item in demandUserList"
:key="item.demandUserId" :key="item.demandUserId"
:label="item.label" :label="item.label"
:value="item"> :value="item"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="服务时间" <el-form-item label="服务时间" prop="wantServiceTime">
prop="wantServiceTime"> <el-date-picker
<el-date-picker v-model="form.wantServiceTime" v-model="form.wantServiceTime"
type="datetime" type="datetime"
class="input-width" class="input-width"
clearable clearable
:disabled="disabled" :disabled="disabled"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间"> placeholder="选择日期时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="需求内容" <el-form-item label="需求内容" prop="content">
prop="content"> <el-input
<el-input v-model="form.content" v-model="form.content"
:autosize="{ minRows: 2, maxRows: 10 }" :autosize="{ minRows: 2, maxRows: 10 }"
:disabled="disabled" :disabled="disabled"
type="textarea" type="textarea"
clearable clearable
class="input-width-textarea" class="input-width-textarea"
placeholder="请输入内容"></el-input> placeholder="请输入内容"
></el-input>
</el-form-item> </el-form-item>
<el-form-item v-if=" <el-form-item
v-if="
addType === 'appoint' || addType === 'appoint' ||
addType == 'finish' || addType == 'finish' ||
(addType == 'look' && form.serviceShowFlag) (addType == 'look' && form.serviceShowFlag)
" "
label="服务方" label="服务方"
prop="serviceType"> prop="serviceType"
>
<template v-if="disabled && addType !== 'appoint'"> <template v-if="disabled && addType !== 'appoint'">
<el-input v-model="form.serviceShowName" <el-input
v-model="form.serviceShowName"
:disabled="disabled" :disabled="disabled"
class="input-width"></el-input> class="input-width"
></el-input>
</template> </template>
<template v-else> <template v-else>
<el-select v-model="form.serviceType" <el-select
v-model="form.serviceType"
class="input-width-small" class="input-width-small"
placeholder="请选择" placeholder="请选择"
clearable clearable
:disabled="disabled && addType !== 'appoint'" :disabled="disabled && addType !== 'appoint'"
@change="handleServiceChange('add', $event)"> @change="handleServiceChange('add', $event)"
<el-option v-for="item in serviceOptions" >
<el-option
v-for="item in serviceOptions"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
- -
<el-select v-model="form.serverId" <el-select
v-model="form.serverId"
class="input-width-middle" class="input-width-middle"
filterable filterable
placeholder="请选择" placeholder="请选择"
clearable clearable
:disabled="disabled && addType !== 'appoint'"> :disabled="disabled && addType !== 'appoint'"
<el-option v-for="item in serviceOptiondList" >
<el-option
v-for="item in serviceOptiondList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</template> </template>
</el-form-item> </el-form-item>
<el-form-item v-if="addType == 'look' && form.status == 'canceled'" <el-form-item
v-if="addType == 'look' && form.status == 'canceled'"
label="取消时间" label="取消时间"
prop="cancelTime"> prop="cancelTime"
>
<span>{{ form.cancelTime }}</span> <span>{{ form.cancelTime }}</span>
</el-form-item> </el-form-item>
<template v-if=" <template
v-if="
(addType == 'finish' && form.reportType != 'self_help') || (addType == 'finish' && form.reportType != 'self_help') ||
(addType == 'look' && form.status == 'finished') (addType == 'look' && form.status == 'finished')
"> "
<el-form-item label="实际服务时间" >
prop="serviceStartTime"> <el-form-item label="实际服务时间" prop="serviceStartTime">
<el-date-picker v-model="finishServiceTime" <el-date-picker
v-model="finishServiceTime"
class="input-width-min" class="input-width-min"
clearable clearable
:disabled="disabled && addType != 'finish'" :disabled="disabled && addType != 'finish'"
@ -440,40 +530,47 @@
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
@change="handelBlurServiceTime"> @change="handelBlurServiceTime"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="完成情况" <el-form-item label="完成情况" prop="finishResult">
prop="finishResult"> <el-radio
<el-radio v-model="form.finishResult" v-model="form.finishResult"
label="resolved" label="resolved"
:disabled="disabled && addType != 'finish'">已解决</el-radio> :disabled="disabled && addType != 'finish'"
<el-radio v-model="form.finishResult" >已解决</el-radio
>
<el-radio
v-model="form.finishResult"
label="unresolved" label="unresolved"
:disabled="disabled && addType != 'finish'">未解决</el-radio> :disabled="disabled && addType != 'finish'"
>未解决</el-radio
>
</el-form-item> </el-form-item>
<el-form-item label="评价" <el-form-item label="评价" prop="score" class="form-score">
prop="score" <el-rate
class="form-score"> v-model="form.score"
<el-rate v-model="form.score"
:allow-half="true" :allow-half="true"
:disabled="disabled && addType != 'finish'"></el-rate> :disabled="disabled && addType != 'finish'"
></el-rate>
</el-form-item> </el-form-item>
<el-form-item label="备注" <el-form-item label="备注" prop="finishDesc">
prop="finishDesc"> <el-input
<el-input v-model="form.finishDesc" v-model="form.finishDesc"
:autosize="{ minRows: 2, maxRows: 10 }" :autosize="{ minRows: 2, maxRows: 10 }"
:disabled="disabled && addType != 'finish'" :disabled="disabled && addType != 'finish'"
type="textarea" type="textarea"
clearable clearable
class="input-width-textarea" class="input-width-textarea"
placeholder="请输入内容"></el-input> placeholder="请输入内容"
></el-input>
</el-form-item> </el-form-item>
</template> </template>
<template v-if="addType == 'finish' && form.reportType == 'self_help'"> <template v-if="addType == 'finish' && form.reportType == 'self_help'">
<el-form-item label="实际服务时间" <el-form-item label="实际服务时间" prop="serviceStartTime">
prop="serviceStartTime"> <el-date-picker
<el-date-picker v-model="finishServiceTime" v-model="finishServiceTime"
class="input-width-min" class="input-width-min"
clearable clearable
:disabled="disabled && addType != 'finish'" :disabled="disabled && addType != 'finish'"
@ -482,29 +579,44 @@
start-placeholder="开始日期" start-placeholder="开始日期"
end-placeholder="结束日期" end-placeholder="结束日期"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
@change="handelBlurServiceTime"> @change="handelBlurServiceTime"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</template> </template>
</el-form> </el-form>
<div class="resi-btns"> <div class="resi-btns">
<el-button size="small" <el-button size="small" @click="handlerCancle">{{
@click="handlerCancle">{{
addType != "look" ? "取消" : "关闭" addType != "look" ? "取消" : "关闭"
}}</el-button> }}</el-button>
<el-button v-if="addType != 'look'" <el-button
v-if="addType != 'look'"
type="primary" type="primary"
size="small" size="small"
:loading="btnLoading" :loading="btnLoading"
@click="handleSUbmit">提交</el-button> @click="handleSUbmit"
>提交</el-button
>
</div> </div>
</el-dialog> </el-dialog>
<info
:addType="infoAddType"
:demand-rec-id="currDemandId"
v-if="visitableInfo"
@close="visitableInfo = false"
@success="getTableData"
></info>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import { mapGetters } from "vuex";
import info from "./info";
export default { export default {
components: { info },
data() { data() {
return { return {
tableLoading: false, tableLoading: false,
@ -759,15 +871,19 @@ export default {
{ required: true, message: "完成情况不能为空", trigger: "blur" }, { required: true, message: "完成情况不能为空", trigger: "blur" },
], ],
}, },
visitableInfo: false,
currDemandId: "",
infoAddType: "look",
}; };
}, },
computed: { computed: {
...mapGetters(['clientHeight', 'iframeHeight']), ...mapGetters(["clientHeight", "iframeHeight"]),
tableHeight() { tableHeight() {
const h = this.clientHeight - this.searchH - 280 + this.iframeHeigh const h = this.clientHeight - this.searchH - 280 + this.iframeHeigh;
const _h = this.clientHeight - 280 - this.searchH const _h = this.clientHeight - 280 - this.searchH;
return this.$store.state.inIframe ? h : _h return this.$store.state.inIframe ? h : _h;
} },
}, },
async created() { async created() {
this.customerId = localStorage.getItem("customerId"); this.customerId = localStorage.getItem("customerId");
@ -783,9 +899,9 @@ export default {
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
this.searchH = this.$refs.searchCard.$el.offsetHeight this.searchH = this.$refs.searchCard.$el.offsetHeight;
console.log('tableHeight', this.tableHeight) console.log("tableHeight", this.tableHeight);
}) });
}, },
methods: { methods: {
handleSizeChange(val) { handleSizeChange(val) {
@ -938,16 +1054,16 @@ export default {
this.dialogVisible = true; this.dialogVisible = true;
}, },
async handleLook(row, type) { async handleLook(row, type) {
await this.formatRowForm(row, type, true); await this.formatRowForm2(row, type, true);
}, },
async handleAppoint(row, type) { async handleAppoint(row, type) {
await this.formatRowForm(row, type, true); await this.formatRowForm2(row, type, true);
}, },
async handleFinish(row, type) { async handleFinish(row, type) {
await this.formatRowForm(row, type, true); await this.formatRowForm2(row, type, true);
}, },
async handleEdit(row, type) { async handleEdit(row, type) {
await this.formatRowForm(row, type, false); await this.formatRowForm2(row, type, false);
// this.form = { ...row, categoryCode: [row.parentCode, row.categoryCode] } // this.form = { ...row, categoryCode: [row.parentCode, row.categoryCode] }
// this.addType = addType // this.addType = addType
// this.demandOptions.forEach(item => { // this.demandOptions.forEach(item => {
@ -960,6 +1076,11 @@ export default {
// console.log('selectDemandUser', this.selectDemandUser) // console.log('selectDemandUser', this.selectDemandUser)
// this.dialogVisible = true // this.dialogVisible = true
}, },
formatRowForm2(row, type) {
this.visitableInfo = true;
this.currDemandId = row.demandRecId;
this.infoAddType = type;
},
async addNew() { async addNew() {
const _form = { const _form = {
...this.form, ...this.form,

17
src/views/modules/communityService/measure/info.vue
View File

@ -354,14 +354,15 @@ export default {
type: String, type: String,
default: "", default: "",
}, },
addType: {
type: String,
default: "look",
},
}, },
data() { data() {
return { return {
addType: "look",
btnLoading: false, btnLoading: false,
disabled: true,
pageLoading: false, pageLoading: false,
form: { form: {
@ -431,6 +432,9 @@ export default {
computed: { computed: {
...mapGetters(["clientHeight", "iframeHeight"]), ...mapGetters(["clientHeight", "iframeHeight"]),
disabled() {
return this.addType != "edit";
},
}, },
watch: { watch: {
@ -516,8 +520,6 @@ export default {
this.addType = addType; this.addType = addType;
const { form: row } = this; const { form: row } = this;
this.disabled = addType != "edit";
if (addType == "look") { if (addType == "look") {
this.finishServiceTime = this.finishServiceTime =
(row.serviceStartTime && [ (row.serviceStartTime && [
@ -566,6 +568,7 @@ export default {
} else { } else {
this.handlerClose(); this.handlerClose();
this.getInfo(); this.getInfo();
this.$emit("success");
return this.$message.success("指派成功"); return this.$message.success("指派成功");
} }
}) })
@ -594,6 +597,7 @@ export default {
} else { } else {
this.handlerClose(); this.handlerClose();
this.getInfo(); this.getInfo();
this.$emit("success");
return this.$message.success("操作成功"); return this.$message.success("操作成功");
} }
}) })
@ -629,6 +633,7 @@ export default {
} else { } else {
this.handlerClose(); this.handlerClose();
this.getInfo(); this.getInfo();
this.$emit("success");
return this.$message.success("修改成功"); return this.$message.success("修改成功");
} }
}) })
@ -666,6 +671,8 @@ export default {
} else { } else {
this.$message.success("取消成功"); this.$message.success("取消成功");
this.getInfo(); this.getInfo();
this.handlerClose();
this.$emit("success");
} }
}) })
.catch((err) => { .catch((err) => {

Write Preview
Loading…
Cancel
Save