配置更改

config/index.js

@@ -8,7 +8,7 @@ module.exports = {
   dev: {
     // Paths
     assetsSubDirectory: "static",
-    assetsPublicPath: "/luohe2",
+    assetsPublicPath: "/luohe_park",
 
     // Various Dev Server settings
     host: '0.0.0.0', // can be overwritten by process.env.HOST
@@ -49,13 +49,13 @@ module.exports = {
     // Paths
     assetsRoot: path.resolve(__dirname, "../dist"),
     assetsSubDirectory: "static",
-    assetsPublicPath: "/luohe2",
+    assetsPublicPath: "/luohe_park/",
 
     /**
      * Source Maps
      */
 
-    productionSourceMap: true,
+    productionSourceMap: false,
     // https://webpack.js.org/configuration/devtool/#production
     devtool: "#source-map",
 

src/pages/index/components/record_query.vue

@@ -283,7 +283,6 @@ export default {
   }
 }
 .body-wrapper {
-  width: 100%;
   padding: 20px;
   .button-block{
     text-align: right;

src/pages/index/components/static_resource.vue

@@ -1,118 +1,126 @@
 <template>
   <div class="body-wrapper">
-    <div class="search-card">
-      <h5 style="margin-bottom: 10px">车场查询</h5>
-      <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入车场名称">
-        <el-button slot="append" icon="el-icon-search"  @click="getTableData"></el-button>
-      </el-input>
-    </div>
-    <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>
-    </el-table>
-    <div class="table-pagination">
-      <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="getTableData"
-                     :current-page.sync="pageNum" :page-size.sync="pageSize">
-      </el-pagination>
-    </div>
-
-    <div class="search-card">
-      <h5 style="margin-bottom: 10px">泊位查询</h5>
-      <el-input class="input-wrapper" v-model="searchWords2" placeholder="请输入泊位编号">
-        <el-button slot="append" icon="el-icon-search"  @click="getTableData2"></el-button>
-      </el-input>
-    </div>
-    <el-table :data="tableData2" style="background: #2a2a2a;border-color: #333;">
-      <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
-      </el-table-column>
-    </el-table>
-    <div class="table-pagination">
-      <el-pagination :background="false" layout="total, prev, pager, next" :total="total2" @current-change="getTableData2"
-                     :current-page.sync="pageNum2" :page-size.sync="pageSize2">
-      </el-pagination>
-    </div>
-
-    <div class="search-card">
-      <h5 style="margin-bottom: 10px">监控查询</h5>
-      <el-input class="input-wrapper" v-model="searchWords3" placeholder="请输入监控编号">
-        <el-button slot="append" icon="el-icon-search"  @click="getTableData3"></el-button>
-      </el-input>
-    </div>
-    <el-table :data="tableData3" style="background: #2a2a2a;border-color: #333;">
-      <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
-      </el-table-column>
-    </el-table>
-    <div class="table-pagination">
-      <el-pagination :background="false" layout="total, prev, pager, next" :total="total3" @current-change="getTableData3"
-                     :current-page.sync="pageNum3" :page-size.sync="pageSize3">
-      </el-pagination>
-    </div>
-
-    <div class="search-card">
-      <h5 style="margin-bottom: 10px">设备查询</h5>
-      <el-input class="input-wrapper" v-model="searchWords4" placeholder="请输入设备编号">
-        <el-button slot="append" icon="el-icon-search"  @click="getTableData4"></el-button>
-      </el-input>
-    </div>
-    <el-table :data="tableData4" style="background: #2a2a2a;border-color: #333;">
-      <el-table-column v-for="(item, index) in columns4" :key="index" :label="item.label" :prop="item.key">
-      </el-table-column>
-    </el-table>
-    <div class="table-pagination">
-      <el-pagination :background="false" layout="total, prev, pager, next" :total="total4" @current-change="getTableData4"
-                     :current-page.sync="pageNum4" :page-size.sync="pageSize4">
-      </el-pagination>
-    </div>
-
-    <div class="search-card">
-      <h5 style="margin-bottom: 10px">单位查询</h5>
-      <el-input class="input-wrapper" v-model="searchWords5" placeholder="请输入单位名称">
-        <el-button slot="append" icon="el-icon-search"  @click="getTableData5"></el-button>
-      </el-input>
-    </div>
-    <el-table :data="tableData5" style="background: #2a2a2a;border-color: #333;">
-      <el-table-column v-for="(item, index) in columns5" :key="index" :label="item.label" :prop="item.key">
-      </el-table-column>
-    </el-table>
-    <div class="table-pagination">
-      <el-pagination :background="false" layout="total, prev, pager, next" :total="total5" @current-change="getTableData5"
-                     :current-page.sync="pageNum5" :page-size.sync="pageSize5">
-      </el-pagination>
-    </div>
-
-    <div class="search-card">
-      <h5 style="margin-bottom: 10px">备案资源查询</h5>
-      <el-input class="input-wrapper" v-model="searchWords6" placeholder="请输入备案单位名称">
-        <el-button slot="append" icon="el-icon-search"  @click="getTableData6"></el-button>
-      </el-input>
-    </div>
-    <el-table :data="tableData6" style="background: #2a2a2a;border-color: #333;">
-      <el-table-column v-for="(item, index) in columns6" :key="index" :label="item.label" :prop="item.key">
-      </el-table-column>
-    </el-table>
-    <div class="table-pagination">
-      <el-pagination :background="false" layout="total, prev, pager, next" :total="total6" @current-change="getTableData6"
-                     :current-page.sync="pageNum6" :page-size.sync="pageSize6">
-      </el-pagination>
-    </div>
-
-    <div class="search-card">
-      <h5 style="margin-bottom: 10px">普查资源查询</h5>
-      <el-input class="input-wrapper" v-model="searchWords7" placeholder="请输车场名称">
-        <el-button slot="append" icon="el-icon-search"  @click="getTableData7"></el-button>
-      </el-input>
-    </div>
-    <el-table :data="tableData7" style="background: #2a2a2a;border-color: #333;">
-      <el-table-column v-for="(item, index) in columns7" :key="index" :label="item.label" :prop="item.key">
-      </el-table-column>
-    </el-table>
-    <div class="table-pagination">
-      <el-pagination :background="false" layout="total, prev, pager, next" :total="total7" @current-change="getTableData7"
-                     :current-page.sync="pageNum7" :page-size.sync="pageSize7">
-      </el-pagination>
-    </div>
-
-
+    <el-tabs  v-model="activeName">
+      <el-tab-pane label="车场查询" name="车场查询">
+        <div class="search-card">
+          <h5 style="margin-bottom: 10px">车场查询</h5>
+          <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入车场名称">
+            <el-button slot="append" icon="el-icon-search"  @click="getTableData"></el-button>
+          </el-input>
+        </div>
+        <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>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total" @current-change="getTableData"
+                         :current-page.sync="pageNum" :page-size.sync="pageSize">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="泊位查询" name="泊位查询">
+        <div class="search-card">
+          <h5 style="margin-bottom: 10px">泊位查询</h5>
+          <el-input class="input-wrapper" v-model="searchWords2" placeholder="请输入泊位编号">
+            <el-button slot="append" icon="el-icon-search"  @click="getTableData2"></el-button>
+          </el-input>
+        </div>
+        <el-table :data="tableData2" style="background: #2a2a2a;border-color: #333;">
+          <el-table-column v-for="(item, index) in columns2" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total2" @current-change="getTableData2"
+                         :current-page.sync="pageNum2" :page-size.sync="pageSize2">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="监控查询" name="监控查询">
+        <div class="search-card">
+          <h5 style="margin-bottom: 10px">监控查询</h5>
+          <el-input class="input-wrapper" v-model="searchWords3" placeholder="请输入监控编号">
+            <el-button slot="append" icon="el-icon-search"  @click="getTableData3"></el-button>
+          </el-input>
+        </div>
+        <el-table :data="tableData3" style="background: #2a2a2a;border-color: #333;">
+          <el-table-column v-for="(item, index) in columns3" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total3" @current-change="getTableData3"
+                         :current-page.sync="pageNum3" :page-size.sync="pageSize3">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="设备查询" name="设备查询">
+        <div class="search-card">
+          <h5 style="margin-bottom: 10px">设备查询</h5>
+          <el-input class="input-wrapper" v-model="searchWords4" placeholder="请输入设备编号">
+            <el-button slot="append" icon="el-icon-search"  @click="getTableData4"></el-button>
+          </el-input>
+        </div>
+        <el-table :data="tableData4" style="background: #2a2a2a;border-color: #333;">
+          <el-table-column v-for="(item, index) in columns4" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total4" @current-change="getTableData4"
+                         :current-page.sync="pageNum4" :page-size.sync="pageSize4">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="单位查询" name="单位查询">
+        <div class="search-card">
+          <h5 style="margin-bottom: 10px">单位查询</h5>
+          <el-input class="input-wrapper" v-model="searchWords5" placeholder="请输入单位名称">
+            <el-button slot="append" icon="el-icon-search"  @click="getTableData5"></el-button>
+          </el-input>
+        </div>
+        <el-table :data="tableData5" style="background: #2a2a2a;border-color: #333;">
+          <el-table-column v-for="(item, index) in columns5" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total5" @current-change="getTableData5"
+                         :current-page.sync="pageNum5" :page-size.sync="pageSize5">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="备案资源查询" name="备案资源查询">
+        <div class="search-card">
+          <h5 style="margin-bottom: 10px">备案资源查询</h5>
+          <el-input class="input-wrapper" v-model="searchWords6" placeholder="请输入备案单位名称">
+            <el-button slot="append" icon="el-icon-search"  @click="getTableData6"></el-button>
+          </el-input>
+        </div>
+        <el-table :data="tableData6" style="background: #2a2a2a;border-color: #333;">
+          <el-table-column v-for="(item, index) in columns6" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total6" @current-change="getTableData6"
+                         :current-page.sync="pageNum6" :page-size.sync="pageSize6">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="普查资源查询" name="普查资源查询">
+        <div class="search-card">
+          <h5 style="margin-bottom: 10px">普查资源查询</h5>
+          <el-input class="input-wrapper" v-model="searchWords7" placeholder="请输车场名称">
+            <el-button slot="append" icon="el-icon-search"  @click="getTableData7"></el-button>
+          </el-input>
+        </div>
+        <el-table :data="tableData7" style="background: #2a2a2a;border-color: #333;">
+          <el-table-column v-for="(item, index) in columns7" :key="index" :label="item.label" :prop="item.key">
+          </el-table-column>
+        </el-table>
+        <div class="table-pagination">
+          <el-pagination :background="false" layout="total, prev, pager, next" :total="total7" @current-change="getTableData7"
+                         :current-page.sync="pageNum7" :page-size.sync="pageSize7">
+          </el-pagination>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
   </div>
 </template>
 <script>
@@ -123,6 +131,7 @@ export default {
   components: {},
   data() {
     return {
+      activeName:'车场查询',
       columns: [
         {
           label: '车场名称',

src/router/index.js

@@ -10,7 +10,7 @@ Vue.use(Router);
 
 export default new Router({
   mode: 'history',
-  base: '/luohe2',
+  base: '/luohe_park',
   routes: [
     { path: "/", redirect: "/static_resource" },
     {