1

src/main/java/com/izouma/zhumj/domain/client/Banner.java

@@ -0,0 +1,41 @@
+package com.izouma.zhumj.domain.client;
+
+import com.izouma.zhumj.annotations.Searchable;
+import com.izouma.zhumj.domain.BaseEntity;
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.Entity;
+import javax.persistence.EnumType;
+import javax.persistence.Enumerated;
+
+@Data
+@Entity
+@AllArgsConstructor
+@NoArgsConstructor
+@Builder
+@ApiModel(value = "上方广告条", description = "上方广告条")
+public class Banner extends BaseEntity {
+    @ApiModelProperty("名称")
+    @Searchable
+    private String name;
+
+    @ApiModelProperty("图片")
+    private String pic;
+
+    @ApiModelProperty("备注")
+    private String remark;
+
+    @ApiModelProperty("排序")
+    private int sort;
+
+    @ApiModelProperty("跳转")
+    private boolean link;
+
+    @ApiModelProperty("跳转内容")
+    private String linkContent;
+}

src/main/java/com/izouma/zhumj/domain/client/ClientStoreInfo.java

@@ -0,0 +1,31 @@
+package com.izouma.zhumj.domain.client;
+
+import com.izouma.zhumj.domain.BaseEntity;
+import io.swagger.annotations.ApiModel;
+import lombok.AllArgsConstructor;
+import lombok.Builder;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.Entity;
+import java.math.BigDecimal;
+
+@Data
+@Entity
+@AllArgsConstructor
+@NoArgsConstructor
+@Builder
+@ApiModel(value = "门店信息", description = "门店信息")
+public class ClientStoreInfo extends BaseEntity {
+    private String storeName;
+
+    private String shortName;
+
+    private String phone;
+
+    private String address;
+
+    private BigDecimal money;
+
+    private String pic;
+}

src/main/java/com/izouma/zhumj/repo/client/BannerRepo.java

@@ -0,0 +1,8 @@
+package com.izouma.zhumj.repo.client;
+
+import com.izouma.zhumj.domain.client.Banner;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
+
+public interface BannerRepo extends JpaRepository<Banner, Long>, JpaSpecificationExecutor<Banner> {
+}

src/main/java/com/izouma/zhumj/repo/client/ClientStoreInfoRepo.java

@@ -0,0 +1,8 @@
+package com.izouma.zhumj.repo.client;
+
+import com.izouma.zhumj.domain.client.ClientStoreInfo;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
+
+public interface ClientStoreInfoRepo extends JpaRepository<ClientStoreInfo, Long>, JpaSpecificationExecutor<ClientStoreInfo> {
+}

src/main/java/com/izouma/zhumj/security/WebSecurityConfig.java

@@ -77,6 +77,8 @@ public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
                 .antMatchers("/MP_verify*").permitAll()
                 .antMatchers("/user/loginApp").permitAll()
                 .antMatchers("/alipay/*").permitAll()
+                .antMatchers("/banner/all").permitAll()
+                .antMatchers("/clientStoreInfo/all").permitAll()
                 // all other requests need to be authenticated
                 .anyRequest().authenticated().and()
                 // make sure we use stateless session; session won't be used to

src/main/java/com/izouma/zhumj/service/client/BannerService.java

@@ -0,0 +1,14 @@
+package com.izouma.zhumj.service.client;
+
+import com.izouma.zhumj.domain.client.Banner;
+import com.izouma.zhumj.repo.client.BannerRepo;
+import lombok.AllArgsConstructor;
+import org.springframework.stereotype.Service;
+
+@Service
+@AllArgsConstructor
+public class BannerService {
+
+    private BannerRepo bannerRepo;
+
+}

src/main/java/com/izouma/zhumj/service/client/ClientStoreInfoService.java

@@ -0,0 +1,14 @@
+package com.izouma.zhumj.service.client;
+
+import com.izouma.zhumj.domain.client.ClientStoreInfo;
+import com.izouma.zhumj.repo.client.ClientStoreInfoRepo;
+import lombok.AllArgsConstructor;
+import org.springframework.stereotype.Service;
+
+@Service
+@AllArgsConstructor
+public class ClientStoreInfoService {
+
+    private ClientStoreInfoRepo clientStoreInfoRepo;
+
+}

