commit

src/pages/Architecture/index.vue

@@ -0,0 +1,61 @@
+<template>
+  <div>
+    <el-row type="flex" style="margin-top: 20px">
+      <router-link to="">
+        <el-button class="filter-item blue-black" type="primary">新增</el-button>
+      </router-link>
+    </el-row>
+    <el-table :data="tableData" border style="width: 100%; margin-top: 20px" >
+      <el-table-column prop="address" label="小区" align="center"></el-table-column>
+      <el-table-column prop="name" label="楼栋" align="center"></el-table-column>
+      <el-table-column prop="province" label="单元" align="center"></el-table-column>
+      <el-table-column prop="city" label="房号" align="center"></el-table-column>
+      <el-table-column prop="date" label="电表" align="center"></el-table-column>
+      <el-table-column prop="zip" label="水表" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="业主姓名" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="发票名称" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="联系电话" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="个人住址" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="银行名称" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="开户名" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="银行账号" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="账号类型" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="房屋类型" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="允许银行托盘(是/否)" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="参与收费(是/否)" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="建筑面积m²" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="所属楼层" align="center"></el-table-column>
+      <el-table-column fixed="right" label="操作" align="center">
+        <template scope="scope">
+        <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
+      </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    handleClick(row) {
+      console.log(row);
+    }
+  },
+
+  data() {
+    return {
+      tableData: [
+        {
+          date: "2016-05-02",
+          name: "1001",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1518 弄",
+          zip: "-",
+          remarks: "11111"
+        }
+      ]
+    };
+  }
+};
+</script>

src/pages/Vehicle/index.vue

@@ -0,0 +1,51 @@
+<template>
+  <div>
+    <el-row type="flex" style="margin-top: 20px">
+      <router-link to="">
+        <el-button class="filter-item blue-black" type="primary">新增</el-button>
+      </router-link>
+    </el-row>
+    <el-table :data="tableData" border style="width: 100%; margin-top: 20px" >
+      <el-table-column prop="address" label="车主姓名" align="center"></el-table-column>
+      <el-table-column prop="name" label="联系电话" align="center"></el-table-column>
+      <el-table-column prop="province" label="IC卡号" align="center"></el-table-column>
+      <el-table-column prop="city" label="车辆类型" align="center"></el-table-column>
+      <el-table-column prop="date" label="车牌号" align="center"></el-table-column>
+      <el-table-column prop="zip" label="地址" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="停放位置" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="过期时间" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="备注" align="center"></el-table-column>
+      <el-table-column fixed="right" label="操作" align="center">
+        <template scope="scope">
+        <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
+      </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    handleClick(row) {
+      console.log(row);
+    }
+  },
+
+  data() {
+    return {
+      tableData: [
+        {
+          date: "2016-05-02",
+          name: "1001",
+          province: "上海",
+          city: "普陀区",
+          address: "上海市普陀区金沙江路 1518 弄",
+          zip: "-",
+          remarks: "11111"
+        }
+      ]
+    };
+  }
+};
+</script>

src/router/index.js

@@ -61,6 +61,9 @@ import OperationLog             from '@/pages/System/OperationLog'
 
 import Complaints from '@/pages/Complaints/index'
 
+import Vehicle from '@/pages/Vehicle/index'                                     //车辆管理
+import Architecture from '@/pages/Architecture/index'                                     //车辆管理
+
 
 Vue.use( Router )
 
@@ -135,7 +138,7 @@ export default new Router({
                     components: {
                         ContainerView: WaterFeeEntry
                     }
-                }, 
+                },
                 // 客户管理
                 {
                     path: '/CustomerInformation',
@@ -281,6 +284,20 @@ export default new Router({
                         ContainerView: Complaints
                     }
                 },
+                // 车辆管理
+                {
+                    path: '/Vehicle',
+                    components: {
+                        ContainerView: Vehicle
+                    }
+                },
+                // 房屋架构
+                {
+                    path: '/Architecture',
+                    components: {
+                        ContainerView: Architecture
+                    }
+                },
             ]
         }
     ]

static/api/viewAPI.json

