查询 活动报名人

CODE/smart-community/property-api/src/main/java/com/community/huiju/controller/ActivityController.java

@@ -5,6 +5,7 @@ import com.community.commom.mode.ResponseBean;
 import com.community.commom.session.UserElement;
 import com.community.huiju.common.base.BaseController;
 import com.community.huiju.service.ITpActivityService;
+import com.community.huiju.service.ITpActivitySignUpService;
 import io.swagger.annotations.Api;
 import io.swagger.annotations.ApiImplicitParam;
 import io.swagger.annotations.ApiImplicitParams;
@@ -33,6 +34,9 @@ public class ActivityController extends BaseController {
     @Autowired
     private ITpActivityService iTpActivityService;
 
+    @Autowired
+    private ITpActivitySignUpService iTpActivitySignUpService;
+
     @ApiOperation(value = "查询活动列表数据", notes = "根据条件查询活动列表")
     @ApiImplicitParams({
             @ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "X-Auth-Token", value = "Token"),
@@ -109,4 +113,20 @@ public class ActivityController extends BaseController {
         return responseBean;
     }
 
+    @ApiOperation(value = "查询 活动报名人", notes = "查询 活动报名人")
+    @ApiImplicitParams({
+//            @ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "X-Auth-Token", value = "Token"),
+            @ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "Login-Type", value = "值为 web"),
+            @ApiImplicitParam(paramType = "path", dataTypeClass = Integer.class, name = "id", value = "活动id"),
+            @ApiImplicitParam(paramType = "body", dataTypeClass = Integer.class, name = "parameter", value = "userName用户名;phone手机号;pageNum第一页;pageSize一页多少行"),
+    })
+    @RequestMapping(value = "/signUp", method = RequestMethod.GET)
+    public ResponseBean getSignUp(@RequestBody String parameter,
+                                  HttpSession session) {
+
+        ResponseBean responseBean = new ResponseBean();
+        responseBean = iTpActivitySignUpService.getSignUpUser(parameter);
+        return responseBean;
+    }
+
 }

CODE/smart-community/property-api/src/main/java/com/community/huiju/dao/TpActivitySignUpMapper.java

@@ -0,0 +1,27 @@
+package com.community.huiju.dao;
+
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+import com.baomidou.mybatisplus.core.metadata.IPage;
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.community.huiju.model.TpActivitySignUp;
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+import org.apache.ibatis.annotations.Select;
+
+import java.util.List;
+
+/**
+ * <p>
+ * 物业web端活动报名表 Mapper 接口
+ * </p>
+ *
+ * @author weiximei
+ * @since 2019-01-03
+ */
+@Mapper
+public interface TpActivitySignUpMapper extends BaseMapper<TpActivitySignUp> {
+
+    @Select("SELECT tas.* FROM tp_activity_sign_up tas LEFT JOIN ta_user tau on tas.ta_user_id = tau.id where tau.user_name like concat('%',#{userName,jdbcType=VARCHAR},'%') and tau.login_name LIKE concat('%',#{phone,jdbcType=VARCHAR},'%')")
+    IPage<TpActivitySignUp> listQuery(Page page, @Param("userName") String userName, @Param("phone") String phone);
+
+}

CODE/smart-community/property-api/src/main/java/com/community/huiju/model/TpActivitySignUp.java

@@ -0,0 +1,55 @@
+package com.community.huiju.model;
+
+import com.baomidou.mybatisplus.annotation.TableName;
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import lombok.experimental.Accessors;
+
+import java.io.Serializable;
+import java.time.LocalDateTime;
+
+/**
+ * <p>
+ * 物业web端活动报名表
+ * </p>
+ *
+ * @author weiximei
+ * @since 2019-01-03
+ */
+@Data
+@EqualsAndHashCode(callSuper = false)
+@Accessors(chain = true)
+@TableName("tp_activity_sign_up")
+public class TpActivitySignUp implements Serializable {
+
+    private static final long serialVersionUID = 1L;
+
+    private Integer id;
+
+    /**
+     * 小区id
+     */
+    private Integer communityId;
+
+    /**
+     * 活动id
+     */
+    private Integer activityId;
+
+    /**
+     * 住户用户id
+     */
+    private Integer taUserId;
+
+    /**
+     * 报名时间
+     */
+    private LocalDateTime signUpTime;
+
+    /**
+     * 备注
+     */
+    private String remark;
+
+
+}

