feats

README.md

@@ -1,4 +1,4 @@
-# 迎宾系统
+# 置业顾问&经纪人助手
 
 ## Project setup
 ```

package.json

@@ -18,15 +18,16 @@
     "vue": "^2.6.6",
     "vue-echarts": "^4.0.1",
     "vue-router": "^3.0.2",
-    "vuex": "^3.1.0"
+    "vuex": "^3.1.0",
+    "wangeditor": "^3.1.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.0.5",
     "@vue/cli-plugin-eslint": "^3.0.5",
     "@vue/cli-service": "^3.7.0",
     "babel-eslint": "^10.0.1",
-    "eslint": "^5.8.0",
-    "eslint-plugin-vue": "^5.0.0",
+    "eslint": "^5.16.0",
+    "eslint-plugin-vue": "^5.2.2",
     "node-sass": "^4.11.0",
     "sass-loader": "^7.1.0",
     "vue-template-compiler": "^2.5.21"
@@ -37,8 +38,7 @@
       "node": true
     },
     "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
+      "plugin:vue/essential"
     ],
     "rules": {},
     "parserOptions": {

src/config/api.js

@@ -20,6 +20,10 @@ const apis = {
       url: `${commPrefix}/consultant`,
       method: 'get',
     },
+    detail: {
+      url: `${commPrefix}/consultant/:id`,
+      method: 'get',
+    },
     add: {
       url: `${commPrefix}/consultant`,
       method: 'post',
@@ -29,6 +33,68 @@ const apis = {
       method: 'put',
     },
   },
+  building: {
+    list: {
+      method: 'get',
+      url: `${commPrefix}/buildinglist`
+    },
+    add: {
+      method: 'post',
+      url: `${commPrefix}/building/add`
+    },
+    edit: {
+      method: 'put',
+      url: `${commPrefix}/building/update`
+    },
+    updateStatus: {
+      method: 'put',
+      url: `${commPrefix}/building/update/status`
+    },
+    detail: {
+      method: 'get',
+      url: `${commPrefix}/buildingSelectId/:id`
+    },
+    delete: {
+      method: 'delete',
+      url: `${commPrefix}/building/delete/:id`
+    }
+  },
+  dynamic: {
+    list: {
+      method: 'get',
+      url: `${commPrefix}/iBuildingDynamicList`
+    },
+    detail: {
+      method: 'get',
+      url: `${commPrefix}/iBuildingDynamicSelectId/:id`
+    },
+    add: {
+      method: 'post',
+      url: `${commPrefix}/buildingDynamic/add`
+    },
+    edit: {
+      method: 'put',
+      url: `${commPrefix}/buildingDynamic/update`
+    },
+    delete: {
+      method: 'delete',
+      url: `${commPrefix}/buildingDynamic/delete`
+    },
+    public: {
+      method: 'put',
+      url: `${commPrefix}/buildingDynamic/send/:id`
+    },
+    cancel: {
+      method: 'put',
+      url: `${commPrefix}/buildingDynamic/cancel/:id`
+    },
+  },
+  file: {
+    upload: {
+      method: 'post',
+      url: `${commPrefix}/image`
+    },
+  },
 }
 
 export default apis

src/layout/default/index.vue

@@ -3,7 +3,7 @@
     <el-aside class="siderbar" :style="{ width: '210px' }">
       <div class="logo"></div>
       <el-menu class="nav-menu" v-bind="menuParams">
-        <menu-item v-for="menu in menus" :key="menu.name" :menu="menu" :validate="isInMenuList" />
+        <menu-item v-for="menu in menus" :key="menu.name" :menu="menu" :validate="isInMenuList"/>
       </el-menu>
     </el-aside>
     <el-container>
@@ -19,65 +19,66 @@
         <router-view></router-view>
       </el-main>
       <el-footer class="noPadding">
-        <xm-footer company="荟房科技" />
+        <xm-footer company="荟房科技"/>
       </el-footer>
     </el-container>
   </el-container>
 </template>
 
 <script>
-import { pages, pageArray } from '@/views'
+import { pages, pageArray } from "@/views";
 
 export default {
-  name: 'default-layout',
+  name: "default-layout",
   components: {
-    xmFooter: () => import('@/components/XMFooter.vue'),
-    menuItem: () => import('./MenuItem.vue'),
-    user: () => import('./User.vue'),
+    xmFooter: () => import("@/components/XMFooter.vue"),
+    menuItem: () => import("./MenuItem.vue"),
+    user: () => import("./User.vue")
   },
-  data () {
+  data() {
     return {
       menus: pages,
-      menuArray: pageArray,
-    }
+      menuArray: pageArray
+    };
   },
   computed: {
     menuParams() {
       return {
-        backgroundColor: '#24292e',
-        textColor: '#eee',
-        activeTextColor: '#FFD04B',
-        defaultActive: this.$route.name,
-      }
+        backgroundColor: "#24292e",
+        textColor: "#eee",
+        activeTextColor: "#FFD04B",
+        defaultActive: this.$route.name
+      };
     },
     breads() {
-      const route = this.menuArray.filter(x => x.name === this.$route.name)[0] || {}
-      const p = (route.parents || []).map((rn) => {
+      const route =
+        this.menuArray.filter(x => x.name === this.$route.name)[0] || {};
+      const p = (route.parents || []).map(rn => {
         return this.menuArray.filter(x => x.name === rn.name)[0];
-      })
+      });
 
-      return p.concat(route)
+      return p.concat(route);
     }
   },
   methods: {
     isInMenuList(menu) {
-      return !!this.menuArray.filter(x => x.name === menu.name)[0]
+      return !!this.menuArray.filter(x => x.name === menu.name)[0];
     },
     resetPassword() {
-      window.console.log('------resetPassword------')
+      window.console.log("------resetPassword------");
     },
     logout() {
-      this.$store.dispatch('logout').then(() => {
+      this.$store.dispatch("logout").then(() => {
         this.$router.push({
-          name: 'login',
+          name: "login",
           query: {
-            from: this.$route.name,
+            from: this.$route.name
           }
-        })
-      })
+        });
+      });
     }
   }
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -106,12 +107,11 @@ export default {
 }
 
 .logo {
-  
 }
 
 .siderbar {
   border-right: solid 1px #e6e6e6;
-  
+
   color: #eee;
   background-color: #24292e;
 

src/store/index.js

@@ -8,6 +8,9 @@ const store = new Vuex.Store({
   ...system,
   modules: {
     persons: require('./modules/persons').default,
+    dynamic: require('./modules/dynamic').default,
+    building: require('./modules/building').default,
+    img: require('./modules/img').default,
   }
 })
 

src/store/modules/building.js

@@ -0,0 +1,103 @@
+import request from '../../utils/request'
+import apis from '../../config/api'
+
+export default {
+  namespaced: true,
+  state: {
+    buildings: {},
+    detail: {}
+  },
+  mutations: {
+    updateList (state, payload) {
+      state.buildings = payload
+    },
+    updateDetail (state, payload) {
+      state.detail = payload
+    }
+  },
+  actions: {
+    setDetailNull ({ commit }) {
+      commit('updateDetail', {})
+    },
+    getBuildings ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.building.list,
+          params: payload,
+        }).then((data) => {
+          commit('updateList', data)
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+    getDetail ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.building.detail,
+          urlData: payload,
+        }).then((data) => {
+          commit('updateDetail', data)
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+    addBuilding (_, payload) {
+      const { onSuccess } = payload
+      request({
+        ...apis.building.add, 
+        data: payload.detail,
+      }).then((data) => {
+        onSuccess(data)
+      })
+    },
+    editBuilding (_, payload) {
+      const { onSuccess } = payload
+      request({
+        ...apis.building.edit, 
+        data: payload.detail,
+      }).then((data) => {
+        onSuccess(data)
+      })
+    },
+    delBuilding (_, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.building.delete,
+          urlData: payload,
+        }).then((data) => {
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+    updateBuildingStatus (_, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.building.updateStatus,
+          data: payload,
+        }).then((data) => {
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    }
+  }
+}

src/store/modules/dynamic.js

@@ -0,0 +1,133 @@
+import request from '../../utils/request'
+import apis from '../../config/api'
+
+export default {
+  namespaced: true,
+  state: {
+    dynamics: {},
+    detail: {}
+  },
+  mutations: {
+    updateList (state, payload) {
+      state.dynamics = payload
+    },
+    updateDetail (state, payload) {
+      state.detail = payload
+    }
+  },
+  actions: {
+    setDetailNull ({ commit }) {
+      commit('updateDetail', {})
+    },
+    getDynamics ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.dynamic.list,
+          params: payload,
+        }).then((data) => {
+          commit('updateList', data)
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+    getDetail ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.dynamic.detail,
+          params: payload,
+        }).then((data) => {
+          commit('updateDetail', data)
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+    addDynamics (_, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.dynamic.add, 
+          data: payload.detail,
+        }).then((data) => {
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+    editDynamics (_, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.dynamic.edit,
+          data: payload.detail,
+        }).then((data) => {
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+    deleteDynamics (_, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.dynamic.delete,
+          ...payload
+        }).then(() => {
+          resolve()
+        }).catch(() => {
+          reject()
+        })
+      })
+    },
+    publicDynamic (_, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.dynamic.public,
+          urlData: payload,
+        }).then((data) => {
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+    cancelDynamic (_, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.dynamic.cancel,
+          urlData: payload,
+        }).then((data) => {
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    }
+  }
+}

src/store/modules/img.js

@@ -0,0 +1,27 @@
+
+import request from '../../utils/request'
+import apis from '../../config/api'
+
+export default {
+  namespaced: true,
+  state: {},
+  actions: {
+    uploadImg (_, payload) {
+      return new Promise((resolve, reject) => {
+        const fm = new FormData()
+        fm.append('file', payload)
+
+        request({
+          ...apis.file.upload,
+          data: fm,
+        }).then((data) => {
+          resolve(data)
+        }).catch(({ message }) => {
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+  }
+}

src/store/modules/persons.js

@@ -14,6 +14,28 @@ export default {
         ...apis.consultant.list,
         params: payload,
       })
-    }
+    },
+    getConsultant (context, payload) {
+      return request({
+        ...apis.consultant.detail,
+        urlData: payload,
+      })
+    },
+    editConsultant (context, payload) {
+      window.console.log(payload)
+
+      const config = payload.personId ?
+        {
+          ...apis.consultant.edit,
+          urlData: { id: payload.personId },
+          data: payload,
+        } :
+        {
+          ...apis.consultant.add,
+          data: payload,
+        }
+
+      return request(config)
+    },
   },
 }

src/utils/request.js

@@ -6,7 +6,7 @@ import axios from 'axios'
 function request(params = {}) {
   const { urlData, data: rawData, url: rawURL, headers = {}, ...config } = params;
   const url = replaceApiParams(rawURL, urlData)
-  const data = (rawData instanceof FormData) ? rawData : JSON.stringify(rawData)
+  // const data = (rawData instanceof FormData) ? rawData : JSON.stringify(rawData)
   const token = localStorage.getItem('x-token') || ''
   const contenType = (rawData instanceof FormData) ? 'multipart/form-data' : 'application/json'
   
@@ -14,7 +14,7 @@ function request(params = {}) {
     axios({
       ...config,
       url,
-      data,
+      data: rawData,
       headers: {
         'Content-Type': contenType,
         ...headers,

src/views/Login.vue

@@ -17,10 +17,16 @@
               </el-input>
             </el-form-item>
             <el-form-item>
-              <el-input class="large-input" v-model="formdata.password" placeholder="请输入验证码">
-                <xm-icon name="password" size="small" slot="prefix" :style="{ lineHeight: '36px' }"/>
-                <el-button slot="append">发送验证码</el-button>
-              </el-input>
+              <el-row :gutter="10">
+                <el-col :span="18">
+                  <el-input class="large-input" v-model="formdata.password" placeholder="请输入验证码">
+                    <xm-icon name="password" size="small" slot="prefix" :style="{ lineHeight: '36px' }"/>
+                  </el-input>
+                </el-col>
+                <el-col :span="4">
+                  <el-button type="success">验证码</el-button>
+                </el-col>
+              </el-row>              
             </el-form-item>
             <el-form-item>
               <div class="form-action">

src/views/consultant/edit.vue

@@ -0,0 +1,160 @@
+<template>
+  <div>
+    <div class="form-wrapper">
+      <el-form label-width="80px" :model="detail">
+        <el-form-item label="名称">
+          <el-input v-model="detail.name"></el-input>
+        </el-form-item>
+        <el-form-item label="公司">
+          <el-input v-model="detail.company"></el-input>
+        </el-form-item>
+        <el-form-item label="部门">
+          <el-input v-model="detail.department"></el-input>
+        </el-form-item>
+        <el-form-item label="职位">
+          <el-input v-model="detail.post"></el-input>
+        </el-form-item>
+        <el-form-item label="电话">
+          <el-input v-model="detail.tel"></el-input>
+        </el-form-item>
+        <el-form-item label="图片">
+          <el-upload
+            class="avatar-uploader"
+            :action="upFileUrl"
+            name='file'
+            :show-file-list="false"
+            :before-upload="beforeImgUpload"
+            :on-success="handleAvatarSuccess">
+            <img v-if="detail.photo" :src="detail.photo" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-radio-group v-model="detail.status">
+            <el-radio-button :label="0">禁用</el-radio-button>
+            <el-radio-button :label="1">启用</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="submitForm">保存</el-button>
+          <el-button @click="$router.go(-1)">返回</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+  </div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex'
+import apis from '../../config/api'
+
+const { mapActions: mapPersonActions } = createNamespacedHelpers('persons')
+
+export default {
+  name: 'consultantEdit',
+  data () {
+    return {
+      upFileUrl: apis.file.upload.url,
+      detail: {
+        name: undefined,
+        company: undefined,
+        department: undefined,
+        post: undefined,
+        tel: undefined,
+        photo: undefined,
+        status: 1,
+      },
+    }
+  },
+  created () {
+    this.init()
+  },
+  methods: {
+    ...mapPersonActions([
+      'getConsultant',
+      'editConsultant',
+    ]),
+    init () {
+      if (this.$route.params.id) {
+        this.getConsultant({ id: this.$route.params.id }).then((data) => {
+          this.detail = data
+        })
+      }
+    },
+    beforeImgUpload (file) {
+      if (file.type !== 'image/jpeg' && file.type !== 'image/png') {
+        this.$message.error('上传图片只能是 JPG 或 PNG 格式!')
+        return false
+      }
+
+      this.showLoadding('上传中...')
+      return true
+    },
+  
+    handleAvatarSuccess (res) {
+      this.detail.photo = res.data
+      this.hideLoadding()
+    },
+
+    submitForm () {
+      this.showLoadding('保存中...')
+      this.editConsultant(this.detail).then((res) => {
+        if (res.personId) {
+          this.detail = res
+        }
+
+        this.hideLoadding()
+        this.$notify.info('保存成功')
+      }).catch((err) => {
+        this.hideLoadding()
+        this.$notify.error(err.message)
+      })
+    },
+
+    showLoadding (text) {      
+      this.loading = this.$loading({
+        text,
+        lock: true,
+        spinner: 'el-icon-loading',
+        background: 'rgba(255, 255, 255, 0.7)'
+      })
+    },
+
+    hideLoadding () {
+      if (this.loading) this.loading.close()      
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.form-wrapper {
+  width: 60%;
+}
+</style>
+
+<style lang="scss">
+  .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>

src/views/dynamic/edit.vue

@@ -0,0 +1,195 @@
+<template>
+  <el-form ref="form" :model="dynamic" label-width="160px">
+    <el-form-item label="所属楼盘">
+      <el-select v-model="dynamic.buildingId" placeholder="请选择">
+        <el-option v-for="(build,i) in buildings.list || []" :key="i" :label="build.buildingName" :value="build.buildingId"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item label="项目动态标题">
+      <el-input v-model="dynamic.title"></el-input>
+    </el-form-item>
+    <el-form-item label="描述">
+      <el-input v-model="dynamic.desc"></el-input>
+    </el-form-item>
+    <el-form-item label="主图">
+      <el-upload
+        class="avatar-uploader"
+        :action="upFileUrl"
+        name='file'
+        :show-file-list="false"
+        :before-upload="beforeImgUpload"
+        :on-success="handleAvatarSuccess">
+        <img v-if="dynamic.imgUrl" :src="dynamic.imgUrl" class="avatar">
+        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+      </el-upload>
+    </el-form-item>
+    <!-- <el-form-item label="链接地址">
+      <el-input v-model="dynamic.url"></el-input>
+    </el-form-item> -->
+    <el-form-item label="内容">
+      <div id="websiteEditorElem" style="height: 400px"></div>
+    </el-form-item>
+    <el-form-item>
+      <el-button type="primary" @click="onSubmit">保存</el-button>
+      <el-button @click="onCancel">取消</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex'
+import apis from '../../config/api'
+import E from 'wangeditor'
+
+const { mapState: mapDynamicState, mapActions: mapDynamicActions, mapMutations: mapDynamicMutations } = createNamespacedHelpers('dynamic')
+const { mapState: mapBuildingState, mapActions: mapBuildingActions } = createNamespacedHelpers('building')
+const { mapActions: mapImgActions } = createNamespacedHelpers('img')
+
+export default {
+  data () {
+    return {
+      upFileUrl: apis.file.upload.url,
+    }
+  },
+  computed: {
+    ...mapDynamicState({
+      detail: x => x.detail,
+    }),
+    dynamic: {
+      get () {
+        return this.detail
+      },
+      set (val) {
+        return this.updateDetail(val)
+      }
+    },
+    ...mapBuildingState({
+      buildings: x => x.buildings
+    }),
+  },
+  methods: {
+    ...mapBuildingActions([
+      'getBuildings'
+    ]),
+    ...mapDynamicMutations([
+      'updateDetail'
+    ]),
+    ...mapDynamicActions([
+      'getDetail',
+      'addDynamics',
+      'editDynamics'
+    ]),
+    ...mapImgActions([
+      'uploadImg'
+    ]),
+    beforeImgUpload (file) {
+      if (file.type !== 'image/jpeg' && file.type !== 'image/png') {
+        this.$message.error('上传图片只能是 JPG 或 PNG 格式!')
+        return false
+      }
+      // if (file.size / 1024 > 300) {
+      //   this.$message.error('图片大小不允许超过300k!')
+      //   return false
+      // }
+      this.loading = this.$loading({
+        lock: true,
+        text: '上传中...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+
+      return true
+    },
+    handleAvatarSuccess (res) {
+      this.updateDetail({...this.dynamic, imgUrl: res.data})
+      this.loading.close()
+    },
+    onSubmit () {
+      if (!this.detail.dynamicId) {
+        // 新增
+        this.addDynamics({
+          detail: JSON.stringify(this.detail)
+        }).then(() => {
+          this.onCancel()
+        })
+      } else {
+        // 修改
+        this.editDynamics({
+          detail: JSON.stringify(this.detail)
+        }).then(() => {
+          this.onCancel()
+        })
+      }
+    },
+    onCancel () {
+      this.$router.push({name: 'dynamiclist'})
+    }
+  },
+  mounted () {
+    const _that = this
+    const phoneEditor = new E('#websiteEditorElem')
+    phoneEditor.customConfig.onchange = function (html) {
+      _that.dynamic = {..._that.dynamic, url: html}
+    }
+    // phoneEditor.customConfig.uploadImgServer = this.upFileUrl
+    // phoneEditor.customConfig.uploadFileName = 'uploadFiles'
+
+    phoneEditor.customConfig.customUploadImg = function (files, insert) {
+      _that.uploadImg(files[0]).then(data => {
+        insert(data)
+      })
+    }
+    phoneEditor.customConfig.menus = [
+      'head',  // 标题
+      'bold',  // 粗体
+      'fontSize',  // 字号
+      'fontName',  // 字体
+      'italic',  // 斜体
+      'underline',  // 下划线
+      'strikeThrough',  // 删除线
+      'foreColor',  // 文字颜色
+      'backColor',  // 背景颜色
+      'justify',  // 对齐方式
+      'image',  // 插入图片
+    ]
+    phoneEditor.create()
+    
+    this.getBuildings({
+      pageNum: 1,
+      pageSize: 100,
+    }).then(() => {
+      if ((this.$route.query.id || '') !== '') {
+        this.getDetail({id: this.$route.query.id}).then((data) => {
+          phoneEditor.txt.html(data.url)
+        })
+      }
+    })
+  }
+}
+</script>
+
+<style lang="scss">
+  .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>

src/views/dynamic/list.vue

@@ -0,0 +1,259 @@
+<template>
+  <div>
+    <div class="system-table-search">
+      <div class="flex-h">
+        <div class="flex-item flex-h">
+          <el-button size="mini" type="success" @click='addDynamic'>新增项目动态</el-button>
+        </div>
+        <ul>
+          <li>
+            <el-input v-model="name" placeholder="标题"></el-input>
+          </li>
+          <li>
+            <el-select v-model="buildingId" placeholder="楼盘">
+              <el-option
+                v-for="item in buildings.list || []"
+                :key="item.buildingId"
+                :label="item.buildingName"
+                :value="item.buildingId">
+              </el-option>
+            </el-select>
+          </li>
+        </ul>
+        <el-button
+          size="mini"
+          type="primary" @click="search">搜索</el-button>
+      </div>
+      <div class="moreFilter"></div>
+    </div>
+    <el-table
+      :data="dynamics.list || []"
+      style="width: 100%">
+      <el-table-column
+        type="index"
+        width="50">
+        <template slot-scope="scope">
+          <span>{{ GetIndex(scope.$index) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="项目动态主图">
+        <template slot-scope="scope">
+          <div class="header">
+            <img :src="scope.row.imgUrl" alt="" />
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="title"
+        label="标题">
+      </el-table-column>
+      <el-table-column
+        prop="desc"
+        label="描述">
+      </el-table-column>
+      <!-- <el-table-column
+        label="链接地址"
+        prop="url"
+      >
+      </el-table-column> -->
+      <el-table-column
+        label="发布状态"
+        width="150"
+        >
+        <template slot-scope="scope">
+          <span>{{scope.row.status == 1 ? '已发布' : '未发布'}}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="发布时间"
+        width="150"
+        prop="publishDate"
+      >
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        label="操作"
+        width="180">
+        <template slot-scope="scope">
+          <el-button type="text" @click="handleEdit(scope.row)" size="small">编辑</el-button>
+          <el-button type="text" @click="handlePulic(scope.row)" size="small" v-if="scope.row.status === 0">发布</el-button>
+          <el-button type="text" @click="handleUnPulic(scope.row)" size="small" v-if="scope.row.status === 1">取消发布</el-button>
+          <el-button @click="handleDel(scope.row)" type="text" size="small">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      small
+      style="margin-top:10px;"
+      layout="prev, pager, next"
+      :current-page.sync="currentPage"
+      :pageSize="pageSize"
+      :total="dynamics.total || 0"
+      @current-change="getList"
+    >
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from 'vuex';
+
+const {mapState: mapDynamicState, mapActions: mapDynamicActions} = createNamespacedHelpers('dynamic')
+const {mapState: mapBuildingState, mapActions: mapBuildingActions} = createNamespacedHelpers('building')
+
+export default {
+  data() {
+    return {
+      pageSize: 20,
+      currentPage: 1,
+      name: '',
+      buildingId: '',
+    }
+  },
+  computed: {
+    ...mapDynamicState({
+      dynamics: x => x.dynamics
+    }),
+    ...mapBuildingState({
+      buildings: x => x.buildings
+    })
+  },
+  methods: {
+    ...mapDynamicActions([
+      'getDynamics',
+      'setDetailNull',
+      'deleteDynamics',
+      'publicDynamic',
+      'cancelDynamic'
+    ]),
+    ...mapBuildingActions([
+      'getBuildings',
+    ]),
+    GetIndex (inx) {
+      return (this.currentPage - 1) * this.pageSize + inx + 1
+    },
+    FormatDate (date) {
+      if (date) {
+        return dayjs(date).formate('yyyy-MM-DD HH:mm:ss')
+      } else {
+        return ''
+      }
+    },
+    getList () {
+      this.getDynamics({
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+        name: this.name,
+        buildingId: this.buildingId
+      })
+    },
+    getBuildingName (id) {
+      return ((this.buildings.list || []).filter(x => x.buildingId === id)[0] || {}).buildingName || ''
+    },
+    search () {
+      this.currentPage = 1
+      this.getList()
+    },
+    handleEdit (row) {
+      this.setDetailNull()
+      this.$router.push({name: 'dynamicedit', query: {id: row.dynamicId}})
+    },
+    handlePulic (row) {
+      this.$confirm('确认发布此数据?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.publicDynamic({
+          id: row.dynamicId
+        }).then(() => {
+          this.getList()
+        })
+      })
+    },
+    handleUnPulic (row) {
+      this.$confirm('确认取消发布此数据?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.cancelDynamic({
+          id: row.dynamicId}).then(() => {
+          this.getList()
+        })
+      })
+    },
+    handleDel (row) {
+      this.$confirm('确认删除此数据?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        if (row.status === 1) {
+          this.$message.error('当前活动处于发布状态，不允许删除！')
+          return false
+        }
+        this.deleteDynamics({
+          id: row.dynamicId
+        }).then(() => {
+          this.getList()
+        })
+      })
+    },
+    addDynamic () {
+      this.setDetailNull()
+      this.$router.push({name: 'dynamicedit'})
+    }
+  },
+  created () {
+    this.getBuildings({
+      pageNum: 1,
+      pageSize: 100,
+    }).then(() => {
+      this.getList()
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.header{
+  width: 50px;
+  height: 50px;
+  img{
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.system-table-search{
+  width: calc(100% - 40px);
+  margin: 20px auto 0;
+}
+
+.system-table-search li{
+  margin-right: 20px;
+}
+
+.system-table-search ul{
+  font-size: 0;
+  white-space: nowrap;
+}
+
+.system-table-search ul>li{
+  display: inline-block;
+}
+
+.flex-h {
+  display: flex;
+  display: -webkit-flex;
+}
+
+.flex-item {
+  flex: 1;
+  -webkit-flex: 1;
+  position: relative;
+  overflow: hidden;
+}
+</style>

src/views/index.js

@@ -28,8 +28,46 @@ const pages = [
           title: '置业列表',
         },
       },
+      {
+        path: 'edit/:id?',
+        name: 'consultant.edit',
+        component: () => import('./consultant/edit.vue'),
+        meta: {
+          menuShow: true,
+          title: '置业管理',
+        },
+      },
+    ]
+  },
+  {
+    path: 'building',
+    name: 'building',
+    component: () => import('./index.vue'),
+    meta: {
+      menuShow: true,
+      title: '楼盘设置',
+    },
+    children: [
+      {
+        path: 'dynamic',
+        name: 'dynamiclist',
+        component: () => import('./dynamic/list.vue'),
+        meta: {
+          menuShow: true,
+          title: '项目动态列表',
+        },
+      },
+      {
+        path: 'dynamic/edit',
+        name: 'dynamicedit',
+        component: () => import('./dynamic/edit.vue'),
+        meta: {
+          menuShow: false,
+          title: '项目动态编辑',
+        },
+      }
     ]
-  }
+  },
 ]
 
 const flatten = (rts, parents = []) => {