合并

list.vue

@@ -0,0 +1,134 @@
+<template>
+  <div id="root">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline">
+      <el-form-item label="预约人姓名">
+        <el-input v-model="formInline.personName" placeholder="预约人姓名"></el-input>
+      </el-form-item>
+      <el-form-item label="预约人电话">
+        <el-input v-model="formInline.phone" placeholder="预约人电话"></el-input>
+      </el-form-item>   
+      <el-form-item label="车牌号">
+        <el-input v-model="formInline.platNumber" placeholder="车牌号"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+     :data="visitorList.records"
+    border>
+    <el-table-column
+      prop="personName"
+      label="预约人姓名"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="phone"
+      label="预约人电话">
+    </el-table-column>
+    <el-table-column
+      prop="visitDate"
+      label="到访时间">
+       <template slot-scope="scope">
+        <span>{{FormatDate(scope.row.visitDate)}}</span>
+      </template>
+    </el-table-column>
+
+    <el-table-column
+      prop="personNum"
+      label="来访人数">
+    </el-table-column>
+    <el-table-column
+      prop="carNum"
+      label="车辆数目">
+    </el-table-column>
+    <el-table-column
+      prop="platNumber"
+      label="车牌号">
+    </el-table-column>
+    <el-table-column
+      prop="createDate"
+      value-format="yyyy-MM-dd"
+      label="创建时间">
+      <template slot-scope="scope">
+        <span>{{FormatDate(scope.row.createDate)}}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+      prop="remark"
+      label="备注">
+    </el-table-column>
+  </el-table>
+    <el-pagination
+            style="margin-top:50px;float:right"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="formInline.pageNum"
+            :page-sizes="[1,10, 20, 30, 40]"
+            :page-size="formInline.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="visitorList.total || 0">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex'
+const {mapState: mapVisitorState, mapActions: mapVisitorActions } = createNamespacedHelpers('visitor')
+
+export default {
+  name: 'visitor-index',
+  data() {
+    return {
+      formInline: {
+        personName: '',
+        phone: '',
+        platNumber: '',
+        pageNum: 1,
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    ...mapVisitorState({
+     visitorList: x => x.safety
+    })
+  },
+  created() {
+    this.getPage()
+  },
+  methods: {
+    ...mapVisitorActions([
+      'getVisitor'
+    ]),
+    onSubmit() {
+      this.getPage()
+    },
+    getPage() {
+      this.getVisitor(this.formInline)
+      // window.console.log(this.$store)
+      // this.$store.commit('security/foo')
+      // this.$store.dispatch('security/getSecurity')
+      // this.$store.commit('security/foo')
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`)
+      this.formInline.pageSize = val
+      this.getPage()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`)
+      this.formInline.pageNum = val
+      this.getPage()
+    },
+    FormatDate (date) {
+      if (date) {
+        return date.split('T')[0] === '0001-01-01' ? '' : date.split('T')[0] + '  ' + date.split('T')[1]
+      } else {
+        return ''
+      }
+    },
+  }
+}
+</script>
+

src/config/api.js

@@ -250,7 +250,26 @@ const apis = {
       method: 'get',
       url: `${commPrefix}/carRecord`
     }
+  },
+  security: {
+    list: {
+      method: 'get',
+      url: `${commPrefix}/firstUsherRecord`
+    }
+  },
+  visitor: {
+    list: {
+      method: 'get',
+      url: `${commPrefix}/visitorAppointmentList`
+    }
+  },
+  lobby: {
+    list: {
+      method: 'get',
+      url: `${commPrefix}/mainUsherRecord`
+    }
   }
+
 }
 
 export default apis

src/store/index.js

@@ -12,6 +12,9 @@ import sysparam from './modules/sysparam'
 import sysuser from './modules/sysuser'
 import stats from './modules/stats'
 import cart from './modules/cart'
+import security from './modules/security'
+import visitor from './modules/visitor' 
+import lobby from './modules/lobby'
 
 Vue.use(Vuex)
 
@@ -28,7 +31,10 @@ const store = new Vuex.Store({
     sysparam,
     sysuser,
     stats,
-    cart
+    cart,
+    security,
+    visitor,
+    lobby
   }
 })
 

src/store/modules/lobby.js