CODE/smart-community/property-api/src/main/java/com/community/huiju/service/ITpActivitySignUpService.java

@@ -0,0 +1,24 @@
+package com.community.huiju.service;
+
+import com.baomidou.mybatisplus.extension.service.IService;
+import com.community.commom.mode.ResponseBean;
+import com.community.huiju.model.TpActivitySignUp;
+
+/**
+ * <p>
+ * 物业web端活动报名表 服务类
+ * </p>
+ *
+ * @author weiximei
+ * @since 2019-01-03
+ */
+public interface ITpActivitySignUpService extends IService<TpActivitySignUp> {
+
+    /**
+     * 查询 活动的报名人员
+     * @param parameter 参数
+     * @return
+     */
+    ResponseBean getSignUpUser(String parameter);
+
+}

CODE/smart-community/property-api/src/main/java/com/community/huiju/service/impl/TpActivityServiceImpl.java

@@ -114,6 +114,9 @@ public class TpActivityServiceImpl extends ServiceImpl<TpActivityMapper, TpActiv
             return responseBean;
         }
 
+        // 活动报名人数默认为 0
+        tpActivity.setSignUpCount(0);
+        tpActivity.setViewCount(0);
         tpActivity.setCommunityId(userElement.getCommunityId());
         tpActivity.setUpdateDate(LocalDateTime.now());
         tpActivity.setUpdateUser(userElement.getId());

CODE/smart-community/property-api/src/main/java/com/community/huiju/service/impl/TpActivitySignUpServiceImpl.java

@@ -0,0 +1,102 @@
+package com.community.huiju.service.impl;
+
+import com.alibaba.fastjson.JSONObject;
+import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
+import com.baomidou.mybatisplus.core.metadata.IPage;
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
+import com.community.commom.mode.ResponseBean;
+import com.community.commom.utils.BeanTools;
+import com.community.huiju.dao.*;
+import com.community.huiju.model.*;
+import com.community.huiju.service.ITpActivitySignUpService;
+import com.community.huiju.vo.ActivitySignUpVO;
+import com.google.common.collect.Maps;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
+
+/**
+ * <p>
+ * 物业web端活动报名表 服务实现类
+ * </p>
+ *
+ * @author weiximei
+ * @since 2019-01-03
+ */
+@Service
+public class TpActivitySignUpServiceImpl extends ServiceImpl<TpActivitySignUpMapper, TpActivitySignUp> implements ITpActivitySignUpService {
+
+    @Autowired
+    private TpActivityMapper tpActivityMapper;
+
+    @Autowired
+    private TpActivitySignUpMapper tpActivitySignUpMapper;
+
+    @Autowired
+    private TaUserMapper taUserMapper;
+
+    @Autowired
+    private TpBuildingOwnerInfoMapper tpBuildingOwnerInfoMapper;
+
+    @Autowired
+    private TaSysRoleMapper taSysRoleMapper;
+
+
+
+    @Override
+    public ResponseBean getSignUpUser(String parameter) {
+        ResponseBean responseBean = new ResponseBean();
+
+        JSONObject jsonObject = JSONObject.parseObject(parameter);
+        Integer activityId = jsonObject.getInteger("id");
+        Integer pageNum = jsonObject.getInteger("pageNum");
+        Integer pageSize = jsonObject.getInteger("pageSize");
+        String userName = jsonObject.getString("userName");
+        String phone = jsonObject.getString("userName");
+
+        TpActivity tpActivity = tpActivityMapper.selectById(activityId);
+        if (null == tpActivity) {
+            responseBean.addError("活动不存在!");
+            return responseBean;
+        }
+
+        Page<TpActivitySignUp> page = new Page<>();
+        page.setCurrent(null == pageNum ? 0 : pageNum);
+        page.setSize(null == pageSize ? 10 : pageSize);
+        page.setDesc("sign_up_time");
+
+        IPage<TpActivitySignUp> signUpIPage = tpActivitySignUpMapper.listQuery(page, userName, phone);
+
+        List<TpActivitySignUp> tpActivitySignUpList = signUpIPage.getRecords();
+        // 数据包装填充
+        List<ActivitySignUpVO> activitySignUpVOS = tpActivitySignUpList.stream().map(e->{
+            ActivitySignUpVO activitySignUpVO = new ActivitySignUpVO();
+            BeanTools.copyProperties(e, activitySignUpVO);
+
+            TaUser taUser = taUserMapper.selectByPrimaryKey(e.getTaUserId());
+            TaSysRole taSysRole = taSysRoleMapper.findRoleByUserId(e.getTaUserId());
+            TpBuildingOwnerInfo tpBuildingOwnerInfo = tpBuildingOwnerInfoMapper.selectById(taUser.getBuildingOwnerInfoId());
+
+            activitySignUpVO.setUserName(taUser.getUserName());
+            activitySignUpVO.setPhone(taUser.getLoginName());
+            activitySignUpVO.setRoleName(taSysRole.getRoleName());
+            activitySignUpVO.setAddress(tpBuildingOwnerInfo.getPhase() + tpBuildingOwnerInfo.getBuilding()
+                    + tpBuildingOwnerInfo.getUnit() + tpBuildingOwnerInfo.getLevel() + tpBuildingOwnerInfo.getRoomNo());
+
+            return activitySignUpVO;
+        }).collect(Collectors.toList());
+
+        Map<String, Object> map = Maps.newHashMap();
+        map.put("list", activitySignUpVOS);
+        map.put("total", signUpIPage.getTotal());
+        map.put("pageNum", signUpIPage.getCurrent());
+        map.put("pageSize", signUpIPage.getSize());
+
+        responseBean.addSuccess(map);
+        return responseBean;
+    }
+}

