合作伙伴和编辑公司信息

foyo-service/src/main/java/com/huiju/foyo/controller/TdCompanyInfoController.java

@@ -4,7 +4,9 @@ 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.huiju.foyo.common.BaseController;
+import com.huiju.foyo.common.ConstantFoyo;
 import com.huiju.foyo.common.ResponseBean;
+import com.huiju.foyo.model.TaCaseIndexCover;
 import com.huiju.foyo.model.TdCompanyInfo;
 import com.huiju.foyo.service.ITdCompanyInfoService;
 import org.slf4j.Logger;
@@ -18,6 +20,10 @@ import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;
 import org.springframework.web.bind.annotation.RestController;
 
+import java.time.LocalDateTime;
+import java.util.Arrays;
+import java.util.List;
+
 /**
  * <p>
     * 公司信息  前端控制器
@@ -42,18 +48,12 @@ public class TdCompanyInfoController extends BaseController {
      * @param pageSize
      * @return
      */
-    @RequestMapping(value="/tdCompanyInfo",method= RequestMethod.GET)
+    @RequestMapping(value="/admin/company/info",method= RequestMethod.GET)
     public ResponseBean tdCompanyInfoList(@RequestParam(value ="pageNum",defaultValue = "1") Integer pageNum,
                                           @RequestParam(value ="pageSize",defaultValue = "10") Integer pageSize){
         ResponseBean responseBean = new ResponseBean();
         try {
-            //使用分页插件
-		    IPage<TdCompanyInfo> pg = new Page<>(pageNum, pageSize);
-            QueryWrapper<TdCompanyInfo> queryWrapper = new QueryWrapper<>();
-            queryWrapper.orderByDesc("create_time");
-
-            IPage<TdCompanyInfo> result = iTdCompanyInfoService.page(pg, queryWrapper);
-            responseBean.addSuccess(result);
+            responseBean.addSuccess(iTdCompanyInfoService.list());
         }catch (Exception e){
             e.printStackTrace();
             logger.error("tdCompanyInfoList -=- {}",e.toString());
@@ -67,14 +67,29 @@ public class TdCompanyInfoController extends BaseController {
      * @param tdCompanyInfo 实体对象
      * @return
      */
-    @RequestMapping(value="/tdCompanyInfo",method= RequestMethod.POST)
+    @RequestMapping(value="/admin/company/add",method= RequestMethod.POST)
     public ResponseBean tdCompanyInfoAdd(@RequestBody TdCompanyInfo tdCompanyInfo){
         ResponseBean responseBean = new ResponseBean();
         try {
-            if (iTdCompanyInfoService.save(tdCompanyInfo)){
-                responseBean.addSuccess(tdCompanyInfo);
+
+            List<TdCompanyInfo> tdCompanyInfoList = iTdCompanyInfoService.list();
+            if (tdCompanyInfoList.size() > 0){
+                TdCompanyInfo tdCompanyInfoUpdate = tdCompanyInfoList.get(0);
+                tdCompanyInfoUpdate.setUpdateTime(LocalDateTime.now());
+                tdCompanyInfoUpdate.setCompanyImg(tdCompanyInfo.getCompanyImg());
+                if (iTdCompanyInfoService.updateById(tdCompanyInfoUpdate)){
+                    responseBean.addSuccess(tdCompanyInfoUpdate);
+                }else {
+                    responseBean.addError("fail");
+                }
             }else {
-                responseBean.addError("fail");
+                tdCompanyInfo.setCreateBy(ConstantFoyo.USER_ADMIN);
+                tdCompanyInfo.setCreateTime(LocalDateTime.now());
+                if (iTdCompanyInfoService.save(tdCompanyInfo)){
+                    responseBean.addSuccess(tdCompanyInfo);
+                }else {
+                    responseBean.addError("fail");
+                }
             }
         }catch (Exception e){
             e.printStackTrace();

foyo-service/src/main/java/com/huiju/foyo/controller/TdPartnerController.java

@@ -4,6 +4,7 @@ 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.huiju.foyo.common.BaseController;
+import com.huiju.foyo.common.ConstantFoyo;
 import com.huiju.foyo.common.ResponseBean;
 import com.huiju.foyo.model.TdPartner;
 import com.huiju.foyo.service.ITdPartnerService;
@@ -18,6 +19,10 @@ import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;
 import org.springframework.web.bind.annotation.RestController;
 
+import java.time.LocalDateTime;
+import java.util.Arrays;
+import java.util.List;
+
 /**
  * <p>
     * 合作伙伴  前端控制器
@@ -42,7 +47,7 @@ public class TdPartnerController extends BaseController {
      * @param pageSize
      * @return
      */
-    @RequestMapping(value="/tdPartner",method= RequestMethod.GET)
+    @RequestMapping(value="/admin/partner/list",method= RequestMethod.GET)
     public ResponseBean tdPartnerList(@RequestParam(value ="pageNum",defaultValue = "1") Integer pageNum,
                                       @RequestParam(value ="pageSize",defaultValue = "10") Integer pageSize){
         ResponseBean responseBean = new ResponseBean();
@@ -67,10 +72,13 @@ public class TdPartnerController extends BaseController {
      * @param tdPartner 实体对象
      * @return
      */
-    @RequestMapping(value="/tdPartner",method= RequestMethod.POST)
+    @RequestMapping(value="/admin/partner/add",method= RequestMethod.POST)
     public ResponseBean tdPartnerAdd(@RequestBody TdPartner tdPartner){
         ResponseBean responseBean = new ResponseBean();
         try {
+            tdPartner.setCreateBy(ConstantFoyo.USER_ADMIN);
+            tdPartner.setStatus(ConstantFoyo.STATUS_EFFECTIVE);
+            tdPartner.setCreateTime(LocalDateTime.now());
             if (iTdPartnerService.save(tdPartner)){
                 responseBean.addSuccess(tdPartner);
             }else {
@@ -85,15 +93,15 @@ public class TdPartnerController extends BaseController {
     }
 
     /**
-     * 根据id删除对象
-     * @param id  实体ID
+     * 根据id批量删除对象
      */
     @ResponseBody
-    @RequestMapping(value="/tdPartner/{id}", method= RequestMethod.DELETE)
-    public ResponseBean tdPartnerDelete(@PathVariable Integer id){
+    @RequestMapping(value="/admin/partner/delete", method= RequestMethod.DELETE)
+    public ResponseBean tdPartnerDelete(@RequestBody String[] ids){
         ResponseBean responseBean = new ResponseBean();
         try {
-            if(iTdPartnerService.removeById(id)){
+            List<String> idList = Arrays.asList(ids);
+            if(iTdPartnerService.removeByIds(idList)){
                 responseBean.addSuccess("success");
             }else {
                 responseBean.addError("fail");

vue-element-admin/src/api/company.js

@@ -0,0 +1,17 @@
+import request from '@/utils/request'
+
+export function companyInfo(query) {
+  return request({
+    url: '/company/info',
+    method: 'get',
+    params: query
+  })
+}
+
+export function addCompanyInfo(data) {
+  return request({
+    url: '/company/add',
+    method: 'post',
+    data
+  })
+}

vue-element-admin/src/api/partner.js

@@ -0,0 +1,25 @@
+import request from '@/utils/request'
+
+export function partnerlList(query) {
+  return request({
+    url: '/partner/list',
+    method: 'get',
+    params: query
+  })
+}
+
+export function addPartner(data) {
+  return request({
+    url: '/partner/add',
+    method: 'post',
+    data
+  })
+}
+
+export function deletePartnerBatch(data) {
+  return request({
+    url: '/partner/delete',
+    method: 'delete',
+    data
+  })
+}

vue-element-admin/src/router/index.js

@@ -161,6 +161,35 @@ export const constantRouterMap = [
         name: 'servicecase-add',
         hidden: true,
         meta: { title: '新增案例类型', icon: 'table' }
+      },
+      {
+        path: '/company/index',
+        component: () => import('@/views/company/edit'),
+        name: 'company-index',
+        meta: { title: '编辑公司信息', icon: 'table' }
+      }
+    ]
+  },
+  {
+    path: '/partner',
+    component: Layout,
+    redirect: '/conmmunity/download',
+    name: 'partner',
+    alwaysShow: true,
+    meta: { title: '合作伙伴管理', icon: 'zip' },
+    children: [
+      {
+        path: 'carousel',
+        component: () => import('@/views/partner/index'),
+        name: 'partner-index',
+        meta: { title: '合作伙伴列表', icon: 'table' }
+      },
+      {
+        path: '/partner/edit',
+        component: () => import('@/views/partner/add'),
+        name: 'partner-edit',
+        hidden: true,
+        meta: { title: '新增合作伙伴', icon: 'table' }
       }
     ]
   }

vue-element-admin/src/store/index.js

@@ -9,6 +9,8 @@ import getters from './getters'
 import service from './modules/service'
 import servicecase from './modules/case'
 import carousel from './modules/carousel'
+import partner from './modules/partner'
+import company from './modules/company'
 
 Vue.use(Vuex)
 
@@ -21,7 +23,9 @@ const store = new Vuex.Store({
     user,
     service,
     servicecase,
-    carousel
+    carousel,
+    partner,
+    company
   },
   getters
 })

vue-element-admin/src/store/modules/company.js

@@ -0,0 +1,28 @@
+import { companyInfo, addCompanyInfo } from '@/api/company'
+
+const company = {
+  namespaced: true,
+
+  actions: {
+    getCompanyInfo({ commit, state }, data) {
+      return new Promise((resolve, reject) => {
+        companyInfo(data).then(response => {
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    createCompanyInfo({ commit, state }, data) {
+      return new Promise((resolve, reject) => {
+        addCompanyInfo(data).then(response => {
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    }
+  }
+}
+
+export default company

vue-element-admin/src/store/modules/partner.js

@@ -0,0 +1,37 @@
+import { partnerlList, addPartner, deletePartnerBatch } from '@/api/partner'
+
+const partner = {
+  namespaced: true,
+
+  actions: {
+    getPartnerList({ commit, state }, data) {
+      return new Promise((resolve, reject) => {
+        partnerlList(data).then(response => {
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    createPartner({ commit, state }, data) {
+      return new Promise((resolve, reject) => {
+        addPartner(data).then(response => {
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    deletePartner({ commit, state }, data) { // 删除合作伙伴
+      return new Promise((resolve, reject) => {
+        deletePartnerBatch(data).then(response => {
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    }
+  }
+}
+
+export default partner

vue-element-admin/src/views/company/edit.vue

@@ -0,0 +1,233 @@
+<template>
+  <div id="app" class="app-container">
+    <el-form ref="form" :model="form">
+      <el-form-item :label-width="formLabelWidth" label="公司信息封面图">
+        <el-upload
+          :action= "uploadImgUrl"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess"
+          class="avatar-uploader"
+          name="uploadFiles">
+          <img v-if="imageUrl" :src="imageUrl" class="avatar">
+          <i v-else class="el-icon-plus avatar-uploader-icon"/>
+        </el-upload>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="dialogForm('1')">确 定</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+// import { updateArticle, createBanner } from '@/api/banner' // getBanner
+import waves from '@/directive/waves' // Waves directive
+import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+const calendarTypeOptions = [
+  { key: 'CN', display_name: 'China' },
+  { key: 'US', display_name: 'USA' },
+  { key: 'JP', display_name: 'Japan' },
+  { key: 'EU', display_name: 'Eurozone' }
+]
+// arr to obj ,such as { CN : "China", US : "USA" }
+const calendarTypeKeyValue = calendarTypeOptions.reduce((acc, cur) => {
+  acc[cur.key] = cur.display_name
+  return acc
+}, {})
+export default {
+  name: 'UpdateBanner',
+  components: { Pagination },
+  directives: { waves },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    },
+    typeFilter(type) {
+      return calendarTypeKeyValue[type]
+    }
+  },
+  data() {
+    return {
+      tableKey: 0,
+      list: null,
+      total: 0,
+      listLoading: true,
+      imageUrl: '', // 图片预览
+      importanceOptions: [1, 2, 3],
+      calendarTypeOptions,
+      communityQuery: {
+        pageNum: 1,
+        pageSize: 300,
+        communityId: undefined,
+        communityName: undefined,
+        provinceId: undefined,
+        cityId: undefined,
+        districtId: undefined
+      },
+      listQuery: [],
+      form: {
+        id: '',
+        sort: '',
+        companyImg: ''
+      },
+      uploadImgUrl: process.env.BASE_API + '/uploadimage',
+      dialogStatus: '',
+      downloadLoading: false,
+      formLabelWidth: '120px',
+      showContentVisible: false,
+      showURLVisible: true,
+      bannerPositionArr: [
+        { id: 1, value: '首页banner' },
+        { id: 2, value: '服务banner' }
+      ],
+      dynamicTags: [],
+      inputVisible: false,
+      inputValue: ''
+    }
+  },
+  computed: {
+  },
+  created() {
+    this.getCompanyImg()
+  },
+  updated() {
+  },
+  methods: {
+    handleAvatarSuccess(res, file) { // 上传成功回调
+      this.imageUrl = URL.createObjectURL(file.raw)
+      this.form.companyImg = res.data[0]
+    },
+    dialogAddForm() {
+      this.dialogFormVisible = true
+      this.form.companyImg = ''
+    },
+    dialogForm(isVaule) {
+      if (isVaule === '0') {
+        this.$router.push({ name: 'service-index' })
+      } else {
+        this.createData()
+      }
+    },
+    showContent() {
+      if (this.form.bannerType === '1') {
+        this.showContentVisible = false
+        this.showURLVisible = true
+      } else {
+        this.showContentVisible = true
+        this.showURLVisible = false
+      }
+    },
+    createData() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.form.labelList = this.dynamicTags
+          this.$store.dispatch('company/createCompanyInfo', this.form).then((res) => {
+            if (res.data.code === '0') {
+              this.$message({
+                message: res.data.message,
+                type: 'success'
+              })
+              this.$router.push({ name: 'company-index' })
+            } else {
+              this.$message({
+                message: res.data.message,
+                type: 'warning'
+              })
+            }
+          })
+        }
+      })
+    },
+    getCompanyImg() {
+      this.$store.dispatch('company/getCompanyInfo', this.form).then((res) => {
+        if (res.data.code === '0') {
+          console.log(res.data.data)
+          console.log(res.data.data.length)
+          if (res.data.data.length > 0) {
+            this.imageUrl = res.data.data[0].companyImg
+            this.form.companyImg = res.data.data[0].companyImg
+          }
+        } else {
+          this.$message({
+            message: res.data.message,
+            type: 'warning'
+          })
+        }
+      })
+    },
+    handleClose(tag) {
+      this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1)
+    },
+    showInput() {
+      this.inputVisible = true
+      this.$nextTick(_ => {
+        this.$refs.saveTagInput.$refs.input.focus()
+      })
+    },
+    handleInputConfirm() {
+      const inputValue = this.inputValue
+      if (inputValue) {
+        this.dynamicTags.push(inputValue)
+      }
+      this.inputVisible = false
+      this.inputValue = ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+.app-container {
+  width: 50%;
+  margin: auto;
+}
+.dialog-footer {
+  text-align: center;
+}
+.el-tag + .el-tag {
+    margin-left: 10px;
+  }
+  .button-new-tag {
+    margin-left: 10px;
+    height: 32px;
+    line-height: 30px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .input-new-tag {
+    width: 90px;
+    margin-left: 10px;
+    vertical-align: bottom;
+  }
+</style>
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409EFF;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+

vue-element-admin/src/views/partner/add.vue

@@ -0,0 +1,190 @@
+<template>
+  <div id="app" class="app-container">
+    <el-form ref="form" :model="form">
+      <el-form-item :label-width="formLabelWidth" label="合作企业名称">
+        <el-input v-model="form.name"/>
+      </el-form-item>
+      <el-form-item :label-width="formLabelWidth" label="排序">
+        <el-input v-model="form.sort"/>
+      </el-form-item>
+      <el-form-item :label-width="formLabelWidth" label="合作企业Logo">
+        <el-upload
+          :action= "uploadImgUrl"
+          :show-file-list="false"
+          :on-success="handleAvatarSuccess"
+          class="avatar-uploader"
+          name="uploadFiles">
+          <img v-if="logoImg" :src="logoImg" class="avatar">
+          <i v-else class="el-icon-plus avatar-uploader-icon"/>
+        </el-upload>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="dialogForm('0')">取 消</el-button>
+      <el-button type="primary" @click="dialogForm('1')">确 定</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+// import { updateArticle, createBanner } from '@/api/banner' // getBanner
+import waves from '@/directive/waves' // Waves directive
+import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+const calendarTypeOptions = [
+  { key: 'CN', display_name: 'China' },
+  { key: 'US', display_name: 'USA' },
+  { key: 'JP', display_name: 'Japan' },
+  { key: 'EU', display_name: 'Eurozone' }
+]
+// arr to obj ,such as { CN : "China", US : "USA" }
+const calendarTypeKeyValue = calendarTypeOptions.reduce((acc, cur) => {
+  acc[cur.key] = cur.display_name
+  return acc
+}, {})
+export default {
+  name: 'UpdateBanner',
+  components: { Pagination },
+  directives: { waves },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    },
+    typeFilter(type) {
+      return calendarTypeKeyValue[type]
+    }
+  },
+  data() {
+    return {
+      tableKey: 0,
+      list: null,
+      total: 0,
+      listLoading: true,
+      logoImg: '', // 图片预览
+      importanceOptions: [1, 2, 3],
+      calendarTypeOptions,
+      communityQuery: {
+        pageNum: 1,
+        pageSize: 300,
+        communityId: undefined,
+        communityName: undefined,
+        provinceId: undefined,
+        cityId: undefined,
+        districtId: undefined
+      },
+      listQuery: [],
+      form: {
+        id: '',
+        serviceName: '',
+        sort: '',
+        logoImg: ''
+      },
+      uploadImgUrl: process.env.BASE_API + '/uploadimage',
+      dialogStatus: '',
+      downloadLoading: false,
+      formLabelWidth: '120px',
+      showContentVisible: false,
+      showURLVisible: true,
+      bannerPositionArr: [
+        { id: 1, value: '首页banner' },
+        { id: 2, value: '服务banner' }
+      ]
+    }
+  },
+  computed: {
+  },
+  created() {
+    this.listQuery = this.$route.params.listQuery
+  },
+  updated() {
+  },
+  methods: {
+    handleAvatarSuccess(res, file) { // 上传成功回调
+      this.logoImg = URL.createObjectURL(file.raw)
+      this.form.logoImg = res.data[0]
+    },
+    dialogAddForm() {
+      this.dialogFormVisible = true
+      this.form.name = ''
+      this.form.sort = ''
+      this.form.logoImg = ''
+    },
+    dialogForm(isVaule) {
+      if (isVaule === '0') {
+        this.$router.push({ name: 'partner-index' })
+      } else {
+        this.createData()
+      }
+    },
+    showContent() {
+      if (this.form.bannerType === '1') {
+        this.showContentVisible = false
+        this.showURLVisible = true
+      } else {
+        this.showContentVisible = true
+        this.showURLVisible = false
+      }
+    },
+    createData() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.$store.dispatch('partner/createPartner', this.form).then((res) => {
+            if (res.data.code === '0') {
+              this.$message({
+                message: res.data.message,
+                type: 'success'
+              })
+              this.$router.push({ name: 'partner-index' })
+            } else {
+              this.$message({
+                message: res.data.message,
+                type: 'warning'
+              })
+            }
+          })
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.app-container {
+  width: 50%;
+  margin: auto;
+}
+.dialog-footer {
+  text-align: center;
+}
+</style>
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409EFF;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+

vue-element-admin/src/views/partner/index.vue

@@ -0,0 +1,287 @@
+<template>
+  <div class="root">
+    <el-form :inline="true" :model="listQuery" class="form-listQuery">
+      <!-- <el-form-item label="业务名称">
+        <el-input v-model="listQuery.serviceName" placeholder="业务名称" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="info" @click="clearListQuery">清空</el-button>
+        <el-button type="primary" @click="handleFilter">查询</el-button>
+      </el-form-item> -->
+    </el-form>
+    <div class="operation">
+      <div>
+        <el-button type="primary" @click="addPartner">新增合作伙伴</el-button>
+        <el-button type="danger" @click="deletePartner">删除</el-button>
+      </div>
+    </div>
+    <el-table
+      v-loading="listLoading"
+      ref="multipleTable"
+      :data="partnerList"
+      border
+      tooltip-effect="dark"
+      style="width: 100%; margin-top: 20px;"
+      @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="合作企业名称" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="合作企业Logo" align="center">
+        <template slot-scope="scope">
+          <img v-if="scope.row.logoImg !== ''" :src="scope.row.logoImg" width="50" height="50">
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.sort }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建时间" align="center">
+        <template slot-scope="scope">
+          <span>{{ formatDate(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="block">
+      <el-pagination
+        :current-page.sync="listQuery.pageNum"
+        :page-sizes="[10, 20, 50, 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>
+import waves from '@/directive/waves' // Waves directive
+import { parseTime } from '@/utils'
+
+export default {
+  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
+      },
+      partnerList: [],
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        pageNum: 1,
+        pageSize: 20
+      },
+      ids: [], // id集合
+      tableKey: 0,
+      downloadLoading: false
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    setCurrent(item) {
+      this.setDetail({ ...item })
+    },
+    getList() {
+      this.listLoading = true
+      this.$store.dispatch('partner/getPartnerList', this.listQuery).then((res) => {
+        console.log(res)
+        this.partnerList = res.data.data.records
+        this.total = res.data.data.total
+        this.listLoading = false
+      }).catch(() => {
+        this.loading = false
+        console.log('get list error')
+      })
+    },
+    clearListQuery() {
+      this.listQuery.pageNum = 1
+      this.listQuery.pageSize = 20
+      this.listQuery.billId = undefined
+      this.listQuery.billName = undefined
+      this.listQuery.billExplain = undefined
+      this.getList()
+    },
+    getInfo(billId, billStatus) {
+      if (billStatus === '2') {
+        this.$router.push({ name: 'bill-edi', query: { id: billId }})
+      } else {
+        this.$router.push({ name: 'bill-info', query: { id: billId }})
+      }
+    },
+    addPartner() {
+      this.$router.push({ name: 'partner-add' })
+    },
+    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) {
+      if (val === null) {
+        return ''
+      }
+      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]
+        }
+      }))
+    },
+    deletePartner() { // 删除
+      if (this.ids.length <= 0) {
+        this.$message.error('请至少选择一项')
+        return
+      }
+      this.$store.dispatch('partner/deletePartner', this.ids).then(res => {
+        const resCode = res.data.code
+        if (resCode === '0') {
+          this.$message.success('删除成功')
+          this.getList()
+          return
+        }
+        this.$message.error(res.data.message)
+      }).catch(() => {
+        console.log('DeleteBillBeach error')
+      })
+    },
+    handleSelectionChange(val) { // 选择
+      console.log(val)
+      this.ids = []
+
+      val.map((item, index) => {
+        console.log(item, index)
+        this.ids.push(item.id)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.root{
+  display: flex;
+  flex-flow: column;
+}
+.form-listQuery{
+  margin-top: 20px;
+  margin-left: 30px;
+}
+.operation{
+  display: flex;
+  justify-content: space-between;
+  margin-left: 20px;
+  margin-right: 20px;
+}
+.block{
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 10px;
+}
+</style>