提交

VUECODE/smart-property-manage/src/router/index.js

@@ -299,6 +299,20 @@ export const constantRouterMap = [
         component: () => import('@/views/systemResources/app/index'),
         name: 'app-index',
         meta: { title: 'APP配置', icon: 'table' }
+      },
+      {
+        path: '/systemResources/app/property/add/index',
+        component: () => import('@/views/systemResources/app/property/add/index'),
+        name: 'property-add-index',
+        hidden: true,
+        meta: { title: '添加物业号码', icon: 'table' }
+      },
+      {
+        path: '/systemResources/app/property/add/index',
+        component: () => import('@/views/systemResources/app/property/edi/index'),
+        name: 'property-edi-index',
+        hidden: true,
+        meta: { title: '修改物业号码', icon: 'table' }
       }
     ]
   }

VUECODE/smart-property-manage/src/views/systemResources/app/index.vue

@@ -3,7 +3,53 @@
     <el-tabs v-model="activeName2" type="card" @tab-click="handleClick">
       <el-tab-pane label="banner轮播" name="banner">banner轮播</el-tab-pane>
       <el-tab-pane label="首页功能按钮" name="homeIndex">首页功能按钮</el-tab-pane>
-      <el-tab-pane label="物业号码" name="property">物业号码</el-tab-pane>
+      <el-tab-pane label="物业号码" name="property">
+        <el-form :model="formInline" inline="true" class="form-inline">
+          <el-form-item label="名称">
+            <el-input v-model="formInline.name" placeholder="名称"/>
+          </el-form-item>
+          <el-form-item label="号码">
+            <el-input v-model="formInline.tel" placeholder="号码"/>
+          </el-form-item>
+          <el-form-item label="备注">
+            <el-input v-model="formInline.remark" placeholder="备注"/>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="onSubmit">查询</el-button>
+          </el-form-item>
+        </el-form>
+        <div style="margin-left: 20px;">
+          <el-button type="primary" @click="add">添加</el-button>
+          <el-button type="warning">修改</el-button>
+          <el-button type="danger">删除</el-button>
+        </div>
+        <el-table
+          ref="multipleTable"
+          :data="propertyList"
+          border
+          tooltip-effect="dark"
+          style="width: 100%; margin-top: 20px;"
+          @selection-change="handleSelectionChange">
+          <el-table-column
+            type="selection"
+            width="55"/>
+          <el-table-column
+            prop="name"
+            label="名称"/>
+          <el-table-column
+            prop="tel"
+            label="号码"/>
+          <el-table-column
+            prop="remark"
+            label="备注"/>
+          <el-table-column
+            prop="updateName"
+            label="编辑人"/>
+          <el-table-column
+            prop="updateDate"
+            label="编辑时间"/>
+        </el-table>
+      </el-tab-pane>
     </el-tabs>
   </div>
 </template>
@@ -13,17 +59,34 @@ export default {
   name: 'Index',
   data() {
     return {
-      activeName2: 'banner' // 默认banner选项卡
+      activeName2: 'banner', // 默认banner选项卡
+      formInline: {
+        name: '',
+        tel: '',
+        remark: ''
+      },
+      propertyList: [] // 物业数据列表
     }
   },
   methods: {
     handleClick(tab, event) {
       console.log(tab, event)
+    },
+    onSubmit() {
+      console.log('submit!')
+    },
+    handleSelectionChange(val) {
+      console.log(val)
+    },
+    add() { // 跳转添加物业号码
+      this.$router.push({ name: 'property-add-index' })
     }
   }
 }
 </script>
 
 <style scoped>
-
+.form-inline {
+  margin-left: 20px;
+}
 </style>

VUECODE/smart-property-manage/src/views/systemResources/app/property/add/index.vue

@@ -0,0 +1,34 @@
+<template>
+  <div id="root">
+    <el-form ref="form" :model="formInline" label-width="80px" class="form-class">
+      <el-form-item label="名称">
+        <el-input v-model="form.name"/>
+      </el-form-item>
+      <el-form-item label="号码">
+        <el-input v-model="form.tel"/>
+      </el-form-item>
+      <el-form-item label="备注">
+        <el-input v-model="form.remark"/>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Index',
+  formInline: {
+    name: '',
+    tel: '',
+    remark: ''
+  }
+}
+</script>
+
+<style scoped>
+.form-class {
+  width: 300px;
+  margin-left: auto;
+  margin-right: auto;
+}
+</style>

VUECODE/smart-property-manage/src/views/systemResources/app/property/edi/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <div id="root">
+    修改物业号码
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Index'
+}
+</script>
+
+<style scoped>
+
+</style>