CODE/smart-community/property-api/src/main/java/com/community/huiju/vo/ActivitySignUpVO.java

@@ -0,0 +1,21 @@
+package com.community.huiju.vo;
+
+import com.community.huiju.model.TpActivitySignUp;
+import lombok.Data;
+
+@Data
+public class ActivitySignUpVO extends TpActivitySignUp {
+
+    /** 用户姓名 **/
+    private String userName;
+
+    /** 角色名称 **/
+    private String roleName;
+
+    /** 住址 **/
+    private String address;
+
+    /** 联系方式 **/
+    private String phone;
+
+}

CODE/smart-community/property-api/src/main/resources/mapper/TpActivitySignUpMapper.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.community.huiju.dao.TpActivitySignUpMapper">
+
+</mapper>

VUECODE/smart-property-manage/src/api/activity.js

@@ -64,9 +64,21 @@ export function invalidActivity(data) {
   return request({
     url: '/activity/invalid',
     method: 'put',
+    data
+  })
+}
+
+// 查询活动报名人
+export function getSignUp(data) {
+  return request({
+    url: '/signUp',
+    method: 'get',
     data: {
-      ids: data
+      id: data.id,
+      userName: data.userName,
+      phone: data.phone,
+      pageNum: data.userName,
+      pageSize: data.pageSize
     }
   })
 }
-

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

@@ -143,6 +143,13 @@ export const constantRouterMap = [
         name: 'announcement-add',
         hidden: true,
         meta: { title: '添加公告', icon: 'table' }
+      },
+      {
+        path: '/signUp/info',
+        component: () => import('@/views/social/signUp/index'),
+        name: 'signUp-info',
+        hidden: true,
+        meta: { title: '活动报名人', icon: 'table' }
       }
     ]
   },

VUECODE/smart-property-manage/src/store/modules/activity.js

@@ -1,4 +1,4 @@
-import { activityList, addActivity, updateActivity, activityById, invalidActivity  } from '@/api/activity'
+import { activityList, addActivity, updateActivity, activityById, invalidActivity, getSignUp } from '@/api/activity'
 
 const activityInfo = {
   state: {
@@ -50,6 +50,15 @@ const activityInfo = {
           reject(error)
         })
       })