src/main/java/com/izouma/zhumj/web/client/BannerController.java

@@ -0,0 +1,61 @@
+package com.izouma.zhumj.web.client;
+
+import com.izouma.zhumj.web.BaseController;
+import com.izouma.zhumj.domain.client.Banner;
+import com.izouma.zhumj.service.client.BannerService;
+import com.izouma.zhumj.dto.PageQuery;
+import com.izouma.zhumj.exception.BusinessException;
+import com.izouma.zhumj.repo.client.BannerRepo;
+import com.izouma.zhumj.utils.ObjUtils;
+import com.izouma.zhumj.utils.excel.ExcelUtils;
+
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.List;
+
+@RestController
+@RequestMapping("/banner")
+@AllArgsConstructor
+public class BannerController extends BaseController {
+    private BannerService bannerService;
+    private BannerRepo bannerRepo;
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/save")
+    public Banner save(@RequestBody Banner record) {
+        if (record.getId() != null) {
+            Banner orig = bannerRepo.findById(record.getId()).orElseThrow(new BusinessException("无记录"));
+            ObjUtils.merge(orig, record);
+            return bannerRepo.save(orig);
+        }
+        return bannerRepo.save(record);
+    }
+
+    @GetMapping("/all")
+    public Page<Banner> all(PageQuery pageQuery) {
+        return bannerRepo.findAll(toSpecification(pageQuery,Banner.class), toPageRequest(pageQuery));
+    }
+
+    @GetMapping("/get/{id}")
+    public Banner get(@PathVariable Long id) {
+        return bannerRepo.findById(id).orElseThrow(new BusinessException("无记录"));
+    }
+
+    @PostMapping("/del/{id}")
+    public void del(@PathVariable Long id) {
+        bannerRepo.deleteById(id);
+    }
+
+    @GetMapping("/excel")
+    @ResponseBody
+    public void excel(HttpServletResponse response, PageQuery pageQuery) throws IOException {
+        List<Banner> data = all(pageQuery).getContent();
+        ExcelUtils.export(response, data);
+    }
+}
+

src/main/java/com/izouma/zhumj/web/client/ClientStoreInfoController.java

@@ -0,0 +1,61 @@
+package com.izouma.zhumj.web.client;
+
+import com.izouma.zhumj.web.BaseController;
+import com.izouma.zhumj.domain.client.ClientStoreInfo;
+import com.izouma.zhumj.service.client.ClientStoreInfoService;
+import com.izouma.zhumj.dto.PageQuery;
+import com.izouma.zhumj.exception.BusinessException;
+import com.izouma.zhumj.repo.client.ClientStoreInfoRepo;
+import com.izouma.zhumj.utils.ObjUtils;
+import com.izouma.zhumj.utils.excel.ExcelUtils;
+
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.List;
+
+@RestController
+@RequestMapping("/clientStoreInfo")
+@AllArgsConstructor
+public class ClientStoreInfoController extends BaseController {
+    private ClientStoreInfoService clientStoreInfoService;
+    private ClientStoreInfoRepo clientStoreInfoRepo;
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/save")
+    public ClientStoreInfo save(@RequestBody ClientStoreInfo record) {
+        if (record.getId() != null) {
+            ClientStoreInfo orig = clientStoreInfoRepo.findById(record.getId()).orElseThrow(new BusinessException("无记录"));
+            ObjUtils.merge(orig, record);
+            return clientStoreInfoRepo.save(orig);
+        }
+        return clientStoreInfoRepo.save(record);
+    }
+
+    @GetMapping("/all")
+    public Page<ClientStoreInfo> all(PageQuery pageQuery) {
+        return clientStoreInfoRepo.findAll(toSpecification(pageQuery,ClientStoreInfo.class), toPageRequest(pageQuery));
+    }
+
+    @GetMapping("/get/{id}")
+    public ClientStoreInfo get(@PathVariable Long id) {
+        return clientStoreInfoRepo.findById(id).orElseThrow(new BusinessException("无记录"));
+    }
+
+    @PostMapping("/del/{id}")
+    public void del(@PathVariable Long id) {
+        clientStoreInfoRepo.deleteById(id);
+    }
+
+    @GetMapping("/excel")
+    @ResponseBody
+    public void excel(HttpServletResponse response, PageQuery pageQuery) throws IOException {
+        List<ClientStoreInfo> data = all(pageQuery).getContent();
+        ExcelUtils.export(response, data);
+    }
+}
+

