src/components/Home/HeaderNav.vue

src/components/Home/HeaderNav.vue

@@ -33,7 +33,7 @@
 export default {
     data() {
         return {
-            logoTitle: '物业管理系统',
+            logoTitle: '物业与资产管理系统',
             activeIndex: '1'
         }
     },

src/pages/Complaints/index.vue

@@ -1,53 +1,28 @@
 <template>
-  <el-table
-    :data="tableData"
-    border
-    style="width: 100%">
-    <el-table-column
-      fixed
-      prop="address"
-      label="来源"
-      >
-    </el-table-column>
-    <el-table-column
-      prop="name"
-      label="房号"
-      >
-    </el-table-column>
-    <el-table-column
-      prop="province"
-      label="处理方"
-      >
-    </el-table-column>
-    <el-table-column
-      prop="city"
-      label="主体"
-      >
-    </el-table-column>
-    <el-table-column
-      prop="date"
-      label="发表时间"
-      >
-    </el-table-column>
-    <el-table-column
-      prop="zip"
-      label="状态"
-      >
-    </el-table-column>
-    <el-table-column
-      prop="remarks"
-      label="备注"
-      >
-    </el-table-column>
-    <el-table-column
-      fixed="right"
-      label="操作"
-      >
-      <template scope="">
-        <el-button type="text" size="small">编辑</el-button>
-      </template>
-    </el-table-column>
-  </el-table>
+  <div class="app-container">
+    <div class="filter-container">
+       <el-button type="primary">新增</el-button> 
+    </div>
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%"
+      class="center">
+      <el-table-column prop="source" label="来源" align="center"></el-table-column>
+      <el-table-column prop="room" label="房号" align="center"></el-table-column>
+      <el-table-column prop="handler" label="处理方" align="center"></el-table-column>
+      <el-table-column prop="subject" label="主体" align="center"></el-table-column>
+      <el-table-column prop="date" label="发表时间" align="center"></el-table-column>
+      <el-table-column prop="state" label="状态" align="center"></el-table-column>
+      <el-table-column prop="remarks" label="备注" align="center"></el-table-column>
+      <el-table-column fixed="right" label="操作" width="100">
+        <template scope="scope">
+          <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+          <el-button type="text" size="small">编辑</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 <script>
@@ -62,14 +37,27 @@
       return {
         tableData: [{
           date: '2016-05-02',
-          name: '1001',
-          province: '上海',
-          city: '普陀区',
-          address: '上海市普陀区金沙江路 1518 弄',
-          zip: '-',
+          room: '1001',
+          handler: '上海',
+          subject: '普陀区',
+          source: '上海市普陀区金沙江路 1518 弄',
+          state: '已回',
           remarks: '11111'
         }]
       }
     }
   }
-</script>
+</script>
+
+<style scoped>
+.center {
+    text-align: center
+}
+.app-container {
+  padding: 20px;
+}
+.filter-container {
+    text-align: left;
+    margin-bottom: 20px;
+}
+</style>

src/pages/GreenClean/CleaningInspection/index.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+       <el-button type="primary">新增</el-button> 
+    </div>
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%"
+      class="center">
+      <el-table-column type="selection" width="55"></el-table-column>
+      <el-table-column prop="source" label="所属公司" align="center"></el-table-column>
+      <el-table-column prop="date" label="检查时间" align="center"></el-table-column>
+      <el-table-column prop="room" label="检查地段" align="center"></el-table-column>
+      <el-table-column prop="handler" label="检查人" align="center"></el-table-column>
+      <el-table-column prop="subject" label="检查情况" align="center"></el-table-column>
+      <el-table-column prop="state" label="清洁人" align="center"></el-table-column>
+      <el-table-column fixed="right" label="操作" width="100" align="center">
+        <template scope="scope">
+          <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+          <el-button 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',
+          room: '1001',
+          handler: 'admin',
+          subject: '普陀区',
+          source: '上海市普陀区金沙江路 1518 弄',
+          state: 'admin',
+          remarks: '11111'
+        }]
+      }
+    }
+  }
+</script>
+
+<style scoped>
+.center {
+    text-align: center
+}
+.app-container {
+  padding: 20px;
+}
+.filter-container {
+    text-align: left;
+    margin-bottom: 20px;
+}
+</style>

