he

src/config/api.js

@@ -126,6 +126,42 @@ const apis = {
       method: 'post',
       url: `${commPrefix}/customer/add`
     }
+  },
+  goods:{
+    list:{
+      method:'get',
+      url: `${commPrefix}/taGoods`
+    },
+    detail: {
+      method: 'get',
+      url: `${commPrefix}/taGoods/:id`
+    },
+    add: {
+      method: 'post',
+      url: `${commPrefix}/customer/add`
+    }
+  },
+  newsType: {
+    list: {
+      method: 'get',
+      url: `${commPrefix}/taNewsType`
+    },
+    add: {
+      method: 'post',
+      url: `${commPrefix}/taNewsType`
+    },
+    delete: {
+      method: 'delete',
+      url: `${commPrefix}/taNewsType/:id`
+    },
+    update: {
+      method: 'put',
+      url: `${commPrefix}/taNewsType/:id`
+    },
+    getById: {
+      method: 'get',
+      url: `${commPrefix}/taNewsType/:id`
+    }
   }
 }
 

src/store/index.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 import system from './system'
 import apartment from './modules/apartment'
+import news from './modules/news'
 Vue.use(Vuex)
 
 const store = new Vuex.Store({
@@ -13,6 +14,8 @@ const store = new Vuex.Store({
     customer: require('./modules/customer').default,
     building: require('./modules/building').default,
     img: require('./modules/img').default,
+    goods: require('./modules/goods').default,
+    news
   }
 })
 

src/store/modules/goods.js

@@ -0,0 +1,132 @@
+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', {})
+    },
+    getGoods ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.goods.list,
+          params: payload,
+        }).then((data) => {
+          commit('updateList', data)
+          resolve(data)
+        }).catch((err) => {
+          const message = err.message || err.msg
+
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    },
+    getGoodsDetail ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.goods.detail,
+          urlData: 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/news.js

@@ -0,0 +1,76 @@
+import apis from '../../config/api'
+import request from '../../utils/request'
+
+export default {
+    namespaced: true,
+    state: {
+        list: [],
+        detail: []
+    },
+    mutations: {
+
+    },
+    actions: {
+        getTypeList({ commit }, payload) { // 查询所有资迅类型
+           return  new Promise((resolve, reject) => {
+               request({
+                   ...apis.newsType.list,
+                   params: payload,
+               }).then((data) => {
+                   resolve(data)
+               }).catch((err) => {
+                   reject(err)
+               })
+           })
+        },
+        getTypeById({ commit }, payload) { // 根据Id查询资迅类型
+            return  new Promise((resolve, reject) => {
+                request({
+                    ...apis.newsType.getById,
+                    urlData: { id: payload.newsTypeId },
+                }).then((data) => {
+                    resolve(data)
+                }).catch((err) => {
+                    reject(err)
+                })
+            })
+        },
+        addType({ commit }, payload) { // 添加类型
+            return  new Promise((resolve, reject) => {
+                request({
+                    ...apis.newsType.add,
+                    data: payload,
+                }).then((data) => {
+                    resolve(data)
+                }).catch((err) => {
+                    reject(err)
+                })
+            })
+        },
+        updateType({ commit }, payload) { // 修改类型
+            return  new Promise((resolve, reject) => {
+                request({
+                    ...apis.newsType.update,
+                    urlData:{ id: payload.newsTypeId },
+                    data:payload
+                }).then((data) => {
+                    resolve(data)
+                }).catch((err) => {
+                    reject(err)
+                })
+            })
+        },
+        deleteType({ commit }, payload) { // 删除类型
+            return  new Promise((resolve, reject) => {
+                request({
+                    ...apis.newsType.delete,
+                    urlData: { id: payload.newsTypeId },
+                }).then((data) => {
+                    resolve(data)
+                }).catch((err) => {
+                    reject(err)
+                })
+            })
+        }
+    }
+}

src/views/goods/edit.vue

@@ -0,0 +1,209 @@
+<template>
+  <div>
+    <div class="form-wrapper">
+      <el-form label-width="100px" :model="detail">
+        <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.imgUrl" :src="detail.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="detail.goodsName"></el-input>
+        </el-form-item>
+        <el-form-item label="所需积分：">
+          <el-input v-model="detail.pointPrice"></el-input>
+        </el-form-item>
+        <el-form-item label="商品数量：">
+          <el-input v-model="detail.totalNum"></el-input>
+        </el-form-item>
+        <el-form-item label="剩余数量：">
+          <el-input v-model="detail.inventory"></el-input>
+        </el-form-item>
+        <el-form-item label="授权项目：">
+          <el-select v-model="detail.buildings" 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="商品详情：">
+            <div id="websiteEditorElem" style="height: 400px"></div>
+        </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 label="领取地址：">
+          <el-input v-model="detail.tel"></el-input>
+        </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";
+import E from "wangeditor";
+
+const { mapActions: mapGoodsActions } = createNamespacedHelpers("goods");
+const {
+  mapState: mapBuildingState,
+  mapActions: mapBuildingActions
+} = createNamespacedHelpers("building");
+export default {
+  name: "goodsEdit",
+  data() {
+    return {
+      upFileUrl: apis.file.upload.url,
+      detail: {}
+    };
+  },
+  created() {
+    this.init();
+  },
+  computed: {
+    ...mapBuildingState({
+      buildings: x => x.buildings
+    })
+  },
+  methods: {
+    ...mapBuildingActions(["getBuildings"]),
+    ...mapGoodsActions(["getGoodsDetail", "editConsultant"]),
+    init() {
+      if (this.$route.params.id) {
+        this.getGoodsDetail({ 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();
+    }
+  },
+  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" 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/goods/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="filterData.goodsName" 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
+      label="商品图片">
+      <template slot-scope="scope">
+          <div class="header">
+            <img :src="scope.row.imgUrl" alt="" />
+          </div>
+        </template>
+    </el-table-column>
+    <el-table-column
+      prop="goodsName"
+      label="商品名称">
+    </el-table-column>
+    <el-table-column
+      prop="pointPrice"
+      label="所需积分">
+    </el-table-column>
+    <el-table-column
+      prop="totalNum"
+      label="总数量">
+    </el-table-column>
+    <el-table-column
+      label="已经兑换数量">
+      <template slot-scope="scope">
+        <span  >{{scope.row.totalNum -scope.row.inventory }}</span>
+      </template>
+    </el-table-column>
+    <el-table-column
+      prop="inventory"
+      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="getConsultants"
+  >
+  </el-pagination>
+</div>
+</template>
+
+<script>
+import { createNamespacedHelpers } from "vuex";
+
+const { mapActions: mapGoodsActions } = createNamespacedHelpers("goods");
+
+export default {
+  name: "goods-list",
+  data() {
+    return {
+      filterData: {
+        goodsName: ""
+      },
+      list: [],
+      pageNavi: {
+        current: 1,
+        size: 20,
+        total: 0
+      }
+    };
+  },
+  computed: {},
+  methods: {
+    ...mapGoodsActions(["getGoods"]),
+    getList() {
+      const pageNumber = this.pageNavi.current || 1;
+      const pageSize = this.pageNavi.size;
+
+      this.getGoods({
+        ...this.filterData,
+        pageNumber,
+        pageSize
+      })
+        .then(res => {
+          const { records, ...pageNavi } = res;
+
+          this.list = records;
+          this.pageNavi = pageNavi;
+        })
+        .catch(err => {
+          this.$notify.error(err.msg || err.message);
+        });
+    },
+    addDynamic() {
+      this.$router.push({ name: "consultant.list" });
+    },
+    toDetail(row) {
+      this.$router.push({
+        name: "goods.edit",
+        params: { id: row.goodsId }
+      });
+    },
+    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%;
+  }
+  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;
+  align-items: center;
+}
+
+.flex-item {
+  flex: 1;
+  -webkit-flex: 1;
+  position: relative;
+  overflow: hidden;
+}
+</style>

src/views/index.js

@@ -221,6 +221,7 @@ const pages = [
     ]
   },
   {
+
     path: 'systemManagement',
     name: 'systemManagement',
     component: () => import('./index.vue'),
@@ -248,7 +249,94 @@ const pages = [
         },
       },
     ]
-  }
+  },
+  {
+    path: '/news',
+    name: 'news',
+    component: () => import('./index.vue'),
+    meta: {
+      menuShow: true,
+      title: '资迅管理',
+    },
+    children: [
+      {
+        path: '/news/type/list',
+        name: 'news-type-list',
+        component: () => import('./news/type/index.vue'),
+        meta: {
+          menuShow: true,
+          title: '资迅类型',
+        },
+      },
+      {
+        path: '/news/type/edi',
+        name: 'news-type-edi',
+        component: () => import('./news/type/edi/index.vue'),
+        meta: {
+          menuShow: false,
+          title: '编辑资迅类型',
+        },
+      }
+    ]
+  },
+  {
+    path: 'pointsmall',
+    name: 'pointsmall',
+    redirect: 'pointsmall/list',
+    component: () => import('./index.vue'),
+    meta: {
+      menuShow: true,
+      title: '积分商城',
+    },
+    children: [
+      {
+        path: 'list',
+        name: 'goods.list',
+        component: () => import('./goods/list.vue'),
+        meta: {
+          menuShow: true,
+          title: '商品列表',
+        },
+      },
+      {
+        path: 'goods/edit',
+        name: 'goods.edit',
+        component: () => import('./goods/edit.vue'),
+        meta: {
+          menuShow: false,
+          title: '编辑商品',
+        },
+      },
+      {
+        path: 'edit/:id?',
+        name: 'pointsmall.edit',
+        component: () => import('./consultant/edit.vue'),
+        meta: {
+          menuShow: true,
+          title: '积分获取',
+        },
+      },
+      {
+        path: 'edit/:id?',
+        name: 'consultant.edit',
+        component: () => import('./consultant/edit.vue'),
+        meta: {
+          menuShow: true,
+          title: '商品核销',
+        },
+      },
+      {
+        path: 'edit/:id?',
+        name: 'consultant.edit',
+        component: () => import('./consultant/edit.vue'),
+        meta: {
+          menuShow: true,
+          title: '兑换记录',
+        },
+      },
+    ]
+  },
+
 ]
 
 const flatten = (rts, parents = []) => {

src/views/news/index.vue

@@ -0,0 +1,98 @@
+<template>
+    <div id="root">
+        <div class="operation-class">
+           <el-button type="primary">新增</el-button>
+            &nbsp;
+            <el-select v-model="form.buildingId" placeholder="项目">
+                <el-option
+                        v-for="item in buildingList"
+                        :key="item.buildingId"
+                        :label="item.buildingName"
+                        :value="item.buildingId">
+                </el-option>
+            </el-select>
+        </div>
+        <div class="body">
+            <el-table
+                    :data="[]"
+                    height="250"
+                    border
+                    style="width: 100%">
+                <el-table-column
+                        prop="date"
+                        label="类型图"
+                        align="center">
+                    <template slot-scope="scope">
+                        <img :src="scope.row.news_type_img" width="50" height="50"/>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="newsTypeName"
+                        label="名称"
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        prop="newsTypeId"
+                        align="center"
+                        label="操作">
+                    <template slot-scope="scope">
+                        <router-link :to="{ name:'newsTypeEdi', query: { id: scope.row.newsTypeId } }">编辑</router-link>
+                        <span @click="deleteNews(scope.row.newsTypeId)">删除</span>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div class="block">
+            <el-pagination
+                    @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange"
+                    :current-page="form.pageNum"
+                    :page-sizes="[1, 10, 20, 30, 40]"
+                    :page-size="form.pageSize"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    :total="total">
+            </el-pagination>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "newsIndex",
+        data() {
+            return {
+                buildingList: [],
+                form: {
+                    buildingId: '',
+                    pageNum: 0,
+                    pageSize: 10
+                },
+                total: 0
+            }
+        },
+        methods: {
+            deleteNews(id) {
+                // 删除操作
+            },
+            handleSizeChange(val) {
+                console.log(`每页 ${val} 条`);
+            },
+            handleCurrentChange(val) {
+                console.log(`当前页: ${val}`);
+            }
+        }
+    }
+</script>
+
+<style scoped>
+.operation-class {
+    margin-left: 20px;
+}
+.body {
+    margin-top: 10px;
+}
+.block {
+    display: flex;
+    justify-content: flex-end;
+}
+</style>