src/main/resources/genjson/Banner.json

@@ -0,0 +1 @@
+{"tableName":"Banner","className":"Banner","remark":"banner条","genTable":true,"genClass":true,"genList":true,"genForm":true,"genRouter":true,"javaPath":"C:\\Users\\96214\\IdeaProjects\\pms\\src\\main\\java\\com\\izouma\\zhumj","viewPath":"C:\\Users\\96214\\IdeaProjects\\pms\\src\\main\\vue\\src\\views","routerPath":"C:\\Users\\96214\\IdeaProjects\\pms\\src\\main\\vue\\src","resourcesPath":"C:\\Users\\96214\\IdeaProjects\\pms\\src\\main\\resources","dataBaseType":"Mysql","fields":[{"name":"name","modelName":"name","remark":"名称","showInList":true,"showInForm":true,"formType":"singleLineText"},{"name":"pic","modelName":"pic","remark":"图片","showInList":true,"showInForm":true,"formType":"singleImage"},{"name":"remark","modelName":"remark","remark":"备注","showInList":true,"showInForm":true,"formType":"singleLineText"},{"name":"sort","modelName":"sort","remark":"排序","showInList":true,"showInForm":true,"formType":"number"},{"name":"link","modelName":"link","remark":"跳转","showInList":true,"showInForm":true,"formType":"switch"},{"name":"linkContent","modelName":"linkContent","remark":"跳转内容","showInList":true,"showInForm":true,"formType":"singleLineText"}],"readTable":false,"dataSourceCode":"dataSource","genJson":"","subtables":[],"update":false,"basePackage":"com.izouma.zhumj","tablePackage":"com.izouma.zhumj.domain.client.Banner","genPackage":"client"}

src/main/resources/genjson/ClientStoreInfo.json

@@ -0,0 +1 @@
+{"tableName":"ClientStoreInfo","className":"ClientStoreInfo","remark":"门店列表","genTable":true,"genClass":true,"genList":true,"genForm":true,"genRouter":true,"javaPath":"C:\\Users\\96214\\IdeaProjects\\pms\\src\\main\\java\\com\\izouma\\zhumj","viewPath":"C:\\Users\\96214\\IdeaProjects\\pms\\src\\main\\vue\\src\\views","routerPath":"C:\\Users\\96214\\IdeaProjects\\pms\\src\\main\\vue\\src","resourcesPath":"C:\\Users\\96214\\IdeaProjects\\pms\\src\\main\\resources","dataBaseType":"Mysql","fields":[{"name":"storeName","modelName":"storeName","remark":"门店名称","showInList":true,"showInForm":true,"formType":"singleLineText","required":false},{"name":"shortName","modelName":"shortName","remark":"门店简称","showInList":true,"showInForm":true,"formType":"singleLineText"},{"name":"phone","modelName":"phone","remark":"手机号","showInList":true,"showInForm":true,"formType":"singleLineText"},{"name":"address","modelName":"address","remark":"地址","showInList":true,"showInForm":true,"formType":"singleLineText"},{"name":"money","modelName":"money","remark":"价格","showInList":true,"showInForm":true,"formType":"number"},{"name":"pic","modelName":"pic","remark":"图片","showInList":true,"showInForm":true,"formType":"singleImage"}],"readTable":false,"dataSourceCode":"dataSource","genJson":"","subtables":[],"update":false,"basePackage":"com.izouma.zhumj","tablePackage":"com.izouma.zhumj.domain.client.ClientStoreInfo","genPackage":"client"}