src/pages/GreenClean/GreeningInspection/index.vue

@@ -0,0 +1,64 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+       <el-button type="primary">新增</el-button> 
+    </div>
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%"
+      class="center">
+      <el-table-column type="selection" width="55"></el-table-column>
+      <el-table-column prop="source" label="所属公司" align="center"></el-table-column>
+      <el-table-column prop="date" label="绿化编码" align="center"></el-table-column>
+      <el-table-column prop="date" label="绿化名称" align="center"></el-table-column>
+      <el-table-column prop="room" label="检查时间" align="center"></el-table-column>
+      <el-table-column prop="handler" label="检查情况" align="center"></el-table-column>
+      <el-table-column prop="subject" label="处理情况" align="center"></el-table-column>
+      <el-table-column prop="state" label="检查人" align="center"></el-table-column>
+      <el-table-column fixed="right" label="操作" width="100" align="center">
+        <template scope="scope">
+          <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+          <el-button 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',
+          room: '2016-05-02',
+          handler: '上海',
+          subject: '普陀区',
+          source: '上海市普陀区金沙江路 1518 弄',
+          state: 'admin',
+          remarks: '11111'
+        }]
+      }
+    }
+  }
+</script>
+
+<style scoped>
+.center {
+    text-align: center
+}
+.app-container {
+  padding: 20px;
+}
+.filter-container {
+    text-align: left;
+    margin-bottom: 20px;
+}
+</style>

src/pages/GreenClean/GreeningSettings/index.vue

@@ -0,0 +1,65 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+       <el-button type="primary">新增</el-button> 
+    </div>
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%"
+      class="center">
+      <el-table-column type="selection" width="55"></el-table-column>
+      <el-table-column prop="source" label="所属公司" align="center"></el-table-column>
+    <el-table-column prop="date" label="设置编码" align="center"></el-table-column>
+      <el-table-column prop="date" label="设置名称" align="center"></el-table-column>
+      <el-table-column prop="room" label="面积" align="center"></el-table-column>
+      <el-table-column prop="handler" label="地点" align="center"></el-table-column>
+      <el-table-column prop="subject" label="责任人" align="center"></el-table-column>
+      <el-table-column prop="state" label="绿化时间" align="center"></el-table-column>
+      <el-table-column prop="state" label="主要植被" align="center"></el-table-column>
+      <el-table-column fixed="right" label="操作" width="100" align="center">
+        <template scope="scope">
+          <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
+          <el-button 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: '20160502',
+          room: '1001',
+          handler: '上海',
+          subject: '普陀区',
+          source: '上海市普陀区金沙江路 1518 弄',
+          state: '2016-05-02',
+          remarks: '11111'
+        }]
+      }
+    }
+  }
+</script>
+
+<style scoped>
+.center {
+    text-align: center
+}
+.app-container {
+  padding: 20px;
+}
+.filter-container {
+    text-align: left;
+    margin-bottom: 20px;
+}
+</style>

