新增网格化事件页面

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>