合并

src/config/api.js

@@ -126,7 +126,14 @@ const apis = {
       method: 'post',
       url: `${commPrefix}/customer/add`
     }
+  },
+  activity:{
+    list:{
+      method:'get',
+      url: `${commPrefix}/iBuildingDynamicList`
+    },
   }
+
 }
 
 export default apis

src/store/index.js

@@ -13,6 +13,7 @@ const store = new Vuex.Store({
     customer: require('./modules/customer').default,
     building: require('./modules/building').default,
     img: require('./modules/img').default,
+    activity: require('./modules/activity').default,
   }
 })
 

src/store/modules/activity.js

@@ -0,0 +1,41 @@
+import apis from '../../config/api'
+import request from '../../utils/request'
+
+export default {
+  namespaced: true,
+  state: {
+    list: [],
+    detail: {},
+  },
+  mutations: {},
+  actions: {
+    getActivityList (context, payload) {
+      return request({
+        ...apis.activity.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/views/activity/add.vue

@@ -0,0 +1,208 @@
+<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-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.title"></el-input>
+    </el-form-item>
+    <el-form-item label="活动时间">
+      <el-input v-model="dynamic.title" style="width:40%"></el-input>
+      <span>-</span>
+      <el-input v-model="dynamic.title" style="width:40%"></el-input>
+    </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.title"></el-input>
+    </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 label="是否需要报名">
+       <el-radio v-model="radio" label="1">是</el-radio>
+       <el-radio v-model="radio" label="0">否</el-radio>
+    </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,
+      radio:'1'
+    }
+  },
+  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/activity/list.vue

@@ -0,0 +1,188 @@
+<template>
+<div class="list">
+        <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="searchName" placeholder="姓名"></el-input>
+          </li>
+
+        </ul>
+        <el-button
+          size="mini"
+          type="primary" @click="search">查询</el-button>
+      </div>
+      <div class="moreFilter"></div>
+    </div>
+  <el-table
+    :data="list || []"
+    style="width: 100%">
+    <el-table-column
+      prop="title"
+      label="活动标题">
+    </el-table-column>
+    <el-table-column
+      prop="tel"
+      label="活动时间">
+     <template slot-scope="scope">
+        <span>{{scope.row.startDate}} ~ {{scope.row.startDate}}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+      prop="count"
+      label="已参加人数">
+    </el-table-column>
+    <el-table-column
+      prop="pvNum"
+      label="阅读量">
+      </el-table-column>
+      <el-table-column
+      prop="shareNum"
+      label="转发数">
+    </el-table-column>
+    <el-table-column
+      prop="favorNum"
+      label="点赞数">
+    </el-table-column>
+    <el-table-column
+      prop="saveNum"
+      label="收藏数">
+    </el-table-column>
+    <el-table-column   label="状态">
+      <template slot-scope="scope">
+        <span :style="{color:(scope.row.status == 1?'':'red')}" >{{scope.row.status == 1 ? '启用' : '禁用'}}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+      fixed="right"
+      label="操作">
+      <template slot-scope="scope">
+        <el-button type="text" @click="toDetail(scope.row)" size="small">{{scope.row.status == 1?'停用':'启用'}}</el-button>
+        <el-button type="text" @click="toDetail(scope.row)" size="small">编辑</el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+  <el-pagination
+    small
+    style="margin-top:10px;"
+    layout="prev, pager, next"
+    :current-page.sync="pageNavi.current"
+    :pageSize="pageNavi.size"
+    :total="pageNavi.total || 0"
+    @current-change="getActivityList"
+  >
+  </el-pagination>
+</div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from "vuex";
+
+const { mapActions: mapActivity } = createNamespacedHelpers("activity");
+
+export default {
+  name: "consultant-list",
+  data() {
+    return {
+      filterData: {
+        name: "",
+        phone: ""
+      },
+      list: [],
+      pageNavi: {
+        current: 1,
+        size: 20,
+        total: 0
+      },
+      searchName: ""
+    };
+  },
+  computed: {},
+  methods: {
+    ...mapActivity(["getActivityList"]),
+    getList() {
+      const pageNum = this.pageNavi.current || 1;
+      const pageSize = this.pageNavi.size;
+
+      this.getActivityList({
+        ...this.filterData,
+        pageNum,
+        pageSize
+      })
+        .then(res => {
+          const { list, ...pageNavi } = res;
+
+          this.list = list;
+          this.pageNavi = pageNavi;
+        })
+        .catch(err => {
+          this.$notify.error(err.msg || err.message);
+        });
+    },
+    addDynamic() {
+      this.$router.push({ name: "activity-add" });
+      console.log('11111')
+    },
+    toDetail(row) {
+      this.$router.push({
+        name: "consultant.edit",
+        params: { id: row.personId }
+      });
+    },
+    search() {
+      this.pageNavi.current = 1;
+      this.getList();
+    },
+    newPage(page) {
+      this.$router.replace({ name: "consultant.list", query: { page } });
+    }
+  },
+  created() {
+    this.pageNavi.current = this.$route.query.page || 1;
+
+    this.getList();
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.list {
+  .header {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+  }
+}
+.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;
+  align-items: center;
+}
+
+.flex-item {
+  flex: 1;
+  -webkit-flex: 1;
+  position: relative;
+  overflow: hidden;
+}
+</style>

src/views/index.js

@@ -68,6 +68,35 @@ const pages = [
       },
     ]
   },
+  {
+    path: 'activity',
+    name: 'activity',
+    component: () => import('./index.vue'),
+    meta: {
+      menuShow: true,
+      title: '活动管理',
+    },
+    children: [
+      {
+        path: 'activity',
+        name: 'activity-list',
+        component: () => import('./activity/list.vue'),
+        meta: {
+          menuShow: true,
+          title: '活动列表',
+        },
+      },
+      {
+        path: 'activity/add',
+        name: 'activity-add',
+        component: () => import('./activity/add.vue'),
+        meta: {
+          menuShow: false,
+          title: '活动添加',
+        },
+      }
+    ]
+  },
   {
     path: 'building',
     name: 'building',