店铺编辑更新

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

@@ -4,17 +4,23 @@ package com.community.huiju.controller;
 import com.community.commom.mode.ResponseBean;
 import com.community.commom.session.UserElement;
 import com.community.huiju.common.base.BaseController;
+import com.community.huiju.model.TpShop;
+import com.community.huiju.model.TpShopType;
 import com.community.huiju.service.ITpShopService;
+import com.netflix.ribbon.proxy.annotation.Http;
 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.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.RequestBody;
 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;
+import java.time.LocalDateTime;
 
 /**
  * <p>
@@ -54,4 +60,31 @@ public class TpShopController extends BaseController {
 		responseBean = shopService.getShopList(id,shopName,shopTypeId,shopStatus,userElement,pageNum,pageSize);
 		return responseBean;
 	}
+	
+	@ApiOperation(value = "添加商铺", notes = "添加商铺")
+	@ApiImplicitParams({
+			@ApiImplicitParam(paramType = "body", dataType = "TpShop", name = "shop", value = "商铺"),
+			@ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "X-Auth-Token", value = "Token")
+	})
+	@RequestMapping(value = "/shop/add",method = RequestMethod.POST)
+	public ResponseBean saveShop(@RequestBody TpShop shop, HttpSession session){
+		ResponseBean responseBean = new ResponseBean();
+		UserElement userElement = getUserElement(session);
+		responseBean = shopService.saveShop(shop,userElement);
+		return responseBean;
+	}
+	
+	@ApiOperation(value = "获取商铺信息", notes = "获取商铺信息")
+	@ApiImplicitParams({
+			@ApiImplicitParam(paramType = "path", dataType = "Integer", name = "id", value = "商铺Id"),
+			@ApiImplicitParam(paramType = "header", dataTypeClass = String.class, name = "X-Auth-Token", value = "Token")
+	})
+	@RequestMapping(value = "/shop/get/{id}",method = RequestMethod.GET)
+	public ResponseBean getShop(@PathVariable Integer id, HttpSession session){
+		ResponseBean responseBean = new ResponseBean();
+		UserElement userElement = getUserElement(session);
+		TpShop tpShop = shopService.getShopById(id);
+		responseBean.addSuccess(tpShop);
+		return responseBean;
+	}
 }

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

@@ -0,0 +1,20 @@
+package com.community.huiju.controller;
+
+
+import com.community.huiju.common.base.BaseController;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+/**
+ * <p>
+ * 商铺图片 前端控制器
+ * </p>
+ *
+ * @author jobob
+ * @since 2019-05-10
+ */
+@RestController
+@RequestMapping("/")
+public class TpShopImgController extends BaseController {
+
+}

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

@@ -0,0 +1,19 @@
+package com.community.huiju.dao;
+
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+import com.community.huiju.model.TpShopImg;
+
+import java.util.List;
+
+/**
+ * <p>
+ * 商铺图片 Mapper 接口
+ * </p>
+ *
+ * @author jobob
+ * @since 2019-05-10
+ */
+public interface TpShopImgMapper extends BaseMapper<TpShopImg> {
+	
+	int batchSave(List<TpShopImg> carouselList);
+}

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

@@ -9,6 +9,7 @@ import lombok.experimental.Accessors;
 
 import java.io.Serializable;
 import java.time.LocalDateTime;
+import java.util.List;
 
 /**
  * <p>
@@ -125,4 +126,22 @@ public class TpShop implements Serializable {
      */
     @TableField(exist = false)
     private String userName;
+    
+    /**
+     * 首页图片地址
+     */
+    @TableField(exist = false)
+    private String appIndexImg;
+    
+    /**
+     * app列表展示图
+     */
+    @TableField(exist = false)
+    private String appListImg;
+    
+    /**
+     * app商铺轮播图
+     */
+    @TableField(exist = false)
+    private List<String> appCarouselImg;
 }

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

@@ -0,0 +1,51 @@
+package com.community.huiju.model;
+
+import lombok.Data;
+import lombok.EqualsAndHashCode;
+import lombok.experimental.Accessors;
+
+import java.io.Serializable;
+import java.time.LocalDateTime;
+
+/**
+ * <p>
+ * 商铺图片
+ * </p>
+ *
+ * @author jobob
+ * @since 2019-05-10
+ */
+@Data
+@EqualsAndHashCode(callSuper = false)
+@Accessors(chain = true)
+public class TpShopImg implements Serializable {
+
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 小区ID
+     */
+    private Integer communityId;
+
+    /**
+     * 商铺ID
+     */
+    private Integer shopId;
+
+    /**
+     * 商铺图片地址
+     */
+    private String imgUrl;
+
+    /**
+     * 商铺图片类型 1是app首页图片每个商铺唯一，2是app列表图片,3是app商铺轮播图
+     */
+    private String imgType;
+
+    /**
+     * 创建时间
+     */
+    private LocalDateTime createDate;
+
+
+}

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

