|
|
@ -6,8 +6,8 @@ |
|
|
|
<el-form :inline="true" :model="formData" ref="ref_searchform" :label-width="'100px'"> |
|
|
|
<div> |
|
|
|
<el-form-item label="事件类别" prop="firstIdList"> |
|
|
|
<el-cascader ref="cascaderEvent" v-model.trim="formData.firstIdList" :options="cateOptions" collapse-tags |
|
|
|
:show-all-levels="false" :props="{ |
|
|
|
<el-cascader ref="cascaderEvent" v-model.trim="formData.firstIdList" :options="cateOptions" |
|
|
|
collapse-tags :show-all-levels="false" :props="{ |
|
|
|
multiple: true, |
|
|
|
checkStrictly: true, |
|
|
|
emitPath: false, |
|
|
@ -17,8 +17,8 @@ |
|
|
|
}" clearable class="u-item-width-normal" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="工单编号" prop="workOrderNum"> |
|
|
|
<el-input v-model.trim="formData.workOrderNum" class="u-item-width-normal" size="small" clearable |
|
|
|
placeholder="请输入"> |
|
|
|
<el-input v-model.trim="formData.workOrderNum" class="u-item-width-normal" size="small" |
|
|
|
clearable placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="报件人电话" prop="mobile"> |
|
|
@ -27,41 +27,38 @@ |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="事件描述" prop="eventContent"> |
|
|
|
<el-input v-model.trim="formData.eventContent" class="u-item-width-normal" size="small" clearable |
|
|
|
placeholder="请输入"> |
|
|
|
<el-input v-model.trim="formData.eventContent" class="u-item-width-normal" size="small" |
|
|
|
clearable placeholder="请输入"> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="派件状态" prop="deliveryStatus"> |
|
|
|
<el-select v-model.trim="formData.deliveryStatus" clearable class="u-item-width-normal"> |
|
|
|
<el-option v-for="item in ProcessingList" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
<el-option v-for="item in ProcessingList" :key="item.value" :label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="办理状态" prop="operationType"> |
|
|
|
<el-select v-model.trim="formData.operationType" clearable class="u-item-width-normal"> |
|
|
|
<el-option v-for="item in handleList" :key="item.value" :label="item.label" :value="item.value"> |
|
|
|
<el-option v-for="item in handleList" :key="item.value" :label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="指派部门" prop="departId"> |
|
|
|
<el-cascader class="u-item-width-normal" |
|
|
|
size="small" |
|
|
|
ref="myCascader" |
|
|
|
v-model.trim="formData.departId" |
|
|
|
:options="orgOptions" |
|
|
|
:props="orgOptionProps" |
|
|
|
:show-all-levels="false" |
|
|
|
@change="handleChangeAgency" |
|
|
|
clearable></el-cascader> |
|
|
|
<el-cascader class="u-item-width-normal" size="small" ref="myCascader" |
|
|
|
v-model.trim="formData.departId" :options="orgOptions" :props="orgOptionProps" |
|
|
|
:show-all-levels="false" @change="handleChangeAgency" clearable></el-cascader> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="办结时限" prop="timeLimit"> |
|
|
|
<el-date-picker v-model.trim="formData.timeLimit" class="u-item-width-daterange" size="small" |
|
|
|
type="date" value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd" placeholder="开始时间"> |
|
|
|
<el-form-item label="办结时限" prop="limitEndTime"> |
|
|
|
<el-date-picker v-model.trim="formData.limitStartTime" class="u-item-width-daterange" |
|
|
|
size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd" |
|
|
|
placeholder="开始时间"> |
|
|
|
</el-date-picker> |
|
|
|
<span class="u-data-tag">至</span> |
|
|
|
<el-date-picker v-model.trim="formData.limitEndTime" class="u-item-width-daterange u-data-tag" |
|
|
|
size="small" type="date" value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd" |
|
|
|
placeholder="结束时间"> |
|
|
|
<el-date-picker v-model.trim="formData.limitEndTime" |
|
|
|
class="u-item-width-daterange u-data-tag" size="small" type="date" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd" placeholder="结束时间"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-row> |
|
|
@ -80,20 +77,30 @@ |
|
|
|
<div class="div_btn"> |
|
|
|
|
|
|
|
<el-button @click="handleExport" class="diy-button--white" size="small">导出</el-button> |
|
|
|
<el-button class="diy-button--white" size="small"> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" ref="upload" class="upload-btn" |
|
|
|
action="uploadUlr" :limit="1" :accept="'.xls,.xlsx'" :with-credentials="true" |
|
|
|
:show-file-list="false" :auto-upload="true" :on-progress="handleProgress" |
|
|
|
:on-success="handleExcelSuccess" :before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
上传导入 |
|
|
|
</el-upload> |
|
|
|
</el-button> |
|
|
|
|
|
|
|
<el-dropdown size="small" split-button type="primary" style="margin: 0 10px; height: 30px" |
|
|
|
<!-- <el-dropdown size="small" split-button type="primary" style="margin: 0 10px; height: 30px" |
|
|
|
@command="(command) => importTypeChange(command)"> |
|
|
|
导入 |
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
<el-dropdown-item command="0" @click.native="handleExportModule">下载模板</el-dropdown-item> |
|
|
|
<el-upload :headers="$getElUploadHeaders()" ref="upload" class="upload-btn" action="uploadUlr" |
|
|
|
:limit="1" :accept="'.xls,.xlsx'" :with-credentials="true" :show-file-list="false" |
|
|
|
:auto-upload="true" :on-progress="handleProgress" :on-success="handleExcelSuccess" |
|
|
|
:before-upload="beforeExcelUpload" :http-request="uploadHttpRequest"> |
|
|
|
<el-dropdown-menu slot="dropdown"> --> |
|
|
|
<!-- <el-dropdown-item command="0" @click.native="handleExportModule">下载模板</el-dropdown-item> --> |
|
|
|
<!-- <el-upload :headers="$getElUploadHeaders()" ref="upload" class="upload-btn" |
|
|
|
action="uploadUlr" :limit="1" :accept="'.xls,.xlsx'" :with-credentials="true" |
|
|
|
:show-file-list="false" :auto-upload="true" :on-progress="handleProgress" |
|
|
|
:on-success="handleExcelSuccess" :before-upload="beforeExcelUpload" |
|
|
|
:http-request="uploadHttpRequest"> |
|
|
|
<el-dropdown-item command="1">上传导入</el-dropdown-item> |
|
|
|
</el-upload> |
|
|
|
</el-dropdown-menu> |
|
|
|
</el-dropdown> |
|
|
|
</el-dropdown-menu> --> |
|
|
|
<!-- </el-dropdown> --> |
|
|
|
</div> |
|
|
|
<el-table :data="tableData" border class="m-table-item" style="width: 100%" |
|
|
|
@selection-change="handleSelectionChange" :height="maxTableHeight"> |
|
|
@ -127,14 +134,17 @@ |
|
|
|
</span> |
|
|
|
</template> --> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="statusName" align="center" width="110" label="指派状态" :show-overflow-tooltip="true"> |
|
|
|
<!-- <template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.deliverystatus === 0">未指派</span> |
|
|
|
<span v-else-if="scope.row.deliverystatus ===1">已指派</span> |
|
|
|
<span v-else>--</span> |
|
|
|
</template> --> |
|
|
|
<el-table-column prop="statusName" align="center" width="110" label="指派状态" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.status === 'unassigned'">未指派</span> |
|
|
|
<span v-else-if="scope.row.status ==='assigned'">已指派</span> |
|
|
|
<span v-else-if="scope.row.status ==='closed_case'">已办结</span> |
|
|
|
<span v-else="scope.row.status ==='processing'">处理中</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="operationTypeName" align="center" width="110" label="办理状态" :show-overflow-tooltip="true"> |
|
|
|
<el-table-column prop="operationTypeName" align="center" width="110" label="办理状态" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
<!-- <template slot-scope="scope"> |
|
|
|
<span v-if="scope.row.handlestatus === 0">未联系当事人</span> |
|
|
|
<span v-else-if="scope.row.handlestatus ===1">已联系当事人</span> |
|
|
@ -142,9 +152,11 @@ |
|
|
|
<span v-else>--</span> |
|
|
|
</template> --> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="deptName" align="center" width="110" label="指定部门" :show-overflow-tooltip="true"> |
|
|
|
<el-table-column prop="deptName" align="center" width="110" label="指定部门" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="limitTime" align="center" width="110" label="办结时限(部门)" :show-overflow-tooltip="true"> |
|
|
|
<el-table-column prop="limitTime" align="center" width="110" label="办结时限(部门)" |
|
|
|
:show-overflow-tooltip="true"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="right" label="操作" align="center" width="200px" prop="status"> |
|
|
|
<template slot-scope="scope"> |
|
|
|