合并

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

@@ -0,0 +1,50 @@
+package com.community.huiju.controller;
+
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.community.commom.mode.ResponseBean;
+import com.community.commom.session.UserElement;
+import com.community.huiju.common.base.BaseController;
+import com.community.huiju.service.RoleServiceI;
+import io.swagger.annotations.Api;
+import io.swagger.annotations.ApiImplicitParam;
+import io.swagger.annotations.ApiImplicitParams;
+import io.swagger.annotations.ApiOperation;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.cloud.context.config.annotation.RefreshScope;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestMethod;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RestController;
+
+import javax.servlet.http.HttpSession;
+
+/**
+ * @author FXF
+ * @date 2019-01-16
+ */
+@RestController
+@RefreshScope
+@RequestMapping("/")
+@Api(value = "物业端角色API", description = "物业端角色API")
+public class RoleController extends BaseController {
+	
+	@Autowired
+	private RoleServiceI roleService;
+	
+	@ApiOperation(value = "根据搜索条件获取二手租赁列表", notes = "根据搜索条件获取二手租赁列表")
+	@ApiImplicitParams({
+			@ApiImplicitParam(paramType = "query", dataType = "String", name = "roleName", value = "帖子标题（模糊查询）"),
+			@ApiImplicitParam(paramType = "query", dataType = "integer", name = "pageNum", value = "分页第几页"),
+			@ApiImplicitParam(paramType = "query", dataType = "integer", name = "pageSize", value = "分页每页长度")
+	})
+	@RequestMapping(value = "/roles",method = RequestMethod.GET)
+	public ResponseBean getInfo(@RequestParam(value = "roleName", required = false) String roleName,
+	                            @RequestParam(value ="pageNum",defaultValue = "1") Integer pageNum,
+	                            @RequestParam(value ="pageSize",defaultValue = "10") Integer pageSize,
+	                            HttpSession session) {
+		ResponseBean responseBean = new ResponseBean();
+		UserElement userElement = getUserElement(session);
+		responseBean = roleService.getRoleList(roleName,userElement,pageNum,pageSize);
+		return responseBean;
+	}
+}

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

@@ -0,0 +1,19 @@
+package com.community.huiju.dao;
+
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+import com.community.huiju.model.SysRole;
+import com.community.huiju.model.User;
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+
+/**
+ * <p>
+ * 物业web端用户表 Mapper 接口
+ * </p>
+ *
+ * @author jobob
+ * @since 2018-12-18
+ */
+@Mapper
+public interface RoleMapper extends BaseMapper<SysRole> {
+}

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

@@ -0,0 +1,63 @@
+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 jobob
+ * @since 2019-01-17
+ */
+@Data
+@EqualsAndHashCode(callSuper = false)
+@Accessors(chain = true)
+@TableName("tp_sys_role")
+public class SysRole implements Serializable {
+
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 小区id
+     */
+    private Integer communityId;
+
+    /**
+     * 角色名称
+     */
+    private String roleName;
+
+    /**
+     * 描述
+     */
+    private String description;
+
+    /**
+     * 创建人
+     */
+    private Integer createUser;
+
+    /**
+     * 创建时间
+     */
+    private LocalDateTime createDate;
+
+    /**
+     * 更新人
+     */
+    private Integer updateUser;
+
+    /**
+     * 更新时间
+     */
+    private LocalDateTime updateDate;
+
+
+}

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

@@ -0,0 +1,19 @@
+package com.community.huiju.service;
+
+import com.baomidou.mybatisplus.extension.service.IService;
+import com.community.commom.mode.ResponseBean;
+import com.community.commom.session.UserElement;
+import com.community.huiju.model.SysRole;
+
+public interface RoleServiceI extends IService<SysRole> {
+	
+	/**
+	 * 获取角色列表
+	 * @param roleName
+	 * @param userElement
+	 * @param pageNum
+	 * @param pageSize
+	 * @return
+	 */
+	ResponseBean getRoleList(String roleName, UserElement userElement, Integer pageNum, Integer pageSize);
+}

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