@@ -0,0 +1,23 @@
+import lodash from 'lodash'
+import { interact } from '../../utils'
+import apis from '../../config/api'
+
+export default {
+  namespaced: true,
+  state: {
+    safety : {}
+  },
+  mutations: {
+    updateSafety(state, payload) {
+      state.safety  = payload || {}
+    }
+  },
+  actions: {
+    getLobby({ commit }, payload) { // 查询所有
+      const api = lodash.get(apis, 'lobby.list')
+      interact(api, payload).then((data) => {
+        commit('updateSafety', data)
+      })
+    }
+  }
+}

src/store/modules/security.js

@@ -0,0 +1,23 @@
+import lodash from 'lodash'
+import { interact } from '../../utils'
+import apis from '../../config/api'
+
+export default {
+  namespaced: true,
+  state: {
+    safety : {}
+  },
+  mutations: {
+    updateSafety(state, payload) {
+      state.safety  = payload || {}
+    }
+  },
+  actions: {
+    getSecurity({ commit }, payload) { // 查询所有
+      const api = lodash.get(apis, 'security.list')
+      interact(api, payload).then((data) => {
+        commit('updateSafety', data)
+      })
+    }
+  }
+}

src/store/modules/visitor.js

@@ -0,0 +1,23 @@
+import lodash from 'lodash'
+import { interact } from '../../utils'
+import apis from '../../config/api'
+
+export default {
+  namespaced: true,
+  state: {
+    safety : {}
+  },
+  mutations: {
+    updateSafety(state, payload) {
+      state.safety  = payload || {}
+    }
+  },
+  actions: {
+    getVisitor({ commit }, payload) { // 查询所有
+      const api = lodash.get(apis, 'visitor.list')
+      interact(api, payload).then((data) => {
+        commit('updateSafety', data)
+      })
+    }
+  }
+}

src/views/index.js

@@ -117,8 +117,35 @@ const pages = [
           title: '访客车辆记录',
         },
       },
+      {
+        path: 'visitor',
+        name: 'visitor',
+        component: () => import('./visitor/list.vue'),
+        meta: {
+          menuShow: true,
+          title: '访客预约信息',
+        },
+      },
     ]
   },