@@ -12,11 +12,11 @@
                         {
                             "titleName"     : "应收查询",
                             "url"           : "RentQuery",
-                            "breadcrumb"    : [ "收费管理", "租金管理", "应收查询" ] 
+                            "breadcrumb"    : [ "收费管理", "租金管理", "应收查询" ]
                         }, {
                             "titleName"     : "租金记录",
                             "url"           : "RentRecord",
-                            "breadcrumb"    : [ "收费管理", "租金管理", "租金记录" ] 
+                            "breadcrumb"    : [ "收费管理", "租金管理", "租金记录" ]
                         }
                     ]
                 }, {
@@ -25,11 +25,11 @@
                         {
                             "titleName"     : "物业费查询",
                             "url"           : "PropertyQuery",
-                            "breadcrumb"    : [ "收费管理", "物业收费", "物业费查询" ] 
+                            "breadcrumb"    : [ "收费管理", "物业收费", "物业费查询" ]
                         }, {
                             "titleName"     : "物业费记录",
                             "url"           : "PropertyRecord",
-                            "breadcrumb"    : [ "收费管理", "物业收费", "物业费记录" ] 
+                            "breadcrumb"    : [ "收费管理", "物业收费", "物业费记录" ]
                         }
                     ]
                 }, {
@@ -38,19 +38,19 @@
                         {
                             "titleName"     : "电费查询",
                             "url"           : "ElectricityBillQuery",
-                            "breadcrumb"    : [ "收费管理", "抄表电费", "电费查询" ] 
+                            "breadcrumb"    : [ "收费管理", "抄表电费", "电费查询" ]
                         }, {
                             "titleName"     : "电费记录",
                             "url"           : "ElectricityBillRecord",
-                            "breadcrumb"    : [ "收费管理", "抄表电费", "电费记录" ] 
+                            "breadcrumb"    : [ "收费管理", "抄表电费", "电费记录" ]
                         }, {
                             "titleName"     : "电费录入",
                             "url"           : "ElectricityBillEntry",
-                            "breadcrumb"    : [ "收费管理", "抄表电费", "电费录入" ] 
+                            "breadcrumb"    : [ "收费管理", "抄表电费", "电费录入" ]
                         }, {
                             "titleName"     : "峰平谷录入",
                             "url"           : "PeakflatvalleyEntry",
-                            "breadcrumb"    : [ "收费管理", "抄表电费", "峰平谷录入" ] 
+                            "breadcrumb"    : [ "收费管理", "抄表电费", "峰平谷录入" ]
                         }
                     ]
                 }, {
@@ -59,15 +59,15 @@
                         {
                             "titleName"     : "水费查询",
                             "url"           : "WaterFeeQuery",
-                            "breadcrumb"    : [ "收费管理", "抄表水费", "水费查询" ] 
+                            "breadcrumb"    : [ "收费管理", "抄表水费", "水费查询" ]
                         }, {
                             "titleName"     : "水费记录",
                             "url"           : "WaterFeeRecord",
-                            "breadcrumb"    : [ "收费管理", "抄表水费", "水费记录" ] 
+                            "breadcrumb"    : [ "收费管理", "抄表水费", "水费记录" ]
                         }, {
                             "titleName"     : "水表录入",
                             "url"           : "WaterFeeEntry",
-                            "breadcrumb"    : [ "收费管理", "抄表水费", "水费录入" ] 
+                            "breadcrumb"    : [ "收费管理", "抄表水费", "水费录入" ]
                         }
                     ]
                 }
@@ -162,7 +162,7 @@
                             "url"           : "WaterFee",
                             "breadcrumb"    : [ "财务管理", "统计报表", "抄表水费" ]
                         }
-                    ]                       
+                    ]
                 }, {
                     "titleName" : "租赁审核",
                     "bottom"    : [
@@ -256,6 +256,26 @@
                     "breadcrumb": [ "投诉建议" ]
                 }
             ]
+        }, {
+            "titleName": "车辆管理",
+            "iconClass": "settings_applications",
+            "middleLink": [
+                {
+                    "titleName" : "车辆管理",
+                    "url"       : "Vehicle",
+                    "breadcrumb": [ "车辆管理" ]
+                }
+            ]
+        }, {
+            "titleName": "房屋架构",
+            "iconClass": "settings_applications",
+            "middleLink": [
+                {
+                    "titleName" : "房屋架构",
+                    "url"       : "Architecture",
+                    "breadcrumb": [ "房屋架构" ]
+                }
+            ]
         }
     ]
-}
+}