@@ -0,0 +1,16 @@
+package com.community.huiju.service;
+
+import com.baomidou.mybatisplus.extension.service.IService;
+import com.community.huiju.model.TpShopImg;
+
+/**
+ * <p>
+ * 商铺图片 服务类
+ * </p>
+ *
+ * @author jobob
+ * @since 2019-05-10
+ */
+public interface ITpShopImgService extends IService<TpShopImg> {
+
+}

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

@@ -27,4 +27,19 @@ public interface ITpShopService extends IService<TpShop> {
 	 * @return
 	 */
 	ResponseBean getShopList(Integer id, String shopName, Integer shopTypeId, String shopStatus, UserElement userElement, Integer pageNum, Integer pageSize);
+	
+	/**
+	 * 保存商铺
+	 * @param shop
+	 * @param userElement
+	 * @return
+	 */
+	ResponseBean saveShop(TpShop shop, UserElement userElement);
+	
+	/**
+	 * 获取商铺信息
+	 * @param id
+	 * @return
+	 */
+	TpShop getShopById(Integer id);
 }

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

@@ -0,0 +1,20 @@
+package com.community.huiju.service.impl;
+
+import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
+import com.community.huiju.dao.TpShopImgMapper;
+import com.community.huiju.model.TpShopImg;
+import com.community.huiju.service.ITpShopImgService;
+import org.springframework.stereotype.Service;
+
+/**
+ * <p>
+ * 商铺图片 服务实现类
+ * </p>
+ *
+ * @author jobob
+ * @since 2019-05-10
+ */
+@Service
+public class TpShopImgServiceImpl extends ServiceImpl<TpShopImgMapper, TpShopImg> implements ITpShopImgService {
+
+}

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

@@ -1,15 +1,20 @@
 package com.community.huiju.service.impl;
 
+import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
 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.TpShopImgMapper;
 import com.community.huiju.dao.TpShopMapper;
 import com.community.huiju.model.TpShop;
+import com.community.huiju.model.TpShopImg;
 import com.community.huiju.service.ITpShopService;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 
+import java.time.LocalDateTime;
+import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
@@ -28,6 +33,9 @@ public class TpShopServiceImpl extends ServiceImpl<TpShopMapper, TpShop> impleme
 	@Autowired
 	private TpShopMapper shopMapper;
 	