src/views/news/type/edi/index.vue

@@ -0,0 +1,156 @@
+<template>
+    <div id="root">
+        <el-form ref="form" :model="form" label-width="80px" class="form">
+            <el-form-item label="项目">
+                <el-select v-model="form.buildingId" placeholder="请选择">
+                    <el-option
+                            v-for="item in buildingList"
+                            :key="item.buildingId"
+                            :label="item.buildingName"
+                            :value="item.buildingId">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="图片">
+<!--                class="avatar-uploader"-->
+                <el-upload
+                        :headers="uploadHeaders"
+                        :action="upFileUrl"
+                        :show-file-list="false"
+                        :on-success="handleAvatarSuccess">
+                    <img v-if="imageUrl" :src="imageUrl" 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="form.newsTypeName"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="submitNewsType">保存</el-button>
+                <el-button @click="cancel">取消</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+    import apis from '../../../../config/api'
+    export default {
+        name: "index",
+        data() {
+            return {
+                upFileUrl: apis.file.upload.url,
+                buildingList: [],
+                imageUrl: '',
+                form: {
+                    newsTypeId: '',
+                    newsTypeImg: '',
+                    newsTypeName: '',
+                    buildingId: ''
+                },
+                buildingForm: {
+                    pageNum: 1,
+                    pageSize: 100
+                },
+            }
+        },
+        created() {
+            this.getBuildList()
+            this.form.newsTypeId = this.$route.query.id
+            if (this.form.newsTypeId !== undefined) {
+                this.getById()
+            }
+        },
+        computed: {
+            uploadHeaders () {
+                const token = localStorage.getItem('x-token') || ''
+                return {
+                    Authorization: `Bearer ${token}`
+                }
+            }
+        },
+        methods: {
+            handleAvatarSuccess(res, file) {
+                this.imageUrl = URL.createObjectURL(file.raw);
+                // console.log(res)
+                this.form.newsTypeImg = res.data
+            },
+            getBuildList() {
+                this.$store.dispatch('building/getBuildings', this.buildingForm).then((res) => {
+                    this.buildingList = res.records
+                }).catch(() => {
+                    console.log('building/getBuildings err')
+                })
+            },
+            submitNewsType() {
+                console.log(this.form.newsTypeId)
+                if (this.form.newsTypeId === '' || this.form.newsTypeId === undefined) {
+                    console.log('添加')
+                    this.$store.dispatch('news/addType', this.form).then((res) => {
+                        this.$message.success('操作成功！')
+                        this.$router.go(-1)
+                        // console.log(res)
+                    }).catch(() => {
+                        console.log('news/addType err')
+                    })
+
+                    return;
+                }
+
+                // 修改
+                this.$store.dispatch('news/updateType', this.form).then((res) => {
+                    this.$message.success('操作成功！')
+                    this.$router.go(-1)
+                    // console.log(res)
+                }).catch(() => {
+                    console.log('news/updateType err')
+                })
+
+            },
+            cancel() {
+                this.$router.go(-1)
+            },
+            getById() {
+                this.$store.dispatch('news/getTypeById', this.form).then((res) => {
+                    this.form.newsTypeName = res.newsTypeName
+                    this.form.newsTypeImg = res.newsTypeImg
+                    this.imageUrl = res.newsTypeImg
+                    this.form.buildingId = res.buildingId
+                }).catch(() => {
+                    console.log('news/getTypeById err')
+                })
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    .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;
+    }
+    .form {
+        width: 300px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+</style>

src/views/news/type/index.vue

@@ -0,0 +1,141 @@
+<template>
+    <div id="root">
+        <div class="operation-class">
+           <el-button type="primary" @click="ediNewsType">新增</el-button>
+            &nbsp;
+            <el-select v-model="form.buildingId" placeholder="项目" @change="getList">
+                <el-option
+                        v-for="item in buildingList"
+                        :key="item.buildingId"
+                        :label="item.buildingName"
+                        :value="item.buildingId">
+                </el-option>
+            </el-select>
+        </div>
+        <div class="body">
+            <el-table
+                    :data="list"
+                    border
+                    style="width: 100%">
+                <el-table-column
+                        prop="date"
+                        label="类型图"
+                        align="center">
+                    <template slot-scope="scope">
+                        <img :src="scope.row.newsTypeImg" width="50" height="50"/>
+                    </template>
+                </el-table-column>
+                <el-table-column
+                        prop="newsTypeName"
+                        label="名称"
+                        align="center">
+                </el-table-column>
+                <el-table-column
+                        prop="newsTypeId"
+                        align="center"
+                        label="操作">
+                    <template slot-scope="scope">
+                        <router-link :to="{ name:'news-type-edi', query: { id: scope.row.newsTypeId } }">编辑</router-link>
+                        <a href="javascript:void(0);" @click="deleteNews(scope.row.newsTypeId)" class="delClass">删除</a>
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+        <div class="block">
+            <el-pagination
+                    @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange"
+                    :current-page="form.pageNum"
+                    :page-sizes="[1, 10, 20, 30, 40]"
+                    :page-size="form.pageSize"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    :total="total">
+            </el-pagination>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "newsIndex",
+        data() {
+            return {
+                buildingList: [],
+                form: {
+                    buildingId: '',
+                    pageNum: 1,
+                    pageSize: 10
+                },
+                buildingForm: {
+                    pageNum: 1,
+                    pageSize: 100
+                },
+                total: 0,
+                list: []
+            }
+        },
+        created() {
+          this.getList()
+          this.getBuildList()
+        },
+        methods: {
+            deleteNews(id) {
+                // 删除操作
+                const data = { newsTypeId: id }
+                this.$store.dispatch('news/deleteType', data).then((res) => {
+                    this.getList()
+                }).catch(() => {
+                    console.log('news/deleteType err');
+                })
+            },
+            handleSizeChange(val) {
+                console.log(`每页 ${val} 条`);
+                this.form.pageSize = val
+                this.form.pageNum = 1
+                this.getList()
+            },
+            handleCurrentChange(val) {
+                console.log(`当前页: ${val}`);
+                this.form.pageNum = val
+                this.getList()
+            },
+            getList() {
+              this.$store.dispatch('news/getTypeList', this.form).then((res) => {
+                this.list = res.records
+                this.form.pageNum = res.current
+                this.form.pageSize = res.size
+                this.total = res.total
+              }).catch(() => {
+                  console.log('news/getTypeList err')
+              })
+            },
+            getBuildList() {
+                this.$store.dispatch('building/getBuildings', this.buildingForm).then((res) => {
+                    this.buildingList = res.records
+                }).catch(() => {
+                    console.log('building/getBuildings err')
+                })
+            },
+            ediNewsType() {
+                this.$router.push({ name: 'news-type-edi' })
+            }
+        }
+    }
+</script>
+
+<style scoped>
+.operation-class {
+    margin-left: 20px;
+}
+.body {
+    margin-top: 10px;
+}
+.block {
+    display: flex;
+    justify-content: flex-end;
+}
+.delClass {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+</style>