src/pages/Households/index.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+       <el-button type="primary">新增</el-button> 
+    </div>
+    <el-table
+        :data="tableData"
+        border
+        style="width: 100%"
+        class="center">
+        <el-table-column prop="name" label="名称" align="center"></el-table-column>
+        <el-table-column prop="work" label="工作单位" align="center"></el-table-column>
+        <el-table-column prop="nature" label="工作性质" align="center"></el-table-column>
+        <el-table-column prop="scale" label="单位规模" align="center" ></el-table-column>
+        <el-table-column prop="address" label="单位地址" align="center"></el-table-column>
+        <el-table-column prop="phone" label="电话" align="center"></el-table-column>
+        <el-table-column prop="invoice" label="发票名称" align="center"></el-table-column>
+        <el-table-column prop="taxpayer" label="纳税人识别号" align="center"></el-table-column>
+        <el-table-column prop="invoicing_address" label="开票地址" align="center"></el-table-column>
+        <el-table-column prop="account_phone" label="开户电话" align="center"></el-table-column>
+        <el-table-column prop="account__address" label="开户行地址" align="center"></el-table-column>
+        <el-table-column prop="invoice_bankAccount" label="发票银行账号" align="center"></el-table-column>
+        <el-table-column prop="remake" 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>
+            <el-button 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: [{
+          address: '上海市普陀区金沙江路 1518',
+          name: '1001',
+          nature: '上海',
+          scale: '普陀区',
+          work: '上海市普陀区金沙江路 1518 ',
+          phone: '13456789856',
+          invoice: '11111',
+          taxpayer: '',
+          invoicing_address: '',
+          account_phone: '',
+          account__address: '',
+          invoice_bankAccount: '',
+          remake: ''
+        }]
+      }
+    }
+  }
+</script>
+
+<style scoped>
+.center {
+    text-align: center
+}
+.app-container {
+  padding: 20px;
+}
+.filter-container {
+    text-align: left;
+    margin-bottom: 20px;
+}
+</style>

src/router/index.js

@@ -59,8 +59,13 @@ import DataDictionary           from '@/pages/System/DataDictionary'
 
 import OperationLog             from '@/pages/System/OperationLog'                                      // 操作日志
 
-import Complaints from '@/pages/Complaints/index'
+import Complaints from '@/pages/Complaints/index' // 投诉建议
 
+import Households from '@/pages/Households/index' //住户管理
+
+import CleaningInspection from '@/pages/GreenClean/CleaningInspection/index' //保洁检查
+import GreeningSettings from '@/pages/GreenClean/GreeningSettings/index' //绿化设置
+import GreeningInspection from '@/pages/GreenClean/GreeningInspection/index' //绿化检查
 
 Vue.use( Router )
 
@@ -281,6 +286,32 @@ export default new Router({
                         ContainerView: Complaints
                     }
                 },
+                // 住户管理
+                {
+                    path: '/Households',
+                    components: {
+                        ContainerView: Households
+                    }
+                },
+                // 保洁绿化
+                {
+                    path: '/CleaningInspection',
+                    components: {
+                        ContainerView: CleaningInspection
+                    }
+                },
+                {
+                    path: '/GreeningInspection',
+                    components: {
+                        ContainerView: GreeningInspection
+                    }
+                },
+                {
+                    path: '/GreeningSettings',
+                    components: {
+                        ContainerView: GreeningSettings
+                    }
+                }
             ]
         }
     ]

static/api/viewAPI.json

@@ -247,7 +247,7 @@
                 }
             ]
         }, {
-            "titleName": "投诉建议",
+            "titleName": "投诉管理",
             "iconClass": "settings_applications",
             "middleLink": [
                 {
@@ -256,6 +256,34 @@
                     "breadcrumb": [ "投诉建议" ]
                 }
             ]
+        }, {
+            "titleName": "住户管理",
+            "iconClass": "person",
+            "middleLink": [
+                {
+                    "titleName" : "住户信息",
+                    "url"       : "Households",
+                    "breadcrumb": [ "住户信息" ]
+                }
+            ]
+        }, {
+            "titleName": "保洁绿化",
+            "iconClass": "settings_applications",
+            "middleLink": [
+                {
+                    "titleName" : "保洁检查",
+                    "url"       : "CleaningInspection",
+                    "breadcrumb": [ "保洁绿化", "保洁检查" ]
+                }, {
+                    "titleName" : "绿化设置",
+                    "url"       : "GreeningSettings",
+                    "breadcrumb": [ "保洁绿化", "绿化设置" ]
+                }, {
+                    "titleName" : "绿化检查",
+                    "url"       : "GreeningInspection",
+                    "breadcrumb": [ "保洁绿化", "绿化检查" ]
+                }
+            ]
         }
     ]
 }