+	@Autowired
+	private TpShopImgMapper shopImgMapper;
+	
 	/**
 	 * 根据条件查询商铺列表
 	 *
@@ -57,4 +65,91 @@ public class TpShopServiceImpl extends ServiceImpl<TpShopMapper, TpShop> impleme
 		responseBean.addSuccess(map);
 		return responseBean;
 	}
+	
+	/**
+	 * 保存商铺
+	 *
+	 * @param shop
+	 * @param userElement
+	 * @return
+	 */
+	@Override
+	public ResponseBean saveShop(TpShop shop, UserElement userElement) {
+		ResponseBean responseBean = new ResponseBean();
+		//添加商铺信息
+		Integer communityId = userElement.getCommunityId();
+		LocalDateTime localDateTime = LocalDateTime.now();
+		shop.setCommunityId(communityId);
+		shop.setCreateUser(userElement.getId());
+		shop.setUpdateDate(localDateTime);
+		shopMapper.insert(shop);
+		//添加商铺app首页图片信息
+		TpShopImg appIndexShopImg = new TpShopImg();
+		appIndexShopImg.setCommunityId(communityId);
+		appIndexShopImg.setCreateDate(localDateTime);
+		appIndexShopImg.setImgType("1");
+		appIndexShopImg.setShopId(shop.getId());
+		appIndexShopImg.setImgUrl(shop.getAppIndexImg());
+		shopImgMapper.insert(appIndexShopImg);
+		//添加商铺app列表图片信息
+		TpShopImg appListShopImg = new TpShopImg();
+		appListShopImg.setCommunityId(communityId);
+		appListShopImg.setCreateDate(localDateTime);
+		appListShopImg.setImgType("2");
+		appListShopImg.setShopId(shop.getId());
+		appListShopImg.setImgUrl(shop.getAppListImg());
+		shopImgMapper.insert(appListShopImg);
+		//批量添加app轮播图片
+		List<String> list = shop.getAppCarouselImg();
+		List<TpShopImg> carouselList = new ArrayList<>();
+		list.stream().forEach(e -> {
+			TpShopImg appCarouselImg = new TpShopImg();
+			appCarouselImg.setCommunityId(communityId);
+			appCarouselImg.setCreateDate(localDateTime);
+			appCarouselImg.setImgType("3");
+			appCarouselImg.setShopId(shop.getId());
+			appCarouselImg.setImgUrl(e);
+			carouselList.add(appCarouselImg);
+		});
+		shopImgMapper.batchSave(carouselList);
+		responseBean.addSuccess("添加成功");
+		return responseBean;
+	}
+	
+	/**
+	 * 获取商铺信息
+	 *
+	 * @param id
+	 * @return
+	 */
+	@Override
+	public TpShop getShopById(Integer id) {
+		TpShop tpShop = shopMapper.selectById(id);
+		//获取商铺app首页图片信息
+		QueryWrapper<TpShopImg> tpShopImgQueryWrapper = new QueryWrapper<>();
+		tpShopImgQueryWrapper.eq("community_id",tpShop.getCommunityId());
+		tpShopImgQueryWrapper.eq("shop_id",tpShop.getId());
+		tpShopImgQueryWrapper.eq("img_type","1");
+		TpShopImg tpShopImg = shopImgMapper.selectOne(tpShopImgQueryWrapper);
+		tpShop.setAppIndexImg(tpShopImg.getImgUrl());
+		//获取商铺APP列表图片信息
+		QueryWrapper<TpShopImg> tpShopImgListWrapper = new QueryWrapper<>();
+		tpShopImgListWrapper.eq("community_id",tpShop.getCommunityId());
+		tpShopImgListWrapper.eq("shop_id",tpShop.getId());
+		tpShopImgListWrapper.eq("img_type","2");
+		TpShopImg listShopImg = shopImgMapper.selectOne(tpShopImgListWrapper);
+		tpShop.setAppListImg(listShopImg.getImgUrl());
+		//获取商铺轮播图列表
+		QueryWrapper<TpShopImg> tpShopImgCarouselWrapper = new QueryWrapper<>();
+		tpShopImgCarouselWrapper.eq("community_id",tpShop.getCommunityId());
+		tpShopImgCarouselWrapper.eq("shop_id",tpShop.getId());
+		tpShopImgCarouselWrapper.eq("img_type","3");
+		List<TpShopImg> carouselList = shopImgMapper.selectList(tpShopImgCarouselWrapper);
+		List<String> carouselUrlList = new ArrayList<>();
+		carouselList.stream().forEach(e -> {
+			carouselUrlList.add(e.getImgUrl());
+		});
+		tpShop.setAppCarouselImg(carouselUrlList);
+		return tpShop;
+	}
 }

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

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.community.huiju.dao.TpShopImgMapper">
+
+    <insert id="batchSave" useGeneratedKeys="true" keyProperty="id" parameterType="java.util.ArrayList">
+        insert into tp_shop_img(community_id,shop_id,img_url,img_type,create_date)
+        VALUES
+        <foreach collection="list" item="item" index="index" separator=",">
+            (#{item.communityId},#{item.shopId},#{item.imgUrl},#{item.imgType},#{item.createDate})
+        </foreach>
+    </insert>
+
+</mapper>

VUECODE/smart-property-manage/index.html

@@ -4,8 +4,6 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>智慧社区物业平台</title>
-    <script src="//webapi.amap.com/maps?v=1.4.10&key=81f5560856a88eb5b3da440f18a97845&plugin=AMap.DistrictLayer"></script>
-    <script src="//webapi.amap.com/ui/1.0/main.js"></script>
   </head>
   <body>
     <div id="app"></div>

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

@@ -26,6 +26,14 @@ export function addShopType(listQuery) {
   })
 }
 
