From 428125d7fb8e50ee467a98a012fde2cf790186dc Mon Sep 17 00:00:00 2001
From: weicw <594098497@qq.com>
Date: Fri, 30 Jul 2021 15:39:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ecology/road_sound.js              |   7 +
 src/config/axios-config.js                 |   3 +
 src/views/collect/sound/function/index.vue | 164 +++++++++++++++++++++
 src/views/collect/sound/road/index.vue     | 156 ++++++++++++++++++++
 src/views/collect/sound/zone/index.vue     | 158 ++++++++++++++++++++
 src/views/statistic/sound/road/index.vue   |  13 ++
 6 files changed, 501 insertions(+)
 create mode 100644 src/api/ecology/road_sound.js
 create mode 100644 src/views/collect/sound/function/index.vue
 create mode 100644 src/views/collect/sound/road/index.vue
 create mode 100644 src/views/collect/sound/zone/index.vue
 create mode 100644 src/views/statistic/sound/road/index.vue

diff --git a/src/api/ecology/road_sound.js b/src/api/ecology/road_sound.js
new file mode 100644
index 0000000..0fc8325
--- /dev/null
+++ b/src/api/ecology/road_sound.js
@@ -0,0 +1,7 @@
+// import axios from 'axios';
+const  pageBillUrl = '/ecology/sound/road/bill/page';
+
+export {
+    pageBillUrl,
+  
+}
diff --git a/src/config/axios-config.js b/src/config/axios-config.js
index ef2178a..7f36115 100644
--- a/src/config/axios-config.js
+++ b/src/config/axios-config.js
@@ -46,6 +46,9 @@ axios.interceptors.response.use((res) => {
   if (access_token) {
     setting.cacheToken(access_token);
   }
+  if(res.data.code != 0){
+    return Promise.reject(res.data.msg);
+  }
   return res;
 }, (error) => {
   return Promise.reject(error);
diff --git a/src/views/collect/sound/function/index.vue b/src/views/collect/sound/function/index.vue
new file mode 100644
index 0000000..895153b
--- /dev/null
+++ b/src/views/collect/sound/function/index.vue
@@ -0,0 +1,164 @@
+<template>
+  <div class="ele-body">
+    <a-card :bordered="false">
+      <!-- 搜索表单 -->
+      <a-form :model="where" :label-col="{md: {span: 6}, sm: {span: 24}}"
+        :wrapper-col="{md: {span: 18}, sm: {span: 24}}">
+        <a-row>
+          <a-col :lg="6" :md="12" :sm="24" :xs="24">
+            <a-form-item label="菜单名称:">
+              <a-input v-model:value.trim="where.title" placeholder="请输入" allow-clear />
+            </a-form-item>
+          </a-col>
+
+
+
+        </a-row>
+      </a-form>
+      <!-- 表格 -->
+      <ele-pro-table ref="table" row-key="ecoRoadSoundBillId" :datasource="url" :columns="columns" :where="where"
+        :scroll="{x: 'max-content'}">
+        <template #toolbar>
+          <a-space>
+            <a-upload :before-upload="importFile" :show-file-list="false" accept=".xls,.xlsx,.csv">
+              <a-button>导入excel</a-button>
+            </a-upload>
+          </a-space>
+        </template>
+        <template #action="{ record }">
+          <a-space>
+            <a @click="openEdit(null, record.menuId)">添加</a>
+            <a-divider type="vertical" />
+            <a @click="openEdit(record)">修改</a>
+            <a-divider type="vertical" />
+            <a-popconfirm @confirm="remove(record)" title="确定要删除此菜单吗？">
+              <a class="ele-text-danger">删除</a>
+            </a-popconfirm>
+          </a-space>
+        </template>
+      </ele-pro-table>
+    </a-card>
+  </div>
+  <!-- 编辑弹窗 -->
+
+</template>
+
+<script>
+  import XLSX from 'xlsx';
+  import {} from '@ant-design/icons-vue';
+  import {
+    pageBillUrl
+  } from "@/api/ecology/road_sound";
+  export default {
+    name: 'SystemMenu',
+    components: {},
+    data() {
+      return {
+        // 表格数据接口
+        url: pageBillUrl,
+        // 表格列配置
+        columns: [{
+            key: 'index',
+            dataIndex: 'index',
+            width: 48,
+            align: 'center',
+            customRender: ({
+              index
+            }) => index + 1
+          },
+          // {
+          //   title: '菜单名称',
+          //   dataIndex: 'title',
+          //   sorter: true
+          // },
+          {
+            title: '创建时间',
+            dataIndex: 'createTime',
+            sorter: true,
+            customRender: ({
+              text
+            }) => this.$util.toDateString(text)
+          },
+          {
+            title: '更新时间',
+            dataIndex: 'updateTime',
+            sorter: true,
+            customRender: ({
+              text
+            }) => this.$util.toDateString(text)
+          },
+          {
+            title: '操作',
+            key: 'action',
+            width: 150,
+            align: 'center',
+            slots: {
+              customRender: 'action'
+            }
+          }
+        ],
+        // 表格搜索条件
+        where: {},
+        // 表格选中数据
+        selection: [],
+        // 当前编辑数据
+        current: null,
+
+        // 全部菜单数据
+        menuList: []
+      };
+    },
+    methods: {
+
+      /* 刷新表格 */
+      reload() {
+        this.$refs.table.reload({
+          where: this.where
+        });
+      },
+      /* 重置搜索 */
+      reset() {
+        this.where = {};
+        this.reload();
+      },
+      /* 删除单个 */
+      remove(row) {
+        const hide = this.$message.loading('请求中..', 0);
+        this.$http.delete('/sys/menu/' + row.menuId).then(res => {
+          hide();
+          if (res.data.code === 0) {
+            this.$message.success(res.data.msg);
+            this.reload();
+          } else {
+            this.$message.error(res.data.msg);
+          }
+        }).catch(e => {
+          hide();
+          this.$message.error(e.message);
+        });
+      },
+      /* 导入本地excel文件 */
+      importFile(file) {
+        let reader = new FileReader();
+        reader.onload = (e) => {
+          let data = new Uint8Array(e.target.result);
+          let workbook = XLSX.read(data, {
+            type: 'array'
+          });
+          let sheetNames = workbook.SheetNames;
+          let worksheet = workbook.Sheets[sheetNames[0]];
+          // 解析成二维数组
+          let aoa = XLSX.utils.sheet_to_json(worksheet, {
+            header: 1
+          });
+          console.log(aoa);
+        };
+        reader.readAsArrayBuffer(file);
+        return false;
+      }
+    }
+  }
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/collect/sound/road/index.vue b/src/views/collect/sound/road/index.vue
new file mode 100644
index 0000000..c35699d
--- /dev/null
+++ b/src/views/collect/sound/road/index.vue
@@ -0,0 +1,156 @@
+<template>
+<div class="ele-body">
+    <a-card :bordered="false">
+        <!-- 搜索表单 -->
+        <a-form :model="where" :label-col="{md: {span: 6}, sm: {span: 24}}" :wrapper-col="{md: {span: 18}, sm: {span: 24}}">
+            <a-row>
+                <a-col :lg="6" :md="12" :sm="24" :xs="24">
+                    <a-form-item label="菜单名称:">
+                        <a-input v-model:value.trim="where.title" placeholder="请输入" allow-clear />
+                    </a-form-item>
+                </a-col>
+
+            </a-row>
+        </a-form>
+        <!-- 表格 -->
+        <ele-pro-table ref="table" row-key="ecoRoadSoundBillId" :datasource="url" :columns="columns" :where="where" :scroll="{x: 'max-content'}">
+            <template #toolbar>
+                <a-space>
+                    <a-upload :before-upload="importFile" :show-file-list="false" accept=".xls,.xlsx,.csv">
+                        <a-button>导入excel</a-button>
+                    </a-upload>
+                </a-space>
+            </template>
+            <template #action="{ record }">
+                <a-space>
+                    <a @click="openEdit(null, record.menuId)">添加</a>
+                    <a-divider type="vertical" />
+                    <a @click="openEdit(record)">修改</a>
+                    <a-divider type="vertical" />
+                    <a-popconfirm @confirm="remove(record)" title="确定要删除此菜单吗？">
+                        <a class="ele-text-danger">删除</a>
+                    </a-popconfirm>
+                </a-space>
+            </template>
+        </ele-pro-table>
+    </a-card>
+</div>
+<!-- 编辑弹窗 -->
+</template>
+
+<script>
+import XLSX from 'xlsx';
+import {} from '@ant-design/icons-vue';
+import {
+    pageBillUrl
+} from "@/api/ecology/road_sound";
+export default {
+    name: 'RoadSound',
+    components: {},
+    data() {
+        return {
+            // 表格数据接口
+            url: pageBillUrl,
+            // 表格列配置
+            columns: [{
+                    key: 'index',
+                    dataIndex: 'index',
+                    width: 48,
+                    align: 'center',
+                    customRender: ({
+                        index
+                    }) => index + 1
+                },
+                // {
+                //   title: '菜单名称',
+                //   dataIndex: 'title',
+                //   sorter: true
+                // },
+                {
+                    title: '创建时间',
+                    dataIndex: 'createTime',
+                    sorter: true,
+                    customRender: ({
+                        text
+                    }) => this.$util.toDateString(text)
+                },
+                {
+                    title: '更新时间',
+                    dataIndex: 'updateTime',
+                    sorter: true,
+                    customRender: ({
+                        text
+                    }) => this.$util.toDateString(text)
+                },
+                {
+                    title: '操作',
+                    key: 'action',
+                    width: 150,
+                    align: 'center',
+                    slots: {
+                        customRender: 'action'
+                    }
+                }
+            ],
+            // 表格搜索条件
+            where: {},
+            // 表格选中数据
+            selection: [],
+            // 当前编辑数据
+            current: null,
+        };
+    },
+    methods: {
+
+        /* 刷新表格 */
+        reload() {
+            this.$refs.table.reload({
+                where: this.where
+            });
+        },
+        /* 重置搜索 */
+        reset() {
+            this.where = {};
+            this.reload();
+        },
+        /* 删除单个 */
+        remove(row) {
+            const hide = this.$message.loading('请求中..', 0);
+            this.$http.delete('/sys/menu/' + row.menuId).then(res => {
+                hide();
+                if (res.data.code === 0) {
+                    this.$message.success(res.data.msg);
+                    this.reload();
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+            }).catch(e => {
+                hide();
+                this.$message.error(e.message);
+            });
+        },
+        /* 导入本地excel文件 */
+        importFile(file) {
+            let reader = new FileReader();
+            reader.onload = (e) => {
+                let data = new Uint8Array(e.target.result);
+                let workbook = XLSX.read(data, {
+                    type: 'array'
+                });
+                let sheetNames = workbook.SheetNames;
+                let worksheet = workbook.Sheets[sheetNames[0]];
+                // 解析成二维数组
+                let aoa = XLSX.utils.sheet_to_json(worksheet, {
+                    header: 1
+                });
+                console.log(aoa);
+            };
+            reader.readAsArrayBuffer(file);
+            return false;
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/collect/sound/zone/index.vue b/src/views/collect/sound/zone/index.vue
new file mode 100644
index 0000000..37d3e2a
--- /dev/null
+++ b/src/views/collect/sound/zone/index.vue
@@ -0,0 +1,158 @@
+<template>
+<div class="ele-body">
+    <a-card :bordered="false">
+        <!-- 搜索表单 -->
+        <a-form :model="where" :label-col="{md: {span: 6}, sm: {span: 24}}" :wrapper-col="{md: {span: 18}, sm: {span: 24}}">
+            <a-row>
+                <a-col :lg="6" :md="12" :sm="24" :xs="24">
+                    <a-form-item label="菜单名称:">
+                        <a-input v-model:value.trim="where.title" placeholder="请输入" allow-clear />
+                    </a-form-item>
+                </a-col>
+            </a-row>
+        </a-form>
+        <!-- 表格 -->
+        <ele-pro-table ref="table" row-key="ecoRoadSoundBillId" :datasource="url" :columns="columns" :where="where" :scroll="{x: 'max-content'}">
+            <template #toolbar>
+                <a-space>
+                    <a-upload :before-upload="importFile" :show-file-list="false" accept=".xls,.xlsx,.csv">
+                        <a-button>导入excel</a-button>
+                    </a-upload>
+                </a-space>
+            </template>
+            <template #action="{ record }">
+                <a-space>
+                    <a @click="openEdit(null, record.menuId)">添加</a>
+                    <a-divider type="vertical" />
+                    <a @click="openEdit(record)">修改</a>
+                    <a-divider type="vertical" />
+                    <a-popconfirm @confirm="remove(record)" title="确定要删除此菜单吗？">
+                        <a class="ele-text-danger">删除</a>
+                    </a-popconfirm>
+                </a-space>
+            </template>
+        </ele-pro-table>
+    </a-card>
+</div>
+<!-- 编辑弹窗 -->
+</template>
+
+<script>
+import XLSX from 'xlsx';
+import {} from '@ant-design/icons-vue';
+import {
+    pageBillUrl
+} from "@/api/ecology/road_sound";
+export default {
+    name: 'SystemMenu',
+    components: {},
+    data() {
+        return {
+            // 表格数据接口
+            url: pageBillUrl,
+            // 表格列配置
+            columns: [{
+                    key: 'index',
+                    dataIndex: 'index',
+                    width: 48,
+                    align: 'center',
+                    customRender: ({
+                        index
+                    }) => index + 1
+                },
+                // {
+                //   title: '菜单名称',
+                //   dataIndex: 'title',
+                //   sorter: true
+                // },
+                {
+                    title: '创建时间',
+                    dataIndex: 'createTime',
+                    sorter: true,
+                    customRender: ({
+                        text
+                    }) => this.$util.toDateString(text)
+                },
+                {
+                    title: '更新时间',
+                    dataIndex: 'updateTime',
+                    sorter: true,
+                    customRender: ({
+                        text
+                    }) => this.$util.toDateString(text)
+                },
+                {
+                    title: '操作',
+                    key: 'action',
+                    width: 150,
+                    align: 'center',
+                    slots: {
+                        customRender: 'action'
+                    }
+                }
+            ],
+            // 表格搜索条件
+            where: {},
+            // 表格选中数据
+            selection: [],
+            // 当前编辑数据
+            current: null,
+
+            // 全部菜单数据
+            menuList: []
+        };
+    },
+    methods: {
+
+        /* 刷新表格 */
+        reload() {
+            this.$refs.table.reload({
+                where: this.where
+            });
+        },
+        /* 重置搜索 */
+        reset() {
+            this.where = {};
+            this.reload();
+        },
+        /* 删除单个 */
+        remove(row) {
+            const hide = this.$message.loading('请求中..', 0);
+            this.$http.delete('/sys/menu/' + row.menuId).then(res => {
+                hide();
+                if (res.data.code === 0) {
+                    this.$message.success(res.data.msg);
+                    this.reload();
+                } else {
+                    this.$message.error(res.data.msg);
+                }
+            }).catch(e => {
+                hide();
+                this.$message.error(e.message);
+            });
+        },
+        /* 导入本地excel文件 */
+        importFile(file) {
+            let reader = new FileReader();
+            reader.onload = (e) => {
+                let data = new Uint8Array(e.target.result);
+                let workbook = XLSX.read(data, {
+                    type: 'array'
+                });
+                let sheetNames = workbook.SheetNames;
+                let worksheet = workbook.Sheets[sheetNames[0]];
+                // 解析成二维数组
+                let aoa = XLSX.utils.sheet_to_json(worksheet, {
+                    header: 1
+                });
+                console.log(aoa);
+            };
+            reader.readAsArrayBuffer(file);
+            return false;
+        }
+    }
+}
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/statistic/sound/road/index.vue b/src/views/statistic/sound/road/index.vue
new file mode 100644
index 0000000..eb09c9d
--- /dev/null
+++ b/src/views/statistic/sound/road/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+    name: "roadSoundStatistic"
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file