@@ -0,0 +1,54 @@
+package com.community.huiju.service.impl;
+
+
+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.session.UserElement;
+import com.community.huiju.dao.RoleMapper;
+import com.community.huiju.model.SysRole;
+import com.community.huiju.model.TpTransaction;
+import com.community.huiju.service.RoleServiceI;
+import com.google.common.collect.Maps;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author FXF
+ * @date 2019-01-16
+ */
+@Service("roleService")
+@Slf4j
+public class RoleServiceImpl extends ServiceImpl<RoleMapper, SysRole> implements RoleServiceI {
+	
+	@Autowired
+	private RoleMapper roleMapper;
+	/**
+	 * 获取角色列表
+	 *
+	 * @param roleName
+	 * @param userElement
+	 * @param pageNum
+	 * @param pageSize
+	 * @return
+	 */
+	@Override
+	public ResponseBean getRoleList(String roleName, UserElement userElement, Integer pageNum, Integer pageSize) {
+		ResponseBean responseBean = new ResponseBean();
+		Page page = new Page(pageNum,pageSize);
+		// 分页查询
+		SysRole role = new SysRole();
+		role.setRoleName(roleName);
+		role.setCommunityId(userElement.getCommunityId());
+		List<TpTransaction> list = roleMapper.getRoleListByParams(page,role);
+		Map<String, Object> map = Maps.newHashMap();
+		map.put("list",list);
+		map.put("total",page.getTotal());
+		responseBean.addSuccess(map);
+		return null;
+	}
+}

CODE/smart-community/property-api/src/main/resources/mapper/SysRoleMapper.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.tp.mapper.SysRoleMapper">
+
+</mapper>

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

@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function fetchList(query) {
+  return request({
+    url: '/roles',
+    method: 'get',
+    params: query
+  })
+}

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

@@ -174,6 +174,27 @@ export const constantRouterMap = [
       }
     ]
   },
+  {
+    path: '/account',
+    component: Layout,
+    redirect: '/account/index',
+    alwaysShow: true,
+    meta: { title: '账号管理', icon: 'zip' },
+    children: [
+      {
+        path: '/account/user',
+        component: () => import('@/views/account/user'),
+        name: 'user-index',
+        meta: { title: '员工管理', icon: 'table' }
+      },
+      {
+        path: '/account/role',
+        component: () => import('@/views/account/role'),
+        name: 'role-index',
+        meta: { title: '角色管理', icon: 'table' }
+      }
+    ]
+  },
 
   { path: '*', redirect: '/404', hidden: true }
 ]

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

@@ -11,6 +11,7 @@ import getters from './getters'
 import announcement from './modules/announcement'
 import buildingOwnerInfo from './modules/buildingOwnerInfo'
 import activity from './modules/activity'
+import role from './modules/role'
 
 Vue.use(Vuex)
 
@@ -25,7 +26,8 @@ const store = new Vuex.Store({
     buildingOwnerInfo,
     announcement,
     activity,
-    transaction
+    transaction,
+    role
   },
   getters
 })

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

