功能区导入

src/api/ecology/function-place.js

@@ -1,71 +0,0 @@
-import axios from 'axios';
-// ----------------------列表-----------------------
-const pageBillUrl = '/sound/function/place/bill/page';
-// 添加
-const saveFunctionPlaceBill = function (data) {
-    return axios.post("/sound/function/place/bill",data)
-}
-
-// 删除
-const removeFunctionPlaceBill = function (id) {
-    return axios.delete(`/sound/function/place/bill/${id}`,)
-}
-// 批量删除
-const removeBatchFunctionPlaceBill = function (ids) {
-    return axios.delete("/sound/function/place/bill/batch",{data:ids})
-}
-
-// 修改
-const updateFunctionPlaceBill = function (data) {
-    return axios.put("/sound/function/place/bill",data)
-}
-// 审核
-const verifyFunctionPlaceBill = function (data) {
-    return axios.put("/sound/function/place/bill/verify",data);
-}
-const getFunctionPlaceBill = function (id) {
-    return axios.get(`/sound/function/place/bill/${id}`)
-}
-// -------------------------数据---------------------
-const pageFunctionPlaceUrl = '/sound/function/place/page';
-// 添加
-const saveFunctionPlace = function (data) {
-    return axios.post("/sound/function/place",data)
-}
-
-// 删除
-const removeFunctionPlace = function (id) {
-    return axios.delete(`/sound/function/place/${id}`,)
-}
-// 批量删除
-const removeBatchFunctionPlace = function (ids) {
-    return axios.delete("/sound/function/place/batch",{data:ids})
-}
-
-// 修改
-const updateFunctionPlace = function (data) {
-        return axios.put("/sound/function/place",data)
-}
-
-// -------------------------统计---------------------
-const pageFunctionPlaceStatisticUrl = '/sound/function/place/statistic';
-const getHistoryyears = function () {
-    return axios.get("/sound/function/place/history-year")
-}
-export {
-    pageBillUrl,
-    saveFunctionPlaceBill,
-    removeFunctionPlaceBill,
-    updateFunctionPlaceBill,
-    removeBatchFunctionPlaceBill,
-    verifyFunctionPlaceBill,
-    getFunctionPlaceBill,
-    pageFunctionPlaceUrl,
-    saveFunctionPlace,
-    removeFunctionPlace,
-    updateFunctionPlace,
-    removeBatchFunctionPlace,
-    pageFunctionPlaceStatisticUrl,
-    getHistoryyears
-  
-}

src/api/ecology/function-sound.js

@@ -52,6 +52,9 @@ const pageFunctionNoiseStatisticUrl = '/sound/function/noise/statistic';
 const getHistoryyears = function () {
     return axios.get("/sound/function/noise/history-year")
 }