src/main/vue/src/router.js

@@ -2053,7 +2053,55 @@ const router = new Router({
                     meta: {
                         title: 'Company',
                     },
-                }
+                },
+                {
+                    path: '/clientStoreInfoEdit',
+                    name: 'ClientStoreInfoEdit',
+                    component: () => import(/* webpackChunkName: "clientStoreInfoEdit" */ '@/views/ClientStoreInfoEdit.vue'),
+                    meta: {
+                       title: '小程序门店编辑',
+                    },
+                },
+                {
+                    path: '/clientStoreInfoList',
+                    name: 'ClientStoreInfoList',
+                    component: () => import(/* webpackChunkName: "clientStoreInfoList" */ '@/views/ClientStoreInfoList.vue'),
+                    meta: {
+                       title: '小程序门店',
+                    },
+               },
+                {
+                    path: '/clientStoreInfoEdit',
+                    name: 'ClientStoreInfoEdit',
+                    component: () => import(/* webpackChunkName: "clientStoreInfoEdit" */ '@/views/ClientStoreInfoEdit.vue'),
+                    meta: {
+                       title: '门店列表编辑',
+                    },
+                },
+                {
+                    path: '/clientStoreInfoList',
+                    name: 'ClientStoreInfoList',
+                    component: () => import(/* webpackChunkName: "clientStoreInfoList" */ '@/views/ClientStoreInfoList.vue'),
+                    meta: {
+                       title: '门店列表',
+                    },
+               },
+                {
+                    path: '/bannerEdit',
+                    name: 'BannerEdit',
+                    component: () => import(/* webpackChunkName: "bannerEdit" */ '@/views/BannerEdit.vue'),
+                    meta: {
+                       title: 'banner条编辑',
+                    },
+                },
+                {
+                    path: '/bannerList',
+                    name: 'BannerList',
+                    component: () => import(/* webpackChunkName: "bannerList" */ '@/views/BannerList.vue'),
+                    meta: {
+                       title: 'banner条',
+                    },
+               }
                 /**INSERT_LOCATION**/
             ]
         },
@@ -2113,4 +2161,4 @@ router.beforeEach((to, from, next) => {
     }
 });
 
-export default router;
+export default router;

src/main/vue/src/views/BannerEdit.vue

@@ -0,0 +1,104 @@
+<template>
+    <div class="edit-view">
+        <el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right" size="small"
+                 style="max-width: 500px;">
+                <el-form-item prop="name" label="名称">
+                            <el-input v-model="formData.name"></el-input>
+                </el-form-item>
+                <el-form-item prop="pic" label="图片">
+                            <single-upload v-model="formData.pic"></single-upload>
+                </el-form-item>
+                <el-form-item prop="remark" label="备注">
+                            <el-input v-model="formData.remark"></el-input>
+                </el-form-item>
+                <el-form-item prop="sort" label="排序">
+                            <el-input-number type="number" v-model="formData.sort"></el-input-number>
+                </el-form-item>
+                <el-form-item prop="link" label="跳转">
+                            <el-switch v-model="formData.link"></el-switch>
+                </el-form-item>
+                <el-form-item prop="linkContent" label="跳转内容">
+                            <el-input v-model="formData.linkContent"></el-input>
+                </el-form-item>
+            <el-form-item>
+                <el-button @click="onSave" :loading="$store.state.fetchingData"
+                           type="primary">保存</el-button>
+                <el-button @click="onDelete" :loading="$store.state.fetchingData"
+                           type="danger" v-if="formData.id">删除
+                </el-button>
+                <el-button @click="$router.go(-1)">取消</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+<script>
+    export default {
+        name: 'BannerEdit',
+        created() {
+            if (this.$route.query.id) {
+                this.$http
+                    .get('banner/get/'+this.$route.query.id)
+                    .then(res => {
+                        this.formData = res;
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.$message.error(e.error);
+                    });
+            }
+        },
+        data() {
+            return {
+                saving: false,
+                formData: {
+                },
+                rules: {
+                },
+            }
+        },
+        methods: {
+            onSave() {
+                this.$refs.form.validate((valid) => {
+                    if (valid) {
+                        this.submit();
+                    } else {
+                        return false;
+                    }
+                });
+            },
+            submit() {
+                let data = {...this.formData};
+
+
+                this.$store.commit('updateFetchingData', true);
+                this.$http
+                    .post('/banner/save', data, {body: 'json'})
+                    .then(res => {
+                        this.$store.commit('updateFetchingData', false);
+                        this.$message.success('成功');
+                        this.$router.go(-1);
+                    })
+                    .catch(e => {
+                        this.$store.commit('updateFetchingData', false);
+                        console.log(e);
+                        this.$message.error(e.error);
+                    });
+            },
+            onDelete() {
+                this.$alert('删除将无法恢复，确认要删除么？', '警告', {type: 'error'}).then(() => {
+                    return this.$http.post(`/banner/del/${this.formData.id}`)
+                }).then(() => {
+                    this.$message.success('删除成功');
+                    this.$router.go(-1);
+                }).catch(e => {
+                    if (e !== 'cancel') {
+                        console.log(e);
+                        this.$message.error(e.error);
+                    }
+                })
+            },
+        }
+    }
+</script>
+<style lang="less" scoped>
+</style>