+export function addShop(listQuery) {
+  return request({
+    url: '/shop/add',
+    method: 'post',
+    data: listQuery
+  })
+}
+
 export function getShopType(id) {
   return request({
     url: '/shop/get/type/' + id,
@@ -33,6 +41,13 @@ export function getShopType(id) {
   })
 }
 
+export function getShop(id) {
+  return request({
+    url: '/shop/get/' + id,
+    method: 'get'
+  })
+}
+
 export function updateShopType(listQuery) {
   return request({
     url: '/shop/update/type',

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

@@ -394,6 +394,20 @@ export const constantRouterMap = [
         component: () => import('@/views/shop/shopIndex'),
         name: 'shop-index',
         meta: { title: '商铺列表', icon: 'table' }
+      },
+      {
+        path: '/shop/add',
+        component: () => import('@/views/shop/shopAdd'),
+        name: 'shop-add',
+        hidden: true,
+        meta: { title: '添加商铺信息', icon: 'table' }
+      },
+      {
+        path: '/shop/edit',
+        component: () => import('@/views/shop/shopEdit'),
+        name: 'shop-edit',
+        hidden: true,
+        meta: { title: '修改商铺信息', icon: 'table' }
       }
     ]
   },

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

@@ -1,4 +1,4 @@
-import { fetchShopTypeList, changeShopSetting, addShopType, getShopType, updateShopType, deleteShopType, fetchShopList, fetchShopTypeSelect } from '@/api/shopType'
+import { fetchShopTypeList, changeShopSetting, addShopType, getShopType, updateShopType, deleteShopType, fetchShopList, fetchShopTypeSelect, addShop, getShop } from '@/api/shopType'
 
 const transaction = {
   namespaced: true,
@@ -39,6 +39,15 @@ const transaction = {
         })
       })
     },
