elink-star
/
epmet-oper-gov
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

11

dev-map-local
jiangyy 3 years ago
parent
e928704f98
commit
58c688589c
1 changed files with 222 additions and 237 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. 219
      src/views/modules/shequzhili/xiangmu/xiangmu-ling.vue

219
src/views/modules/shequzhili/xiangmu/xiangmu-ling.vue
View File

@ -1,19 +1,21 @@
<template> <template>
<div class="resi-container"> <div class="resi-container">
<div class="g-page" v-show="pageType == 'list'"> <div class="g-page"
<el-card ref="searchCard" class="search-card"> v-show="pageType == 'list'">
<el-form <el-card ref="searchCard"
ref="searchForm" class="search-card">
<el-form ref="searchForm"
:inline="true" :inline="true"
:model="fmData" :model="fmData"
:label-width="'100px'" :label-width="'100px'"
class="demo-form-inline" class="demo-form-inline">
>
<div> <div>
<el-form-item label="所属组织" label-width="100px" <el-form-item label="所属组织"
label-width="100px"
prop="orgId"> prop="orgId">
<el-cascader ref="cascaderUnit" v-model="orgId" <el-cascader ref="cascaderUnit"
v-model="orgId"
:options="optionsA" :options="optionsA"
:props="{ checkStrictly: true, :props="{ checkStrictly: true,
emitPath: false,children:'subAgencyList',label:'agencyName', value: 'orgLevel'}" emitPath: false,children:'subAgencyList',label:'agencyName', value: 'orgLevel'}"
@ -63,7 +65,9 @@
</el-form-item> </el-form-item>
<el-form-item label="事件类型" <el-form-item label="事件类型"
prop="firstIdList"> prop="firstIdList">
<el-cascader ref="cascaderEvent" v-model="eventTypeCheck" :options="cateOptions" <el-cascader ref="cascaderEvent"
v-model="eventTypeCheck"
:options="cateOptions"
collapse-tags collapse-tags
:show-all-levels="false" :show-all-levels="false"
:props="{ :props="{
@ -73,7 +77,10 @@
children:'subCategory', children:'subCategory',
label:'name', label:'name',
value:'id' value:'id'
}" clearable class="item_width_2" @change="handleEventType" /> }"
clearable
class="item_width_2"
@change="handleEventType" />
<!-- <template slot-scope="{ node, data }"> <!-- <template slot-scope="{ node, data }">
<div @click="cascaderClick(node, data)"> <div @click="cascaderClick(node, data)">
<span>{{ data.name }}</span> <span>{{ data.name }}</span>
@ -81,6 +88,7 @@
</template> </template>
</el-cascader> --> </el-cascader> -->
</el-form-item> </el-form-item>
<el-form-item label="事件状态" <el-form-item label="事件状态"
prop="status"> prop="status">
<el-select class="item_width_2" <el-select class="item_width_2"
@ -96,7 +104,21 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- <el-form-item label="解决状态"
prop="status">
<el-select class="item_width_2"
v-model="fmData.status"
placeholder="全部"
size="small"
clearable>
<el-option v-for="item in resolvedStatus"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item> -->
<el-form-item label="上报时间" <el-form-item label="上报时间"
prop="startTime"> prop="startTime">
<el-date-picker v-model="fmData.startTime" <el-date-picker v-model="fmData.startTime"
@ -120,7 +142,8 @@
<el-form-item label="处置选项" <el-form-item label="处置选项"
prop="staffId"> prop="staffId">
<el-checkbox v-model="checkStaffId" @change="handleCheckbox"></el-checkbox> <el-checkbox v-model="checkStaffId"
@change="handleCheckbox"></el-checkbox>
</el-form-item> </el-form-item>
<el-button style="margin-left:30px" <el-button style="margin-left:30px"
@ -137,22 +160,15 @@
<el-card class="resi-card-table"> <el-card class="resi-card-table">
<div class="resi-row-btn"> <div class="resi-row-btn">
<el-button <el-button v-if="false"
v-if="false"
class="diy-button--add" class="diy-button--add"
size="small" size="small"
@click="handleAdd" @click="handleAdd">新增</el-button>
>新增</el-button <el-button v-if="false"
>
<el-button
v-if="false"
class="diy-button--export" class="diy-button--export"
size="small" size="small"
@click="handleExportModule('room')" @click="handleExportModule('room')">下载模板</el-button>
>下载模板</el-button <el-upload v-if="false"
>
<el-upload
v-if="false"
ref="upload" ref="upload"
class="upload-btn" class="upload-btn"
action="uploadUlr" action="uploadUlr"
@ -164,108 +180,85 @@
:on-progress="handleProgress" :on-progress="handleProgress"
:on-success="handleExcelSuccess" :on-success="handleExcelSuccess"
:before-upload="beforeExcelUpload" :before-upload="beforeExcelUpload"
:http-request="uploadHttpRequest" :http-request="uploadHttpRequest">
> <el-button size="small"
<el-button
size="small"
class="diy-button--delete" class="diy-button--delete"
:loading="importLoading" :loading="importLoading">{{ importBtnTitle }}</el-button>
>{{ importBtnTitle }}</el-button
>
</el-upload> </el-upload>
<el-button @click="handleChu" class="diy-button--reset" size="small" <el-button @click="handleChu"
:loading="exportLoading">导出</el-button class="diy-button--reset"
> size="small"
:loading="exportLoading">导出</el-button>
</div> </div>
<el-table <el-table :data="tableData"
:data="tableData"
border border
style="width: 100%" style="width: 100%"
class="resi-table" class="resi-table"
:height="maxTableHeight" :height="maxTableHeight">
> <el-table-column label="序号"
<el-table-column
label="序号"
fixed="left" fixed="left"
type="index" type="index"
align="center" align="center"
width="50" width="50" />
/> <el-table-column prop="gridName"
<el-table-column
prop="gridName"
align="center" align="center"
label="所属组织/网格" label="所属组织/网格"
min-width="140" min-width="140"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="firstName"
prop="firstName"
label="事件类型" label="事件类型"
min-width="140" min-width="140"
align="center" align="center"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.firstName + '-' + scope.row.secondName }} {{ scope.row.firstName + '-' + scope.row.secondName }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="staffName"
prop="staffName"
width="100" width="100"
align="center" align="center"
label="报事人" label="报事人"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="mobile"
prop="mobile"
align="center" align="center"
label="手机号" label="手机号"
width="140" width="140"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="createdTime"
prop="createdTime"
align="center" align="center"
label="上报时间" label="上报时间"
width="160" width="160"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="backGround"
prop="backGround"
align="center" align="center"
label="事件内容" label="事件内容"
min-width="160" min-width="160"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="publicReply"
prop="publicReply"
align="center" align="center"
min-width="160" min-width="160"
label="办理结果(结案说明)" label="办理结果(结案说明)"
:show-overflow-tooltip="true" :show-overflow-tooltip="true">
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.publicReply }} {{ scope.row.publicReply }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="urlList"
prop="urlList"
align="center" align="center"
label="图片 " label="图片 ">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-image v-if="scope.row.urlList&&scope.row.urlList.length>0" <el-image v-if="scope.row.urlList&&scope.row.urlList.length>0"
style="width: 40px; height: 40px" style="width: 40px; height: 40px"
@ -275,12 +268,10 @@
<span v-else></span> <span v-else></span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="origin"
prop="origin"
align="center" align="center"
label="上报渠道" label="上报渠道"
width="120" width="120" />
/>
<!-- <template slot-scope="scope"> <!-- <template slot-scope="scope">
<span v-if="scope.row.origin == 'agency'">网格上报</span> <span v-if="scope.row.origin == 'agency'">网格上报</span>
<span v-else-if="scope.row.origin == 'ic_event'">居民上报</span> <span v-else-if="scope.row.origin == 'ic_event'">居民上报</span>
@ -289,89 +280,73 @@
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column <el-table-column prop="address"
prop="address"
align="center" align="center"
label="地址 " label="地址 "
:show-overflow-tooltip="true" :show-overflow-tooltip="true" />
/> <el-table-column prop="status"
<el-table-column
prop="status"
align="center" align="center"
label="状态 " label="状态 "
width="70" width="70" />
/> <!-- <el-table-column prop="status"
align="center"
label="解决状态 "
width="90" /> -->
<!-- <template slot-scope="scope"> <!-- <template slot-scope="scope">
{{ scope.row.status == 'pending' ? '处理中' : '已结案' }} {{ scope.row.status == 'pending' ? '处理中' : '已结案' }}
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column <el-table-column fixed="right"
fixed="right"
label="操作" label="操作"
align="center" align="center"
width="100" width="100">
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button v-if="scope.row.processable"
v-if="scope.row.processable"
@click="handleEdit(scope.$index)" @click="handleEdit(scope.$index)"
type="text" type="text"
size="small" size="small"
class="div-table-button--edit" class="div-table-button--edit">处理</el-button>
>处理</el-button
>
<el-button <el-button v-else
v-else
@click="handleWatch(scope.$index)" @click="handleWatch(scope.$index)"
type="text" type="text"
size="small" size="small">查看</el-button>
>查看</el-button
>
<el-popconfirm <el-popconfirm v-if="false"
v-if="false"
title="删除之后无法回复，确认删除？" title="删除之后无法回复，确认删除？"
@onConfirm="handleDel(scope.row, scope.$index)" @onConfirm="handleDel(scope.row, scope.$index)"
@confirm="handleDel(scope.row, scope.$index)" @confirm="handleDel(scope.row, scope.$index)">
> <el-button slot="reference"
<el-button
slot="reference"
type="text" type="text"
size="small" size="small"
class="div-table-button--delete" class="div-table-button--delete"
style="margin-left: 10px" style="margin-left: 10px">删除</el-button>
>删除</el-button
>
</el-popconfirm> </el-popconfirm>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div> <div>
<el-pagination <el-pagination @size-change="handleSizeChange"
@size-change="handleSizeChange"
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page.sync="pageNo" :current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]" :page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)" :page-size="parseInt(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>
</div> </div>
<div class="g-page" v-if="pageType == 'edit' || pageType == 'info'"> <div class="g-page"
<project-info v-if="pageType == 'edit' || pageType == 'info'">
ref="eleEditForm" <project-info ref="eleEditForm"
:type="pageType" :type="pageType"
:projectId="currentProject.projectId" :projectId="currentProject.projectId"
@close="handleClose" @close="handleClose"
@afterEdit="handleEditSuccess" @afterEdit="handleEditSuccess" />
/>
</div> </div>
</div> </div>
</template> </template>
@ -423,6 +398,16 @@ export default {
tableData: [], tableData: [],
resolvedStatus: [
{
value: "resolved",
label: "已解决",
},
{
value: "unresolved",
label: "无需解决",
},
],
optionsStatus: [ optionsStatus: [
{ {
value: "pending", value: "pending",

Write Preview
Loading…
Cancel
Save