src/main/vue/src/views/BannerList.vue

@@ -0,0 +1,188 @@
+<template>
+    <div  class="list-view">
+        <div class="filters-container">
+            <el-input placeholder="输入关键字" v-model="search" clearable
+                      class="filter-item"></el-input>
+            <el-button @click="getData" type="primary" icon="el-icon-search"
+                       class="filter-item">搜索
+            </el-button>
+            <el-button @click="addRow" v-if="canEdit" type="primary" icon="el-icon-plus"
+                       class="filter-item">添加
+            </el-button>
+            <el-button @click="download" type="primary" icon="el-icon-download"
+                       :loading="downloading" class="filter-item">导出EXCEL
+            </el-button>
+        </div>
+        <el-table :data="tableData" row-key="id" ref="table"
+                  header-row-class-name="table-header-row"
+                  header-cell-class-name="table-header-cell"
+                  row-class-name="table-row" cell-class-name="table-cell"
+                  :height="tableHeight">
+            <el-table-column v-if="multipleMode" align="center" type="selection"
+                             width="50">
+            </el-table-column>
+            <el-table-column prop="id" label="ID" width="100">
+            </el-table-column>
+                                <el-table-column prop="name" label="名称"
+>
+                    </el-table-column>
+                    <el-table-column prop="pic" label="图片"
+>
+                            <template slot-scope="{row}">
+                                <el-image style="width: 30px; height: 30px"
+                                          :src="row.pic" fit="cover"
+                                          :preview-src-list="[row.pic]"></el-image>
+                            </template>
+                    </el-table-column>
+                    <el-table-column prop="remark" label="备注"
+>
+                    </el-table-column>
+                    <el-table-column prop="sort" label="排序"
+>
+                    </el-table-column>
+                    <el-table-column prop="link" label="跳转"
+>
+                            <template slot-scope="{row}">
+                                <el-tag :type="row.link?'':'info'">{{row.link}}</el-tag>
+                            </template>
+                    </el-table-column>
+                    <el-table-column prop="linkContent" label="跳转内容"
+>
+                    </el-table-column>
+            <el-table-column
+                    label="操作"
+                    v-if="canEdit"
+                    align="center"
+                    fixed="right"
+                    min-width="150">
+                <template slot-scope="{row}">
+                    <el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>
+                    <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <div class="pagination-wrapper">
+            <!-- <div class="multiple-mode-wrapper">
+                <el-button v-if="!multipleMode" @click="toggleMultipleMode(true)">批量编辑</el-button>
+                <el-button-group v-else>
+                    <el-button @click="operation1">批量操作1</el-button>
+                    <el-button @click="operation2">批量操作2</el-button>
+                    <el-button @click="toggleMultipleMode(false)">取消</el-button>
+                </el-button-group>
+            </div> -->
+            <el-pagination background @size-change="onSizeChange"
+                           @current-change="onCurrentChange" :current-page="page"
+                           :page-sizes="[10, 20, 30, 40, 50]" :page-size="pageSize"
+                           layout="total, sizes, prev, pager, next, jumper"
+                           :total="totalElements">
+            </el-pagination>
+        </div>
+
+    </div>
+</template>
+<script>
+    import { mapState } from "vuex";
+    import pageableTable from "@/mixins/pageableTable";
+
+    export default {
+        name: 'BannerList',
+        mixins: [pageableTable],
+        created() {
+            this.getData();
+        },
+        data() {
+            return {
+                multipleMode: false,
+                search: "",
+                url: "/banner/all",
+                downloading: false,
+            }
+        },
+        computed: {
+            selection() {
+                return this.$refs.table.selection.map(i => i.id);
+            }
+        },
+        methods: {
+            beforeGetData() {
+                if (this.search) {
+                    return { search: this.search };
+                }
+            },
+            toggleMultipleMode(multipleMode) {
+                this.multipleMode = multipleMode;
+                if (!multipleMode) {
+                    this.$refs.table.clearSelection();
+                }
+            },
+            addRow() {
+                this.$router.push({
+                    path: "/bannerEdit",
+                    query: {
+                    ...this.$route.query
+                    }
+                });
+            },
+            editRow(row) {
+                this.$router.push({
+                    path: "/bannerEdit",
+                    query: {
+                    id: row.id
+                    }
+                });
+            },
+            download() {
+                this.downloading = true;
+                this.$axios
+                    .get("/banner/excel", {
+                        responseType: "blob",
+                        params: { size: 10000 }
+                    })
+                    .then(res => {
+                        console.log(res);
+                        this.downloading = false;
+                        const downloadUrl = window.URL.createObjectURL(new Blob([res.data]));
+                        const link = document.createElement("a");
+                        link.href = downloadUrl;
+                        link.setAttribute(
+                            "download",
+                            res.headers["content-disposition"].split("filename=")[1]
+                        );
+                        document.body.appendChild(link);
+                        link.click();
+                        link.remove();
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.downloading = false;
+                        this.$message.error(e.error);
+                    });
+            },
+            operation1() {
+                this.$notify({
+                    title: '提示',
+                    message: this.selection
+                });
+            },
+            operation2() {
+                this.$message('操作2');
+            },
+            deleteRow(row) {
+                this.$alert('删除将无法恢复，确认要删除么？', '警告', {type: 'error'}).then(() => {
+                    return this.$http.post(`/banner/del/${row.id}`)
+                }).then(() => {
+                    this.$message.success('删除成功');
+                    this.getData();
+                }).catch(action => {
+                    if (action === 'cancel') {
+                        this.$message.info('删除取消');
+                    } else {
+                        this.$message.error('删除失败');
+                    }
+                })
+            },
+        }
+    }
+</script>
+<style lang="less" scoped>
+</style>

