Browse Source

新增网格化事件页面

shibei_master
HAHA 3 years ago
parent
commit
31c39a0167
  1. 153
      src/views/modules/cabaseinfo/wghSjxxb.vue

153
src/views/modules/cabaseinfo/wghSjxxb.vue

@ -0,0 +1,153 @@
<template>
<div class="mod-axis__caLoudong}">
<el-card>
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="事件来源" prop="infosourcename">
<el-input
v-model="dataForm.infosourcename"
placeholder="事件来源"
clearable
></el-input>
</el-form-item>
<el-form-item label="事件类别" prop="infotypename">
<el-input
v-model="dataForm.infotypename"
placeholder="事件类别"
clearable
></el-input>
</el-form-item>
<el-form-item label="社区名称" prop="communityname">
<el-input
v-model="dataForm.communityname"
placeholder="社区名称"
clearable
></el-input>
</el-form-item>
<el-form-item label="事件状态" prop="statusname">
<el-input
v-model="dataForm.statusname"
placeholder="事件状态"
clearable
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getDataList()">{{ $t("query") }}</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card shadow="never" class="aui-card--fill">
<el-table
v-loading="dataListLoading"
:data="dataList"
border
@selection-change="dataListSelectionChangeHandle"
style="width: 100%"
>
<el-table-column
type="selection"
header-align="center"
align="center"
width="50"
></el-table-column>
<el-table-column
:show-overflow-tooltip="true"
prop="infosourcename"
label="事件来源"
header-align="center"
align="center">
</el-table-column>
<el-table-column
prop="infotypename"
label="事件类别"
header-align="center"
align="center"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="communityname"
label="社区名称"
header-align="center"
align="center"
:show-overflow-tooltip="true">
</el-table-column>
<el-table-column
prop="description"
label="事见描述"
header-align="center"
align="center"
></el-table-column>
<el-table-column
prop="address"
label="事见地址"
header-align="center"
align="center"
></el-table-column>
<el-table-column
prop="statusname"
label="事见状态"
header-align="center"
align="center"
:show-overflow-tooltip="true"
></el-table-column>
<el-table-column
prop="streetname"
label="街道名称"
header-align="center"
align="center"
:show-overflow-tooltip="true"
></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" align="center" width="100">
<template >
<el-button
type="text"
class="div-table-button--detail"
size="small"
>去处置</el-button
>
</template>
</el-table-column>
</el-table>
<el-pagination
:current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle"
>
</el-pagination>
</el-card>
</div>
</template>
<script>
import mixinViewModule from "@/mixins/view-post";
export default {
mixins: [mixinViewModule],
data() {
return {
mixinViewModuleOptions: {
getDataListURL: "/opendata/wghSjxxb/todo/page",
getDataListIsPage: true,
deleteURL: "",
deleteIsBatch: true,
},
dataForm: {
infosourcename: "",
infotypename: "",
communityname:"",
statusname:""
},
optionsG:[]
};
},
methods:{
},
created(){
this.getGridList('query')
},
};
</script>
Loading…
Cancel
Save