+  {
+    path: 'security',
+    name: 'securitylist',
+    component: () => import('./security/list.vue'),
+    meta: {
+      menuShow: true,
+      title: '安保记录',
+    },
+  },
+  {
+    path: 'lobby',
+    name: 'lobby',
+    component: () => import('./lobby/list.vue'),
+    meta: {
+      menuShow: true,
+      title: '大厅迎宾列表',
+    },
+  },
   {
     path: 'person',
     name: 'personlist',

src/views/lobby/list.vue

@@ -0,0 +1,166 @@
+<template>
+  <div id="root">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline">
+      <el-form-item label="来访人电话">
+        <el-input v-model="formInline.phone" placeholder="预约人电话"></el-input>
+      </el-form-item>   
+      <el-form-item label="来访人车牌号">
+        <el-input v-model="formInline.platNumber" placeholder="车牌号"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+    :data="lobbyList.records"
+    border>
+    <el-table-column
+      prop="recId"
+      label="来访人员ID">
+    </el-table-column>
+    <el-table-column
+      prop="personName"
+      label="来访人员">
+    </el-table-column>
+    <el-table-column
+      prop="visiteDate"
+      label="来访时间">
+       <template slot-scope="scope">
+        <span>{{FormatDate(scope.row.visitDate)}}</span>
+      </template>
+    </el-table-column>
+
+    <el-table-column
+      prop="phone"
+      label="来访手机">
+    </el-table-column>
+    <el-table-column
+      prop="sex"
+      label="性别">
+    </el-table-column>
+    <el-table-column
+      prop="personNum"
+      label="来访人数">
+    </el-table-column>
+    <el-table-column
+      prop="createDate"
+      value-format="yyyy-MM-dd"
+      label="创建时间">
+      <template slot-scope="scope">
+        <span>{{FormatDate(scope.row.createDate)}}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+      prop="consultantId"
+      label="分配置业ID">
+    </el-table-column>
+    <el-table-column
+      prop="realtyConsultant"
+      label="分配置业">
+    </el-table-column>
+    <el-table-column
+      prop="appointment"
+      label="是否预约">
+    </el-table-column>
+    <el-table-column
+      prop="carModel"
+      label="车型">
+    </el-table-column>
+    <el-table-column
+      prop="plateNumber"
+      label="车牌">
+    </el-table-column>
+    <el-table-column
+      prop="carModel"
+      label="车型">
+    </el-table-column>
+    <el-table-column
+      prop="color"
+      label="颜色">
+    </el-table-column>
+    <el-table-column
+      prop="carImage"
+      label="车辆图片">
+    </el-table-column>
+    <el-table-column
+      prop="channel"
+      label="来访渠道">
+    </el-table-column>
+    <el-table-column
+      prop="purpose"
+      label="来访目的">
+    </el-table-column>
+  </el-table>
+    <el-pagination
+            style="margin-top:50px;float:right"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="formInline.pageNum"
+            :page-sizes="[1,10, 20, 30, 40]"
+            :page-size="formInline.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="lobbyList.total || 0">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex'
+const {mapState: mapLobbyState, mapActions: mapLobbyActions } = createNamespacedHelpers('lobby')
+
+export default {
+  name: 'visitor-index',
+  data() {
+    return {
+      formInline: {
+        personName: '',
+        phone: '',
+        platNumber: '',
+        pageNum: 1,
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    ...mapLobbyState({
+    lobbyList: x => x.safety
+    })
+  },
+  created() {
+    this.getPage()
+  },
+  methods: {
+    ...mapLobbyActions([
+      'getLobby'
+    ]),
+    onSubmit() {
+      this.getPage()
+    },
+    getPage() {
+      this.getLobby(this.formInline)
+      // window.console.log(this.$store)
+      // this.$store.commit('security/foo')
+      // this.$store.dispatch('security/getSecurity')
+      // this.$store.commit('security/foo')
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`)
+      this.formInline.pageSize = val
+      this.getPage()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`)
+      this.formInline.pageNum = val
+      this.getPage()
+    },
+    FormatDate (date) {
+      if (date) {
+        return date.split('T')[0] === '0001-01-01' ? '' : date.split('T')[0] + '  ' + date.split('T')[1]
+      } else {
+        return ''
+      }
+    },
+  }
+}
+</script>
+

src/views/security/list.vue

@@ -0,0 +1,151 @@
+<template>
+  <div id="root">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline">
+      <el-form-item label="车牌">
+        <el-input v-model="formInline.plateNumber" placeholder="车牌"></el-input>
+      </el-form-item>
+      <el-form-item label="来访时间">
+        <el-date-picker
+                v-model="formInline.visiteDate"
+                type="date"
+                value-format="yyyy-MM-dd"
+                placeholder="来访时间">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+            :data="securityList.records"
+            border
+            style="width: 100%">
+      <!-- <el-table-column
+              prop="recId"
+              label="序号"
+              width="180"/> -->
+      <el-table-column
+              prop="plateNumber"
+              label="车牌"/>
+      <el-table-column
+              prop="carModel"
+              label="车型">
+      </el-table-column>
+      <el-table-column
+              prop="color"
+              label="颜色"/>
+      <el-table-column
+              prop="personNum"
+              label="人数"/>
+      <el-table-column
+              prop="appointment"
+              label="是否预约">
+              <template slot-scope="scope">
+                <span>{{scope.row.appointment =true? '是':'否' }}</span>
+              </template>
+      </el-table-column>
+      <el-table-column
+              prop="appointment"
+              label="来访时间">
+              <template slot-scope="scope">
+                <span>{{FormatDate(scope.row.visiteDate)}}</span>
+              </template>
+      </el-table-column>
+      <el-table-column
+              prop="channel"
+              label="车型">
+      </el-table-column>
+      <el-table-column
+              prop="purpose"
+              label="来访目的">
+      </el-table-column>
+      <el-table-column
+              prop="carImage"
+              label="车辆图片">
+              <template slot-scope="scope">
+              <el-image
+                  style="width: 100px; height: 100px"
+                  :src="scope.row.carImage"
+                  fit="fill"></el-image>
+              </template>
+      </el-table-column>
+       <el-table-column
+              prop="personName"
+              label="来访人">
+      </el-table-column>
+    </el-table>
+    <el-pagination
+            style="margin-top:50px;float:right"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="formInline.pageNum"
+            :page-sizes="[1,10, 20, 30, 40]"
+            :page-size="formInline.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="securityList.total || 0">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex'
+const {mapState: mapSecurityState, mapActions: mapSecurityActions } = createNamespacedHelpers('security')
+
+export default {
+  name: 'security-index',
+  data() {
+    return {
+      formInline: {
+        plateNumber: '',
+        recId: '',
+        visiteDate: '',
+        customerName: '',
+        phone: '',
+        pageNum: 1,
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    ...mapSecurityState({
+     securityList: x => x.safety
+    })
+  },
+  created() {
+    this.getPage()
+  },
+  methods: {
+    ...mapSecurityActions([
+      'getSecurity'
+    ]),
+    onSubmit() {
+      this.getPage()
+    },
+    getPage() {
+      this.getSecurity(this.formInline)
+      // window.console.log(this.$store)
+      // this.$store.commit('security/foo')
+      // this.$store.dispatch('security/getSecurity')
+      // this.$store.commit('security/foo')
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`)
+      this.formInline.pageSize = val
+      this.getPage()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`)
+      this.formInline.pageNum = val
+      this.getPage()
+    },
+    FormatDate (date) {
+      if (date) {
+        return date.split('T')[0] === '0001-01-01' ? '' : date.split('T')[0] + '  ' + date.split('T')[1]
+      } else {
+        return ''
+      }
+    },
+  }
+}
+</script>
+

src/views/visitor/list.vue

@@ -0,0 +1,134 @@
+<template>
+  <div id="root">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline">
+      <el-form-item label="预约人姓名">
+        <el-input v-model="formInline.personName" placeholder="预约人姓名"></el-input>
+      </el-form-item>
+      <el-form-item label="预约人电话">
+        <el-input v-model="formInline.phone" placeholder="预约人电话"></el-input>
+      </el-form-item>   
+      <el-form-item label="车牌号">
+        <el-input v-model="formInline.platNumber" placeholder="车牌号"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+     :data="visitorList.records"
+    border>
+    <el-table-column
+      prop="personName"
+      label="预约人姓名"
+      width="180">
+    </el-table-column>
+    <el-table-column
+      prop="phone"
+      label="预约人电话">
+    </el-table-column>
+    <el-table-column
+      prop="visitDate"
+      label="到访时间">
+       <template slot-scope="scope">
+        <span>{{FormatDate(scope.row.visitDate)}}</span>
+      </template>
+    </el-table-column>
+
+    <el-table-column
+      prop="personNum"
+      label="来访人数">
+    </el-table-column>
+    <el-table-column
+      prop="carNum"
+      label="车辆数目">
+    </el-table-column>
+    <el-table-column
+      prop="platNumber"
+      label="车牌号">
+    </el-table-column>
+    <el-table-column
+      prop="createDate"
+      value-format="yyyy-MM-dd"
+      label="创建时间">
+      <template slot-scope="scope">
+        <span>{{FormatDate(scope.row.createDate)}}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+      prop="remark"
+      label="备注">
+    </el-table-column>
+  </el-table>
+    <el-pagination
+            style="margin-top:50px;float:right"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            :current-page="formInline.pageNum"
+            :page-sizes="[1,10, 20, 30, 40]"
+            :page-size="formInline.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="visitorList.total || 0">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex'
+const {mapState: mapVisitorState, mapActions: mapVisitorActions } = createNamespacedHelpers('visitor')
+
+export default {
+  name: 'visitor-index',
+  data() {
+    return {
+      formInline: {
+        personName: '',
+        phone: '',
+        platNumber: '',
+        pageNum: 1,
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    ...mapVisitorState({
+     visitorList: x => x.safety
+    })
+  },
+  created() {
+    this.getPage()
+  },
+  methods: {
+    ...mapVisitorActions([
+      'getVisitor'
+    ]),
+    onSubmit() {
+      this.getPage()
+    },
+    getPage() {
+      this.getVisitor(this.formInline)
+      // window.console.log(this.$store)
+      // this.$store.commit('security/foo')
+      // this.$store.dispatch('security/getSecurity')
+      // this.$store.commit('security/foo')
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`)
+      this.formInline.pageSize = val
+      this.getPage()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`)
+      this.formInline.pageNum = val
+      this.getPage()
+    },
+    FormatDate (date) {
+      if (date) {
+        return date.split('T')[0] === '0001-01-01' ? '' : date.split('T')[0] + '  ' + date.split('T')[1]
+      } else {
+        return ''
+      }
+    },
+  }
+}
+</script>
+