+    },
+    GetSignUp({ commit, state }, data) { // 查询 活动报名人员
+      return new Promise((resolve, reject) => {
+        getSignUp(data).then(response => {
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+      })
     }
 
   }

VUECODE/smart-property-manage/src/views/social/activity/add/index.vue

@@ -169,6 +169,7 @@ export default {
       })
       if (this.ruleForm.activityContent.length <= 0 && this.ruleForm.contentImg.length <= 0) {
         this.$message.error('活动内容描述 和 活动配图至少要存在一个!')
+        loading.close()
         return false
       }
       this.ruleForm.status = status // 发布状态  1 是已发布   2 是草稿

VUECODE/smart-property-manage/src/views/social/activity/edi/index.vue

@@ -120,6 +120,7 @@ export default {
         if (valid) {
           if (this.ruleForm.activityContent.length <= 0 && this.ruleForm.contentImg.length <= 0) {
             this.$message.error('活动内容描述 和 活动配图至少要存在一个!')
+            loading.close()
             return false
           }
           this.ruleForm.status = 1 // 发布状态

VUECODE/smart-property-manage/src/views/social/activity/index.vue

@@ -19,7 +19,7 @@
     <div class="operation">
       <el-button type="primary" @click="addActivity">添加</el-button>
       <el-button type="warning" @click="ediActivity">修改</el-button>
-      <el-button type="danger" >作废</el-button>
+      <el-button type="danger" @click="invalidActivity">作废</el-button>
     </div>
     <el-table
       v-loading="listLoading"
@@ -57,7 +57,11 @@
       <el-table-column
         prop="signUpCount"
         label="已报名人数"
-        align="center"/>
+        align="center">
+        <template slot-scope="scope">
+          <span style="color: #409EFF;cursor: pointer" @click="selectSignUpActivity(scope.row.id)" >{{ scope.row.signUpCount }}</span>
+        </template>
+      </el-table-column>
       <el-table-column
         prop="status"
         label="状态"
@@ -219,6 +223,29 @@ export default {
     },
     infoActivity(id) { // 查看活动
       this.$router.push({ name: 'activity-info', params: { id: id }})
+    },
+    invalidActivity() { //  批量作废
+      const ids = this.deleteIds
+      if (ids < 1) {
+        this.$message.error('请选择一行数据进行修改!')
+        return
+      }
+      this.$store.dispatch('InvalidActivity', ids).then((res) => {
+        if (res.code === '0') {
+          this.$message({
+            message: res.message,
+            type: 'success'
+          })
+          this.activityList()
+          return
+        }
+        this.$message.error(res.message)
+      }).catch(() => {
+        console.log('error InvalidActivity')
+      })
+    },
+    selectSignUpActivity(id) {
+      this.$router.push({ name: 'signUp-info', params: { id: id }})
     }
   }
 }

VUECODE/smart-property-manage/src/views/social/activity/info/index.vue

@@ -1,31 +1,76 @@
 <template>
   <div id="root">
-    <span class="activityTile">活动标题</span>
-    <img src="http://jingcheng-h5temp.oss-cn-shanghai.aliyuncs.com/1543484412841.png" width="700" height="500">
+    <span class="activityTile">{{ ruleForm.activityTitle }}</span>
+    <img :src="ruleForm.activityCarouselImg" width="700" height="500">
     <div class="activityContext">
-      尊敬的业主/住户：
-      为丰富小区入住业主/住户的社区文化活动，增进各业主/住户间的联系，现物业服务中心特协调银城旗下分公司南京锦城佳业营销策划有限公司举办为期两个月的暑期露天电影节活动！详情请关注通知及各幢大堂的公告通知，下周六11月24日晚将进行第一场活动！更多细节敬请期待！
+      {{ ruleForm.activityContent }}
     </div>
     <div class="activityContextImg">
