添加查询参数

src/api/audit.js

@@ -384,5 +384,9 @@ export default {
   // 停车分析
   tcfx(params) {
     return axios.post('/opt/parking/stat1', params)
-  }
+  },
+  // 停车场码表
+  parkDic(params) {
+    return axios.get(`/dash/customer/complaint/list`, {params})
+  },
 }

src/assets/css/element_ui.css

@@ -7,6 +7,9 @@
   /*margin-bottom: 0px;*/
 }
 
+.el-picker-panel__icon-btn {
+  color: #5f6266;
+}
 
 .el-select-dropdown__item.hover,
 .el-select-dropdown__item:hover {

src/pages/index/components/business_conditions.vue

@@ -1,6 +1,6 @@
 <template xmlns:piechart="http://www.w3.org/1999/html">
   <div class="body-wrapper">
-    <div style="display: flex;justify-content: space-around;">
+    <div style="display: flex;justify-content: space-around;height: 40px;color: #fff;">
       <div style="width: 25%;display: flex;">
         <h4 class="h4font">泊位数量：</h4><h3 class="h4font">{{viewData.totalParkingNumber}}</h3>
       </div>
@@ -15,8 +15,37 @@
       </div>
     </div>
     <br>
+    <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+      <el-form-item label="行政区">
+        <el-select clearable v-model="formInline.regionCode" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in districtOptions"  :key="item.label" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item clearable label="具体道路">
+        <el-input v-model="formInline.streetName" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="停车场">
+        <el-select clearable v-model="formInline.parkId" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in carOptions" :key="item.parkId" :label="item.carParkName" :value="item.parkId"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="查询日期">
+        <el-date-picker
+          clearable
+          v-model="formInline.time"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          value-format="yyyy-MM-dd"
+          end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="queryAll">查询</el-button>
+      </el-form-item>
+    </el-form>
     <br>
-    <div class="charts">
+    <div class="charts" style="display: flex">
       <div style="width: 50%;height: 500px;">
         <h4 style="color: white">收费趋势</h4>
         <linechart
@@ -66,7 +95,7 @@
   import api from "@/api/audit.js";
   import piechart from "@/components/pieChart";
   import linechart from "@/components/lineChart";
-  import api1 from '@/api/article_liao.js'
+  import options from '@/util/options'
 
   export default {
     components: {
@@ -75,6 +104,8 @@
     },
     data() {
       return {
+        districtOptions: options.districtOptions,
+        carOptions: [],
         viewData: {
           outNumber: "0",
           inNumber: "0",
@@ -110,24 +141,51 @@
         total: 0,
         pageSize: 5,
         pageNum: 1,
+        formInline: {
+          regionCode: '',
+          streetName: '',
+          parkId: '',
+          time: [],
+        }
       }
     },
     mounted() {
-      const {pageNum, pageSize} = this
-      let that = this
-      let params4 = {current: pageNum, size: pageSize}
-      let requestList = [api.tccqkView(), api.sfqs(),api.cllx(), api.jyqk(params4)];
-      Promise.all(requestList).then(res => {
-        that.viewData = res[0].data
-        that.linedata = res[1].data || []
-        that.modelData = res[2].data || []
-        this.tableData = res[3].data.records || []
-        this.total = res[3].data.total || 0
-      })
+      this.getParkDic()
+      this.queryAll()
     },
     watch: {
     },
     methods: {
+      getParkDic() {
+        api.parkDic().then(res => {
+          this.carOptions = res.data || [];
+        })
+      },
+      queryAll() {
+        const {pageNum, pageSize} = this
+        let that = this
+        let params4 = {current: pageNum, size: pageSize}
+        let params = {...this.formInline}
+        if (
+          this.formInline.time && this.formInline.time.length === 2 &&
+          this.formInline.time[1] !== ""
+        ) {
+          this.formInline.time[0] = this.formInline.time[0].substring(0, 10) + " 00:00:00";
+          this.formInline.time[1] = this.formInline.time[1].substring(0, 10) + " 23:59:59";
+          params.begin= this.formInline.time[0]
+          params.end = this.formInline.time[1]
+        }
+        delete params.time
+        let requestList = [api.tccqkView(), api.sfqs(params),api.cllx(params), api.jyqk({...params4, ...params})];
+        Promise.all(requestList).then(res => {
+          that.viewDaviewDatata = res[0].data
+          that.linedata = res[1].data || []
+          console.log(res[2].data, '-----饼图----')
+          that.modelData = res[2].data || []
+          this.tableData = res[3].data.records || []
+          this.total = res[3].data.total || 0
+        })
+      },
       lineTooltipFormat(params) {
         return `<div class="line-tooltip">
         <div style="color: ${params[0].color}">${params[0].seriesName}: ${
@@ -149,6 +207,56 @@
   }
 </script>
 <style  lang="scss" scoped>
+.body-wrapper {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  background: #0c0c0c;
+
+}
+.model-pie-body {
+  width: 100%;
+  height: 99%;
+}
+
+
+.form-wrapper {
+  margin-bottom: 20px;
+}
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+/deep/ .el-select {
+  height: 40px;
+  .el-input__inner {
+    height: 40px;
+  }
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
+  }
+
+  /* 下面设置右侧按钮居中 */
+  .el-input__suffix {
+    top: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-content: flex-start;
+  }
+  /* 输入框加上上下边是 32px + 2px =34px */
+  .el-input__icon {
+    line-height: 0px;
+  }
+}
+/deep/ .form-wrapper .el-button {
+  background: linear-gradient(90deg,#0158d9,#3c97e4);
+  width: 100px;
+  height: 40px;
+}
 .body-wrapper {
   padding: 20px;
   background: #0c0c0c;
@@ -160,24 +268,13 @@
     text-align: right;
   }
   .search-card{
-    font-size: 24px;
-    font-weight: bold;
-    color: #3498db;
     margin-bottom: 20px;
+    text-align: center;
     .input-wrapper{
       width: 36%;
     }
   }
 }
-
-.charts{
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.h4font{
-  color: #FFFFFF;
-}
 .audit-dialog{
   .mg-bt{
     margin-bottom: 24px;
@@ -185,5 +282,14 @@
   .label{
     text-align: right;
   }
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+      background: #2d3744;
+    }
+  }
 }
 </style>

src/pages/index/components/charge_price.vue

@@ -133,7 +133,7 @@ export default {
       this.getTableData2()
     },
     getModelDataData(){
-      api.queryChargePrice_Sfdjfx().then(res=>{
+      api.queryChargePrice_Sfdjfx({}).then(res=>{
         this.modelData=res.data || [];
       })
     },

src/pages/index/components/enterprise_service.vue

@@ -1,22 +1,15 @@
 <template xmlns:piechart="http://www.w3.org/1999/html">
   <div class="body-wrapper">
-    <div style="margin-bottom: 20px" class="search-card">
-      <el-form class="form-wrapper" :inline="true" :model="formInline">
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="停车场名称:">
-              <el-input v-model="formInline.carParkName" placeholder="请输入关键字"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item>
-              <el-button type="primary" @click="onSubmit">查询</el-button>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
-    <br>
+    <el-form class="form-wrapper" :inline="true" :model="formInline">
+      <el-form-item label="行政区">
+        <el-select clearable v-model="formInline.regionCode" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in districtOptions"  :key="item.label" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
     <br>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
@@ -35,6 +28,7 @@
 <script>
 import api from "@/api/audit.js";
 import piechart from "@/components/pieChart";
+import options from '@/util/options'
 
 export default {
   components: {
@@ -42,8 +36,9 @@ export default {
   },
   data() {
     return {
+      districtOptions: options.districtOptions,
       formInline: {
-        carParkName: ''
+        regionCode: ''
       },
       columns: [
         {
@@ -90,26 +85,56 @@ export default {
 }
 </script>
 <style  lang="scss" scoped>
-
 .body-wrapper {
-  padding: 20px;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
   background: #0c0c0c;
-  .button-block{
-    text-align: right;
-    margin-bottom: 20px;
+
+}
+.model-pie-body {
+  width: 100%;
+  height: 99%;
+}
+
+
+.form-wrapper {
+  margin-bottom: 20px;
+}
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+/deep/ .el-select {
+  height: 40px;
+  .el-input__inner {
+    height: 40px;
   }
-  .table-pagination{
-    text-align: right;
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
   }
-  /deep/ .el-input__inner {
-    background: #2d3744;
-    border: none;
-    border-radius: 5px;
+
+  /* 下面设置右侧按钮居中 */
+  .el-input__suffix {
+    top: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-content: flex-start;
   }
-  /deep/ .form-wrapper .el-button {
-    margin-top: 5px;
+  /* 输入框加上上下边是 32px + 2px =34px */
+  .el-input__icon {
+    line-height: 0px;
   }
 }
+/deep/ .form-wrapper .el-button {
+  background: linear-gradient(90deg,#0158d9,#3c97e4);
+  width: 100px;
+  height: 40px;
+}
 .body-wrapper {
   padding: 20px;
   background: #0c0c0c;
@@ -121,18 +146,12 @@ export default {
     text-align: right;
   }
   .search-card{
-    font-size: 24px;
-    font-weight: bold;
-    color: #3498db;
-    margin-bottom: 20px;
+    //text-align: center;
     .input-wrapper{
       width: 36%;
     }
   }
 }
-.h4font{
-  color: #FFFFFF;
-}
 .audit-dialog{
   .mg-bt{
     margin-bottom: 24px;
@@ -140,5 +159,14 @@ export default {
   .label{
     text-align: right;
   }
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+      background: #2d3744;
+    }
+  }
 }
 </style>

src/pages/index/components/equipment_running.vue

@@ -13,6 +13,25 @@
       </el-pagination>
     </div>
     <br>
+    <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+      <el-form-item label="行政区">
+        <el-select clearable v-model="formInline.regionCode" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in districtOptions"  :key="item.label" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item clearable label="具体道路">
+        <el-input v-model="formInline.streetName" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="停车场">
+        <el-select clearable v-model="formInline.parkId" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in carOptions" :key="item.parkId" :label="item.carParkName" :value="item.parkId"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="queryAll">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <br>
     <div style="width: 100%;display: flex;justify-content: space-between;">
       <div style="width: 33%;height: 400px;">
         <h4 style="color: white">摄像头</h4>
@@ -64,6 +83,7 @@
 <script>
 import piechart from "@/components/pieChart";
 import api from "@/api/article_z";
+import options from '@/util/options'
 
 export default {
   components: {
@@ -71,6 +91,8 @@ export default {
   },
   data() {
     return {
+      districtOptions: options.districtOptions,
+      carOptions: [],
       columns: [
         {
           label: '设备名称',
@@ -91,24 +113,36 @@ export default {
       total: 0,
       pageSize: 10,
       pageNum: 1,
+      formInline: {
+        regionCode: '',
+        keyAreas: '',
+        streetName: '',
+        parkId: '',
+      }
     }
   },
   mounted() {
-    const {pageNum, pageSize} = this
-    let that = this
-    let params4 = {current: pageNum, size: pageSize}
-    let requestList = [api.queryEquipmentRunning_Sxt(), api.queryEquipmentRunning_Zj(),api.queryEquipmentRunning_Mwxsq(), api.sbyxjcList(params4)];
-    Promise.all(requestList).then(res => {
-      that.modelData = res[0].data || []
-      that.modelData2 = res[1].data || []
-      that.modelData3 = res[2].data || []
-      this.tableData = res[3].data.records || []
-      this.total = res[3].data.total || 0
-    })
+    this.getParkDic()
+    this.getTableData()
+    this.queryAll()
   },
   watch: {
   },
   methods: {
+    getParkDic() {
+      api.parkDic().then(res => {
+        this.carOptions = res.data || [];
+      })
+    },
+    queryAll() {
+      let params = {...this.formInline}
+      let requestList = [api.queryEquipmentRunning_Sxt(params), api.queryEquipmentRunning_Zj(params),api.queryEquipmentRunning_Mwxsq(params)];
+      Promise.all(requestList).then(res => {
+        that.modelData = res[0].data || []
+        that.modelData2 = res[1].data || []
+        that.modelData3 = res[2].data || []
+      })
+    },
     handlePageChange() {
       this.getTableData()
     },
@@ -123,6 +157,56 @@ export default {
 }
 </script>
 <style  lang="scss" scoped>
+.body-wrapper {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  background: #0c0c0c;
+
+}
+.model-pie-body {
+  width: 100%;
+  height: 99%;
+}
+
+
+.form-wrapper {
+  margin-bottom: 20px;
+}
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+/deep/ .el-select {
+  height: 40px;
+  .el-input__inner {
+    height: 40px;
+  }
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
+  }
+
+  /* 下面设置右侧按钮居中 */
+  .el-input__suffix {
+    top: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-content: flex-start;
+  }
+  /* 输入框加上上下边是 32px + 2px =34px */
+  .el-input__icon {
+    line-height: 0px;
+  }
+}
+/deep/ .form-wrapper .el-button {
+  background: linear-gradient(90deg,#0158d9,#3c97e4);
+  width: 100px;
+  height: 40px;
+}
 .body-wrapper {
   padding: 20px;
   background: #0c0c0c;
@@ -134,10 +218,8 @@ export default {
     text-align: right;
   }
   .search-card{
-    font-size: 24px;
-    font-weight: bold;
-    color: #3498db;
     margin-bottom: 20px;
+    text-align: center;
     .input-wrapper{
       width: 36%;
     }
@@ -150,5 +232,14 @@ export default {
   .label{
     text-align: right;
   }
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+      background: #2d3744;
+    }
+  }
 }
 </style>

src/pages/index/components/other_analyse.vue

@@ -1,9 +1,5 @@
 <template>
   <div class="body-wrapper">
-    <div class="search-card">
-      <h5>其他分析</h5>
-    </div>
-    <br>
     <div class="charts">
       <div style="width: 50%;height: 500px">
         <h4 style="color: white">区域分析</h4>
@@ -62,8 +58,8 @@
           :tooltip="tooltipFormat2"
           :dataset="tcfbfx"
           :encode="[
-            {x: 'mouth', y: 'hc', seriesName: '路外停车'},
-            {x: 'mouth', y: 'cs', seriesName: '路内停车'},
+            {x: 'mouth', y: 'cs', seriesName: '路外停车'},
+            {x: 'mouth', y: 'hs', seriesName: '路内停车'},
             ]"
           :labelSize="20"
           id="tcfbfx"
@@ -85,8 +81,8 @@
           :tooltip="tooltipFormat3"
           :dataset="ywfx"
           :encode="[
-            {x: 'mouth', y: 'hs', seriesName: '路外余位'},
-            {x: 'mouth', y: 'cs', seriesName: '路内余位'},
+            {x: 'mouth', y: 'cs', seriesName: '路外余位'},
+            {x: 'mouth', y: 'hs', seriesName: '路内余位'},
             ]"
           :labelSize="20"
           id="ywfx"
@@ -390,10 +386,10 @@ export default {
       const data = params[0].data;
       return `<div class="line-tooltip">
         <div style="color: ${params[0].color}">${params[0].seriesName}: ${
-        params[0].data.hs || "--"
+        params[0].data.cs || 0
       }(辆)</div>
         <div style="color: ${params[1].color}">${params[1].seriesName}: ${
-        params[0].data.cs || "--"
+        params[0].data.hs || 0
       }(辆)</div>
       </div>`;
     },
@@ -401,10 +397,10 @@ export default {
       const data = params[0].data;
       return `<div class="line-tooltip">
         <div style="color: ${params[0].color}">${params[0].seriesName}: ${
-        params[0].data.hs || "--"
+        params[0].data.cs || "--"
       }(辆)</div>
         <div style="color: ${params[1].color}">${params[1].seriesName}: ${
-        params[0].data.cs || "--"
+        params[0].data.hs || "--"
       }(辆)</div>
       </div>`;
     },

src/pages/index/components/park_bahavior.vue

@@ -1,10 +1,25 @@
 <template>
   <div class="body-wrapper">
-    <div class="search-card">
-      <h5>泊位基础情况分析</h5>
-    </div>
+    <el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
+      <el-form-item label="行政区">
+        <el-select clearable v-model="formInline.regionCode" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in districtOptions"  :key="item.label" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item clearable label="具体道路">
+        <el-input v-model="formInline.streetName" placeholder="请输入"></el-input>
+      </el-form-item>
+      <el-form-item label="停车场">
+        <el-select clearable v-model="formInline.parkId" placeholder="请选择" popper-class="cur-select">
+          <el-option v-for="item in carOptions" :key="item.parkId" :label="item.carParkName" :value="item.parkId"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="queryAll">查询</el-button>
+      </el-form-item>
+    </el-form>
     <br>
-    <div class="charts">
+    <div class="charts" style="display: flex">
       <div style="width: 50%;height: 500px;">
         <h4 style="color: white">停车时长分析</h4>
         <piechart
@@ -18,7 +33,6 @@
           :encode="{ itemName: 'name', value: 'value' }"
         />
       </div>
-
       <div style="width: 50%;height: 500px;">
         <h4 style="color: white">停车时段分析</h4>
         <linechart
@@ -40,8 +54,7 @@
       <br>
     </div>
     <br>
-    <br>
-    <div class="charts">
+    <div class="charts" style="display: flex">
       <div style="width: 50%;height: 500px;">
         <h4 style="color: white">临时停车分析</h4>
         <piechart
@@ -76,6 +89,7 @@
 import piechart from "@/components/pieChart";
 import linechart from "@/components/lineChart";
 import api from "@/api/article_liao";
+import options from '@/util/options'
 export default {
   components: {
     piechart,
@@ -83,24 +97,42 @@ export default {
   },
   data() {
     return {
+      districtOptions: options.districtOptions,
+      carOptions: [],
       linedata: [],
       modelPieColor: ["#4382f6","#9078f8","#DAA520","#2E8B57"],
       modelData: [],
       modelPieColor4: ["#4382f6","#9078f8"],
       modelData4: [],
       modelPieColor5: ["#4382f6","#9078f8"],
-      modelData5: []
+      modelData5: [],
+      formInline: {
+        regionCode: '',
+        keyAreas: '',
+        streetName: '',
+        parkId: '',
+      }
     }
   },
   mounted() {
-    this.parkBehaviorDuration()
-    this.parkBehaviorRange()
-    this.parkBehaviorTemporary()
-    this.parkBehaviorNight()
+    this.getParkDic()
+    this.queryAll()
   },
   watch: {
   },
   methods: {
+    getParkDic() {
+      api.parkDic().then(res => {
+        this.carOptions = res.data || [];
+      })
+    },
+    queryAll() {
+      let params = {...this.formInline}
+      this.parkBehaviorDuration(params)
+      this.parkBehaviorRange(params)
+      this.parkBehaviorTemporary(params)
+      this.parkBehaviorNight(params)
+    },
     lineTooltipFormat(params) {
       return `<div class="line-tooltip">
         <div style="color: ${params[0].color}">${params[0].seriesName}: ${
@@ -111,23 +143,23 @@ export default {
       }</div>
       </div>`;
     },
-    parkBehaviorDuration() {
-      api.parkBehaviorDuration().then(res =>{
+    parkBehaviorDuration(params) {
+      api.parkBehaviorDuration(params).then(res =>{
         this.modelData = res.data
       })
     },
-    parkBehaviorRange(){
-      api.parkBehaviorRange().then(res =>{
+    parkBehaviorRange(params){
+      api.parkBehaviorRange(params).then(res =>{
         this.linedata = res.data
       })
     },
-    parkBehaviorTemporary(){
-      api.parkBehaviorTemporary().then(res =>{
+    parkBehaviorTemporary(params){
+      api.parkBehaviorTemporary(params).then(res =>{
         this.modelData4 = res.data
       })
     },
-    parkBehaviorNight(){
-      api.parkBehaviorNight().then(res =>{
+    parkBehaviorNight(params){
+      api.parkBehaviorNight(params).then(res =>{
         this.modelData5 = res.data
       })
     }
@@ -136,9 +168,58 @@ export default {
 </script>
 <style  lang="scss" scoped>
 .body-wrapper {
-  padding: 20px;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
   background: #0c0c0c;
+
+}
+.model-pie-body {
   width: 100%;
+  height: 99%;
+}
+
+
+.form-wrapper {
+  margin-bottom: 20px;
+}
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+/deep/ .el-select {
+  height: 40px;
+  .el-input__inner {
+    height: 40px;
+  }
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
+  }
+
+  /* 下面设置右侧按钮居中 */
+  .el-input__suffix {
+    top: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-content: flex-start;
+  }
+  /* 输入框加上上下边是 32px + 2px =34px */
+  .el-input__icon {
+    line-height: 0px;
+  }
+}
+/deep/ .form-wrapper .el-button {
+  background: linear-gradient(90deg,#0158d9,#3c97e4);
+  width: 100px;
+  height: 40px;
+}
+.body-wrapper {
+  padding: 20px;
+  background: #0c0c0c;
   .button-block{
     text-align: right;
     margin-bottom: 20px;
@@ -147,46 +228,13 @@ export default {
     text-align: right;
   }
   .search-card{
-    font-size: 24px;
-    font-weight: bold;
-    color: #3498db;
     margin-bottom: 20px;
+    text-align: center;
     .input-wrapper{
       width: 36%;
     }
   }
 }
-
-.charts{
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.btn_save{
-  background-color: #3498db;
-  color: #ffffff;
-  padding: 10px 20px;
-  cursor: pointer;
-  border: none;
-  border-radius: 4px;
-  font-size: 16px;
-  height: 40px;
-}
-
-.sel{
-  height: 200px;
-  margin-right: 10px;
-}
-
-.input-search{
-  width: 100%;
-  padding: 10px;
-  margin-bottom: 20px;
-  box-sizing: border-box;
-  background-color: #2a2a2a;
-  border: 1px solid #333;
-  color: #ffffff;
-}
 .audit-dialog{
   .mg-bt{
     margin-bottom: 24px;
@@ -194,5 +242,14 @@ export default {
   .label{
     text-align: right;
   }
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+      background: #2d3744;
+    }
+  }
 }
 </style>

src/pages/index/components/park_monitor.vue

@@ -105,6 +105,13 @@ export default {
       total2: 0,
       pageSize2: 5,
       pageNum2: 1,
+      formInline: {
+        regionCode: '',
+        keyAreas: '',
+        streetName: '',
+        parkId: '',
+        time: [],
+      }
     }
   },
   mounted() {
@@ -136,7 +143,7 @@ export default {
       this.getTableData2()
     },
     parkMonitorStat(){
-      api.parkMonitorStat().then(res =>{
+      api.parkMonitorStat(this.formInline).then(res =>{
         this.modelData = res.data || []
       })
     }

src/pages/index/components/parking_fee.vue

@@ -1,21 +1,31 @@
 <template>
   <div class="body-wrapper">
-    <div style="margin-bottom: 20px" class="search-card">
-      <el-form class="form-wrapper" :inline="true" :model="formInline">
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="车牌号:">
-              <el-input v-model="formInline.plateNo" placeholder="请输入车牌号"></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item>
-              <el-button type="primary" @click="onSubmit">查询</el-button>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
+    <el-form class="form-wrapper" :inline="true" :model="formInline">
+<!--      <el-form-item label="停车场">-->
+<!--        <el-select clearable v-model="formInline.parkId" placeholder="请选择" popper-class="cur-select">-->
+<!--          <el-option v-for="item in carOptions" :key="item.parkId" :label="item.carParkName" :value="item.parkId"></el-option>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+      <el-form-item label="车牌号:">
+        <el-input v-model="formInline.plateNo" placeholder="请输入车牌号"></el-input>
+      </el-form-item>
+
+<!--      <el-form-item label="查询日期">-->
+<!--        <el-date-picker-->
+<!--          clearable-->
+<!--          v-model="formInline.time"-->
+<!--          type="daterange"-->
+<!--          range-separator="至"-->
+<!--          start-placeholder="开始日期"-->
+<!--          value-format="yyyy-MM-dd"-->
+<!--          end-placeholder="结束日期">-->
+<!--        </el-date-picker>-->
+<!--      </el-form-item>-->
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <br>
     <el-table :data="tableData" style="background: #2a2a2a;border-color: #333;">
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
@@ -35,6 +45,7 @@ export default {
   components: {},
   data() {
     return {
+      carOptions: [],
       columns: [
         {
           label: '停车场',
@@ -83,17 +94,25 @@ export default {
       pageNum: 1,
       searchWords: undefined,
       formInline: {
-        plateNo: ''
+        parkId: '',
+        plateNo: '',
+        time: []
       },
       title: ''
     }
   },
   mounted() {
+    this.getParkDic()
     this.getTableData()
   },
   watch: {
   },
   methods: {
+    getParkDic() {
+      api.parkDic().then(res => {
+        this.carOptions = res.data || [];
+      })
+    },
     handlePageChange() {
       this.getTableData()
     },
@@ -102,7 +121,18 @@ export default {
     },
     getTableData() {
       const {pageNum, pageSize} = this
-      api.tcsfztListByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
+      let params = {...this.formInline}
+      if (
+        this.formInline.time && this.formInline.time.length === 2 &&
+        this.formInline.time[1] !== ""
+      ) {
+        this.formInline.time[0] = this.formInline.time[0].substring(0, 10) + " 00:00:00";
+        this.formInline.time[1] = this.formInline.time[1].substring(0, 10) + " 23:59:59";
+        params.startInTime= this.formInline.time[0]
+        params.endInTime = this.formInline.time[1]
+      }
+      delete params.time
+      api.tcsfztListByPage({current: pageNum, size: pageSize, ...params}).then(res => {
         this.tableData = (res.data.records || []).map(item => ({...item, plateColor: dictionary.plateColorMap[item.plateColor]}))
         this.total = res.data.total
       })
@@ -111,6 +141,56 @@ export default {
 }
 </script>
 <style  lang="scss" scoped>
+.body-wrapper {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  background: #0c0c0c;
+
+}
+.model-pie-body {
+  width: 100%;
+  height: 99%;
+}
+
+
+.form-wrapper {
+  margin-bottom: 20px;
+}
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+/deep/ .el-select {
+  height: 40px;
+  .el-input__inner {
+    height: 40px;
+  }
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
+  }
+
+  /* 下面设置右侧按钮居中 */
+  .el-input__suffix {
+    top: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-content: flex-start;
+  }
+  /* 输入框加上上下边是 32px + 2px =34px */
+  .el-input__icon {
+    line-height: 0px;
+  }
+}
+/deep/ .form-wrapper .el-button {
+  background: linear-gradient(90deg,#0158d9,#3c97e4);
+  width: 100px;
+  height: 40px;
+}
 .body-wrapper {
   padding: 20px;
   background: #0c0c0c;
@@ -121,13 +201,12 @@ export default {
   .table-pagination{
     text-align: right;
   }
-  /deep/ .el-input__inner {
-    background: #2d3744;
-    border: none;
-    border-radius: 5px;
-  }
-  /deep/ .form-wrapper .el-button {
-    margin-top: 5px;
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+      width: 36%;
+    }
   }
 }
 .audit-dialog{
@@ -139,11 +218,11 @@ export default {
   }
   .form-div{
     /deep/ .el-input__inner{
-      background: white;
       height: 35px;
       width: 90%;
       border: 1px solid #a6a5a5;
-      color: black;
+      color: #fff;
+      background: #2d3744;
     }
   }
 }

src/pages/index/components/vehicle_violations.vue

@@ -187,12 +187,84 @@ export default {
   height: 100%;
   box-sizing: border-box;
   background: #0c0c0c;
-}
 
+}
 .model-pie-body {
   width: 100%;
   height: 99%;
 }
 
 
+.form-wrapper {
+  margin-bottom: 20px;
+}
+/deep/ .el-input__inner {
+  background: #2d3744;
+  border: none;
+  border-radius: 0;
+}
+/deep/ .el-select {
+  height: 40px;
+  .el-input__inner {
+    height: 40px;
+  }
+  .el-input__prefix, .el-input__suffix {
+    height: 40px;
+  }
+
+  /* 下面设置右侧按钮居中 */
+  .el-input__suffix {
+    top: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    align-content: flex-start;
+  }
+  /* 输入框加上上下边是 32px + 2px =34px */
+  .el-input__icon {
+    line-height: 0px;
+  }
+}
+/deep/ .form-wrapper .el-button {
+  background: linear-gradient(90deg,#0158d9,#3c97e4);
+  width: 100px;
+  height: 40px;
+}
+.body-wrapper {
+  padding: 20px;
+  background: #0c0c0c;
+  .button-block{
+    text-align: right;
+    margin-bottom: 20px;
+  }
+  .table-pagination{
+    text-align: right;
+  }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+      width: 36%;
+    }
+  }
+}
+.audit-dialog{
+  .mg-bt{
+    margin-bottom: 24px;
+  }
+  .label{
+    text-align: right;
+  }
+  .form-div{
+    /deep/ .el-input__inner{
+      height: 35px;
+      width: 90%;
+      border: 1px solid #a6a5a5;
+      color: #fff;
+      background: #2d3744;
+    }
+  }
+}
 </style>

static/mung-local-config.js

@@ -1,7 +1,7 @@
 window.mungConfig = {
   dev: {
-    // BASE_API: "http://localhost:16399/luohe2_ee/api"
-    BASE_API: "https://park.lhzhtc.cn/luohe2_ee/api"
+    BASE_API: "http://localhost:16399/luohe2_ee/api"
+    // BASE_API: "https://park.lhzhtc.cn/luohe2_ee/api"
   },
   build: {
     BASE_API: "https://park.lhzhtc.cn/luohe2_ee/api"