src/main/vue/src/views/ClientStoreInfoEdit.vue

@@ -0,0 +1,104 @@
+<template>
+    <div class="edit-view">
+        <el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right" size="small"
+                 style="max-width: 500px;">
+                <el-form-item prop="storeName" label="门店名称">
+                            <el-input v-model="formData.storeName"></el-input>
+                </el-form-item>
+                <el-form-item prop="shortName" label="门店简称">
+                            <el-input v-model="formData.shortName"></el-input>
+                </el-form-item>
+                <el-form-item prop="phone" label="手机号">
+                            <el-input v-model="formData.phone"></el-input>
+                </el-form-item>
+                <el-form-item prop="address" label="地址">
+                            <el-input v-model="formData.address"></el-input>
+                </el-form-item>
+                <el-form-item prop="money" label="价格">
+                            <el-input-number type="number" v-model="formData.money"></el-input-number>
+                </el-form-item>
+                <el-form-item prop="pic" label="图片">
+                            <single-upload v-model="formData.pic"></single-upload>
+                </el-form-item>
+            <el-form-item>
+                <el-button @click="onSave" :loading="$store.state.fetchingData"
+                           type="primary">保存</el-button>
+                <el-button @click="onDelete" :loading="$store.state.fetchingData"
+                           type="danger" v-if="formData.id">删除
+                </el-button>
+                <el-button @click="$router.go(-1)">取消</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+<script>
+    export default {
+        name: 'ClientStoreInfoEdit',
+        created() {
+            if (this.$route.query.id) {
+                this.$http
+                    .get('clientStoreInfo/get/'+this.$route.query.id)
+                    .then(res => {
+                        this.formData = res;
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.$message.error(e.error);
+                    });
+            }
+        },
+        data() {
+            return {
+                saving: false,
+                formData: {
+                },
+                rules: {
+                },
+            }
+        },
+        methods: {
+            onSave() {
+                this.$refs.form.validate((valid) => {
+                    if (valid) {
+                        this.submit();
+                    } else {
+                        return false;
+                    }
+                });
+            },
+            submit() {
+                let data = {...this.formData};
+
+
+                this.$store.commit('updateFetchingData', true);
+                this.$http
+                    .post('/clientStoreInfo/save', data, {body: 'json'})
+                    .then(res => {
+                        this.$store.commit('updateFetchingData', false);
+                        this.$message.success('成功');
+                        this.$router.go(-1);
+                    })
+                    .catch(e => {
+                        this.$store.commit('updateFetchingData', false);
+                        console.log(e);
+                        this.$message.error(e.error);
+                    });
+            },
+            onDelete() {
+                this.$alert('删除将无法恢复，确认要删除么？', '警告', {type: 'error'}).then(() => {
+                    return this.$http.post(`/clientStoreInfo/del/${this.formData.id}`)
+                }).then(() => {
+                    this.$message.success('删除成功');
+                    this.$router.go(-1);
+                }).catch(e => {
+                    if (e !== 'cancel') {
+                        console.log(e);
+                        this.$message.error(e.error);
+                    }
+                })
+            },
+        }
+    }
+</script>
+<style lang="less" scoped>
+</style>