+    AddShop({ commit }, listQuery) {
+      return new Promise((resolve, reject) => {
+        addShop(listQuery).then(response => {
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
     GetShopType({ commit }, id) {
       return new Promise((resolve, reject) => {
         getShopType(id).then(response => {
@@ -48,6 +57,15 @@ const transaction = {
         })
       })
     },
+    GetShop({ commit }, id) {
+      return new Promise((resolve, reject) => {
+        getShop(id).then(response => {
+          resolve(response)
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
     UpdateShopType({ commit }, listQuery) {
       return new Promise((resolve, reject) => {
         updateShopType(listQuery).then(response => {

VUECODE/smart-property-manage/src/views/shop/shopAdd.vue

@@ -0,0 +1,315 @@
+<template>
+  <div class="root">
+    <el-form ref="ruleForm" :model="listData" :rules="rules" label-width="150px" class="add-ruleForm">
+      <el-form-item label="商铺名称" prop="shopName">
+        <el-input v-model="listData.shopName"/>
+      </el-form-item>
+      <el-form-item label="商铺说明" prop="remark">
+        <el-input v-model="listData.remark"/>
+      </el-form-item>
+      <el-form-item label="app首页展示图" prop="appIndexImg">
+        <el-upload
+          class="avatar-uploader"
+          name="uploadFiles"
+          :action="uploadImgUrl"
+          :show-file-list="false"
+          :on-success="handleAppIndexSuccess"
+          :before-upload="beforeAvatarUpload">
+          <img v-if="listData.appIndexImg" :src="listData.appIndexImg" class="avatar">
+          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+        </el-upload>
+      </el-form-item>
+      <el-form-item label="app列表展示图" prop="appListImg">
+        <el-upload
+          class="avatar-uploader"
+          name="uploadFiles"
+          :action="uploadImgUrl"
+          :show-file-list="false"
+          :on-success="handleAppListSuccess"
+          :before-upload="beforeAvatarUpload">
+          <img v-if="listData.appListImg" :src="listData.appListImg" class="avatar">
+          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+        </el-upload>
+      </el-form-item>
+      <el-form-item label="app商铺轮播图" prop="appCarouselImg">
+        <el-upload
+          name="uploadFiles"
+          :limit="6"
+          :action="uploadImgUrl"
+          list-type="picture-card"
+          :on-preview="handlePictureCardPreview"
+          :on-remove="handleRemove"
+          :on-success="handleSuccessCarouselImg">
+          <i class="el-icon-plus"></i>
+        </el-upload>
+        <el-dialog :visible.sync="dialogVisible">
+          <img width="100%" :src="dialogImageUrl" alt="">
+        </el-dialog>
+      </el-form-item>
+      <el-form-item label="权重" prop="sort">
+        <el-input v-model="listData.sort"/>
+      </el-form-item>
+      <el-form-item label="商铺类型" prop="shopTypeId">
+        <el-select v-model="listData.shopTypeId" placeholder="商铺类型" clearable class="filter-item">
+          <el-option v-for="item in shopTypeList" :key="item.id" :value="item.id" :label="item.typeName"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="上架状态" prop="shopStatus">
+        <el-select v-model="listData.shopStatus" placeholder="请选择">
+          <el-option label="已上架" value="1"/>
+          <el-option label="已下架" value="2"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="联系电话" prop="shopTel">
+        <el-input v-model="listData.shopTel"/>
+      </el-form-item>
+      <el-form-item label="商铺地址" prop="shopAddress">
+        <el-input v-model="listData.shopAddress"/>
+      </el-form-item>
+      <el-form-item label="人均消费" prop="averagePrice">
+        <el-input v-model="listData.averagePrice"/>
+      </el-form-item>
+      <el-form-item label="高德坐标">
+        <el-input placeholder="经度" v-model="listData.shopLongitude" style="width: 150px;" />
+        <el-input placeholder="纬度" v-model="listData.shopLatitude" style="width: 150px;" />
+      </el-form-item>
+      <el-form-item label="">
+         <!-- 地图 -->
+        <div style="width:100%;height:300px;" class="amap-page-container">
+          <el-amap-search-box :search-option="searchOption" :on-search-result="onSearchResult" class="search-box"/>
+          <el-amap ref="map" :events="events" :center="mapCenter" :zoom="12" class="amap-demo" vid="amapDemo">
+            <el-amap-marker v-for="(item,index) in markers" :key="index" :position="item" />
+          </el-amap>
+        </div>
+      </el-form-item>
+      <el-form-item label="商铺介绍">
+          <!-- <el-input v-model="addForm.bannerContent" placeholder="内容详情"/> -->
+          <div id="father">
+            <wangeditor @wangeditorEvent="wangeditorValue"/>
+          </div>
+        </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
+        <el-button @click="resetForm('ruleForm')">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+import Wangeditor from '@/components/Wangeditor'
+
+export default {
+  components: { Pagination, Wangeditor },
+  data() {
+    return {
+      events: {
+        click: e => {
+          // _self.postData.Coordinate = e.lnglat.lat + ',' + e.lnglat.lng
+          this.listData.shopLongitude = e.lnglat.lng
+          this.listData.shopLatitude = e.lnglat.lat
+        }
+      },
+      listData: {
+        shopName: '',
+        remark: '',
+        appIndexImg: '',
+        appListImg: '',
+        appCarouselImg: [],
+        sort: '',
+        shopTypeId: '',
+        shopStatus: '',
+        shopTel: '',
+        shopAddress: '',
+        averagePrice: '',
+        shopLongitude: '',
+        shopLatitude: '',
+        shopIntroduction: ''
+      },
+      dialogImageUrl: '',
+      dialogVisible: false,
+      uploadImgUrl: process.env.BASE_API + '/uploadimage',
+      markers: [],
+      shopTypeList: [],
+      searchOption: {
+        city: '南京',
+        citylimit: false
+      },
+      mapCenter: [118.789509, 32.019989],
+      tableKey: 0,
+      rules: {
+        typeName: [
+          { required: true, message: '请输入商铺名称', trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: '请输入商铺说明', trigger: 'blur' }
+        ],
+        shopTel: [
+          { required: true, message: '请输入联系电话', trigger: 'blur' }
+        ],
+        shopAddress: [
+          { required: true, message: '请输入商铺地址', trigger: 'blur' }
+        ],
+        appIndexImg: [
+          { required: true, message: 'app首页展示图', trigger: 'blur' }
+        ],
+        appListImg: [
+          { required: true, message: 'app列表展示图', trigger: 'blur' }
+        ],
+        appCarouselImg: [
+          { required: true, message: 'app商铺轮播图', trigger: 'blur' }
+        ],
+      }
+    }
+  },
+  mounted() {
+    this.getShopTypeList()
+  },
+  methods: {
+     addMarker() {
+      const lng = 121.5 + Math.round(Math.random() * 1000) / 10000
+      const lat = 31.197646 + Math.round(Math.random() * 500) / 10000
+      this.markers.push([lng, lat])
+    },
+    beforeAvatarUpload(file) {
+    },
+    handleAppIndexSuccess(res, file) {
+      this.listData.appIndexImg = res.data[0]
+    },
+    handleAppListSuccess(res, file) {
+      this.listData.appListImg = res.data[0]
+    },
+    handleRemove(file, fileList) {
+      this.listData.appCarouselImg = []
+      for (let i = 0; i < fileList.length; i++) {
+        this.listData.appCarouselImg.push(fileList[i].response.data[0])
+      }
+    },
+    handleSuccessCarouselImg(response, file, fileList) { // 活动配图上传成功时回调
+      const resImg = response.data[0]
+      this.listData.appCarouselImg.push(resImg)
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    getShopTypeList() {
+      this.$store.dispatch('shopType/FetchShopTypeSelect', this.listData).then((res) => {
+        this.shopTypeList = res.data
+      }).catch(() => {
+        console.log('error ListAnnouncement')
+      })
+    },
+    onSearchResult(pois) {
+      // 搜索地图
+      let latSum = 0
+      let lngSum = 0
+      if (pois.length > 0) {
+        pois.forEach(poi => {
+          const { lng, lat } = poi
+          lngSum += lng
+          latSum += lat
+          this.markers.push([poi.lng, poi.lat])
+        })
+        const center = {
+          lng: lngSum / pois.length,
+          lat: latSum / pois.length
+        }
+        this.mapCenter = [center.lng, center.lat]
+      }
+    },
+    wangeditorValue(value) {
+      this.listData.shopIntroduction = value // 在这里接受子组件传过来的参数，赋值给data里的参数
+    },
+    submitForm(formName) { // 提交
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.addShop()
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    resetForm(formName) { // 重置
+      // 重置为未注册
+      this.isRegistered = true
+      // 重置为非户主
+      this.roleDisabled = false
+
+      console.log(this.isRegistered)
+      this.$refs[formName].resetFields()
+    },
+    addShop() {
+      // 加载框
+      const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      this.$store.dispatch('shopType/AddShop', this.listData).then((res) => {
+        if (res.code === '0') {
+          this.$message({
+            message: res.message,
+            type: 'success'
+          })
+          this.$router.push({ name: 'shop-index' })
+          loading.close()
+          return
+        }
+        this.$message.error(res.message)
+        loading.close()
+      }).catch(() => {
+        loading.close()
+        console.log('error AddBuilding')
+      })
+    }
+  }
+}
+</script>
+
+<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;
+  }
+  
+.add-ruleForm{
+  width: 800px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 50px;
+}
+</style>
+<style scoped>
+.search-box {
+  position: absolute;
+  top: 25px;
+  left: 20px;
+}
+
+.amap-page-container {
+  position: relative;
+}
+</style>

VUECODE/smart-property-manage/src/views/shop/shopEdit.vue

@@ -0,0 +1,330 @@
+<template>
+  <div class="root">
+    <el-form ref="ruleForm" :model="listData" :rules="rules" label-width="150px" class="add-ruleForm">
+      <el-form-item label="商铺名称" prop="shopName">
+        <el-input v-model="listData.shopName"/>
+      </el-form-item>
+      <el-form-item label="商铺说明" prop="remark">
+        <el-input v-model="listData.remark"/>
+      </el-form-item>
+      <el-form-item label="app首页展示图" prop="appIndexImg">
+        <el-upload
+          class="avatar-uploader"
+          name="uploadFiles"
+          :action="uploadImgUrl"
+          :show-file-list="false"
+          :on-success="handleAppIndexSuccess"
+          :before-upload="beforeAvatarUpload">
+          <img v-if="listData.appIndexImg" :src="listData.appIndexImg" class="avatar">
+          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+        </el-upload>
+      </el-form-item>
+      <el-form-item label="app列表展示图" prop="appListImg">
+        <el-upload
+          class="avatar-uploader"
+          name="uploadFiles"
+          :action="uploadImgUrl"
+          :show-file-list="false"
+          :on-success="handleAppListSuccess"
+          :before-upload="beforeAvatarUpload">
+          <img v-if="listData.appListImg" :src="listData.appListImg" class="avatar">
+          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+        </el-upload>
+      </el-form-item>
+      <el-form-item label="app商铺轮播图" prop="appCarouselImg">
+        <el-upload
+          name="uploadFiles"
+          :limit="6"
+          :action="uploadImgUrl"
+          list-type="picture-card"
+          :file-list="displayAppCarouselImg"
+          :on-preview="handlePictureCardPreview"
+          :on-remove="handleRemove"
+          :on-success="handleSuccessCarouselImg">
+          <i class="el-icon-plus"></i>
+        </el-upload>
+        <el-dialog :visible.sync="dialogVisible">
+          <img width="100%" :src="dialogImageUrl" alt="">
+        </el-dialog>
+      </el-form-item>
+      <el-form-item label="权重" prop="sort">
+        <el-input v-model="listData.sort"/>
+      </el-form-item>
+      <el-form-item label="商铺类型" prop="shopTypeId">
+        <el-select v-model="listData.shopTypeId" placeholder="商铺类型" clearable class="filter-item">
+          <el-option v-for="item in shopTypeList" :key="item.id" :value="item.id" :label="item.typeName"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="上架状态" prop="shopStatus">
+        <el-select v-model="listData.shopStatus" placeholder="请选择">
+          <el-option label="已上架" value="1"/>
+          <el-option label="已下架" value="2"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="联系电话" prop="shopTel">
+        <el-input v-model="listData.shopTel"/>
+      </el-form-item>
+      <el-form-item label="商铺地址" prop="shopAddress">
+        <el-input v-model="listData.shopAddress"/>
+      </el-form-item>
+      <el-form-item label="人均消费" prop="averagePrice">
+        <el-input v-model="listData.averagePrice"/>
+      </el-form-item>
+      <el-form-item label="高德坐标">
+        <el-input placeholder="经度" v-model="listData.shopLongitude" style="width: 150px;" />
+        <el-input placeholder="纬度" v-model="listData.shopLatitude" style="width: 150px;" />
+      </el-form-item>
+      <el-form-item label="">
+         <!-- 地图 -->
+        <div style="width:100%;height:300px;" class="amap-page-container">
+          <el-amap-search-box :search-option="searchOption" :on-search-result="onSearchResult" class="search-box"/>
+          <el-amap ref="map" :events="events" :center="mapCenter" :zoom="12" class="amap-demo" vid="amapDemo">
+            <el-amap-marker v-for="(item,index) in markers" :key="index" :position="item" />
+          </el-amap>
+        </div>
+      </el-form-item>
+      <el-form-item label="商铺介绍">
+          <!-- <el-input v-model="addForm.bannerContent" placeholder="内容详情"/> -->
+          <div id="father">
+            <wangeditor :content="listData.shopIntroduction" @wangeditorEvent="wangeditorValue"/>
+          </div>
+        </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm('ruleForm')">修改</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
+import Wangeditor from '@/components/Wangeditor'
+
+export default {
+  components: { Pagination, Wangeditor },
+  data() {
+    return {
+      events: {
+        click: e => {
+          // _self.postData.Coordinate = e.lnglat.lat + ',' + e.lnglat.lng
+          this.listData.shopLongitude = e.lnglat.lng
+          this.listData.shopLatitude = e.lnglat.lat
+        }
+      },
+      listData: {
+        id: '',
+        shopName: '',
+        remark: '',
+        appIndexImg: '',
+        appListImg: '',
+        appCarouselImg: [],
+        sort: '',
+        shopTypeId: '',
+        shopStatus: '',
+        shopTel: '',
+        shopAddress: '',
+        averagePrice: '',
+        shopLongitude: '',
+        shopLatitude: '',
+        shopIntroduction: ''
+      },
+      displayAppCarouselImg: [],
+      dialogImageUrl: '',
+      dialogVisible: false,
+      uploadImgUrl: process.env.BASE_API + '/uploadimage',
+      markers: [],
+      shopTypeList: [],
+      searchOption: {
+        city: '南京',
+        citylimit: false
+      },
+      mapCenter: [118.789509, 32.019989],
+      tableKey: 0,
+      rules: {
+        typeName: [
+          { required: true, message: '请输入商铺名称', trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: '请输入商铺说明', trigger: 'blur' }
+        ],
+        shopTel: [
+          { required: true, message: '请输入联系电话', trigger: 'blur' }
+        ],
+        shopAddress: [
+          { required: true, message: '请输入商铺地址', trigger: 'blur' }
+        ],
+        appIndexImg: [
+          { required: true, message: 'app首页展示图', trigger: 'blur' }
+        ],
+        appListImg: [
+          { required: true, message: 'app列表展示图', trigger: 'blur' }
+        ],
+        appCarouselImg: [
+          { required: true, message: 'app商铺轮播图', trigger: 'blur' }
+        ],
+      }
+    }
+  },
+  created() {
+    this.listData.id = this.$route.query.id
+    this.getById()
+    this.getShopTypeList()
+  },
+  methods: {
+     addMarker() {
+      const lng = 121.5 + Math.round(Math.random() * 1000) / 10000
+      const lat = 31.197646 + Math.round(Math.random() * 500) / 10000
+      this.markers.push([lng, lat])
+    },
+    getById() {
+      this.$store.dispatch('shopType/GetShop', this.listData.id).then((res) => {
+        const shopData = res.data
+        this.listData = shopData
+        alert(this.listData.shopIntroduction)
+        // 多张图片进行遍历
+        for (let i = 0; i < shopData.appCarouselImg.length; i++) {
+          this.displayAppCarouselImg.push({ url: shopData.appCarouselImg[i] })
+        }
+      })
+    },
+    beforeAvatarUpload(file) {
+    },
+    handleAppIndexSuccess(res, file) {
+      this.listData.appIndexImg = res.data[0]
+    },
+    handleAppListSuccess(res, file) {
+      this.listData.appListImg = res.data[0]
+    },
+    handleRemove(file, fileList) {
+      this.listData.appCarouselImg = []
+      for (let i = 0; i < fileList.length; i++) {
+        this.listData.appCarouselImg.push(fileList[i].response.data[0])
+      }
+    },
+    handleSuccessCarouselImg(response, file, fileList) { // 活动配图上传成功时回调
+      const resImg = response.data[0]
+      this.listData.appCarouselImg.push(resImg)
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    getShopTypeList() {
+      this.$store.dispatch('shopType/FetchShopTypeSelect', this.listData).then((res) => {
+        this.shopTypeList = res.data
+      }).catch(() => {
+        console.log('error ListAnnouncement')
+      })
+    },
+    onSearchResult(pois) {
+      // 搜索地图
+      let latSum = 0
+      let lngSum = 0
+      if (pois.length > 0) {
+        pois.forEach(poi => {
+          const { lng, lat } = poi
+          lngSum += lng
+          latSum += lat
+          this.markers.push([poi.lng, poi.lat])
+        })
+        const center = {
+          lng: lngSum / pois.length,
+          lat: latSum / pois.length
+        }
+        this.mapCenter = [center.lng, center.lat]
+      }
+    },
+    wangeditorValue(value) {
+      this.listData.shopIntroduction = value // 在这里接受子组件传过来的参数，赋值给data里的参数
+    },
+    submitForm(formName) { // 提交
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          this.addShop()
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    resetForm(formName) { // 重置
+      // 重置为未注册
+      this.isRegistered = true
+      // 重置为非户主
+      this.roleDisabled = false
+
+      console.log(this.isRegistered)
+      this.$refs[formName].resetFields()
+    },
+    addShop() {
+      // 加载框
+      const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+      this.$store.dispatch('shopType/AddShop', this.listData).then((res) => {
+        if (res.code === '0') {
+          this.$message({
+            message: res.message,
+            type: 'success'
+          })
+          this.$router.push({ name: 'shop-index' })
+          loading.close()
+          return
+        }
+        this.$message.error(res.message)
+        loading.close()
+      }).catch(() => {
+        loading.close()
+        console.log('error AddBuilding')
+      })
+    }
+  }
+}
+</script>
+
+<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;
+  }
+  
+.add-ruleForm{
+  width: 800px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 50px;
+}
+</style>
+<style scoped>
+.search-box {
+  position: absolute;
+  top: 25px;
+  left: 20px;
+}
+
+.amap-page-container {
+  position: relative;
+}
+</style>

VUECODE/smart-property-manage/src/views/shop/shopIndex.vue

@@ -27,7 +27,8 @@
     <div class="button">
       <el-button type="primary" @click="add">添加</el-button>
       <el-button type="warning" @click="edit">修改</el-button>
-      <el-button type="danger" @click="deleteAnnouncement">作废</el-button>
+      <el-button type="danger" @click="deleteAnnouncement">下架商铺</el-button>
+      <el-button type="danger" @click="deleteAnnouncement">上架商铺</el-button>
     </div>
     <el-table
       v-loading="listLoading"
@@ -182,7 +183,7 @@ export default {
     },
     // 添加公告
     add() {
-      this.$router.push({ name: 'announcement-add' })
+      this.$router.push({ name: 'shop-add' })
     },
     edit(){// 编辑公告
       const ids = this.deleteIds
@@ -196,19 +197,7 @@ export default {
       }
        let ide= this.deleteIds[0]
        this.listQuery.id = ide
-      this.$store.dispatch('AnnouncementById', this.listQuery).then((res) => {
-        const resData = res.data
-        const announcement = resData.tpAnnouncement
-        const imgList = resData.studentList
-        this.listQuery = announcement
-        this.listQuery.announcementTitle = ''
-        console.log("1",this.listQuery.status)
-        if(this.listQuery.status == 0){
-          this.$message.error('已作废不可以修改')
-          return
-        } 
-       this.$router.push({ name: 'announcement-edit', query: { id: ide }})
-      }) 
+       this.$router.push({ name: 'shop-edit', query: { id: ide }})
       },
     deleteAnnouncement(){
        let ide= this.deleteIds[0]