-      <img src="http://jingcheng-h5temp.oss-cn-shanghai.aliyuncs.com/1543484412841.png" width="700" height="500">
-      <img src="http://jingcheng-h5temp.oss-cn-shanghai.aliyuncs.com/1543484412841.png" width="700" height="500">
+      <img v-for="item in ruleForm.contentImg" :src="item" width="700" height="500" >
     </div>
     <div class="progress">
       <div class="text-progress">
-        <span class="people-number">已报名人数100</span>
+        <span class="people-number">已报名人数 {{ ruleForm.signUpCount }}</span>
         <div class="outer-layer"/>
         <div class="inner-layer"/>
       </div>
       <div class="circular"/>
-      <div class="people-limit">限制100人</div>
+      <div class="people-limit">限制{{ ruleForm.signUpMax }}人</div>
       <el-button type="primary" style="float: left;">查看报名名单</el-button>
     </div>
+    <span>报名截止时间：{{ formatDate(ruleForm.registrationEndTime) }}</span>
+    <div class="bom-button">
+      <el-button type="primary" style="width: 100px;" @click="ediActivity">修改</el-button>
+    </div>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'Index'
+  name: 'Index',
+  data() {
+    return {
+      asOfdate: '2018/10/10 23:59:59',
+      ruleForm: {
+        id: '',
+        activityTitle: '',
+        activityCarouselImg: '', // 轮播图
+        activityContent: '', // 活动内容详细
+        contentImg: [], // 活动内容配图
+        signUpCount: '', // 报名人数统计
+        signUpMax: '', //  活动人数上限
+        registrationEndTime: '', // 报名活动结束时间
+        sort: 1, // 权重
+        status: '' // 状态 0 是已作废 1 是已发布   2 是草稿 3 是已修改
+      }
+    }
+  },
+  mounted() {
+    this.getById(this.$route.params.id)
+  },
+  methods: {
+    getById(id) { // 根据ID获取活动信息
+      this.$store.dispatch('ActivityById', id).then((res) => {
+        const resData = res.data
+        this.ruleForm = resData.info
+        this.ruleForm.contentImg = resData.contentImg
+      })
+    },
+    formatDate(val) {
+      var value = new Date(val)
+      var year = value.getFullYear()
+      var month = value.getMonth() + 1
+      var day = value.getDate()
+      // var hour = value.getHours()
+      // var minutes = value.getMinutes()
+      // var seconds = value.getSeconds()
+      // return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds
+      return year + '-' + month + '-' + day
+    },
+    ediActivity() { // 修改活动
+      this.$router.push({ name: 'activity-edi', params: { id: this.ruleForm.id }})
+    }
+  }
 }
 </script>
 
