置业管理新增授权项目

package.json

@@ -16,6 +16,7 @@
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",
     "vue": "^2.6.6",
+    "vue-amap": "^0.5.9",
     "vue-echarts": "^4.0.1",
     "vue-router": "^3.0.2",
     "vuex": "^3.1.0",

src/config/api.js

@@ -116,6 +116,16 @@ const apis = {
       method: 'delete',
       url: `${commPrefix}/apartment/deleted/:id`
     }
+  },
+  customer:{
+    list:{
+      method:'get',
+      url: `${commPrefix}/customer`
+    },
+    add: {
+      method: 'post',
+      url: `${commPrefix}/customer/add`
+    }
   }
 }
 

src/store/index.js

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

src/store/modules/customer.js

@@ -0,0 +1,38 @@
+import request from '../../utils/request'
+import apis from '../../config/api'
+export default {
+  namespaced: true,
+  stare:{
+    customers:{}
+  },
+  mutations:{
+    updateList (state, payload) {
+      state.customers = payload
+    },
+    updateDetail (state, payload) {
+      state.detail = payload
+    }
+  },
+  actions:{
+    setDetailNull ({ commit }) {
+      commit('updateDetail', {})
+    },
+    getCustomers ({ commit }, payload) {
+      return new Promise((resolve, reject) => {
+        request({
+          ...apis.customer.list,
+          params: payload,
+        }).then((data) => {
+          window.console.log(data)
+          commit('updateList', data)
+          resolve(data)
+        }).catch(({ message }) => {
+          if (typeof message === 'string') {
+            reject(message)
+          }
+        })
+      })
+    }
+    
+  }
+}

src/store/modules/dynamic.js

