添加无障碍改造的事后记录和监管督办

src/views/free/supervise/index.vue

+ <!-- 父级路由组件  -->
+<template>
+  <div>
+    <!-- xxx html 内容  -->
+    <router-view />
+  </div>
+</template>

src/views/free/supervise/statis/index.vue

+<template>
+  <div class="app-container">
+    <el-row>
+      <el-col :md="{span:18,offset:3}" :sm="{span:24,offset:0}">
+        <el-card shadow="never">
+          <div slot="header" class="k-flex-between-center">
+            <div class="font-weight-bold">搜索条件</div>
+          </div>
+          <el-form :inline="true" :model="formInline">
+            <el-form-item label="年份">
+              <el-select v-model="formInline.region" placeholder="活动区域">
+                <el-option label="区域一" value="shanghai" />
+                <el-option label="区域二" value="beijing" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="行政区域">
+              <el-select v-model="formInline.region" placeholder="活动区域">
+                <el-option label="区域一" value="shanghai" />
+                <el-option label="区域二" value="beijing" />
+              </el-select>
+            </el-form-item>
+
+            <el-form-item>
+              <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+
+        <el-card shadow="never" class="el-card-top">
+          <div slot="header" class="k-flex-between-center">
+            <div class="font-weight-bold">选择无障碍改造对象</div>
+            <el-button type="primary">导出表格</el-button>
+          </div>
+          <el-table
+            :data="tableData"
+            border
+            style="width: 100%"
+            size="medium"
+            :header-cell-style="{background: '#f5f7fa',color:'#606266'}"
+            header-align="center"
+          >
+            <el-table-column prop="date" label="姓名" />
+            <el-table-column prop="name" label="家庭住址" />
+            <el-table-column prop="address" label="残疾证号" />
+            <el-table-column prop="address" label="改造内容" />
+            <el-table-column prop="address" label="所需资金" />
+            <el-table-column prop="address" label="联系电话	" />
+            <el-table-column prop="address" label="备注" />
+          </el-table>
+          <div class="paginationClass">
+            <el-pagination
+              :current-page="currentPage4"
+              :page-sizes="[100, 200, 300, 400]"
+              :page-size="100"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="400"
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+            />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      formInline: {}
+    }
+  }
+}
+</script>
+
+<style>
+</style>

src/views/free/supervise/summy/index.vue

+<template>
+  <div class="app-container">
+    <el-row>
+      <el-col :md="{span:18,offset:3}" :sm="{span:24,offset:0}">
+
+        <el-card shadow="never" class="el-card-top">
+          <div slot="header" class="k-flex-between-center">
+            <div class="font-weight-bold">选择无障碍改造对象</div>
+            <el-button type="primary">导出表格</el-button>
+          </div>
+          <el-table
+            :data="tableData"
+            border
+            style="width: 100%"
+            size="medium"
+            :header-cell-style="{background: '#f5f7fa',color:'#606266'}"
+            header-align="center"
+          >
+            <el-table-column prop="date" label="地区" />
+            <el-table-column prop="name" label="已改造户数" />
+            <el-table-column prop="address" label="已改造使用资金" />
+
+          </el-table>
+          <div class="paginationClass">
+            <el-pagination
+              :current-page="currentPage4"
+              :page-sizes="[100, 200, 300, 400]"
+              :page-size="100"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="400"
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+            />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      formInline: {}
+    }
+  }
+}
+</script>
+
+<style>
+</style>