@@ -94,4 +139,10 @@ export default {
 .people-limit {
   margin-top: 13px;
 }
+.bom-button{
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+  margin-bottom: 100px;
+}
 </style>

VUECODE/smart-property-manage/src/views/social/signUp/index.vue

@@ -0,0 +1,195 @@
+
+<template>
+  <div id="root">
+    <el-form :inline="true" :model="listQuery" class="form-inline">
+      <el-form-item label="报名人姓名">
+        <el-input v-model="listQuery.userName" placeholder="报名人姓名"/>
+      </el-form-item>
+      <el-form-item label="报名人手机号">
+        <el-input v-model="listQuery.phone" placeholder="报名人手机号"/>
+      </el-form-item>
+      <!--<el-form-item label="活动内容">-->
+      <!--<el-input v-model="formInline.user" placeholder="活动内容"/>-->
+      <!--</el-form-item>-->
+      <el-form-item>
+        <el-button type="info" @click="clearListQuery">清空</el-button>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="list"
+      tooltip-effect="dark"
+      style="width: 100%; margin-top: 20px;"
+      border
+      @selection-change="handleSelectionChange">
+      <el-table-column
+        type="selection"
+        align="center"/>
+      <el-table-column
+        label="编号"
+        align="center">
+        <template slot-scope="scope">{{ scope.row.id }}</template>
+      </el-table-column>
+      <el-table-column
+        prop="userName"
+        label="姓名"
+        align="center"/>
+      <el-table-column
+        prop="roleName"
+        label="角色"
+        show-overflow-tooltip
+        align="center">
+        <template slot-scope="scope">{{ getRoleName(scope.row.roleName) }}</template>
+      </el-table-column>
+      <el-table-column
+        prop="address"
+        label="房号"
+        align="center"/>
+      <el-table-column
+        prop="signUpTime"
+        label="报名时间"
+        align="center">
+        <template slot-scope="scope">{{ formatDate(scope.row.signUpTime) }}</template>
+      </el-table-column>
+      <el-table-column
+        prop="remark"
+        label="报名备注"
+        align="center">
+        <template slot-scope="scope">{{ scope.row.remark }}</template>
+      </el-table-column>
+      <el-table-column
+        prop="phone"
+        label="联系电话"
+        align="center"/>
+      <el-table-column
+        prop="id"
+        label="操作"
+        align="center">
+        <template slot-scope="scope">{{ '删除报名' }}</template>
+      </el-table-column>
+    </el-table>
+    <div class="block">
+      <el-pagination
+        :current-page.sync="listQuery.pageNum"
+        :page-sizes="[10, 20, 40, 100]"
+        :page-size.sync="listQuery.pageSize"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"/>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Index',
+  data() {
+    return {
+      listQuery: {
+        userName: '',
+        phone: '',
+        pageNum: 1,
+        pageSize: 10
+      },
+      total: 0, // 数据总数
+      list: [],
+      listLoading: true // 表格加载框
+    }
+  },
+  mounted() {
+    this.listQuery.id = this.$route.params.id
+    this.signUpList()
+  },
+  methods: {
+    onSubmit() {
+      this.listQuery.pageNum = 1
+      this.signUpList()
+    },
+    clearListQuery() {
+      this.listQuery.pageNum = 1
+      this.listQuery.pageSize = 10
+      this.listQuery.id = ''
+      this.listQuery.activityTitle = ''
+      this.signUpList()
+    },
+    handleSelectionChange(data) { // 表格选择
+      // 设置为 空
+      this.deleteIds = []
+      for (let i = 0; i < data.length; i++) {
+        this.deleteIds.push(data[i].id)
+      }
+    },
+    handleSizeChange(val) {
+      console.log(`每页 ${val} 条`)
+      this.listQuery.pageNum = 1
+      this.listQuery.pageSize = val
+      this.signUpList()
+    },
+    handleCurrentChange(val) {
+      console.log(`当前页: ${val}`)
+      this.listQuery.pageNum = val
+      this.signUpList()
+    },
+    signUpList() { // 查询列表
+      this.listLoading = true
+      this.$store.dispatch('GetSignUp', this.listQuery).then((res) => {
+        const resData = res.data
+        this.list = resData.list
+        this.listQuery.pageNum = resData.pageNum
+        this.listQuery.pageSize = resData.pageSize
+        this.total = resData.total
+        this.listLoading = false
+      }).catch(() => {
+        this.listLoading = false
+        console.log('error GetSignUp get')
+      })
+    },
+    formatDate(val) {
+      var value = new Date(val)
+      var year = value.getFullYear()
+      var month = value.getMonth() + 1
+      var day = value.getDate()
+      // var hour = value.getHours()
+      // var minutes = value.getMinutes()
+      // var seconds = value.getSeconds()
+      // return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds
+      return year + '-' + month + '-' + day
+    },
+    getRoleName(roleName) {
+      let role = ''
+      switch (roleName) {
+        case 'OWNER':
+          role = '业主'
+          break
+        case 'TENANT':
+          role = '租客'
+          break
+        case 'RELATION':
+          role = '家属'
+          break
+        default:
+          role = '未认证'
+      }
+      return role
+    }
+  }
+}
+</script>
+
+<style scoped>
+#root {
+  margin-top: 20px;
+}
+.form-inline{
+  margin-left: 20px;
+}
+.operation {
+  margin-left: 20px;
+}
+.block {
+  display: flex;
+  justify-content: flex-end;
+}
+</style>