@@ -62,7 +62,6 @@ export default {
           resolve(data)
         }).catch((err) => {
           const message = err.message || err.msg
-
           if (typeof message === 'string') {
             reject(message)
           }

src/views/consultant/edit.vue

@@ -17,14 +17,13 @@
         <el-form-item label="电话">
           <el-input v-model="detail.tel"></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="图片">
-          <el-upload
-            class="avatar-uploader"
-            :action="upFileUrl"
-            name='file'
-            :show-file-list="false"
-            :before-upload="beforeImgUpload"
-            :on-success="handleAvatarSuccess">
+          <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>
@@ -47,9 +46,10 @@
 <script>
 import { createNamespacedHelpers } from 'vuex'
 import apis from '../../config/api'
+import E from 'wangeditor'
 
 const { mapActions: mapPersonActions } = createNamespacedHelpers('persons')
-
+const { mapState: mapBuildingState, mapActions: mapBuildingActions } = createNamespacedHelpers('building')
 export default {
   name: 'consultantEdit',
   data () {
@@ -63,13 +63,23 @@ export default {
         tel: undefined,
         photo: undefined,
         status: 1,
+        buildings:[]
       },
     }
   },
   created () {
     this.init()
   },
+  computed:{
+    ...mapBuildingState({
+      buildings: x => x.buildings
+    }),
+  },
   methods: {
+    
+    ...mapBuildingActions([
+      'getBuildings'
+    ]),
     ...mapPersonActions([
       'getConsultant',
       'editConsultant',
@@ -90,7 +100,7 @@ export default {
       this.showLoadding('上传中...')
       return true
     },
-  
+
     handleAvatarSuccess (res) {
       this.detail.photo = res.data
       this.hideLoadding()
@@ -111,7 +121,7 @@ export default {
       })
     },
 
-    showLoadding (text) {      
+    showLoadding (text) {
       this.loading = this.$loading({
         text,
         lock: true,
@@ -121,9 +131,49 @@ export default {
     },
 
     hideLoadding () {
-      if (this.loading) this.loading.close()      
+      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>
 
@@ -134,27 +184,27 @@ export default {
 </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;
-  }
+.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/customer/list.vue

@@ -0,0 +1,214 @@
+<template>
+  <div>
+    <div class="system-table-search">
+      <div class="flex-h">
+        <ul>
+          <li>
+            <el-input v-model="name" placeholder="客户姓名"></el-input>
+          </li>
+        </ul>
+        <el-button
+          size="mini"
+          type="primary" @click="search">搜索</el-button>
+      </div>
+      <div class="moreFilter"></div>
+    </div>
+    <el-table
+
+      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.picture" alt="" />
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="name"
+        label="姓名">
+      </el-table-column>
+      <el-table-column
+        prop="sex"
+        label="性别">
+      </el-table-column>
+      <el-table-column
+        prop="phone"
+        label="电话">
+      </el-table-column>
+      <el-table-column
+        prop="describe"
+        label="描述">
+      </el-table-column>
+      <el-table-column
+        prop="appointmentTime"
+        label="预约时间">
+      </el-table-column>
+      <el-table-column
+        prop="visiteNum"
+        label="到访人数">
+      </el-table-column>
+      <el-table-column
+        prop="intention"
+        label="意向项目">
+      </el-table-column>
+      <el-table-column
+        prop="buildingId"
+        label="项目ID">
+      </el-table-column>
+      <el-table-column
+        prop="realtyManageType"
+        label="物业类型">
+      </el-table-column>
+      <el-table-column
+        prop="demandType"
+        label="需求类型">
+      </el-table-column>
+      <el-table-column
+        prop="priceRange"
+        label="价格区间">
+      </el-table-column>
+      <el-table-column
+        prop="reportDate"
+        label="报备日期">
+      </el-table-column>
+      <el-table-column
+        prop="status"
+        label="状态">
+      </el-table-column>
+      <el-table-column
+        prop="personId"
+        label="推荐人">
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      small
+      style="margin-top:10px;"
+      layout="prev, pager, next"
+      :current-page.sync="currentPage"
+      :pageSize="pageSize"
+      @current-change="getList"
+    >
+    </el-pagination>
+  </div>
+</template>
+<script>
+import { createNamespacedHelpers } from 'vuex';
+const {mapState:mapCustomerState,mapActions:mapCustomerActions} = createNamespacedHelpers('customer');
+export default {
+  data() {
+    return{
+      pageSize: 20,
+      currentPage: 1,
+      name: '',
+      sex:'',
+      phone:'',
+      picture:'',
+      describe:'',
+      appointmentTime:'',
+      visiteNum:'',
+      intention:'',
+      buildingId:'',
+      realtyManageType:'',
+      demandType:'',
+      priceRange:'',
+      reportDate:'',
+      status:'',
+      personId:''
+    }
+  },
+  computed:{
+    ...mapCustomerState({
+      customers: x => x.customers
+    }),
+  },
+  methods:{
+    ...mapCustomerActions([
+      'getCustomers',
+      'getDetail'
+    ]),
+    GetIndex (inx) {
+      return (this.currentPage - 1) * this.pageSize + inx + 1
+    },
+    getList () {
+      this.getCustomers({
+        pageNum: this.currentPage,
+        pageSize: this.pageSize,
+        name:this.name,
+        sex:this.sex,
+        phone:this.phone,
+        picture:this.picture,
+        describe:this.describe,
+        appointmentTime:this.appointmentTime,
+        visiteNum:this.visiteNum,
+        intention:this.intention,
+        buildingId:this.buildingId,
+        realtyManageType:this.realtyManageType,
+        demandType:this.demandType,
+        priceRange:this.priceRange,
+        reportDate:this.reportDate,
+        status:this.status,
+        personId:this.personId
+      })
+    },
+    search () {
+      this.currentPage = 1
+      this.getList()
+    },
+    created () {
+      this.getList()
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.list{
+    .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;
+  justify-content:flex-end;
+}
+
+.flex-item {
+  flex: 1;
+  -webkit-flex: 1;
+  position: relative;
+  overflow: hidden;
+}
+</style>
+
+

src/views/index.js

@@ -85,6 +85,26 @@ const pages = [
       }
     ]
   },
+  {
+    path: 'customer',
+    name: 'customer',
+    component: () => import('./index.vue'),
+    meta: {
+      menuShow: true,
+      title: '客户管理',
+    },
+    children: [
+      {
+        path: 'customerlist',
+        name: 'customerlist',
+        component: () => import('./customer/list.vue'),
+        meta: {
+          menuShow: true,
+          title: '客户列表',
+        },
+      }
+    ]
+  },
 ]
 
 const flatten = (rts, parents = []) => {