src/main/vue/src/views/ClientStoreInfoList.vue

@@ -0,0 +1,185 @@
+<template>
+    <div  class="list-view">
+        <div class="filters-container">
+            <el-input placeholder="输入关键字" v-model="search" clearable
+                      class="filter-item"></el-input>
+            <el-button @click="getData" type="primary" icon="el-icon-search"
+                       class="filter-item">搜索
+            </el-button>
+            <el-button @click="addRow" v-if="canEdit" type="primary" icon="el-icon-plus"
+                       class="filter-item">添加
+            </el-button>
+            <el-button @click="download" type="primary" icon="el-icon-download"
+                       :loading="downloading" class="filter-item">导出EXCEL
+            </el-button>
+        </div>
+        <el-table :data="tableData" row-key="id" ref="table"
+                  header-row-class-name="table-header-row"
+                  header-cell-class-name="table-header-cell"
+                  row-class-name="table-row" cell-class-name="table-cell"
+                  :height="tableHeight">
+            <el-table-column v-if="multipleMode" align="center" type="selection"
+                             width="50">
+            </el-table-column>
+            <el-table-column prop="id" label="ID" width="100">
+            </el-table-column>
+                                <el-table-column prop="storeName" label="门店名称"
+>
+                    </el-table-column>
+                    <el-table-column prop="shortName" label="门店简称"
+>
+                    </el-table-column>
+                    <el-table-column prop="phone" label="手机号"
+>
+                    </el-table-column>
+                    <el-table-column prop="address" label="地址"
+>
+                    </el-table-column>
+                    <el-table-column prop="money" label="价格"
+>
+                    </el-table-column>
+                    <el-table-column prop="pic" label="图片"
+>
+                            <template slot-scope="{row}">
+                                <el-image style="width: 30px; height: 30px"
+                                          :src="row.pic" fit="cover"
+                                          :preview-src-list="[row.pic]"></el-image>
+                            </template>
+                    </el-table-column>
+            <el-table-column
+                    label="操作"
+                    v-if="canEdit"
+                    align="center"
+                    fixed="right"
+                    min-width="150">
+                <template slot-scope="{row}">
+                    <el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>
+                    <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <div class="pagination-wrapper">
+            <!-- <div class="multiple-mode-wrapper">
+                <el-button v-if="!multipleMode" @click="toggleMultipleMode(true)">批量编辑</el-button>
+                <el-button-group v-else>
+                    <el-button @click="operation1">批量操作1</el-button>
+                    <el-button @click="operation2">批量操作2</el-button>
+                    <el-button @click="toggleMultipleMode(false)">取消</el-button>
+                </el-button-group>
+            </div> -->
+            <el-pagination background @size-change="onSizeChange"
+                           @current-change="onCurrentChange" :current-page="page"
+                           :page-sizes="[10, 20, 30, 40, 50]" :page-size="pageSize"
+                           layout="total, sizes, prev, pager, next, jumper"
+                           :total="totalElements">
+            </el-pagination>
+        </div>
+
+    </div>
+</template>
+<script>
+    import { mapState } from "vuex";
+    import pageableTable from "@/mixins/pageableTable";
+
+    export default {
+        name: 'ClientStoreInfoList',
+        mixins: [pageableTable],
+        created() {
+            this.getData();
+        },
+        data() {
+            return {
+                multipleMode: false,
+                search: "",
+                url: "/clientStoreInfo/all",
+                downloading: false,
+            }
+        },
+        computed: {
+            selection() {
+                return this.$refs.table.selection.map(i => i.id);
+            }
+        },
+        methods: {
+            beforeGetData() {
+                if (this.search) {
+                    return { search: this.search };
+                }
+            },
+            toggleMultipleMode(multipleMode) {
+                this.multipleMode = multipleMode;
+                if (!multipleMode) {
+                    this.$refs.table.clearSelection();
+                }
+            },
+            addRow() {
+                this.$router.push({
+                    path: "/clientStoreInfoEdit",
+                    query: {
+                    ...this.$route.query
+                    }
+                });
+            },
+            editRow(row) {
+                this.$router.push({
+                    path: "/clientStoreInfoEdit",
+                    query: {
+                    id: row.id
+                    }
+                });
+            },
+            download() {
+                this.downloading = true;
+                this.$axios
+                    .get("/clientStoreInfo/excel", {
+                        responseType: "blob",
+                        params: { size: 10000 }
+                    })
+                    .then(res => {
+                        console.log(res);
+                        this.downloading = false;
+                        const downloadUrl = window.URL.createObjectURL(new Blob([res.data]));
+                        const link = document.createElement("a");
+                        link.href = downloadUrl;
+                        link.setAttribute(
+                            "download",
+                            res.headers["content-disposition"].split("filename=")[1]
+                        );
+                        document.body.appendChild(link);
+                        link.click();
+                        link.remove();
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.downloading = false;
+                        this.$message.error(e.error);
+                    });
+            },
+            operation1() {
+                this.$notify({
+                    title: '提示',
+                    message: this.selection
+                });
+            },
+            operation2() {
+                this.$message('操作2');
+            },
+            deleteRow(row) {
+                this.$alert('删除将无法恢复，确认要删除么？', '警告', {type: 'error'}).then(() => {
+                    return this.$http.post(`/clientStoreInfo/del/${row.id}`)
+                }).then(() => {
+                    this.$message.success('删除成功');
+                    this.getData();
+                }).catch(action => {
+                    if (action === 'cancel') {
+                        this.$message.info('删除取消');
+                    } else {
+                        this.$message.error('删除失败');
+                    }
+                })
+            },
+        }
+    }
+</script>
+<style lang="less" scoped>
+</style>