@@ -0,0 +1,36 @@
+import { fetchList } from '@/api/role'
+
+const transaction = {
+  namespaced: true,
+  state: {
+    total: '',
+    roleList: []
+  },
+
+  mutations: {
+    SET_LIST: (state, list) => {
+      state.transactionList = list
+    },
+    SET_TOTAL: (state, total) => {
+      state.total = total
+    }
+  },
+
+  actions: {
+    // fetchList,获取社区列表
+    FetchRoleList({ commit }, listQuery) {
+      return new Promise((resolve, reject) => {
+        fetchList(listQuery).then(response => {
+          const data = response.data
+          commit('SET_LIST', data.list)
+          commit('SET_TOTAL', data.total)
+          resolve()
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    }
+  }
+}
+
+export default transaction

VUECODE/smart-property-manage/src/views/account/role.vue

@@ -0,0 +1,242 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.roleName" placeholder="角色名称" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter"/>
+      <el-button v-waves class="filter-item" type="info" @click="clearListQuery">清空</el-button>
+      <el-button v-waves class="filter-item" type="primary" @click="handleFilter">查询</el-button>
+    </div>
+    <div style="margin-top: 20px;">
+      <el-button type="primary" @click="addActivity">添加</el-button>
+      <el-button type="warning" @click="ediActivity">修改</el-button>
+      <el-button type="danger" @click="invalidActivity">作废</el-button>
+    </div>
+    
+    <el-table
+      v-loading="listLoading"
+      :key="tableKey"
+      :data="roleList"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%; margin-top: 20px;"
+      @sort-change="sortChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="角色名称" align="center">
+        <template slot-scope="scope">
+          <span @click="handleLook(scope.row.id)" style="color: #409EFF;cursor: pointer">{{ scope.row.transactionTitle }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="角色描述" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.viewCount }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建人" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.userName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center">
+        <template slot-scope="scope">
+          <span>{{ formatDate(scope.row.createDate) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="修改人" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.userName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="修改时间" align="center">
+        <template slot-scope="scope">
+          <span>{{ formatDate(scope.row.createDate) }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- <pagination v-show="total>0" :total="total" :current-page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" :page-sizes="[5, 10, 20, 30]" @pagination="getList" /> -->
+    <el-pagination
+      :total="total"
+      :current-page="listQuery.pageNum"
+      :page-sizes="[5, 10, 20, 30]"
+      :page-size="listQuery.pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"/>
+
+  </div>
+</template>
+
+<script>
+import { mapState, mapActions, mapMutations } from 'vuex'
+import waves from '@/directive/waves' // Waves directive
+import { parseTime } from '@/utils'
+
+export default {
+  computed: {
+    ...mapState('transaction', {
+      transactionList: s => s.transactionList,
+      total: s => s.total
+    })
+  },
+  directives: { waves },
+  data() {
+    var _self = this
+    return {
+      events: {
+        click: (e) => {
+          // _self.postData.Coordinate = e.lnglat.lat + ',' + e.lnglat.lng
+          _self.detail.longitude = e.lnglat.lng
+          _self.detail.latitude = e.lnglat.lat
+        }
+      },
+      markers: [],
+      searchOption: {
+        city: '南京',
+        citylimit: false
+      },
+      listLoading: true,
+      listQuery: {
+        pageNum: 1,
+        pageSize: 20,
+        roleName: undefined
+      },
+      tableKey: 0,
+      downloadLoading: false
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    ...mapMutations('role', {
+    }),
+    ...mapActions('role', [
+      'FetchRoleList'
+    ]),
+    setCurrent(item) {
+      this.setDetail({ ...item })
+    },
+    getList() {
+      this.listLoading = true
+      this.FetchRoleList(this.listQuery).then(() => {
+        this.listLoading = false
+      }).catch(() => {
+        this.loading = false
+        console.log('get list error')
+      })
+    },
+    clearListQuery() {
+      this.listQuery.pageNum = 1
+      this.listQuery.pageSize = 20
+      this.listQuery.transactionId = undefined
+      this.listQuery.transactionTitle = undefined
+      this.listQuery.status = undefined
+      this.listQuery.isReported = undefined
+      this.getList()
+    },
+    handleFilter() {
+      this.listQuery.pageNum = 1
+      this.getList()
+    },
+    handleModifyStatus(row, status) {
+      this.$message({
+        message: '操作成功',
+        type: 'success'
+      })
+      row.status = status
+    },
+    sortChange(data) {
+      const { prop, order } = data
+      if (prop === 'id') {
+        this.sortByID(order)
+      }
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.listQuery.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.listQuery.pageNum = val
+      this.getList()
+    },
+    sortByID(order) {
+      if (order === 'ascending') {
+        this.listQuery.sort = '+id'
+      } else {
+        this.listQuery.sort = '-id'
+      }
+      this.handleFilter()
+    },
+    handleUpdate(row) {
+      this.setCurrent(row)
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+      this.getEditCityList()
+      this.getEditDistrictList()
+    },
+    handleLook(id) {
+      this.$router.push({ name: 'transaction-info', params: { id: id }})
+    },
+    handleCreate() {
+      this.resetDetail()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    handleDelete(row) {
+      this.$notify({
+        title: '成功',
+        message: '删除成功',
+        type: 'success',
+        duration: 2000
+      })
+      const index = this.list.indexOf(row)
+      this.list.splice(index, 1)
+    },
+    handleDownload() {
+      this.downloadLoading = true
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['timestamp', 'title', 'type', 'importance', 'status']
+        const filterVal = ['timestamp', 'title', 'type', 'importance', 'status']
+        const data = this.formatJson(filterVal, this.list)
+        excel.export_json_to_excel({
+          header: tHeader,
+          data,
+          filename: 'table-list'
+        })
+        this.downloadLoading = false
+      })
+    },
+    padDate(value) {
+      value = value < 10 ? '0' + value : value
+      return value
+    },
+    formatDate(val) {
+      var value = new Date(val)
+      var year = value.getFullYear()
+      var month = this.padDate(value.getMonth() + 1)
+      var day = this.padDate(value.getDate())
+      var hour = this.padDate(value.getHours())
+      var minutes = this.padDate(value.getMinutes())
+      var seconds = this.padDate(value.getSeconds())
+      return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => {
+        if (j === 'timestamp') {
+          return parseTime(v[j])
+        } else {
+          return v[j]
+        }
+      }))
+    },
+  }
+}
+</script>

VUECODE/smart-property-manage/src/views/account/user.vue

@@ -0,0 +1,262 @@
+<template>
+  <div class="app-container">
+    <span>这个是用户相关的页面</span>
+    <div class="filter-container">
+      <el-input v-model="listQuery.transactionId" placeholder="帖子编号" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter"/>
+      <el-input v-model="listQuery.transactionTitle" placeholder="帖子标题" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter"/>
+      <el-select v-model="listQuery.status" placeholder="发布状态" style="width: 130px" class="filter-item">
+        <el-option label="已发布" value="1"/>
+        <el-option label="已作废" value="0"/>
+      </el-select>
+      <el-select v-model="listQuery.isReported" placeholder="是否被举报" class="filter-item" style="width: 130px">
+        <el-option label="无举报" value="0"/>
+        <el-option label="被举报" value="1"/>
+      </el-select>
+      <el-button v-waves class="filter-item" type="info" @click="clearListQuery">清空</el-button>
+      <el-button v-waves class="filter-item" type="primary" @click="handleFilter">查询</el-button>
+    </div>
+
+    <el-table
+      v-loading="listLoading"
+      :key="tableKey"
+      :data="transactionList"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%; margin-top: 20px;"
+      @sort-change="sortChange">
+      <el-table-column label="编号" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.id }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="类型" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.type === '0'">二手</span>
+          <span v-if="scope.row.type === '1'">求购</span>
+          <span v-if="scope.row.type === '2'">租赁</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="标题" align="center">
+        <template slot-scope="scope">
+          <span @click="handleLook(scope.row.id)" style="color: #409EFF;cursor: pointer">{{ scope.row.transactionTitle }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="查看人数" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.viewCount }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="发布人" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.userName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="发布时间" align="center">
+        <template slot-scope="scope">
+          <span>{{ formatDate(scope.row.createDate) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="发布状态" align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.status === '0'">已作废</span>
+          <span v-if="scope.row.status === '1'">已发布</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="举报状态" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.isReported === '1' ? "被举报" : "无举报" }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- <pagination v-show="total>0" :total="total" :current-page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" :page-sizes="[5, 10, 20, 30]" @pagination="getList" /> -->
+    <el-pagination
+      :total="total"
+      :current-page="listQuery.pageNum"
+      :page-sizes="[5, 10, 20, 30]"
+      :page-size="listQuery.pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"/>
+
+  </div>
+</template>
+
+<script>
+import { mapState, mapActions, mapMutations } from 'vuex'
+import waves from '@/directive/waves' // Waves directive
+import { parseTime } from '@/utils'
+
+export default {
+  computed: {
+    ...mapState('transaction', {
+      transactionList: s => s.transactionList,
+      total: s => s.total
+    })
+  },
+  directives: { waves },
+  data() {
+    var _self = this
+    return {
+      events: {
+        click: (e) => {
+          // _self.postData.Coordinate = e.lnglat.lat + ',' + e.lnglat.lng
+          _self.detail.longitude = e.lnglat.lng
+          _self.detail.latitude = e.lnglat.lat
+        }
+      },
+      markers: [],
+      searchOption: {
+        city: '南京',
+        citylimit: false
+      },
+      listLoading: true,
+      listQuery: {
+        pageNum: 1,
+        pageSize: 20,
+        transactionId: undefined,
+        transactionTitle: undefined,
+        status: undefined,
+        isReported: undefined
+      },
+      tableKey: 0,
+      downloadLoading: false
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    ...mapMutations('transaction', {
+    }),
+    ...mapActions('transaction', [
+      'FetchTransactionList'
+    ]),
+    setCurrent(item) {
+      this.setDetail({ ...item })
+    },
+    getList() {
+      this.listLoading = true
+      this.FetchTransactionList(this.listQuery).then(() => {
+        this.listLoading = false
+      }).catch(() => {
+        this.loading = false
+        console.log('get list error')
+      })
+    },
+    clearListQuery() {
+      this.listQuery.pageNum = 1
+      this.listQuery.pageSize = 20
+      this.listQuery.transactionId = undefined
+      this.listQuery.transactionTitle = undefined
+      this.listQuery.status = undefined
+      this.listQuery.isReported = undefined
+      this.getList()
+    },
+    handleFilter() {
+      this.listQuery.pageNum = 1
+      this.getList()
+    },
+    handleModifyStatus(row, status) {
+      this.$message({
+        message: '操作成功',
+        type: 'success'
+      })
+      row.status = status
+    },
+    sortChange(data) {
+      const { prop, order } = data
+      if (prop === 'id') {
+        this.sortByID(order)
+      }
+    },
+    handleSizeChange(val) {
+      // console.log(`每页 ${val} 条`);
+      this.listQuery.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.listQuery.pageNum = val
+      this.getList()
+    },
+    sortByID(order) {
+      if (order === 'ascending') {
+        this.listQuery.sort = '+id'
+      } else {
+        this.listQuery.sort = '-id'
+      }
+      this.handleFilter()
+    },
+    handleUpdate(row) {
+      this.setCurrent(row)
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+      this.getEditCityList()
+      this.getEditDistrictList()
+    },
+    handleLook(id) {
+      this.$router.push({ name: 'transaction-info', params: { id: id }})
+    },
+    handleCreate() {
+      this.resetDetail()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    handleDelete(row) {
+      this.$notify({
+        title: '成功',
+        message: '删除成功',
+        type: 'success',
+        duration: 2000
+      })
+      const index = this.list.indexOf(row)
+      this.list.splice(index, 1)
+    },
+    handleDownload() {
+      this.downloadLoading = true
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['timestamp', 'title', 'type', 'importance', 'status']
+        const filterVal = ['timestamp', 'title', 'type', 'importance', 'status']
+        const data = this.formatJson(filterVal, this.list)
+        excel.export_json_to_excel({
+          header: tHeader,
+          data,
+          filename: 'table-list'
+        })
+        this.downloadLoading = false
+      })
+    },
+    padDate(value) {
+      value = value < 10 ? '0' + value : value
+      return value
+    },
+    formatDate(val) {
+      var value = new Date(val)
+      var year = value.getFullYear()
+      var month = this.padDate(value.getMonth() + 1)
+      var day = this.padDate(value.getDate())
+      var hour = this.padDate(value.getHours())
+      var minutes = this.padDate(value.getMinutes())
+      var seconds = this.padDate(value.getSeconds())
+      return year + '-' + month + '-' + day + ' ' + hour + ':' + minutes + ':' + seconds
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => {
+        if (j === 'timestamp') {
+          return parseTime(v[j])
+        } else {
+          return v[j]
+        }
+      }))
+    },
+  }
+}
+</script>