增加页面

src/components/busManagement/AreaandType.vue

+<style>
+    .BusAddArea{
+        width:100%;
+        text-align: right;
+        margin-bottom:25px;
+    }
+</style>
+<template>
+  <div class="flexOne AreaandType">
+    <div class="query-box">
+      <ul class="user_time_picker">
+        <li>
+          <input type="button" class="normalBtn" @click="outerVisible=true,addAreaType()" :value="$t('pub.addBtn')">
+        </li>
+      </ul>
+    </div>
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loadingArea">
+      <tr>
+        <th width="400">地区</th>
+        <th>操作人</th>
+        <th>操作时间</th>
+        <th>操作</th>
+      </tr>
+      <tr>
+          <td>大众化</td>
+          <td>张三丰</td>
+          <td>2012-10-25</td>
+          <td>
+            <el-button type="primary" icon="el-icon-edit" circle></el-button>
+          </td>
+      </tr>
+    </table>
+    <el-pagination
+      background
+      @current-change="AreaCurrentChange"
+      :current-page.sync="currentPage"
+      layout="total,prev, pager, next, jumper"
+      :page-size="Areamsg.pageSize"
+      :total="totalArea"
+    ></el-pagination>
+    
+    <div class="BusAddArea">
+        <input type="button" class="normalBtn" @click="outerVisible=true" :value="$t('pub.addBtn')">
+    </div>
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
+      <tr>
+        <th width="400">车辆类型</th>
+        <th>操作人</th>
+        <th>操作时间</th>
+        <th>操作</th>
+      </tr>
+      <tr>
+          <td>大众化</td>
+          <td>张三丰</td>
+          <td>2012-10-25</td>
+          <td>
+            <el-button type="primary" icon="el-icon-edit" circle></el-button>
+          </td>
+      </tr>
+    </table>
+    <el-pagination
+      background
+      @current-change="BusCurrentChange"
+      :current-page.sync="currentPage"
+      layout="total,prev, pager, next, jumper"
+      :page-size="BusTypeMsg.pageSize"
+      :total="totalBus"
+    ></el-pagination>
+
+
+    <el-dialog
+      custom-class="w400"
+      :title="dialogTitle"
+      :visible.sync="outerVisible"
+      center
+      :before-close="closeChangeMachie"
+    >
+      <el-form label-width="100px">
+        <table class="layerTable layerNoIcon">
+          <tr>
+            <td>
+              <el-form-item label="名称">
+                <el-input v-model="CommonName" class="w217"/>
+              </el-form-item>
+            </td>
+          </tr>
+        </table>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <button class="hollowFixedBtn" @click="outerVisible = false">{{$t('pub.cancelBtn')}}</button> &nbsp;
+        <button class="normalBtn" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button>
+      </div>
+    </el-dialog>
+
+</div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      currentPage:1,
+      //地区总计
+      totalArea:0,
+      //车辆总计
+      totalBus:0,  
+      outerVisible:false,
+      dialogTitle:'新增',
+      loadingArea:false,
+      commonType:0,
+      //地区请求参数
+      Areamsg: {
+        Type:1,
+        pageIndex:1,
+        pageSize:15
+      },
+      //车辆类型
+      BusTypeMsg:{
+        Type:2,
+        pageIndex:1,
+        pageSize:15
+      },
+      AreaDataList:[],
+      BusTypeDataList:[],
+
+      CommonName:'',
+      //新增地区
+      addAreaMsg:{
+        Type:1,
+        Name:''
+      },
+      //新增车辆类型
+      addBusType:{
+        Type:2,
+        Name:'',
+      }
+    };
+  },
+  mounted() {
+      this.getAreaData();
+  },
+  filters: {
+  },
+  methods: {
+    //地区翻页
+    AreaCurrentChange(){
+
+    },
+    //车辆类型翻页
+    BusCurrentChange(){
+
+    },
+    closeChangeMachie(done) {
+      //弹出框关闭初始化弹框内表单
+      done();
+      this.resetForm("addMsg");
+    },
+    submitForm(addMsg) {
+      //提交创建、修改表单
+      this.$refs[addMsg].validate(valid => {
+        if (valid) {
+            // this.addDraw();
+        } else {
+          return false;
+        }
+      });
+    },
+    //获取地区数据
+    getAreaData(){
+        this.apipost('bus_get_GetBusAreaTypePageListService ', this.Areamsg,
+          res => {
+              console.log(res,'ressssss');
+            if (res.data.resultCode == 1) {
+              //this.companyList = res.data.data
+            }else{
+                this.Error(res.data.message);
+            }
+          },
+          err => {}
+        )
+    },
+    //新增地区
+    addAreaType(){
+        this.outerVisible=true;
+        this.commonType=1;
+    }
+  }
+};
+</script>
\ No newline at end of file

src/router/config.js

@@ -1816,6 +1816,15 @@ export default {
                                 title: '车辆报价'
                             },
                         }, 
+                        {
+                            path: '/AreaandType', //车辆地区和车辆类型
+                            name: 'AreaandType',
+                            component: resolve => require(['@/components/busManagement/AreaandType'], resolve),
+                            meta: {
+                                title: '车辆地区和车辆类型'
+                            },
+
+                        },
                         {
                             path: '/busUsePriceDetails', //车辆报价详情
                             name: 'busUsePriceDetails',