+const getColumnOptions = function(column){
+    return axios.get("/sound/function/noise/options",{params:{column}})
+}
 export {
     pageBillUrl,
     saveFunctionNoiseBill,
@@ -66,6 +69,7 @@ export {
     updateFunctionNoise,
     removeBatchFunctionNoise,
     pageFunctionNoiseStatisticUrl,
-    getHistoryyears
+    getHistoryyears,
+    getColumnOptions
   
 }

src/views/sound/function/collect/index.vue

@@ -3,8 +3,19 @@
     <a-card style="width: 100%" :bordered="false">
       <template #title>
         <a-space>
-          <a-upload :before-upload="importFile" :showUploadList="false" accept=".xls,.xlsx,.csv">
+          <a-upload
-            <a-button>导入excel</a-button>
+            :before-upload="importFileCity"
+            :showUploadList="false"
+            accept=".xls,.xlsx,.csv"
+          >
+            <a-button>市级导入</a-button>
+          </a-upload>
+          <a-upload
+            :before-upload="importFileArea"
+            :showUploadList="false"
+            accept=".xls,.xlsx,.csv"
+          >
+            <a-button>县级导入</a-button>
           </a-upload>
         </a-space>
       </template>
@@ -12,104 +23,206 @@
         <a-tab-pane tab="噪声信息" key="noise">
           <noise-bill ref="noise"></noise-bill>
         </a-tab-pane>
-        <a-tab-pane tab="其他信息" key="place">
-          <place-bill ref="place"></place-bill>
-        </a-tab-pane>
       </a-tabs>
     </a-card>
   </div>
 </template>
 
 <script>
-  import XLSX from 'xlsx';
+import XLSX from "xlsx";
-  import utils from "./utils";
+import utils from "./utils";
-  import NoiseBill from "./noise-bill.vue";
+import { Modal } from "ant-design-vue";
-  import PlaceBill from "./place-bill.vue";
+import NoiseBill from "./noise-bill.vue";
-  import _ from "lodash";
+import { saveFunctionNoiseBill } from "@/api/ecology/function-sound";
-  import {
+export default {
-    saveFunctionNoiseBill,
+  name: "FunctionCollectIndex",
-  } from "@/api/ecology/function-sound";
+  components: {
-  import {
+    NoiseBill,
-    saveFunctionPlaceBill
+  },
-  } from "@/api/ecology/function-place";
+  data() {
+    return {
+      activeKey: "noise",
+    };
+  },
+  methods: {
+    /* 导入本地excel文件 */
+    importFileCity(file) {
+      const hide = this.$message.loading("导入中..", 0);
 
-  export default {
+      let reader = new FileReader();
-    components: {
+      reader.onload = (e) => {
-      NoiseBill,
+        try {
-      PlaceBill
-    },
-    data() {
-
-      return {
-        activeKey: 'noise'
-      }
-    },
-    methods: {
-      /* 导入本地excel文件 */
-      importFile(file) {
-        console.log(_._uniqueId("road_noise"));
-        let reader = new FileReader();
-        reader.onload = (e) => {
           let data = new Uint8Array(e.target.result);
           let workbook = XLSX.read(data, {
-            type: 'array'
+            type: "array",
           });
-          //0.数据录入 1.其他信息
+          //0.昼间数据 1.夜间数据 2.其他信息
           let sheetNames = workbook.SheetNames;
-          // 解析成二维数组 
+          // 解析成二维数组
           let aoa = XLSX.utils.sheet_to_json(workbook.Sheets[sheetNames[0]], {
             header: 1,
           });
-          let aoa2 = XLSX.utils.sheet_to_json(workbook.Sheets[sheetNames[1]], {
+          let aoa2= XLSX.utils.sheet_to_json(workbook.Sheets[sheetNames[1]], {
             header: 1,
           });
-          
+          const reportDate = aoa[1][0].replace(/[^\d]+/g, "-");
-          const reportDate = aoa[1][0].replace(/[^\d]+/g, "-")
-          const reportDate2 = new Date();
 
-          const functionNoiseList = aoa.filter(item => {
+          const functionNoiseList = aoa.filter((item) => {
-            return item.length >= 15 && typeof item[0] == "number";
+            return item.length >= 15 && item[0] != "年";
           });
-          const functionNoiseList2 = aoa2.filter(item => item.length == 13 && typeof item[1] == "number");
+         
+          const functionNoiseList2 = aoa2.filter(
+            (item) => item.length >= 13 &&  item[1] != "点位名称"
+          );
 
           // 解析成对象数组
+          const billName = aoa[0][0];
           const billData = utils.toObjData(functionNoiseList);
+        
           const billData2 = utils.toPlaceData(functionNoiseList2);
+          if (!billData || billData.length == 0) {
+            hide();
+            Modal.error({
+              title: "导入失败",
+              content: "找不到数据",
+            });
+            return;
+          }
 
           const tasks = [];
           if (billData.length > 0) {
-            tasks.push(saveFunctionNoiseBill({
+            // 合并数据信息与其他信息
-              reportTime: new Date(reportDate).getTime(),
+            billData.forEach((item) => {
-              billName: sheetNames[0] + reportDate,
+              Object.assign(
-              functionNoiseList: billData
+                item,
-            }))
+                billData2.find((b2Item) => b2Item.place == item.place)
+              );
+            });
+            tasks.push(
+              saveFunctionNoiseBill({
+                reportTime: new Date(reportDate).getTime(),
+                billName: billName,
+                regionLevel: "市级",
+                functionNoiseList: billData,
+              })
+            );
           }
 
-          if (billData2.length > 0) {
-            tasks.push(saveFunctionPlaceBill({
-              reportTime: reportDate2.getTime(),
-              billName: sheetNames[1] + reportDate2.getTime(),
-              functionPlaceList: billData2
-            }))
-          }
           // 上传到服务器
+          Promise.all(tasks)
+            .then(() => {
+              Modal.success({
+                title: "导入成功",
+                content: `成功导入${billData.length}条数据`,
+              });
+              this.$refs.noise && this.$refs.noise.reload();
+            })
+            .catch(() => {
+              Modal.error({
+                title: "导入失败",
+                content: "数据上传出错",
+              });
+            })
+            .finally(() => {
+              hide();
+            });
+        } catch (error) {
+          hide();
+          Modal.error({
+            title: "导入失败",
+            content: error.message,
+          });
+        }
+        // console.log(billData);
+      };
+      reader.readAsArrayBuffer(file);
 
-          Promise.all(tasks).then(() => {
+      return false;
-            this.$refs.noise&&this.$refs.noise.reload();
+    },
-            this.$refs.noise&&this.$refs.place.reload();
+    importFileArea(file) {
-          }).catch(err=>{
+      const hide = this.$message.loading("导入中..", 0);
-            console.log(err);
-          })
-          // console.log(billData);
-        };
-        reader.readAsArrayBuffer(file);
 
-        return false;
+      let reader = new FileReader();
-      }
+
-    }
+      reader.onload = (e) => {
-  }
+        try {
+          let data = new Uint8Array(e.target.result);
+          let workbook = XLSX.read(data, {
+            type: "array",
+          });
+          //0.昼间数据 1.夜间数据 2.其他信息
+          let sheetNames = workbook.SheetNames;
+          // 解析成二维数组
+          let aoa = XLSX.utils.sheet_to_json(workbook.Sheets[sheetNames[0]], {
+            header: 1,
+          });
+
+          const reportDate = aoa[1][0].replace(/[^\d]+/g, "-");
+          const functionNoiseList = aoa.filter((item) => {
+            return item.length >= 35 && item[0] != "行政区划代码";
+          });
+
+          // 解析成对象数组
+          const billName = aoa[0][0];
+          const billData = utils.toAreaObjData(functionNoiseList);
+
+          if (!billData || billData.length == 0) {
+            hide();
+            Modal.error({
+              title: "导入失败",
+              content: "找不到可用数据",
+            });
+
+            return;
+          }
+
+          if (billData.length > 0) {
+            // 上传到服务器
+            saveFunctionNoiseBill({
+              reportTime: new Date(reportDate).getTime(),
+              billName: billName,
+              regionLevel: "县级",
+              functionNoiseList: billData,
+            })
+              .then((res) => {
+                if (res.data.code == 0) {
+                  Modal.success({
+                    title: "导入成功",
+                    content: `成功导入${billData.length}条数据`,
+                  });
+                  this.$refs.noise && this.$refs.noise.reload();
+                } else {
+                  Modal.error({
+                    title: "导入失败",
+                    content: "数据上传出错",
+                  });
+                }
+              })
+              .catch(() => {
+                Modal.error({
+                  title: "导入失败",
+                  content: "数据上传出错",
+                });
+              })
+              .finally(() => {
+                hide();
+              });
+          }
+        } catch (error) {
+          hide();
+          Modal.error({
+            title: "导入失败",
+            content: error.message,
+          });
+        }
+        // console.log(billData);
+      };
+      reader.readAsArrayBuffer(file);
+      return false;
+    },
+  },
+};
 </script>
 
 <style scoped lang="less">
-
 </style>

src/views/sound/function/collect/noise-bill.vue

@@ -97,6 +97,7 @@
     CheckOutlined,
     EditOutlined
   } from '@ant-design/icons-vue';
+  import { Modal } from 'ant-design-vue';
   import {
     pageBillUrl,
     // saveFunctionNoiseBill,
@@ -107,6 +108,7 @@
   } from "@/api/ecology/function-sound";
   import moment from "moment";
   export default {
+    name: 'FunctionCollectNoiseBill',
     components: {
       CheckOutlined,
       EditOutlined
@@ -136,6 +138,11 @@
             },
 
           },
+          {
+            title: '区域等级',
+            dataIndex: 'regionLevel',
+            sorter: true,
+          },
           {
             title: '条目',
             dataIndex: 'recordSize',
@@ -174,6 +181,12 @@
               customRender: 'checked',
             },
 
+          },
+          {
+            title: '创建人',
+            dataIndex: 'username',
+            sorter: true,
+
           },
           // {
           //   title: '更新时间',
@@ -242,9 +255,15 @@
         }).then(res => {
           if (res.data.code == 0) {
             record.checked = checked
-            this.$message.success(res.data.msg);
+            Modal.success({
+              title: "提示",
+              content: checked?"审核成功":"撤回成功"
+            });
           } else {
-            this.$message.error(res.data.msg);
+            Modal.error({
+              title: "提示",
+              content: res.data.msg
+            });
           }
         }).catch((e) => {
           this.$message.error(e.message);

src/views/sound/function/collect/noise.vue

@@ -2,26 +2,41 @@
   <div class="ele-body">
     <a-card :bordered="false">
       <!-- 搜索表单 -->
-      <a-form :model="where" :label-col="{md: {span: 6}, sm: {span: 24}}"
+      <a-form
-        :wrapper-col="{md: {span: 18}, sm: {span: 24}}">
+        :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-form-item label="点位名称:">
-              <a-input v-model:value.trim="where.place" placeholder="请输入测点名称" allow-clear />
+              <a-select v-model:value="where.place" allowClear showSearch>
+                <a-select-option
+                  v-for="item in palceOptions"
+                  :key="item.value"
+                  >{{ item.label }}</a-select-option
+                >
+              </a-select>
             </a-form-item>
           </a-col>
+
           <a-col :lg="6" :md="12" :sm="24" :xs="24">
-            <a-form-item label="功能区类别:">
+            <a-form-item label="功能区类别">
-              <a-select v-model:value="where.functionType" placeholder="功能区类别">
+              <a-select
-                <a-select-option value="1">1</a-select-option>
+                v-model:value="where.functionType"
-                <a-select-option value="2">2</a-select-option>
+                allowClear
-                <a-select-option value="4">3</a-select-option>
+                showSearch
-                <a-select-option value="4">4</a-select-option>
+              >
+                <a-select-option
+                  v-for="item in functionTypeOptions"
+                  :key="item.value"
+                  >{{ item.label }}</a-select-option
+                >
               </a-select>
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :sm="24" :xs="24">
-            <a-form-item class="ele-text-right" :wrapper-col="{span: 24}">
+            <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
               <a-space>
                 <a-button type="primary" @click="reload">查询</a-button>
                 <a-button @click="reset">重置</a-button>
@@ -30,97 +45,351 @@
           </a-col>
         </a-row>
       </a-form>
-      <a-modal v-model:visible="showEdit" :title="form.functionNoiseId!==undefined?'修改用户':'添加用户'"
+      <a-modal
-        :confirm-loading="loading" :width="1000" :body-style="{paddingBottom: '8px'}" @ok="save">
+        v-model:visible="showEdit"
-        <a-form ref="form" :model="form" :rules="rules" :label-col="{md: {span: 6}, sm: {span: 24}}"
+        :title="form.functionNoiseId !== undefined ? '修改用户' : '添加用户'"
-          :wrapper-col="{md: {span: 18}, sm: {span: 24}}">
+        :confirm-loading="loading"
+        :width="1000"
+        :body-style="{ paddingBottom: '8px' }"
+        @ok="save"
+      >
+        <a-form
+          ref="form"
+          :model="form"
+          :rules="rules"
+          :label-col="{ md: { span: 6 }, sm: { span: 24 } }"
+          :wrapper-col="{ md: { span: 18 }, sm: { span: 24 } }"
+        >
           <a-row>
             <a-col :md="12" :sm="24">
               <a-form-item label="日期" name="monitorDate">
-                <a-date-picker v-model:value="form.monitorDate" :locale="locale" />
+                <a-date-picker
+                  v-model:value="form.monitorDate"
+                  :locale="locale"
+                />
               </a-form-item>
             </a-col>
             <a-col :md="12" :sm="24">
               <a-form-item label="时间" name="monitorTime">
-                <a-time-picker v-model:value="form.monitorTime" format="HH:mm" />
+                <a-time-picker
+                  v-model:value="form.monitorTime"
+                  format="HH:mm"
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="时段" name="timeSlot">
+                <a-select v-model:value="form.timeSlot">
+                  <a-select-option value="昼">昼</a-select-option>
+                  <a-select-option value="夜">夜</a-select-option>
+                </a-select>
               </a-form-item>
             </a-col>
 
             <a-col :md="12" :sm="24">
-              <a-form-item label="测点名称" name="place">
+              <a-form-item label="点位名称" name="place">
-                <a-input v-model:value="form.place" placeholder="请输入测点名称" allow-clear />
+                <a-input
+                  v-model:value="form.place"
+                  placeholder="请输入测点名称"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
             <a-col :md="12" :sm="24">
               <a-form-item label="点位编码" name="placeCode">
-                <a-input v-model:value="form.placeCode" placeholder="请输入点位编码" allow-clear />
+                <a-input
+                  v-model:value="form.placeCode"
+                  placeholder="请输入点位编码"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
-
             <a-col :md="12" :sm="24">
-              <a-form-item label="功能区类型" name="functionType">
+              <a-form-item label="功能区类别" name="functionType">
-                <a-input v-model:value="form.functionType" placeholder="请输入功能区类型" allow-clear />
+                <a-input
+                  v-model:value="form.area"
+                  placeholder="请输入功能区类别"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
             <a-col :md="12" :sm="24">
               <a-form-item label="LeqdB(A)" name="indexLeq">
-                <a-input type="number" v-model:value="form.indexLeq" placeholder="请输入LeqdB(A)" allow-clear />
+                <a-input
+                  type="number"
+                  v-model:value="form.indexLeq"
+                  placeholder="请输入LeqdB(A)"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
             <a-col :md="12" :sm="24">
               <a-form-item label="SDdB(A)" name="indexSd">
-                <a-input type="number" v-model:value="form.indexSd" placeholder="请输入大SDdB(A)" allow-clear />
+                <a-input
+                  type="number"
+                  v-model:value="form.indexSd"
+                  placeholder="请输入大SDdB(A)"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
             <a-col :md="12" :sm="24">
               <a-form-item label="L10dB(A)" name="indexL10">
-                <a-input type="number" v-model:value="form.indexL10" placeholder="请输入L10dB(A)" allow-clear />
+                <a-input
+                  type="number"
+                  v-model:value="form.indexL10"
+                  placeholder="请输入L10dB(A)"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
             <a-col :md="12" :sm="24">
               <a-form-item label="L50dB(A)" name="indexL50">
-                <a-input type="number" v-model:value="form.indexL50" placeholder="请输入L50dB(A)" allow-clear />
+                <a-input
+                  type="number"
+                  v-model:value="form.indexL50"
+                  placeholder="请输入L50dB(A)"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
             <a-col :md="12" :sm="24">
               <a-form-item label="L90dB(A)" name="indexL90">
-                <a-input type="number" v-model:value="form.indexL90" placeholder="请输入L90dB(A)" allow-clear />
+                <a-input
+                  type="number"
+                  v-model:value="form.indexL90"
+                  placeholder="请输入L90dB(A)"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
             <a-col :md="12" :sm="24">
               <a-form-item label="LmindB(A)" name="indexLmin">
-                <a-input type="number" v-model:value="form.indexLmin" placeholder="请输入LmindB(A)" allow-clear />
+                <a-input
+                  type="number"
+                  v-model:value="form.indexLmin"
+                  placeholder="请输入LmindB(A)"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
             <a-col :md="12" :sm="24">
               <a-form-item label="LmaxdB(A)" name="indexLmax">
-                <a-input type="number" v-model:value="form.indexLmax" placeholder="请输入LmaxdB(A)" allow-clear />
+                <a-input
+                  type="number"
+                  v-model:value="form.indexLmax"
+                  placeholder="请输入LmaxdB(A)"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+             <a-col :md="12" :sm="24">
+              <a-form-item label="测点经度" name="placeLng">
+                <a-input
+                  type="number"
+                  v-model:value="form.placeLng"
+                  placeholder="请输入测点经度"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="测点纬度" name="placeLat">
+                <a-input
+                  type="number"
+                  v-model:value="form.placeLat"
+                  placeholder="请输入测点纬度"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="测点参照物" name="refObj">
+                <a-input
+                  v-model:value="form.refObj"
+                  placeholder="请输入测点测点参照物"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+           
+            <a-col :md="12" :sm="24">
+              <a-form-item label="功能区代码" name="functionCode">
+                <a-input
+                  v-model:value="form.functionCode"
+                  placeholder="请输入功能区代码"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="监测仪器型号" name="monitorInstrumentModel">
+                <a-input
+                  v-model:value="form.monitorInstrumentModel"
+                  placeholder="请输入监测仪器型号"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="监测仪器编号" name="monitorInstrumentCode">
+                <a-input
+                  v-model:value="form.monitorInstrumentCode"
+                  placeholder="请输入监测仪器编号"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="监测前校准值" name="beforeMonitorValue">
+                <a-input
+                  v-model:value="form.beforeMonitorValue"
+                  placeholder="请输入监测前校准值"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="监测后校准值" name="afterMonitorValue">
+                <a-input
+                  v-model:value="form.afterMonitorValue"
+                  placeholder="请输入监测后校准值"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="声校准器测量声压值" name="soundPressureValue">
+                <a-input
+                  v-model:value="form.soundPressureValue"
+                  placeholder="请输入声校准器测量声压值"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="声校准仪器型号" name="soundInstrumentModel">
+                <a-input
+                  v-model:value="form.soundInstrumentModel"
+                  placeholder="请输入声校准仪器型号"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="声校准仪器编号" name="soundInstrumentCode">
+                <a-input
+                  v-model:value="form.soundInstrumentCode"
+                  placeholder="请输入声校准仪器编号"
+                  allow-clear
+                />
+              </a-form-item>
+            </a-col>
+            <a-col :md="12" :sm="24">
+              <a-form-item label="备注" name="remark">
+                <a-input
+                  v-model:value="form.remark"
+                  placeholder="请输入备注"
+                  allow-clear
+                />
               </a-form-item>
             </a-col>
           </a-row>
-
         </a-form>
-
       </a-modal>
       <!-- 表格 -->
-      <ele-pro-table v-model:selection="selectionList" ref="table" row-key="functionNoiseId" :datasource="url"
+      <ele-pro-table
-        :columns="columns" :where="where" :scroll="{x: 'max-content'}">
+        v-model:selection="selectionList"
-        <template v-if="bill.checked !=  1" #toolbar>
+        ref="table"
+        row-key="functionNoiseId"
+        :datasource="url"
+        :columns="columns"
+        :where="where"
+        :scroll="{ x: 'max-content' }"
+      >
+        <template v-if="bill.checked != 1" #toolbar>
           <a-space>
             <a-button @click="openEdit" type="primary">新增</a-button>
-            <a-popconfirm :disabled="selectionList.length == 0" :title="`确认删除${selectionList.length}条数据吗?`"
+            <a-popconfirm
-              ok-text="Yes" cancel-text="No" @confirm="removeBatch">
+              :disabled="selectionList.length == 0"
-              <a-button :disabled="selectionList.length == 0" type="primary" ghost danger>删除</a-button>
+              :title="`确认删除${selectionList.length}条数据吗?`"
+              ok-text="Yes"
+              cancel-text="No"
+              @confirm="removeBatch"
+            >
+              <a-button
+                :disabled="selectionList.length == 0"
+                type="primary"
+                ghost
+                danger
+                >删除</a-button
+              >
             </a-popconfirm>
-
           </a-space>
         </template>
 
+        <template #Leq="{ text, record }">
+          <a-tag
+            v-if="
+              (record.timeSlot == '昼' && text <= 68) ||
+              (record.timeSlot == '夜' && text <= 58)
+            "
+            color="green"
+            >{{ text }}</a-tag
+          >
+          <a-tag
+            v-else-if="
+              (record.timeSlot == '昼' && text > 68 && text <= 70) ||
+              (record.timeSlot == '夜' && text > 58 && text <= 60)
+            "
+            color="blue"
+            >{{ text }}</a-tag
+          >
+          <a-tag
+            v-else-if="
+              (record.timeSlot == '昼' && text > 70 && text <= 72) ||
+              (record.timeSlot == '夜' && text > 60 && text <= 62)
+            "
+            color="red"
+            >{{ text }}</a-tag
+          >
+          <a-tag
+            v-else-if="
+              (record.timeSlot == '昼' && text > 62 && text <= 74) ||
+              (record.timeSlot == '夜' && text > 62 && text <= 64)
+            "
+            color="red"
+            >{{ text }}</a-tag
+          >
+          <a-tag
+            v-else-if="
+              (record.timeSlot == '昼' && text > 74) ||
+              (record.timeSlot == '夜' && text > 64)
+            "
+            color="red"
+            >{{ text }}</a-tag
+          >
+          <template v-else color="#FFF">{{ text }}</template>
+        </template>
+
         <template #action="{ record }">
           <a-space>
-            <a-button @click="openEdit(record)" type="primary" shape="round" size="small">修改</a-button>
+            <a-button
-            <a-popconfirm :title="`确认删除这条数据吗?`" ok-text="Yes" cancel-text="No" @confirm="remove(record)">
+              @click="openEdit(record)"
-              <a-button type="primary" danger shape="round" size="small">删除</a-button>
+              type="primary"
+              shape="round"
+              size="small"
+              >修改</a-button
+            >
+            <a-popconfirm
+              :title="`确认删除这条数据吗?`"
+              ok-text="Yes"
+              cancel-text="No"
+              @confirm="remove(record)"
+            >
+              <a-button type="primary" danger shape="round" size="small"
+                >删除</a-button
+              >
             </a-popconfirm>
           </a-space>
         </template>
@@ -131,173 +400,287 @@
 </template>
 
 <script>
-  import _ from "lodash"
+import _ from "lodash";
-  import {
+import {
-    pageFunctionNoiseUrl,
+  pageFunctionNoiseUrl,
-    saveFunctionNoise,
+  saveFunctionNoise,
-    removeFunctionNoise,
+  removeFunctionNoise,
-    removeBatchFunctionNoise,
+  removeBatchFunctionNoise,
-    updateFunctionNoise,
+  updateFunctionNoise,
-    getFunctionNoiseBill
+  getFunctionNoiseBill,
-  } from "@/api/ecology/function-sound";
+  getColumnOptions,
-  import locale from 'ant-design-vue/es/date-picker/locale/zh_CN';
+} from "@/api/ecology/function-sound";
-  import moment from 'moment';
+import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
-  //   import utils from "./utils";
+import moment from "moment";
-  export default {
+//   import utils from "./utils";
-    components: {},
+export default {
-    data() {
+  name: "FunctionCollectNoise",
-      const {
+  components: {},
-        billId
+  data() {
-      } = this.$route.params
+    const { billId } = this.$route.params;
 
-      return {
+    return {
-        locale,
+      locale,
-        bill: {},
+      bill: {},
-        // 表格数据接口
+      // 表格数据接口
-        url: pageFunctionNoiseUrl,
+      url: pageFunctionNoiseUrl,
-        selection: [],
+      selection: [],
-        // 表格列配置
+      // 表格列配置
-        columns: [{
+      columns: [
-            title: '监测日期',
+        {
-            dataIndex: 'monitorTime',
+          title: "监测日期",
-            sorter: true
+          dataIndex: "monitorTime",
-          },
+          sorter: true,
-          {
-            title: '测点名称',
-            dataIndex: 'place',
-            sorter: true
-          },
-          {
-            title: '点位编码',
-            dataIndex: 'placeCode',
-            sorter: true
-          },
-          {
-            title: '功能区类别',
-            dataIndex: 'functionType',
-            sorter: true
-          },
-          {
-            title: 'LeqdB(A)',
-            dataIndex: 'indexLeq',
-            sorter: true
-          },
-          {
-            title: 'SDdB(A)',
-            dataIndex: 'indexSd',
-            sorter: true
-          },
-          {
-            title: 'L10dB(A)',
-            dataIndex: 'indexL10',
-            sorter: true
-          },
-          {
-            title: 'L50dB(A)',
-            dataIndex: 'indexL50',
-            sorter: true
-          },
-          {
-            title: 'L90dB(A)',
-            dataIndex: 'indexL90',
-            sorter: true
-          },
-          {
-            title: 'LmindB(A)',
-            dataIndex: 'indexLmin',
-            sorter: true
-          },
-          {
-            title: 'LmaxdB(A)',
-            dataIndex: 'indexLmax',
-            sorter: true
-          },
-          {
-            title: '操作',
-            key: 'action',
-            width: 150,
-            align: 'center',
-            fixed: 'right',
-            slots: {
-              customRender: 'action'
-            }
-          }
-        ],
-        // 表格搜索条件
-        functionNoiseBillId: billId,
-        where: {
-          functionNoiseBillId: billId
         },
-        // 表格选中数据
+        {
-        selectionList: [],
+          title: "测点名称",
-        // 是否显示编辑弹窗
+          dataIndex: "place",
-        showEdit: false,
+          sorter: true,
-        // 表单数据
+        },
-        form: {},
+        {
-        loading: false,
+          title: "点位编码",
-        rules: {}
+          dataIndex: "placeCode",
-
+          sorter: true,
+        },
+        {
+          title: "功能区类别",
+          dataIndex: "functionType",
+          sorter: true,
+        },
+        {
+          title: "时段",
+          dataIndex: "timeSlot",
+          sorter: true,
+        },
+        //   {
+        //     title: '月',
+        //     dataIndex: 'monitorMonth',
+        //     sorter: true
+        //   },
+        //   {
+        //     title: '日',
+        //     dataIndex: 'monitorDay',
+        //     sorter: true
+        //   },
+        //   {
+        //     title: '时',
+        //     dataIndex: 'monitorHour',
+        //     sorter: true
+        //   },
+        //   {
+        //     title: '分',
+        //     dataIndex: 'monitorMinute',
+        //     sorter: true
+        //   },
+        {
+          title: "LeqdB(A)",
+          dataIndex: "indexLeq",
+          slots: { customRender: "Leq" },
+          sorter: true,
+        },
+        {
+          title: "SDdB(A)",
+          dataIndex: "indexSd",
+          sorter: true,
+        },
+        {
+          title: "L10dB(A)",
+          dataIndex: "indexL10",
+          sorter: true,
+        },
+        {
+          title: "L50dB(A)",
+          dataIndex: "indexL50",
+          sorter: true,
+        },
+        {
+          title: "L90dB(A)",
+          dataIndex: "indexL90",
+          sorter: true,
+        },
+        {
+          title: "LmindB(A)",
+          dataIndex: "indexLmin",
+          sorter: true,
+        },
+        {
+          title: "LmaxdB(A)",
+          dataIndex: "indexLmax",
+          sorter: true,
+        },
+        {
+          title: "测点经度",
+          dataIndex: "placeLng",
+          sorter: true,
+        },
+        {
+          title: "测点纬度",
+          dataIndex: "placeLat",
+          sorter: true,
+        },
+        {
+          title: "测点参照物",
+          dataIndex: "refObj",
+          sorter: true,
+        },
+        {
+          title: "功能区代码",
+          dataIndex: "functionCode",
+          sorter: true,
+        },
+        {
+          title: "监测仪器型号",
+          dataIndex: "monitorInstrumentModel",
+          sorter: true,
+        },
+        {
+          title: "监测仪器编号",
+          dataIndex: "monitorInstrumentCode",
+          sorter: true,
+        },
+        {
+          title: "监测前校准值",
+          dataIndex: "beforeMonitorValue",
+          sorter: true,
+        },
+        {
+          title: "声校准器测量声压值",
+          dataIndex: "soundPressureValue",
+          sorter: true,
+        },
+        {
+          title: "声校准仪器型号",
+          dataIndex: "soundInstrumentModel",
+          sorter: true,
+        },
+        {
+          title: "声校准仪器编号",
+          dataIndex: "soundInstrumentCode",
+          sorter: true,
+        },
+        {
+          title: "区域等级",
+          dataIndex: "regionLevel",
+          sorter: true,
+        },
+        {
+          title: "备注",
+          dataIndex: "remark",
+          sorter: true,
+        },
+        {
+          title: "创建人",
+          dataIndex: "username",
+          sorter: true,
+        },
+        {
+          title: "操作",
+          key: "action",
+          width: 150,
+          align: "center",
+          fixed: "right",
+          slots: {
+            customRender: "action",
+          },
+        },
+      ],
+      // 表格搜索条件
+      functionNoiseBillId: billId,
+      palceOptions: [],
+      functionTypeOptions: [],
+      where: {
+        functionNoiseBillId: billId,
+      },
+      // 表格选中数据
+      selectionList: [],
+      // 是否显示编辑弹窗
+      showEdit: false,
+      // 表单数据
+      form: {},
+      loading: false,
+      rules: {},
+    };
+  },
+  mounted() {
+    const { billId } = this.$route.params;
+    getFunctionNoiseBill(billId).then((res) => {
+      this.bill = res.data.data;
+      if (res.data.data.checked == 1) {
+        this.columns.splice(this.columns.length - 1, 1);
+      }
+    });
+    this.loadOptionData();
+  },
+  methods: {
+    /**获取下来框数据 */
+    loadOptionData() {
+      getColumnOptions("place").then((res) => {
+        this.palceOptions = res.data.data.map((item) => {
+          return {
+            label: item,
+            value: item,
+          };
+        });
+      });
+      getColumnOptions("function_type").then((res) => {
+        this.functionTypeOptions = res.data.data.map((item) => {
+          return {
+            label: item,
+            value: item,
+          };
+        });
+      });
+    },
+    /* 刷新表格 */
+    reload() {
+      console.log(this.$route);
+      console.log(this.$router);
+      this.$refs.table.reload({
+        where: this.where,
+      });
+    },
+    /* 重置搜索 */
+    reset() {
+      this.where = {
+        functionNoiseBillId: this.functionNoiseBillId,
       };
+      this.reload();
     },
-    mounted() {
+    /* 显示编辑 */
-      const {
+    openEdit(record) {
-        billId
+      const cloneRecord = _.cloneDeep(record);
-      } = this.$route.params
+      if (record && cloneRecord.monitorTime) {
-      getFunctionNoiseBill(billId).then(res => {
+        console.log(moment(cloneRecord.monitorTime).format("YYYY MM DD"));
-        this.bill = res.data.data
+        cloneRecord.monitorDate = moment(cloneRecord.monitorTime);
-        if (res.data.data.checked == 1) {
+        cloneRecord.monitorTime = moment(cloneRecord.monitorTime);
-          this.columns.splice(this.columns.length - 1, 1)
+      }
-        }
+      // cloneRecord.mi
-      })
+      this.form = Object.assign({}, cloneRecord);
+      this.showEdit = true;
+      this.$nextTick(() => {
+        this.$refs.form.clearValidate(); // 清除表单验证信息
+      });
     },
-    methods: {
-      /* 刷新表格 */
-      reload() {
-        this.$refs.table.reload({
-          where: this.where
-        });
-      },
-      /* 重置搜索 */
-      reset() {
-        this.where = {
-          functionNoiseBillId: this.functionNoiseBillId
-        };
-        this.reload();
-      },
-      /* 显示编辑 */
-      openEdit(record) {
-        const cloneRecord = _.cloneDeep(record)
-        if (record && cloneRecord.monitorTime) {
-          console.log(moment(cloneRecord.monitorTime).format('YYYY MM DD'));
-          cloneRecord.monitorDate = moment(cloneRecord.monitorTime);
-          cloneRecord.monitorTime = moment(cloneRecord.monitorTime);
-        }
-        // cloneRecord.mi
-        this.form = Object.assign({}, cloneRecord);
-        this.showEdit = true;
-        this.$nextTick(() => {
-          this.$refs.form.clearValidate(); // 清除表单验证信息
-        });
-      },
 
-      save() {
+    save() {
-        const hide = this.$message.loading('请求中..', 0);
+      const hide = this.$message.loading("请求中..", 0);
-        const form = _.cloneDeep(this.form);
+      const form = _.cloneDeep(this.form);
-        const date = new Date();
+      const date = new Date();
-        date.setFullYear(form.monitorDate.year());
+      date.setFullYear(form.monitorDate.year());
-        date.setMonth(form.monitorDate.month());
+      date.setMonth(form.monitorDate.month());
-        date.setDate(form.monitorDate.date());
+      date.setDate(form.monitorDate.date());
-        date.setHours(form.monitorTime.hour());
+      date.setHours(form.monitorTime.hour());
-        date.setMinutes(form.monitorTime.minutes());
+      date.setMinutes(form.monitorTime.minutes());
-        form.monitorTime = date.getTime();
+      form.monitorTime = date.getTime();
-        form.monitorYear = date.getFullYear();
+      form.monitorYear = date.getFullYear();
-        form.monitorMonth = date.getMonth() + 1;
+      form.monitorMonth = date.getMonth() + 1;
-        form.monitorDay = date.getDate();
+      form.monitorDay = date.getDate();
-        form.monitorHour = date.getHours();
+      form.monitorHour = date.getHours();
-        form.monitorMinute = date.getMinutes();
+      form.monitorMinute = date.getMinutes();
-        delete form['monitorDate']
+      delete form["monitorDate"];
-        if (form.functionNoiseId) {
+      if (form.functionNoiseId) {
-          updateFunctionNoise(form).then(res => {
+        updateFunctionNoise(form)
+          .then((res) => {
             if (res.data.code == 0) {
               this.showEdit = false;
               this.$message.success(res.data.msg);
@@ -305,15 +688,18 @@
             } else {
               this.$message.error(res.data.msg);
             }
-          }).catch((error) => {
+          })
+          .catch((error) => {
             this.$message.error(error.message);
-          }).finally(() => {
+          })
+          .finally(() => {
             console.log("finallyfinallyfinallyfinally");
             hide();
-          })
+          });
-        } else {
+      } else {
-          form.functionNoiseBillId = this.functionNoiseBillId;
+        form.functionNoiseBillId = this.functionNoiseBillId;
-          saveFunctionNoise(form).then(res => {
+        saveFunctionNoise(form)
+          .then((res) => {
             if (res.data.code == 0) {
               this.showEdit = false;
               this.$message.success(res.data.msg);
@@ -321,49 +707,52 @@
             } else {
               this.$message.error(res.data.msg);
             }
-          }).catch((error) => {
-            this.$message.error(error.message);
-          }).finally(() => {
-            hide();
           })
-        }
+          .catch((error) => {
-
+            this.$message.error(error.message);
-
+          })
-      },
+          .finally(() => {
-      /* 删除单个 */
+            hide();
-      remove(row) {
+          });
-        const hide = this.$message.loading('请求中..', 0);
+      }
-        removeFunctionNoise(row.functionNoiseId).then(res => {
+    },
+    /* 删除单个 */
+    remove(row) {
+      const hide = this.$message.loading("请求中..", 0);
+      removeFunctionNoise(row.functionNoiseId)
+        .then((res) => {
           if (res.data.code === 0) {
             this.$message.success(res.data.msg);
             this.reload();
           } else {
             this.$message.error(res.data.msg);
           }
-        }).catch(e => {
+        })
+        .catch((e) => {
           this.$message.error(e.msg);
-        }).finally(() => hide());
+        })
-      },
+        .finally(() => hide());
-      removeBatch() {
+    },
-        const ids = this.selectionList.map(item => item.functionNoiseId);
+    removeBatch() {
-        const hide = this.$message.loading('请求中..', 0);
+      const ids = this.selectionList.map((item) => item.functionNoiseId);
-        removeBatchFunctionNoise(ids).then(res => {
+      const hide = this.$message.loading("请求中..", 0);
+      removeBatchFunctionNoise(ids)
+        .then((res) => {
           if (res.data.code === 0) {
             this.$message.success(res.data.msg);
             this.reload();
           } else {
             this.$message.error(res.data.msg);
           }
-        }).catch(e => {
+        })
-
+        .catch((e) => {
           this.$message.error(e.msg);
-        }).finally(() => hide());
+        })
-      },
+        .finally(() => hide());
-
+    },
-    }
+  },
-  }
+};
 </script>
 
 <style scoped lang="less">
-
 </style>

src/views/sound/function/collect/place-bill.vue

@@ -1,365 +0,0 @@
-<template>
-  <div>
-    <!-- 表格 -->
-    <ele-pro-table v-model:selection="selectionList" ref="table" row-key="functionPlaceBillId" :datasource="url"
-      :columns="columns" :where="where" :scroll="{x: 'max-content'}">
-      <template #toolbar>
-
-        <!-- 搜索表单 -->
-        <a-form layout="inline" :model="where" :labelCol="{ offset: 1}">
-          <a-form-item label="审核状态:">
-            <a-select v-model:value="where.checked" allowClear placeholder="未选择">
-              <a-select-option :value="1">已审核</a-select-option>
-              <a-select-option :value="0">未审核</a-select-option>
-            </a-select>
-          </a-form-item>
-
-          <a-form-item label="表格名称:">
-            <a-input v-model:value.trim="where.billName" placeholder="请输入" allow-clear />
-          </a-form-item>
-
-          <a-form-item label="上报时间:">
-            <a-range-picker separator="~" v-model:value="reportTimeScope" />
-          </a-form-item>
-
-          <a-form-item class="ele-text-right" :wrapper-col="{span: 24}">
-            <a-space>
-              <a-button type="primary" @click="reload">查询</a-button>
-              <a-button @click="reset">重置</a-button>
-            </a-space>
-          </a-form-item>
-        </a-form>
-      </template>
-      <template #toolkit>
-        <a-popconfirm :disabled="selectionList.length == 0" :title="`确认删除${selectionList.length}条数据吗?`" ok-text="Yes"
-          cancel-text="No" @confirm="removeBatch">
-          <a-button :disabled="selectionList.length == 0" type="primary" ghost danger>批量删除</a-button>
-        </a-popconfirm>
-      </template>
-      <template #billName="{ text, record }">
-        <div class="editable-cell">
-          <div v-if="editableData[record.functionPlaceBillId]" class="editable-cell-input-wrapper">
-            <a-input v-model:value="editableData[record.functionPlaceBillId].billName" @pressEnter="save(record)" />
-            <check-outlined class="editable-cell-icon-check" @click="save(record)" />
-          </div>
-          <div v-else class="editable-cell-text-wrapper">
-            {{ text || ' ' }}
-            <edit-outlined class="editable-cell-icon" @click="edit(record)" />
-          </div>
-        </div>
-      </template>
-      <template #reportTime="{ text, record }">
-        <div class="editable-cell">
-          <div v-if="editableData[record.functionPlaceBillId]" class="editable-cell-input-wrapper">
-            <a-date-picker v-model:value="editableData[record.functionPlaceBillId].reportTime"></a-date-picker>
-            <!-- <a-input v-model:value="editableData[record.functionPlaceBillId].reportTime" @pressEnter="save(record)" /> -->
-            <check-outlined class="editable-cell-icon-check" @click="save(record)" />
-          </div>
-          <div v-else class="editable-cell-text-wrapper">
-            {{ $util.toDateString(text,'yyyy-MM-dd') || ' ' }}
-            <edit-outlined class="editable-cell-icon" @click="edit(record)" />
-          </div>
-        </div>
-      </template>
-      <template #checked="{text}">
-        <span>
-          <a-tag v-if="text" color="green">已审核</a-tag>
-          <a-tag v-else color="orange">未审核</a-tag>
-        </span>
-      </template>
-
-      <template #action="{ record }">
-        <a-space>
-          <a-button @click="detail(record)" shape="round" size="small">查看</a-button>
-          <span v-hasPermi="['ecology:sound:verify']">
-            <a-popconfirm v-if="record.checked != 1" :title="`审核通过后将无法修改，确认？`" ok-text="Yes" cancel-text="No"
-              @confirm="verify(record,1)">
-              <a-button type="primary" shape="round" size="small">审核</a-button>
-            </a-popconfirm>
-            <a-popconfirm v-else :title="`撤回重新编辑，确认？`" ok-text="Yes" cancel-text="No" @confirm="verify(record,0)">
-              <a-button type="dashed" shape="round" size="small">撤回</a-button>
-            </a-popconfirm>
-          </span>
-          <a-popconfirm :title="`确认删除${record.billName}吗?`" ok-text="Yes" cancel-text="No" @confirm="remove(record)">
-            <a-button type="primary" danger shape="round" size="small">删除</a-button>
-          </a-popconfirm>
-        </a-space>
-      </template>
-    </ele-pro-table>
-  </div>
-</template>
-
-<script>
-  import _ from "lodash"
-  import {
-    CheckOutlined,
-    EditOutlined
-  } from '@ant-design/icons-vue';
-  import {
-    pageBillUrl,
-    removeFunctionPlaceBill,
-    removeBatchFunctionPlaceBill,
-    updateFunctionPlaceBill,
-    verifyFunctionPlaceBill
-  } from "@/api/ecology/function-place";
-  import moment from "moment";
-  export default {
-    components: {
-      CheckOutlined,
-      EditOutlined
-    },
-    data() {
-
-      return {
-        // 表格数据接口
-        url: pageBillUrl,
-        selection: [],
-        // 表格列配置
-        columns: [{
-            key: 'index',
-            dataIndex: 'index',
-            width: 48,
-            align: 'center',
-            customRender: ({
-              index
-            }) => index + 1
-          },
-          {
-            title: '表格名称',
-            dataIndex: 'billName',
-            sorter: true,
-            slots: {
-              customRender: 'billName',
-            },
-
-          },
-          {
-            title: '条目',
-            dataIndex: 'recordSize',
-            sorter: true,
-
-          },
-          // {
-          //   title: '菜单名称',
-          //   dataIndex: 'title',
-          //   sorter: true
-          // },
-          {
-            title: '上报时间',
-            dataIndex: 'reportTime',
-            sorter: true,
-            slots: {
-              customRender: 'reportTime',
-            },
-            // customRender: ({
-            //   text
-            // }) => this.$util.toDateString(text)
-          },
-          {
-            title: '导入时间',
-            dataIndex: 'createTime',
-            sorter: true,
-            customRender: ({
-              text
-            }) => this.$util.toDateString(text)
-          },
-          {
-            title: '审核状态',
-            dataIndex: 'checked',
-            sorter: true,
-            slots: {
-              customRender: 'checked',
-            },
-
-          },
-          // {
-          //   title: '更新时间',
-          //   dataIndex: 'updateTime',
-          //   sorter: true,
-          //   customRender: ({
-          //     text
-          //   }) => this.$util.toDateString(text)
-          // },
-          {
-            title: '操作',
-            key: 'action',
-            width: 150,
-            align: 'center',
-            slots: {
-              customRender: 'action'
-            }
-          }
-        ],
-        // 表格搜索条件
-        where: {},
-        reportTimeScope: [],
-        // 表格选中数据
-        selectionList: [],
-        editableData: {},
-        // 当前编辑数据
-        current: null,
-      };
-    },
-    methods: {
-
-
-      /* 刷新表格 */
-      reload() {
-        this.where.reportTimeStart = null;
-        this.where.reportTimeEnd = null;
-        if (this.reportTimeScope && this.reportTimeScope.length == 2) {
-          this.where.reportTimeStart = this.reportTimeScope[0].format("Y-M-D H:m:s")
-          this.where.reportTimeEnd = this.reportTimeScope[1].format("Y-M-D H:m:s")
-        }
-        this.$refs.table.reload({
-          where: this.where
-        });
-      },
-      /* 重置搜索 */
-      reset() {
-        this.where = {};
-        this.reportTimeScope = [];
-        this.reload();
-      },
-      detail(record) {
-        this.$router.replace({
-          path: "/sound/function/collect/place/" + record.functionPlaceBillId
-        })
-      },
-      edit(record) {
-        this.editableData[record.functionPlaceBillId] = _.cloneDeep(record);
-        this.editableData[record.functionPlaceBillId].reportTime = moment(this.editableData[record.functionPlaceBillId]
-          .reportTime)
-      },
-      verify(record, checked) {
-        const hide = this.$message.loading('请求中..', 0);
-        verifyFunctionPlaceBill({
-          functionPlaceBillId: record.functionPlaceBillId,
-          checked
-        }).then(res => {
-          if (res.data.code == 0) {
-            record.checked = checked
-            this.$message.success(res.data.msg);
-          } else {
-            this.$message.error(res.data.msg);
-          }
-        }).catch((e) => {
-          this.$message.error(e.message);
-        }).finally(() => {
-          hide();
-        })
-      },
-      save(record) {
-
-        let {
-          functionPlaceBillId,
-          billName,
-          reportTime
-        } = this.editableData[record.functionPlaceBillId];
-        if (!functionPlaceBillId || !reportTime) {
-          this.$message.error('请填写完整信息再提交')
-          return
-        }
-        const hide = this.$message.loading('请求中..', 0);
-        reportTime = reportTime.format("x")
-        reportTime = Number(reportTime)
-        updateFunctionPlaceBill({
-          functionPlaceBillId,
-          billName,
-          reportTime
-        }).then(res => {
-          if (res.data.code == 0) {
-            this.$message.success(res.data.msg);
-            record.billName = billName;
-            record.reportTime = reportTime
-          } else {
-            this.$message.error(res.data.msg);
-          }
-        }).catch(e => {
-          console.log(e);
-          this.$message.error(e.message);
-        }).finally(() => {
-          delete this.editableData[record.functionPlaceBillId]
-          hide()
-        })
-
-      },
-      /* 删除单个 */
-      remove(row) {
-        const hide = this.$message.loading('请求中..', 0);
-        removeFunctionPlaceBill(row.functionPlaceBillId).then(res => {
-          if (res.data.code === 0) {
-            this.$message.success(res.data.msg);
-            this.reload();
-          } else {
-            this.$message.error(res.data.msg);
-          }
-        }).catch(e => {
-          this.$message.error(e.msg);
-        }).finally(() => hide());
-      },
-      // 批量删除
-      removeBatch() {
-        const ids = this.selectionList.map(item => item.functionPlaceBillId);
-        const hide = this.$message.loading('请求中..', 0);
-        removeBatchFunctionPlaceBill(ids).then(res => {
-          if (res.data.code === 0) {
-            this.$message.success(res.data.msg);
-            this.reload();
-          } else {
-            this.$message.error(res.data.msg);
-          }
-        }).catch(e => {
-
-          this.$message.error(e.msg);
-        }).finally(() => hide());
-      },
-
-    }
-  }
-</script>
-
-<style lang="less">
-  .editable-cell {
-    position: relative;
-
-    .editable-cell-input-wrapper,
-    .editable-cell-text-wrapper {
-      padding-right: 24px;
-    }
-
-    .editable-cell-text-wrapper {
-      padding: 5px 24px 5px 5px;
-    }
-
-    .editable-cell-icon,
-    .editable-cell-icon-check {
-      position: absolute;
-      right: 0;
-      width: 20px;
-      cursor: pointer;
-    }
-
-    .editable-cell-icon {
-      margin-top: 4px;
-      display: none;
-    }
-
-    .editable-cell-icon-check {
-      line-height: 28px;
-    }
-
-    .editable-cell-icon:hover,
-    .editable-cell-icon-check:hover {
-      color: #108ee9;
-    }
-
-    .editable-add-btn {
-      margin-bottom: 8px;
-    }
-  }
-
-  .editable-cell:hover .editable-cell-icon {
-    display: inline-block;
-  }
-</style>

src/views/sound/function/collect/place.vue

@@ -1,375 +0,0 @@
-<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.place" placeholder="请输入测点名称" allow-clear />
-            </a-form-item>
-          </a-col>
-          <a-col :lg="6" :md="12" :sm="24" :xs="24">
-            <a-form-item label="路段:">
-              <a-input v-model:value.trim="where.function" placeholder="请输入路段名称" allow-clear />
-            </a-form-item>
-          </a-col>
-          <a-col :lg="6" :md="12" :sm="24" :xs="24">
-            <a-form-item label="城区">
-              <a-input v-model:value.trim="where.area" placeholder="请输入城区名称" allow-clear />
-            </a-form-item>
-          </a-col>
-          <a-col :lg="6" :md="12" :sm="24" :xs="24">
-            <a-form-item class="ele-text-right" :wrapper-col="{span: 24}">
-              <a-space>
-                <a-button type="primary" @click="reload">查询</a-button>
-                <a-button @click="reset">重置</a-button>
-              </a-space>
-            </a-form-item>
-          </a-col>
-        </a-row>
-      </a-form>
-      <a-modal v-model:visible="showEdit" :title="form.functionPlaceId!==undefined?'修改用户':'添加用户'" :confirm-loading="loading"
-        :width="1000" :body-style="{paddingBottom: '8px'}" @ok="save">
-        <a-form ref="form" :model="form" :rules="rules" :label-col="{md: {span: 6}, sm: {span: 24}}"
-          :wrapper-col="{md: {span: 18}, sm: {span: 24}}">
-          <a-row>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="测点名称" name="place">
-                <a-input v-model:value="form.place" placeholder="请输入测点名称" allow-clear />
-              </a-form-item>
-            </a-col>
-             <a-col :md="12" :sm="24">
-              <a-form-item label="道路等级" name="motorwayLevel">
-                <a-input v-model:value="form.motorwayLevel" placeholder="请输入道路等级" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="车道类别" name="motorwayType">
-                <a-input v-model:value="form.motorwayType" placeholder="请输入车道类别" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="机动车车道数" name="motorway">
-                <a-input v-model:value="form.motorway" placeholder="请输入机动车车道数" allow-clear />
-              </a-form-item>
-            </a-col>
-             <a-col :md="12" :sm="24">
-              <a-form-item label="测点参照物" name="refObj">
-                <a-input v-model:value="form.refObj" placeholder="请输入测点测点参照物" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="测点经度" name="placeLng">
-                <a-input type="number" v-model:value="form.placeLng" placeholder="请输入测点经度" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="测点纬度" name="placeLat">
-                <a-input type="number" v-model:value="form.placeLat" placeholder="请输入测点纬度" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="道路覆盖人口" name="people">
-                <a-input type="number" v-model:value="form.people" placeholder="请输入道路覆盖人口（万人）" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="监测站名" name="station">
-                <a-input v-model:value="form.station" placeholder="请输入监测站名" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="监测仪器型号" name="monitorInstrumentModel">
-                <a-input v-model:value="form.monitorInstrumentModel" placeholder="请输入监测仪器型号" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="监测仪器编号" name="monitorInstrumentCode">
-                <a-input v-model:value="form.monitorInstrumentCode" placeholder="请输入监测仪器编号" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="监测前校准值" name="beforeMonitorValue">
-                <a-input v-model:value="form.beforeMonitorValue" placeholder="请输入监测前校准值" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="监测后校准值" name="afterMonitorValue">
-                <a-input v-model:value="form.afterMonitorValue" placeholder="请输入监测后校准值" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="声校准器测量声压值" name="soundPressureValue">
-                <a-input v-model:value="form.soundPressureValue" placeholder="请输入声校准器测量声压值" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="声校准仪器型号" name="soundInstrumentModel">
-                <a-input v-model:value="form.soundInstrumentModel" placeholder="请输入声校准仪器型号" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="声校准仪器编号" name="soundInstrumentCode">
-                <a-input v-model:value="form.soundInstrumentCode" placeholder="请输入声校准仪器编号" allow-clear />
-              </a-form-item>
-            </a-col>
-          </a-row>
-
-        </a-form>
-
-      </a-modal>
-      <!-- 表格 -->
-      <ele-pro-table v-model:selection="selectionList" ref="table" row-key="functionPlaceId" :datasource="url"
-        :columns="columns" :where="where" :scroll="{x: 'max-content'}">
-        <template v-if="bill.checked !=  1" #toolbar>
-          <a-space>
-            <a-button @click="openEdit" type="primary">新增</a-button>
-            <a-popconfirm :disabled="selectionList.length == 0" :title="`确认删除${selectionList.length}条数据吗?`"
-              ok-text="Yes" cancel-text="No" @confirm="removeBatch">
-              <a-button :disabled="selectionList.length == 0" type="primary" ghost danger>删除</a-button>
-            </a-popconfirm>
-          </a-space>
-        </template>
-        <template #action="{ record }">
-          <a-space>
-            <a-button @click="openEdit(record)" type="primary" shape="round" size="small">修改</a-button>
-            <a-popconfirm :title="`确认删除这条数据吗?`" ok-text="Yes" cancel-text="No" @confirm="remove(record)">
-              <a-button type="primary" danger shape="round" size="small">删除</a-button>
-            </a-popconfirm>
-          </a-space>
-        </template>
-      </ele-pro-table>
-    </a-card>
-  </div>
-  <!-- 编辑弹窗 -->
-</template>
-
-<script>
-  import _ from "lodash"
-  import {
-    pageFunctionPlaceUrl,
-    saveFunctionPlace,
-    removeFunctionPlace,
-    removeBatchFunctionPlace,
-    updateFunctionPlace,
-    getFunctionPlaceBill
-  } from "@/api/ecology/function-place";
-  import locale from 'ant-design-vue/es/date-picker/locale/zh_CN';
-  //   import utils from "./utils";
-  export default {
-    components: {},
-    data() {
-      const {
-        billId
-      } = this.$route.params
-      return {
-        locale,
-        bill:{},
-        // 表格数据接口
-        url: pageFunctionPlaceUrl,
-        selection: [],
-        // 表格列配置
-        columns: [
-      
-          {
-            title: '测点名称',
-            dataIndex: 'place',
-            sorter: true
-          },
-         
-          {
-            title: '测点经度',
-            dataIndex: 'placeLng',
-            sorter: true
-          },
-          {
-            title: '测点纬度',
-            dataIndex: 'placeLat',
-            sorter: true
-          },
-             {
-            title: '测点高度',
-            dataIndex: 'placeHeight',
-            sorter: true
-          },
-          {
-            title: '测点参照物',
-            dataIndex: 'refObj',
-            sorter: true
-          },
-          {
-            title: '功能区代码',
-            dataIndex: 'functionCode',
-            sorter: true
-          },
-           {
-            title: '监测仪器型号',
-            dataIndex: 'monitorInstrumentModel',
-            sorter: true
-          },
-           {
-            title: '监测仪器编号',
-            dataIndex: 'monitorInstrumentCode',
-            sorter: true
-          },
-           {
-            title: '监测前校准值',
-            dataIndex: 'beforeMonitorValue',
-            sorter: true
-          },
-           {
-            title: '声校准器测量声压值',
-            dataIndex: 'soundPressureValue',
-            sorter: true
-          },
-           {
-            title: '声校准仪器型号',
-            dataIndex: 'soundInstrumentModel',
-            sorter: true
-          },
-           {
-            title: '声校准仪器编号',
-            dataIndex: 'soundInstrumentCode',
-            sorter: true
-          },
-          {
-            title: '操作',
-            key: 'action',
-            width: 150,
-            align: 'center',
-            fixed: 'right',
-            slots: {
-              customRender: 'action'
-            }
-          }
-        ],
-        // 表格搜索条件
-        functionPlaceBillId: billId,
-        where: {
-          functionPlaceBillId: billId
-        },
-        // 表格选中数据
-        selectionList: [],
-        // 是否显示编辑弹窗
-        showEdit: false,
-        // 表单数据
-        form: {},
-        loading: false,
-        rules: {}
-
-      };
-    },
-    mounted(){
-    
-      getFunctionPlaceBill(this.functionPlaceBillId).then(res=>{
-        this.bill = res.data.data
-        if(res.data.data.checked == 1){
-          this.columns.splice(this.columns.length-1,1)
-        }
-      })
-    },
-    methods: {
-      /* 刷新表格 */
-      reload() {
-        console.log(this.$route);
-        console.log(this.$router);
-        this.$refs.table.reload({
-          where: this.where
-        });
-      },
-      /* 重置搜索 */
-      reset() {
-        this.where = {
-          functionPlaceBillId: this.functionPlaceBillId
-        };
-        this.reload();
-      },
-      /* 显示编辑 */
-      openEdit(record) {
-        const cloneRecord = _.cloneDeep(record)
-        // cloneRecord.mi
-        this.form = Object.assign({}, cloneRecord);
-        this.showEdit = true;
-        this.$nextTick(() => {
-          this.$refs.form.clearValidate(); // 清除表单验证信息
-        });
-      },
-    
-      save() {
-        const hide = this.$message.loading('请求中..', 0);
-        const form = _.cloneDeep(this.form);
-        delete form['monitorDate']
-        if (form.functionPlaceId) {
-          updateFunctionPlace(form).then(res => {
-            if (res.data.code == 0) {
-            this.showEdit = false;
-              this.$message.success(res.data.msg);
-              this.reload();
-            } else {
-              this.$message.error(res.data.msg);
-            }
-          }).catch((error)=>{
-              this.$message.error(error.message);
-          }).finally(()=>{
-              console.log("finallyfinallyfinallyfinally");
-              hide();
-          })
-        }else{
-            form.functionPlaceBillId = this.functionPlaceBillId;
-             saveFunctionPlace(form).then(res => {
-            if (res.data.code == 0) {
-                this.showEdit = false;
-              this.$message.success(res.data.msg);
-              this.reload();
-            } else {
-              this.$message.error(res.data.msg);
-            }
-          }).catch((error)=>{
-              this.$message.error(error.message);
-          }).finally(()=>{
-              hide();
-          })
-        }
-       
-
-      },
-      /* 删除单个 */
-      remove(row) {
-        const hide = this.$message.loading('请求中..', 0);
-        console.log(row);
-        removeFunctionPlace(row.functionPlaceId).then(res => {
-          if (res.data.code === 0) {
-            this.$message.success(res.data.msg);
-            this.reload();
-          } else {
-            this.$message.error(res.data.msg);
-          }
-        }).catch(e => {
-          this.$message.error(e.msg);
-        }).finally(() => hide());
-      },
-      removeBatch() {
-        const ids = this.selectionList.map(item => item.functionPlaceId);
-        const hide = this.$message.loading('请求中..', 0);
-        removeBatchFunctionPlace(ids).then(res => {
-          if (res.data.code === 0) {
-            this.$message.success(res.data.msg);
-            this.reload();
-          } else {
-            this.$message.error(res.data.msg);
-          }
-        }).catch(e => {
-
-          this.$message.error(e.msg);
-        }).finally(() => hide());
-      },
-
-    }
-  }
-</script>
-
-<style scoped lang="less">
-  
-</style>

src/views/sound/function/collect/utils.js

@@ -3,11 +3,23 @@ export default {
         return excelData.map(item => {
             const monitorTime = new Date();
             monitorTime.setFullYear(item[0]);
-            monitorTime.setMonth(item[4]-1);
+            monitorTime.setMonth(item[4] - 1);
             monitorTime.setDate(item[5]);
             monitorTime.setHours(item[6]);
             monitorTime.setMinutes(item[7]);
-            return {
+            let quarter = 1;
+            const month = item[4]
+            if (month < 4) {
+                quarter = 1
+            } else if (month < 7) {
+                quarter = 2
+            } else if (month < 10) {
+                quarter = 3
+            } else {
+                quarter = 4
+            }
+
+            const row = {
                 monitorYear: item[0],
                 place: item[1],
                 placeCode: item[2],
@@ -24,9 +36,19 @@ export default {
                 indexL90: item[12],
                 indexLmax: item[13],
                 indexLmin: item[14],
+                quarter
 
-           }
+            }
-       })
+            if (row.monitorHour >= 6 && row.monitorHour < 22) {
+                row.timeSlot = "昼"
+            }else{
+                row.timeSlot = "夜"
+            }
+            if (row.indexL10 < row.indexL50 || row.indexL50 < row.indexL90) {
+                throw new Error(row.place + "数值有误")
+            }
+            return row;
+        })
 
     },
     toPlaceData(excelData) {
@@ -45,9 +67,9 @@ export default {
                 soundPressureValue: item[10],
                 soundInstrumentModel: item[11],
                 soundInstrumentCode: item[12],
-               
+
-           }
+            }
-       })
+        })
 
     }
 }

src/views/sound/function/statistic/average.vue

@@ -1,354 +1,258 @@
 <template>
   <div class="">
-      <ele-pro-table ref="table" row-key="id" :datasource="url" :columns="columns" :where="where" :needPage="false"
+    <ele-pro-table
-        @done="(d)=>data = d.data" :scroll="{x: 'max-content'}">
+      ref="table"
-        <template #toolbar>
+      row-key="id"
-           <!-- 搜索表单 -->
+      :datasource="url"
-      <a-form :model="where" layout="inline" :labelCol="{ offset: 1}">
+      :columns="columns"
-        <a-row>
+      :where="where"
-          <a-col :lg="6" :md="12" :sm="24" :xs="24">
+      :needPage="false"
-            <a-form-item label="统计模块:">
+      @done="(d) => (data = d.data)"
-              <a-select :options="modelOptions" v-model:value="where.model" placeholder="统计模块">
+      :scroll="{ x: 'max-content' }"
-              </a-select>
+    >
-            </a-form-item>
+      <template #toolbar>
-          </a-col>
+        <!-- 搜索表单 -->
-          <a-col :lg="6" :md="12" :sm="24" :xs="24">
+        <a-form :model="where" layout="inline" :labelCol="{ offset: 1 }">
-            <a-form-item label="昼夜:">
+          <a-row>
-              <a-select :options="timeSlotOptions" v-model:value="where.timeSlot" placeholder="昼夜">
+            <a-col :lg="6" :md="12" :sm="24" :xs="24">
-              </a-select>
+              <a-form-item label="昼夜:">
-            </a-form-item>
+                <a-select
-          </a-col>
+                  :options="timeSlotOptions"
-          <a-col :lg="8" :md="12" :sm="24" :xs="24">
+                  v-model:value="where.timeSlot"
-            <a-form-item label="时间范围:">
+                  placeholder="昼夜"
-              <!-- <a-month-picker v-model:value="timeScope" placeholder="起始" /> -->
+                >
-              <a-range-picker v-model:value="timeScope" format="YYYY-MM-DD" />
+                </a-select>
-            </a-form-item>
+              </a-form-item>
-          </a-col>
+            </a-col>
+            <a-col :lg="8" :md="12" :sm="24" :xs="24">
+              <a-form-item label="时间范围:">
+                <!-- <a-month-picker v-model:value="timeScope" placeholder="起始" /> -->
+                <a-range-picker v-model:value="timeScope" format="YYYY-MM-DD" />
+              </a-form-item>
+            </a-col>
 
-          <a-col :lg="4" :md="12" :sm="24" :xs="24">
+            <a-col :lg="4" :md="12" :sm="24" :xs="24">
-            <a-form-item class="ele-text-right" :wrapper-col="{span: 24}">
+              <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
-              <a-space>
+                <a-space>
-                <a-button type="primary" @click="reload">查询</a-button>
+                  <a-button type="primary" @click="reload">查询</a-button>
-                <a-button @click="reset">重置</a-button>
+                  <a-button @click="reset">重置</a-button>
-                <a-button @click="exportFile">导出excel</a-button>
+                  <a-button @click="exportFile">导出excel</a-button>
-              </a-space>
+                </a-space>
-            </a-form-item>
+              </a-form-item>
-          </a-col>
+            </a-col>
-        </a-row>
+          </a-row>
-      </a-form>
+        </a-form>
-          <!-- <a-space>
+        <!-- <a-space>
             
           </a-space> -->
-        </template>
+      </template>
-      </ele-pro-table>
+      <template #Leq="{ text, record }">
+        <a-tag
+          v-if="
+            (where.timeSlot == '昼' && text <= 68) ||
+            (where.timeSlot == '夜' && text <= 58)
+          "
+          color="green"
+          >{{ text }}</a-tag
+        >
+        <a-tag
+          v-else-if="
+            (record.timeSlot == '昼' && text > 68 && text <= 70) ||
+            (record.timeSlot == '夜' && text > 58 && text <= 60)
+          "
+          color="blue"
+          >{{ text }}</a-tag
+        >
+        <a-tag
+          v-else-if="
+            (record.timeSlot == '昼' && text > 70 && text <= 72) ||
+            (record.timeSlot == '夜' && text > 60 && text <= 62)
+          "
+          color="red"
+          >{{ text }}</a-tag
+        >
+        <a-tag
+          v-else-if="
+            (record.timeSlot == '昼' && text > 62 && text <= 74) ||
+            (record.timeSlot == '夜' && text > 62 && text <= 64)
+          "
+          color="red"
+          >{{ text }}</a-tag
+        >
+        <a-tag
+          v-else-if="
+            (record.timeSlot == '昼' && text > 74) ||
+            (record.timeSlot == '夜' && text > 64)
+          "
+          color="red"
+          >{{ text }}</a-tag
+        >
+        <template v-else color="#FFF">{{ text }}</template>
+      </template>
+    </ele-pro-table>
   </div>
 </template>
 
 <script>
-  import _ from "lodash";
+import _ from "lodash";
-  import XLSX from 'xlsx';
+import XLSX from "xlsx";
-  import {
+import { pageFunctionNoiseStatisticUrl } from "@/api/ecology/function-sound";
-    pageFunctionNoiseStatisticUrl
+const columns = [
-  } from "@/api/ecology/function-sound"
+  {
-  const columns = [{
+    title: "城区",
-      title: '点位名称',
+    dataIndex: "area",
-      dataIndex: 'place',
+  },
 
-    },
+  {
-    {
+    title: "市",
-      title: "点位编码",
+    dataIndex: "city",
-      dataIndex: "placeCode"
+  },
-    },
+  {
-    {
+    title: "路长",
-      title: '功能区类别',
+    dataIndex: "functionLength",
-      dataIndex: 'functionType',
+  },
-
+  {
-    },
+    title: "路宽",
-    // {
+    dataIndex: "functionWidth",
-    //   title: '城区',
+  },
-    //   dataIndex: 'area',
+  {
-    // },
+    title: "LeqdB(A)",
-    // {
+    dataIndex: "avgLeq",
-    //   title: '市',
+    slots: { customRender: "Leq" },
-    //   dataIndex: 'city',
+    sorter: true,
-    // },
+  },
-    {
+  {
-      title: 'LeqdB(A)',
+    title: "SDdB(A)",
-      children: [{
+    dataIndex: "avgSD",
-          title: '平均',
+  },
-          dataIndex: 'avgLeq',
+  {
-          customRender: ({
+    title: "L10dB(A)",
-            text
+    dataIndex: "avgL10",
-          }) => Number(text).toFixed(2)
+  },
-        },
+  {
+    title: "L50dB(A)",
+    dataIndex: "avgL50",
+  },
+  {
+    title: "L90dB(A)",
+    dataIndex: "avgL90",
+  },
+];
+export default {
+  name: "StatisticSoundFunctionAverage",
+  components: {},
+  data() {
+    return {
+      url: pageFunctionNoiseStatisticUrl,
+      data: [],
+      where: {
+        model: "area",
+        timeSlot: "昼"
+      },
+      timeScope: [],
+      columns,
+      modelOptions: [
         {
-          title: '最大',
-          dataIndex: 'maxLeq',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最小',
-          dataIndex: 'minLeq',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-      ]
-    },
-    {
-      title: "SDdB(A)",
-      children: [{
-          title: '平均',
-          dataIndex: 'avgSD',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最大',
-          dataIndex: 'maxSD',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最小',
-          dataIndex: 'minSD',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-      ]
-    },
-    {
-      title: "L10dB(A)",
-      children: [
-
-        {
-          title: '平均',
-          dataIndex: 'avgL10',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最大',
-          dataIndex: 'maxL10',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最小',
-          dataIndex: 'minL10',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-      ]
-    }, {
-      title: 'L50dB(A)',
-      children: [{
-          title: '平均',
-          dataIndex: 'avgL50',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最大',
-          dataIndex: 'maxL50',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最小',
-          dataIndex: 'minL50',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-      ]
-    },
-    {
-      title: "L90dB(A)",
-      children: [
-
-        {
-          title: '平均',
-          dataIndex: 'avgL90',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最大',
-          dataIndex: 'maxL90',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最小',
-          dataIndex: 'minL90',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-      ]
-    },
-    {
-      title: "LmindB(A)",
-      children: [{
-          title: '平均',
-          dataIndex: 'avgLmin',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最大',
-          dataIndex: 'maxLmin',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最小',
-          dataIndex: 'minLmin',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-      ]
-    }, {
-      title: 'LmaxdB(A)',
-      children: [{
-          title: '平均',
-          dataIndex: 'avgLmax',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最大',
-          dataIndex: 'maxLmax',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-        {
-          title: '最小',
-          dataIndex: 'minLmax',
-          customRender: ({
-            text
-          }) => Number(text).toFixed(2)
-        },
-      ]
-    },
-
-
-
-  ]
-  export default {
-    name: 'StatisticSoundFunctionAverage',
-    components: {
-
-    },
-    data() {
-      return {
-        url: pageFunctionNoiseStatisticUrl,
-        data: [],
-        where: {
-          model: "place"
-        },
-        timeScope: [],
-        columns,
-        modelOptions: [{
           value: "place",
           label: "测点",
-        }, {
+        },
-          value: "function_type",
+        {
-          label: "功能区类别",
+          value: "function",
-        }, 
+          label: "路段",
-        // {
+        },
-        //   value: "area",
+        {
-        //   label: "城区",
+          value: "area",
-        // },
+          label: "城区",
-        // {
+        },
-        //   value: "city",
+        {
-        //   label: "市"
+          value: "city",
-        // }
+          label: "市",
-        ],
+        },
-        timeSlotOptions: [{
+      ],
+      timeSlotOptions: [
+        {
           value: "昼",
-          label: "昼"
+          label: "昼",
-        }, {
+        },
+        {
           value: "夜",
-          label: "夜"
+          label: "夜",
-        }]
+        },
-
+      ],
-      };
+    };
-    },
+  },
-    methods: {
+  methods: {
-      /* 刷新表格 */
+    /* 刷新表格 */
-      reload() {
+    reload() {
-        this.$refs.table.reload({
+      this.$refs.table.reload({
-          where: {
+        where: {
-            model: this.where.model,
+          model: this.where.model,
-            timeStart: this.timeScope.length == 2 ? this.timeScope[0].format("Y-M-D") : null,
+          timeStart:
-            timeEnd: this.timeScope.length == 2 ? this.timeScope[1].format("Y-M-D") : null,
+            this.timeScope.length == 2
-            timeSlot: this.where.timeSlot
+              ? this.timeScope[0].format("Y-M-D")
-          }
+              : null,
+          timeEnd:
+            this.timeScope.length == 2
+              ? this.timeScope[1].format("Y-M-D")
+              : null,
+          timeSlot: this.where.timeSlot,
+        },
+      });
+      let cloneColumns = _.cloneDeep(columns);
+      if (this.where.model == "area") {
+        this.columns = cloneColumns.filter((item) => {
+          return item.dataIndex != "place" && item.dataIndex != "function";
         });
-        let cloneColumns = _.cloneDeep(columns);
+      } else if (this.where.model == "function") {
-        if (this.where.model == "area") {
+        this.columns = cloneColumns.filter((item) => {
-          this.columns = cloneColumns.filter(item => {
+          return item.dataIndex != "place";
-            return item.dataIndex != "place" && item.dataIndex != "function";
+        });
-          })
+      } else if (this.where.model == "city") {
-        } else if (this.where.model == "function_type") {
+        this.columns = cloneColumns.filter((item) => {
-          this.columns = cloneColumns.filter(item => {
+          return (
-            return item.dataIndex != "place" && item.dataIndex != "placeCode"
+            item.dataIndex != "place" &&
-          })
+            item.dataIndex != "function" &&
-        }else if(this.where.model == "city"){
+            item.dataIndex != "area"
-        this.columns = cloneColumns.filter(item => {
+          );
-            return item.dataIndex != "place" && item.dataIndex != "function"  && item.dataIndex != "area";
-          })
-        }
-      },
-      /* 重置搜索 */
-      reset() {
-        this.where = {
-          model: "place",
-          timeSlot: "昼"
-        };
-        this.this.timeScope = []
-
-        this.reload();
-      },
-      exportFile() {
-        let array = [
-          ['测点', '路段', '城区', '路长', '路宽', '平均Leq', '平均SD']
-        ];
-        this.data.forEach(d => {
-          array.push([d.place, d.function, d.area, d.functionLength, d.functionWidth, d.avgLeq, d.avgSD]);
         });
-        let sheet = XLSX.utils.aoa_to_sheet(array);
-        // sheet['!merges'] = [
-        //   {s: {r: 0, c: 1}, e: {r: 0, c: 5}},  // 合并第0行第1列到第0行第5列
-        //   {s: {r: 0, c: 0}, e: {r: 1, c: 0}},  // 合并第0行第0列到第1行第0列
-        //   {s: {r: 0, c: 6}, e: {r: 1, c: 6}}  // 合并第0行第6列到第1行第6列
-        // ];
-        this.$util.exportSheet(XLSX, sheet, '道路交通噪声统计表');
       }
-    }
+    },
+    /* 重置搜索 */
+    reset() {
+      this.where = {
+        model: "area",
+        timeSlot: "昼",
+      };
+      this.this.timeScope = [];
 
-  }
+      this.reload();
+    },
+    exportFile() {
+      let array = [
+        ["测点", "路段", "城区", "路长", "路宽", "平均Leq", "平均SD"],
+      ];
+      this.data.forEach((d) => {
+        array.push([
+          d.place,
+          d.function,
+          d.area,
+          d.functionLength,
+          d.functionWidth,
+          d.avgLeq,
+          d.avgSD,
+        ]);
+      });
+      let sheet = XLSX.utils.aoa_to_sheet(array);
+      // sheet['!merges'] = [
+      //   {s: {r: 0, c: 1}, e: {r: 0, c: 5}},  // 合并第0行第1列到第0行第5列
+      //   {s: {r: 0, c: 0}, e: {r: 1, c: 0}},  // 合并第0行第0列到第1行第0列
+      //   {s: {r: 0, c: 6}, e: {r: 1, c: 6}}  // 合并第0行第6列到第1行第6列
+      // ];
+      this.$util.exportSheet(XLSX, sheet, "道路交通噪声统计表");
+    },
+  },
+};
 </script>
 
 <style scoped>
-
 </style>

src/views/sound/function/statistic/base.vue

@@ -2,145 +2,86 @@
   <div class="ele-body">
     <a-card :bordered="false">
       <!-- 搜索表单 -->
-      <a-form :model="where" :label-col="{md: {span: 6}, sm: {span: 24}}"
+      <a-form
-        :wrapper-col="{md: {span: 18}, sm: {span: 24}}">
+        :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-select v-model:value="where.regionLevel" allowClear showSearch>
+                <a-select-option
+                  v-for="(item) in regionLevelOptions"
+                  :key="item.value"
+                  >{{ item.label }}</a-select-option
+                >
+              </a-select>
+            </a-form-item>
+          </a-col>
           <a-col :lg="6" :md="12" :sm="24" :xs="24">
             <a-form-item label="测点名称:">
-              <a-input v-model:value.trim="where.place" placeholder="请输入测点名称" allow-clear />
+              <a-select v-model:value="where.place" allowClear showSearch>
+                <a-select-option
+                  v-for="(item) in palceOptions"
+                  :key="item.value"
+                  >{{ item.label }}</a-select-option
+                >
+              </a-select>
             </a-form-item>
           </a-col>
           <a-col :lg="6" :md="12" :sm="24" :xs="24">
-            <a-form-item label="功能区类别:">
+            <a-form-item label="路段:">
-              <a-input v-model:value.trim="where.functionType" placeholder="请输入功能区类别" allow-clear />
+              <a-select v-model:value="where.function" allowClear showSearch>
+                <a-select-option
+                  v-for="(item) in functionOptions"
+                  :key="item.value"
+                  >{{ item.label }}</a-select-option
+                >
+              </a-select>
             </a-form-item>
           </a-col>
-          <!-- <a-col :lg="6" :md="12" :sm="24" :xs="24">
-            <a-form-item label="时段">
-              <a-input v-model:value.trim="where.timeSlot" placeholder="请输入时段" allow-clear />
-            </a-form-item>
-          </a-col> -->
           <a-col :lg="6" :md="12" :sm="24" :xs="24">
-            <a-form-item class="ele-text-right" :wrapper-col="{span: 24}">
+            <a-form-item label="城区">
+              <a-select v-model:value="where.area" allowClear showSearch>
+                <a-select-option
+                  v-for="(item) in areaOptions"
+                  :key="item.value"
+                  >{{ item.label }}</a-select-option
+                >
+              </a-select>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6" :md="12" :sm="24" :xs="24">
+            <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
               <a-space>
                 <a-button type="primary" @click="reload">查询</a-button>
                 <a-button @click="reset">重置</a-button>
+                <a-button @click="exportFile">导出Excel</a-button>
               </a-space>
             </a-form-item>
           </a-col>
         </a-row>
       </a-form>
-      <a-modal v-model:visible="showEdit" :title="form.functionNoiseId!==undefined?'修改用户':'添加用户'" :confirm-loading="loading"
-        :width="1000" :body-style="{paddingBottom: '8px'}" @ok="save">
-        <a-form ref="form" :model="form" :rules="rules" :label-col="{md: {span: 6}, sm: {span: 24}}"
-          :wrapper-col="{md: {span: 18}, sm: {span: 24}}">
-          <a-row>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="日期" name="monitorDate">
-                <a-date-picker v-model:value="form.monitorDate" :locale="locale" />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="时间" name="monitorTime">
-                <a-time-picker v-model:value="form.monitorTime" format="HH:mm" />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="时段" name="timeSlot">
-                <a-select v-model:value="form.timeSlot">
-                  <a-select-option value="昼">昼</a-select-option>
-                  <a-select-option value="夜">夜</a-select-option>
-                </a-select>
-              </a-form-item>
-            </a-col>
-
-            <a-col :md="12" :sm="24">
-              <a-form-item label="测点名称" name="place">
-                <a-input v-model:value="form.place" placeholder="请输入测点名称" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="点号" name="placeCode">
-                <a-input v-model:value="form.placeCode" placeholder="请输入点号" allow-clear />
-              </a-form-item>
-            </a-col>
-
-            <a-col :md="12" :sm="24">
-              <a-form-item label="所属路段" name="function">
-                <a-input v-model:value="form.function" placeholder="请输入测点名称" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="所属城区" name="area">
-                <a-input v-model:value="form.area" placeholder="请输入点号" allow-clear />
-              </a-form-item>
-            </a-col>
-
-            <a-col :md="12" :sm="24">
-              <a-form-item label="路长" name="functionLength">
-                <a-input v-model:value="form.functionLength" placeholder="请输入路长（米）" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="总路宽" name="functionWidth">
-                <a-input v-model:value="form.functionWidth" placeholder="请输入总路宽（米）" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="中小型车流量" name="smallTrafficFlow">
-                <a-input type="number" v-model:value="form.smallTrafficFlow" placeholder="请输入中小型车流量（辆/20分钟）"
-                  allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="大型车流量" name="largeTrafficFlow">
-                <a-input type="number" v-model:value="form.largeTrafficFlow" placeholder="请输入大型车流量（辆/20分钟）"
-                  allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="LeqdB(A)" name="indexLeq">
-                <a-input type="number" v-model:value="form.indexLeq" placeholder="请输入LeqdB(A)" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="SDdB(A)" name="indexSd">
-                <a-input type="number" v-model:value="form.indexSd" placeholder="请输入大SDdB(A)" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="L10dB(A)" name="indexL10">
-                <a-input type="number" v-model:value="form.indexL10" placeholder="请输入L10dB(A)" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="L50dB(A)" name="indexL50">
-                <a-input type="number" v-model:value="form.indexL50" placeholder="请输入L50dB(A)" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="L90dB(A)" name="indexL90">
-                <a-input type="number" v-model:value="form.indexL90" placeholder="请输入L90dB(A)" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="LmindB(A)" name="indexLmin">
-                <a-input type="number" v-model:value="form.indexLmin" placeholder="请输入LmindB(A)" allow-clear />
-              </a-form-item>
-            </a-col>
-            <a-col :md="12" :sm="24">
-              <a-form-item label="LmaxdB(A)" name="indexLmax">
-                <a-input type="number" v-model:value="form.indexLmax" placeholder="请输入LmaxdB(A)" allow-clear />
-              </a-form-item>
-            </a-col>
-          </a-row>
-
-        </a-form>
-
-      </a-modal>
       <!-- 表格 -->
-      <ele-pro-table v-model:selection="selectionList" ref="table" row-key="functionNoiseId" :datasource="url"
+      <ele-pro-table
-        :columns="columns" :where="where" :scroll="{x: 'max-content'}">
+        v-model:selection="selectionList"
+        ref="table"
+        row-key="functionNoiseId"
+        :datasource="url"
+        :columns="columns"
+        :where="where"
+        :scroll="{ x: 'max-content' }"
+        @done="(d) => (data = d.data)"
+      >
+        <template #Leq="{ text,record  }">
+          <a-tag v-if="(record.timeSlot == '昼' && text <= 68) || (record.timeSlot == '夜' && text <= 58)" color="green">{{text}}</a-tag>
+          <a-tag v-else-if="(record.timeSlot == '昼' && text > 68 && text <=70) || (record.timeSlot == '夜' && text > 58 && text <=60)" color="blue">{{text}}</a-tag>
+          <a-tag v-else-if="(record.timeSlot == '昼' && text > 70 && text <=72) || (record.timeSlot == '夜' && text > 60 && text <=62)" color="red">{{text}}</a-tag>
+          <a-tag v-else-if="(record.timeSlot == '昼' && text > 62 && text <=74) || (record.timeSlot == '夜' && text > 62 && text <=64)" color="red">{{text}}</a-tag>
+          <a-tag v-else-if="(record.timeSlot == '昼' && text > 74 ) || (record.timeSlot == '夜' && text > 64)" color="red">{{text}}</a-tag>
+          <template v-else color="#FFF">{{text}}</template>
+        </template>
       </ele-pro-table>
     </a-card>
   </div>
@@ -148,229 +89,483 @@
 </template>
 
 <script>
-  import _ from "lodash"
+// import _ from "lodash";
-  import {
+import XLSX from "xlsx";
-    pageFunctionNoiseUrl,
+import { pageFunctionNoiseUrl, getColumnOptions } from "@/api/ecology/function-sound";
-    saveFunctionNoise,
+import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
-    removeFunctionNoise,
+// import moment from "moment";
-    removeBatchFunctionNoise,
+//   import utils from "./utils";
-    updateFunctionNoise,
+export default {
-  } from "@/api/ecology/function-sound";
+  name: "StatisticSoundFunctionBase",
-  import locale from 'ant-design-vue/es/date-picker/locale/zh_CN';
+  components: {},
-  import moment from 'moment';
+  data() {
-  //   import utils from "./utils";
+    return {
-  export default {
+      data: [],
-    name: 'StatisticSoundFunctionBase',
+      locale,
-    components: {},
+      bill: {},
-    data() {
+      // 表格数据接口
-    
+      url: pageFunctionNoiseUrl,
-      return {
+      selection: [],
-        locale,
+      // 表格列配置
-        bill:{},
+      columns: [
-        // 表格数据接口
+        {
-        url: pageFunctionNoiseUrl,
+          title: "监测日期",
-        selection: [],
+          dataIndex: "monitorTime",
-        // 表格列配置
+          sorter: true,
-        columns: [
-          {
-            title: '监测日期',
-            dataIndex: 'monitorTime',
-            sorter: true
-          },
-          {
-            title: '点位名称',
-            dataIndex: 'place',
-            sorter: true
-          },
-          {
-            title: '点位编码',
-            dataIndex: 'placeCode',
-            sorter: true
-          },
-          {
-            title: '功能区类别',
-            dataIndex: 'functionType',
-            sorter: true
-          },
-          {
-            title: '时段',
-            dataIndex: 'timeSlot',
-            sorter: true
-          },
-          {
-            title: 'LeqdB(A)',
-            dataIndex: 'indexLeq',
-            sorter: true
-          },
-          {
-            title: 'SDdB(A)',
-            dataIndex: 'indexSd',
-            sorter: true
-          },
-          {
-            title: 'L10dB(A)',
-            dataIndex: 'indexL10',
-            sorter: true
-          },
-          {
-            title: 'L50dB(A)',
-            dataIndex: 'indexL50',
-            sorter: true
-          },
-          {
-            title: 'L90dB(A)',
-            dataIndex: 'indexL90',
-            sorter: true
-          },
-          {
-            title: 'LmindB(A)',
-            dataIndex: 'indexLmin',
-            sorter: true
-          },
-          {
-            title: 'LmaxdB(A)',
-            dataIndex: 'indexLmax',
-            sorter: true
-          },
-           {
-            title: '创建人',
-            dataIndex: 'username',
-            sorter: true
-          },
-        ],
-        // 表格搜索条件
-        where: {
-          checked: 1
         },
-        // 表格选中数据
+        {
-        selectionList: [],
+          title: "测点名称",
-        // 是否显示编辑弹窗
+          dataIndex: "place",
-        showEdit: false,
+          sorter: true,
-        // 表单数据
+        },
-        form: {},
+        {
-        loading: false,
+          title: "点号",
-        rules: {}
+          dataIndex: "placeCode",
-
+          sorter: true,
+        },
+        {
+          title: "所属路段",
+          dataIndex: "function",
+          sorter: true,
+        },
+        {
+          title: "所属城区",
+          dataIndex: "area",
+          sorter: true,
+        },
+        {
+          title: "路长",
+          dataIndex: "functionLength",
+          sorter: true,
+        },
+        {
+          title: "路宽",
+          dataIndex: "functionWidth",
+          sorter: true,
+        },
+        {
+          title: "中小型车流量（辆/20分钟）",
+          dataIndex: "smallTrafficFlow",
+          sorter: true,
+        },
+        {
+          title: "大型车流量（辆/20分钟）",
+          dataIndex: "largeTrafficFlow",
+          sorter: true,
+        },
+        {
+          title: "时段",
+          dataIndex: "timeSlot",
+          sorter: true,
+        },
+        //   {
+        //     title: '月',
+        //     dataIndex: 'monitorMonth',
+        //     sorter: true
+        //   },
+        //   {
+        //     title: '日',
+        //     dataIndex: 'monitorDay',
+        //     sorter: true
+        //   },
+        //   {
+        //     title: '时',
+        //     dataIndex: 'monitorHour',
+        //     sorter: true
+        //   },
+        //   {
+        //     title: '分',
+        //     dataIndex: 'monitorMinute',
+        //     sorter: true
+        //   },
+        {
+          title: "LeqdB(A)",
+          dataIndex: "indexLeq",
+          slots: {customRender: "Leq"},
+          sorter: true,
+          
+        },
+        {
+          title: "SDdB(A)",
+          dataIndex: "indexSd",
+          sorter: true,
+        },
+        {
+          title: "L10dB(A)",
+          dataIndex: "indexL10",
+          sorter: true,
+        },
+        {
+          title: "L50dB(A)",
+          dataIndex: "indexL50",
+          sorter: true,
+        },
+        {
+          title: "L90dB(A)",
+          dataIndex: "indexL90",
+          sorter: true,
+        },
+        {
+          title: "LmindB(A)",
+          dataIndex: "indexLmin",
+          sorter: true,
+        },
+        {
+          title: "LmaxdB(A)",
+          dataIndex: "indexLmax",
+          sorter: true,
+        },
+        {
+          title: "测点经度",
+          dataIndex: "placeLng",
+          sorter: true,
+        },
+        {
+          title: "测点纬度",
+          dataIndex: "placeLat",
+          sorter: true,
+        },
+        {
+          title: "机动车车道数",
+          dataIndex: "motorway",
+          sorter: true,
+        },
+        {
+          title: "车道类别",
+          dataIndex: "motorwayType",
+          sorter: true,
+        },
+        {
+          title: "道路等级",
+          dataIndex: "motorwayLevel",
+          sorter: true,
+        },
+        {
+          title: "测点参照物",
+          dataIndex: "refObj",
+          sorter: true,
+        },
+        {
+          title: "道路覆盖人口（万人）",
+          dataIndex: "people",
+          sorter: true,
+        },
+        {
+          title: "监测站名",
+          dataIndex: "station",
+          sorter: true,
+        },
+        {
+          title: "监测仪器型号",
+          dataIndex: "monitorInstrumentModel",
+          sorter: true,
+        },
+        {
+          title: "监测仪器编号",
+          dataIndex: "monitorInstrumentCode",
+          sorter: true,
+        },
+        {
+          title: "监测前校准值",
+          dataIndex: "beforeMonitorValue",
+          sorter: true,
+        },
+        {
+          title: "声校准器测量声压值",
+          dataIndex: "soundPressureValue",
+          sorter: true,
+        },
+        {
+          title: "声校准仪器型号",
+          dataIndex: "soundInstrumentModel",
+          sorter: true,
+        },
+        {
+          title: "声校准仪器编号",
+          dataIndex: "soundInstrumentCode",
+          sorter: true,
+        },
+         {
+          title: "区域等级",
+          dataIndex: "regionLevel",
+          sorter: true,
+        },
+        {
+          title: "备注",
+          dataIndex: "remark",
+          sorter: true,
+        },
+        {
+          title: "创建人",
+          dataIndex: "username",
+          sorter: true,
+        },
+      ],
+      palceOptions: [],
+      areaOptions: [],
+      functionOptions: [],
+      regionLevelOptions: [],
+      // 表格搜索条件
+      where: {
+        checked: 1,
+      },
+      // 表格选中数据
+      selectionList: [],
+    };
+  },
+  mounted() {
+    this.loadOptionData();
+  },
+  methods: {
+    /**获取下来框数据 */
+    loadOptionData() {
+      getColumnOptions("place").then((res) => {
+        this.palceOptions = res.data.data.map((item) => {
+          return {
+            label: item,
+            value: item,
+          };
+        });
+      });
+      getColumnOptions("area").then((res) => {
+        this.areaOptions = res.data.data.map((item) => {
+          return {
+            label: item,
+            value: item,
+          };
+        });
+      });
+      getColumnOptions("function").then((res) => {
+        this.functionOptions = res.data.data.map((item) => {
+          return {
+            label: item,
+            value: item,
+          };
+        });
+      });
+      getColumnOptions("region_level").then((res) => {
+        this.regionLevelOptions = res.data.data.map((item) => {
+          return {
+            label: item,
+            value: item,
+          };
+        });
+      });
+    },
+    /* 刷新表格 */
+    reload() {
+      console.log(this.$route);
+      console.log(this.$router);
+      this.$refs.table.reload({
+        where: this.where,
+      });
+    },
+    /* 重置搜索 */
+    reset() {
+      this.where = {
+        checked: 1,
       };
+      this.reload();
     },
-    mounted(){
+    exportFile() {
-    
+      const columns = [
+         {
+          title: "行政区划代码",
+          dataIndex: "regionCode",
+          sorter: true,
+        },
+        {
+          title: "监测年度",
+          dataIndex: "monitorYear",
+          sorter: true,
+        },
+        {
+          title: "点位编码",
+          dataIndex: "placeCode",
+          sorter: true,
+        },
+        {
+          title: "测点名称",
+          dataIndex: "place",
+          sorter: true,
+        },
+        {
+          title: "测点经度",
+          dataIndex: "placeLng",
+          sorter: true,
+        },
+        {
+          title: "测点纬度",
+          dataIndex: "placeLat",
+          sorter: true,
+        },
+        {
+          title: "路段名称",
+          dataIndex: "function",
+          sorter: true,
+        },
+         {
+          title: "路段长度（m）",
+          dataIndex: "functionLength",
+          sorter: true,
+        },
+        {
+          title: "道路总宽度（m）",
+          dataIndex: "functionWidth",
+          sorter: true,
+        },
+         {
+          title: "机动车车道数",
+          dataIndex: "motorway",
+          sorter: true,
+        },
+        {
+          title: "车道类别",
+          dataIndex: "motorwayType",
+          sorter: true,
+        },
+        {
+          title: "道路等级",
+          dataIndex: "motorwayLevel",
+          sorter: true,
+        },
+        {
+          title: "测点参照物",
+          dataIndex: "refObj",
+          sorter: true,
+        },
+         {
+          title: "路段覆盖人口（万人）",
+          dataIndex: "people",
+          sorter: true,
+        },
+        {
+          title: "月",
+          dataIndex: "monitorMonth",
+          sorter: true,
+        },
+        {
+          title: "日",
+          dataIndex: "monitorDay",
+          sorter: true,
+        },
+        {
+          title: "时",
+          dataIndex: "monitorHour",
+          sorter: true,
+        },
+        {
+          title: "分",
+          dataIndex: "monitorMinute",
+          sorter: true,
+        },
+       
+       
+        {
+          title: "中小型车20min车流量",
+          dataIndex: "smallTrafficFlow",
+          sorter: true,
+        },
+        {
+          title: "大型车20min车流量",
+          dataIndex: "largeTrafficFlow",
+          sorter: true,
+        },
+        {
+          title: "Leq",
+          dataIndex: "indexLeq",
+          sorter: true,
+        },
+        
+        {
+          title: "L10",
+          dataIndex: "indexL10",
+          sorter: true,
+        },
+        {
+          title: "L50",
+          dataIndex: "indexL50",
+          sorter: true,
+        },
+        {
+          title: "L90",
+          dataIndex: "indexL90",
+          sorter: true,
+        },
+        {
+          title: "最大值",
+          dataIndex: "indexLmax",
+          sorter: true,
+        },
+         {
+          title: "最小值",
+          dataIndex: "indexLmin",
+          sorter: true,
+        },
+       {
+          title: "标准差(SD)",
+          dataIndex: "indexSd",
+          sorter: true,
+        },
+        {
+          title: "监测站名",
+          dataIndex: "station",
+          sorter: true,
+        },
+        {
+          title: "监测仪器型号",
+          dataIndex: "monitorInstrumentModel",
+          sorter: true,
+        },
+        {
+          title: "监测仪器编号",
+          dataIndex: "monitorInstrumentCode",
+          sorter: true,
+        },
+        {
+          title: "监测前校准值",
+          dataIndex: "beforeMonitorValue",
+          sorter: true,
+        },
+        {
+          title: "声校准器测量声压值",
+          dataIndex: "soundPressureValue",
+          sorter: true,
+        },
+        {
+          title: "声校准仪器型号",
+          dataIndex: "soundInstrumentModel",
+          sorter: true,
+        },
+        {
+          title: "声校准仪器编号",
+          dataIndex: "soundInstrumentCode",
+          sorter: true,
+        },
+        {
+          title: "区域等级",
+          dataIndex: "regionLevel",
+          sorter: true,
+        },
+         {
+          title: "备注",
+          dataIndex: "remark",
+          sorter: true,
+        },
+      ];
+      const arr = [];
+      const th = columns.map((item) => item.title);
+      arr.push(th);
+      this.data.forEach((d) => {
+        const td = columns.map((item) => d[item.dataIndex]);
+        arr.push(td);
+      });
+      let sheet = XLSX.utils.aoa_to_sheet(arr);
+      this.$util.exportSheet(XLSX, sheet, new Date().getTime().toString());
     },
-    methods: {
+  },
-      /* 刷新表格 */
+};
-      reload() {
-       
-        this.$refs.table.reload({
-          where: this.where
-        });
-      },
-      /* 重置搜索 */
-      reset() {
-        this.where = {
-           checked: 1
-        };
-        this.reload();
-      },
-      /* 显示编辑 */
-      openEdit(record) {
-        const cloneRecord = _.cloneDeep(record)
-        if (record && cloneRecord.monitorTime) {
-          console.log(moment(cloneRecord.monitorTime).format('YYYY MM DD'));
-          cloneRecord.monitorDate = moment(cloneRecord.monitorTime);
-          cloneRecord.monitorTime = moment(cloneRecord.monitorTime);
-        }
-        // cloneRecord.mi
-        this.form = Object.assign({}, cloneRecord);
-        this.showEdit = true;
-        this.$nextTick(() => {
-          this.$refs.form.clearValidate(); // 清除表单验证信息
-        });
-      },
-    
-      save() {
-        const hide = this.$message.loading('请求中..', 0);
-        const form = _.cloneDeep(this.form);
-        const date = new Date();
-        date.setFullYear(form.monitorDate.year());
-        date.setMonth(form.monitorDate.month());
-        date.setDate(form.monitorDate.date());
-        date.setHours(form.monitorTime.hour());
-        date.setMinutes(form.monitorTime.minutes());
-        form.monitorTime = date.getTime();
-        form.monitorYear = date.getFullYear();
-        form.monitorMonth = date.getMonth() + 1;
-        form.monitorDay = date.getDate();
-        form.monitorHour = date.getHours();
-        form.monitorMinute = date.getMinutes();
-        delete form['monitorDate']
-        if (form.functionNoiseId) {
-          updateFunctionNoise(form).then(res => {
-            if (res.data.code == 0) {
-            this.showEdit = false;
-              this.$message.success(res.data.msg);
-              this.reload();
-            } else {
-              this.$message.error(res.data.msg);
-            }
-          }).catch((error)=>{
-              this.$message.error(error.message);
-          }).finally(()=>{
-              console.log("finallyfinallyfinallyfinally");
-              hide();
-          })
-        }else{
-            form.functionNoiseBillId = this.functionNoiseBillId;
-             saveFunctionNoise(form).then(res => {
-            if (res.data.code == 0) {
-                this.showEdit = false;
-              this.$message.success(res.data.msg);
-              this.reload();
-            } else {
-              this.$message.error(res.data.msg);
-            }
-          }).catch((error)=>{
-              this.$message.error(error.message);
-          }).finally(()=>{
-              hide();
-          })
-        }
-       
-
-      },
-      /* 删除单个 */
-      remove(row) {
-        const hide = this.$message.loading('请求中..', 0);
-        removeFunctionNoise(row.functionNoiseId).then(res => {
-          if (res.data.code === 0) {
-            this.$message.success(res.data.msg);
-            this.reload();
-          } else {
-            this.$message.error(res.data.msg);
-          }
-        }).catch(e => {
-          this.$message.error(e.msg);
-        }).finally(() => hide());
-      },
-      removeBatch() {
-        const ids = this.selectionList.map(item => item.functionNoiseId);
-        const hide = this.$message.loading('请求中..', 0);
-        removeBatchFunctionNoise(ids).then(res => {
-          if (res.data.code === 0) {
-            this.$message.success(res.data.msg);
-            this.reload();
-          } else {
-            this.$message.error(res.data.msg);
-          }
-        }).catch(e => {
-
-          this.$message.error(e.msg);
-        }).finally(() => hide());
-      },
-
-    }
-  }
 </script>
 
 <style scoped lang="less">
-  
 </style>

src/views/sound/function/statistic/compare.vue

@@ -261,123 +261,149 @@ export default {
 
       this.hisYears.forEach((item) => {
         if (
-          (!this.where.timeRange[0] ||
+          (!this.where.timeRange[0] || this.where.timeRange[0] <= item) &&
-          this.where.timeRange[0] <= item) &&
+          (!this.where.timeRange[1] || this.where.timeRange[1] >= item)
-          (!this.where.timeRange[1] ||
-          this.where.timeRange[1] >= item)
         ) {
           if (this.where.groupTimeLength == "quarter") {
             columns.push({
               title: item + "年第一季度Leq",
               dataIndex: item + "1" + "Leq",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第二季度Leq",
               dataIndex: item + "2" + "Leq",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第三季度Leq",
               dataIndex: item + "3" + "Leq",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第四季度Leq",
               dataIndex: item + "4" + "Leq",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第一季度SD",
               dataIndex: item + "1" + "Sd",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第二季度SD",
               dataIndex: item + "2" + "Sd",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第三季度SD",
               dataIndex: item + "3" + "Sd",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第四季度SD",
               dataIndex: item + "4" + "Sd",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第一季度L10",
               dataIndex: item + "1" + "L10",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第二季度L10",
               dataIndex: item + "2" + "L10",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第三季度L10",
               dataIndex: item + "3" + "L10",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第四季度L10",
               dataIndex: item + "4" + "L10",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第一季度L50",
               dataIndex: item + "1" + "L50",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第二季度L50",
               dataIndex: item + "2" + "L50",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第三季度L50",
               dataIndex: item + "3" + "L50",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第四季度L50",
               dataIndex: item + "4" + "L50",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第一季度L90",
               dataIndex: item + "1" + "L90",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第二季度L90",
               dataIndex: item + "2" + "L90",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第三季度L90",
               dataIndex: item + "3" + "L90",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第四季度L90",
               dataIndex: item + "4" + "L90",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第一季度Lmin",
               dataIndex: item + "1" + "Lmin",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第二季度Lmin",
               dataIndex: item + "2" + "Lmin",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第三季度Lmin",
               dataIndex: item + "3" + "Lmin",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第四季度Lmin",
               dataIndex: item + "4" + "Lmin",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第一季度Lmax",
               dataIndex: item + "1" + "Lmax",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第二季度Lmax",
               dataIndex: item + "2" + "Lmax",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第三季度Lmax",
               dataIndex: item + "3" + "Lmax",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
             columns.push({
               title: item + "年第四季度Lmax",
               dataIndex: item + "4" + "Lmax",
+              customRender: ({ text }) =>text? Number(text).toFixed(1):"",
             });
           } else {
             if (this.where.valueType.includes("index_Leq")) {

src/views/sound/function/statistic/index.vue

@@ -11,9 +11,9 @@
         <!-- <a-tab-pane key="quarter" tab="季度报告">
          <quarter-statistic></quarter-statistic>
         </a-tab-pane> -->
-        <!-- <a-tab-pane key="year-compare" tab="同比">
+        <a-tab-pane key="year-compare" tab="同比">
          <compare></compare>
-        </a-tab-pane> -->
+        </a-tab-pane>
       </a-tabs>
     </a-card>
   </div>
@@ -27,7 +27,7 @@
    */
   import BaseStatistic from "./base.vue";
   // import QuarterStatistic from "./quarter.vue";
-  // import Compare from "./compare.vue"
+  import Compare from "./compare.vue"
   import AverageStatistic from "./average.vue"
 
   export default {
@@ -35,12 +35,12 @@
     components: {
       BaseStatistic,
       // QuarterStatistic,
-      // Compare,
+      Compare,
       AverageStatistic
     },
     data() {
       return {
-        activeKey: 'year-compare'
+        activeKey: 'base'
       };
         
     },

src/views/sound/road/collect/index.vue

@@ -72,13 +72,16 @@ export default {
           const reportDate2 = aoa2[1][0].replace(/[^\d]+/g, "-");
 
           const roadNoiseList = aoa.filter(
-            (item) => item.length == 21 && typeof item[0] == "number"
+            
+            (item) => {
+              console.log(item.length)
+              return item.length >= 21 && typeof item[0] == "number"}
           );
           const roadNoiseList2 = aoa2.filter(
-            (item) => item.length == 21 && typeof item[0] == "number"
+            (item) => item.length >= 21 && typeof item[0] == "number"
           );
           const roadNoiseList3 = aoa3.filter(
-            (item) => item.length == 16 && typeof item[1] == "number"
+            (item) => item.length >= 16 && typeof item[1] == "number"
           );
 
           // 解析成对象数组
@@ -159,7 +162,7 @@ export default {
           hide();
           Modal.error({
             title: "导入失败",
-            content: "表格格式有误，请检查后重新上传！",
+            content: error.message,
           });
         }
         // console.log(billData);

src/views/sound/road/collect/utils.js

@@ -46,11 +46,11 @@ export default {
                 quarter
             }
 
-            if (row.monitorHour >= 6 && row.monitorHour <= 22 && row.timeSlot != "昼") {
+            if (row.monitorHour >= 6 && row.monitorHour < 22 && row.timeSlot != "昼") {
                 throw new Error(row.place + "时段有误")
             }
             
-            if (row.monitorHour <= 6 && row.monitorHour > 22 && row.timeSlot != "夜") {
+            if (row.monitorHour <6 && row.monitorHour >= 22 && row.timeSlot != "夜") {
                 throw new Error(row.place + "时段有误")
             }
             if(row.indexL10 < row.indexL50 || row.indexL50 < row.indexL90){

src/views/sound/road/statistic/average.vue

@@ -1,183 +1,258 @@
 <template>
   <div class="">
-      <ele-pro-table ref="table" row-key="id" :datasource="url" :columns="columns" :where="where" :needPage="false"
+    <ele-pro-table
-        @done="(d)=>data = d.data" :scroll="{x: 'max-content'}">
+      ref="table"
-        <template #toolbar>
+      row-key="id"
-           <!-- 搜索表单 -->
+      :datasource="url"
-      <a-form :model="where" layout="inline" :labelCol="{ offset: 1}">
+      :columns="columns"
-        <a-row>
+      :where="where"
-          <a-col :lg="6" :md="12" :sm="24" :xs="24">
+      :needPage="false"
-            <a-form-item label="昼夜:">
+      @done="(d) => (data = d.data)"
-              <a-select :options="timeSlotOptions" v-model:value="where.timeSlot" placeholder="昼夜">
+      :scroll="{ x: 'max-content' }"
-              </a-select>
+    >
-            </a-form-item>
+      <template #toolbar>
-          </a-col>
+        <!-- 搜索表单 -->
-          <a-col :lg="8" :md="12" :sm="24" :xs="24">
+        <a-form :model="where" layout="inline" :labelCol="{ offset: 1 }">
-            <a-form-item label="时间范围:">
+          <a-row>
-              <!-- <a-month-picker v-model:value="timeScope" placeholder="起始" /> -->
+            <a-col :lg="6" :md="12" :sm="24" :xs="24">
-              <a-range-picker v-model:value="timeScope" format="YYYY-MM-DD" />
+              <a-form-item label="昼夜:">
-            </a-form-item>
+                <a-select
-          </a-col>
+                  :options="timeSlotOptions"
+                  v-model:value="where.timeSlot"
+                  placeholder="昼夜"
+                >
+                </a-select>
+              </a-form-item>
+            </a-col>
+            <a-col :lg="8" :md="12" :sm="24" :xs="24">
+              <a-form-item label="时间范围:">
+                <!-- <a-month-picker v-model:value="timeScope" placeholder="起始" /> -->
+                <a-range-picker v-model:value="timeScope" format="YYYY-MM-DD" />
+              </a-form-item>
+            </a-col>
 
-          <a-col :lg="4" :md="12" :sm="24" :xs="24">
+            <a-col :lg="4" :md="12" :sm="24" :xs="24">
-            <a-form-item class="ele-text-right" :wrapper-col="{span: 24}">
+              <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
-              <a-space>
+                <a-space>
-                <a-button type="primary" @click="reload">查询</a-button>
+                  <a-button type="primary" @click="reload">查询</a-button>
-                <a-button @click="reset">重置</a-button>
+                  <a-button @click="reset">重置</a-button>
-                <a-button @click="exportFile">导出excel</a-button>
+                  <a-button @click="exportFile">导出excel</a-button>
-              </a-space>
+                </a-space>
-            </a-form-item>
+              </a-form-item>
-          </a-col>
+            </a-col>
-        </a-row>
+          </a-row>
-      </a-form>
+        </a-form>
-          <!-- <a-space>
+        <!-- <a-space>
             
           </a-space> -->
-        </template>
+      </template>
-      </ele-pro-table>
+      <template #Leq="{ text, record }">
+        <a-tag
+          v-if="
+            (where.timeSlot == '昼' && text <= 68) ||
+            (where.timeSlot == '夜' && text <= 58)
+          "
+          color="green"
+          >{{ text }}</a-tag
+        >
+        <a-tag
+          v-else-if="
+            (record.timeSlot == '昼' && text > 68 && text <= 70) ||
+            (record.timeSlot == '夜' && text > 58 && text <= 60)
+          "
+          color="blue"
+          >{{ text }}</a-tag
+        >
+        <a-tag
+          v-else-if="
+            (record.timeSlot == '昼' && text > 70 && text <= 72) ||
+            (record.timeSlot == '夜' && text > 60 && text <= 62)
+          "
+          color="red"
+          >{{ text }}</a-tag
+        >
+        <a-tag
+          v-else-if="
+            (record.timeSlot == '昼' && text > 62 && text <= 74) ||
+            (record.timeSlot == '夜' && text > 62 && text <= 64)
+          "
+          color="red"
+          >{{ text }}</a-tag
+        >
+        <a-tag
+          v-else-if="
+            (record.timeSlot == '昼' && text > 74) ||
+            (record.timeSlot == '夜' && text > 64)
+          "
+          color="red"
+          >{{ text }}</a-tag
+        >
+        <template v-else color="#FFF">{{ text }}</template>
+      </template>
+    </ele-pro-table>
   </div>
 </template>
 
 <script>
-  import _ from "lodash";
+import _ from "lodash";
-  import XLSX from 'xlsx';
+import XLSX from "xlsx";
-  import {
+import { pageRoadNoiseStatisticUrl } from "@/api/ecology/road-sound";
-    pageRoadNoiseStatisticUrl
+const columns = [
-  } from "@/api/ecology/road-sound"
+  {
-  const columns = [
+    title: "城区",
-   
+    dataIndex: "area",
-    {
+  },
-      title: '城区',
-      dataIndex: 'area',
-    },
 
-    {
+  {
-      title: '市',
+    title: "市",
-      dataIndex: 'city',
+    dataIndex: "city",
-    },
+  },
-    {
+  {
-      title: '路长',
+    title: "路长",
-      dataIndex: 'roadLength',
+    dataIndex: "roadLength",
-
+  },
-    },
+  {
-    {
+    title: "路宽",
-      title: '路宽',
+    dataIndex: "roadWidth",
-      dataIndex: 'roadWidth',
+  },
-    },
+  {
-     {
+    title: "LeqdB(A)",
-      title: 'LeqdB(A)',
+    dataIndex: "avgLeq",
-      dataIndex: 'avgLeq',
+    slots: { customRender: "Leq" },
-    },
+    sorter: true,
-     {
+  },
-      title: 'SDdB(A)',
+  {
-      dataIndex: 'avgSD',
+    title: "SDdB(A)",
-    },
+    dataIndex: "avgSD",
-     {
+  },
-      title: 'L10dB(A)',
+  {
-      dataIndex: 'avgL10',
+    title: "L10dB(A)",
-    },
+    dataIndex: "avgL10",
-     {
+  },
-      title: 'L50dB(A)',
+  {
-      dataIndex: 'avgL50',
+    title: "L50dB(A)",
-    },
+    dataIndex: "avgL50",
-     {
+  },
-      title: 'L90dB(A)',
+  {
-      dataIndex: 'avgL90',
+    title: "L90dB(A)",
-    },
+    dataIndex: "avgL90",
-  ]
+  },
-  export default {
+];
-    name: 'StatisticSoundRoadAverage',
+export default {
-    components: {
+  name: "StatisticSoundRoadAverage",
-
+  components: {},
-    },
+  data() {
-    data() {
+    return {
-      return {
+      url: pageRoadNoiseStatisticUrl,
-        url: pageRoadNoiseStatisticUrl,
+      data: [],
-        data: [],
+      where: {
-        where: {
+        model: "area",
-          model: "area"
+        timeSlot: "昼"
-        },
+      },
-        timeScope: [],
+      timeScope: [],
-        columns,
+      columns,
-        modelOptions: [{
+      modelOptions: [
+        {
           value: "place",
           label: "测点",
-        }, {
+        },
+        {
           value: "road",
           label: "路段",
-        }, {
+        },
+        {
           value: "area",
           label: "城区",
-        },{
+        },
+        {
           value: "city",
-          label: "市"
+          label: "市",
-        }],
+        },
-        timeSlotOptions: [{
+      ],
+      timeSlotOptions: [
+        {
           value: "昼",
-          label: "昼"
+          label: "昼",
-        }, {
+        },
+        {
           value: "夜",
-          label: "夜"
+          label: "夜",
-        }]
+        },
-
+      ],
-      };
+    };
-    },
+  },
-    methods: {
+  methods: {
-      /* 刷新表格 */
+    /* 刷新表格 */
-      reload() {
+    reload() {
-        this.$refs.table.reload({
+      this.$refs.table.reload({
-          where: {
+        where: {
-            model: this.where.model,
+          model: this.where.model,
-            timeStart: this.timeScope.length == 2 ? this.timeScope[0].format("Y-M-D") : null,
+          timeStart:
-            timeEnd: this.timeScope.length == 2 ? this.timeScope[1].format("Y-M-D") : null,
+            this.timeScope.length == 2
-            timeSlot: this.where.timeSlot
+              ? this.timeScope[0].format("Y-M-D")
-          }
+              : null,
+          timeEnd:
+            this.timeScope.length == 2
+              ? this.timeScope[1].format("Y-M-D")
+              : null,
+          timeSlot: this.where.timeSlot,
+        },
+      });
+      let cloneColumns = _.cloneDeep(columns);
+      if (this.where.model == "area") {
+        this.columns = cloneColumns.filter((item) => {
+          return item.dataIndex != "place" && item.dataIndex != "road";
         });
-        let cloneColumns = _.cloneDeep(columns);
+      } else if (this.where.model == "road") {
-        if (this.where.model == "area") {
+        this.columns = cloneColumns.filter((item) => {
-          this.columns = cloneColumns.filter(item => {
+          return item.dataIndex != "place";
-            return item.dataIndex != "place" && item.dataIndex != "road";
+        });
-          })
+      } else if (this.where.model == "city") {
-        } else if (this.where.model == "road") {
+        this.columns = cloneColumns.filter((item) => {
-          this.columns = cloneColumns.filter(item => {
+          return (
-            return item.dataIndex != "place"
+            item.dataIndex != "place" &&
-          })
+            item.dataIndex != "road" &&
-        }else if(this.where.model == "city"){
+            item.dataIndex != "area"
-        this.columns = cloneColumns.filter(item => {
+          );
-            return item.dataIndex != "place" && item.dataIndex != "road"  && item.dataIndex != "area";
-          })
-        }
-      },
-      /* 重置搜索 */
-      reset() {
-        this.where = {
-          model: "area",
-          timeSlot: "昼"
-        };
-        this.this.timeScope = []
-
-        this.reload();
-      },
-      exportFile() {
-        let array = [
-          ['测点', '路段', '城区', '路长', '路宽', '平均Leq', '平均SD']
-        ];
-        this.data.forEach(d => {
-          array.push([d.place, d.road, d.area, d.roadLength, d.roadWidth, d.avgLeq, d.avgSD]);
         });
-        let sheet = XLSX.utils.aoa_to_sheet(array);
-        // sheet['!merges'] = [
-        //   {s: {r: 0, c: 1}, e: {r: 0, c: 5}},  // 合并第0行第1列到第0行第5列
-        //   {s: {r: 0, c: 0}, e: {r: 1, c: 0}},  // 合并第0行第0列到第1行第0列
-        //   {s: {r: 0, c: 6}, e: {r: 1, c: 6}}  // 合并第0行第6列到第1行第6列
-        // ];
-        this.$util.exportSheet(XLSX, sheet, '道路交通噪声统计表');
       }
-    }
+    },
+    /* 重置搜索 */
+    reset() {
+      this.where = {
+        model: "area",
+        timeSlot: "昼",
+      };
+      this.this.timeScope = [];
 
-  }
+      this.reload();
+    },
+    exportFile() {
+      let array = [
+        ["测点", "路段", "城区", "路长", "路宽", "平均Leq", "平均SD"],
+      ];
+      this.data.forEach((d) => {
+        array.push([
+          d.place,
+          d.road,
+          d.area,
+          d.roadLength,
+          d.roadWidth,
+          d.avgLeq,
+          d.avgSD,
+        ]);
+      });
+      let sheet = XLSX.utils.aoa_to_sheet(array);
+      // sheet['!merges'] = [
+      //   {s: {r: 0, c: 1}, e: {r: 0, c: 5}},  // 合并第0行第1列到第0行第5列
+      //   {s: {r: 0, c: 0}, e: {r: 1, c: 0}},  // 合并第0行第0列到第1行第0列
+      //   {s: {r: 0, c: 6}, e: {r: 1, c: 6}}  // 合并第0行第6列到第1行第6列
+      // ];
+      this.$util.exportSheet(XLSX, sheet, "道路交通噪声统计表");
+    },
+  },
+};
 </script>
 
 <style scoped>
-
 </style>