t

src/api/other.js

@@ -34,6 +34,9 @@ export default {
   admqadetail: params => { // qa - 详情
     return getRequestNoSort('/adm/qa/detail', params, 'loading')
   },
+  admhouseinspectlist: params => { // 验房报名 列表
+    return getRequest('/adm/house/inspect/list', params)
+  },
   planlist: params => { // 获客意向收集
     return getRequest('/adm/plan/list', params)
   },

src/views/plan/components/searchForm/Yanfang.vue

@@ -0,0 +1,52 @@
+<template>
+  <base-form slot="content" ref="ruleForm" :data="searchData">
+    <div slot="footer">
+      <el-button :loading="listLoading" icon="el-icon-search" class="xl-form-btn bgc1" @click="searchHandle">查询</el-button>
+      <el-button :loading="listLoading" icon="el-icon-document" class="xl-form-btn bgc2" @click="toExportExcel">导出</el-button>
+    </div>
+  </base-form>
+</template>
+<script>
+export default {
+  props: {
+    listLoading: Boolean
+  },
+  inject: ['parentData'],
+  data() {
+    return {
+      searchData: [
+        { label: '意向楼盘', key: 'estate_id', type: 'selectRemote',
+          remoteParams: { skey: 'estate_name', api: `house.admestatelist`, opKey: 'estate_name', opVal: 'id' }
+        },
+        { label: '登记时间', label2: '登记开始时间', label3: '登记结束时间', key: 'startEndTime', type: 'datePicker'},
+      ]
+    }
+  },
+  methods: {
+    searchHandle() {
+      const oldform = this.$refs.ruleForm.baseForm
+      const newForm = { ...oldform }
+      if (newForm.startEndTime) {
+        newForm.start_at = newForm.startEndTime[0]
+        newForm.end_at = newForm.startEndTime[1]
+        delete newForm.startEndTime
+      }
+      this.$emit('change', newForm)
+    },
+    toExportExcel () {
+      const oldform = this.$refs.ruleForm.baseForm
+      const newForm = { ...oldform }
+      if (newForm.startEndTime) {
+        newForm.start_at = newForm.startEndTime[0]
+        newForm.end_at = newForm.startEndTime[1]
+        delete newForm.startEndTime
+      } else {
+        this.$msgw('请选择导出的时间范围')
+        return
+      }
+      const token = window.sessionStorage.getItem('fp_token')
+      window.open(`https://api.honglouplus.com/adm/house/inspect/export?token=${encodeURIComponent(token)}&start_at=${newForm.start_at}&end_at=${newForm.end_at}`)
+    }
+  }
+}
+</script>

src/views/plan/index.vue

@@ -70,15 +70,15 @@ export default {
   mounted() {
     this.listConfig = {
       rows: [
-        { label: '意向楼盘', prop: 'estate_name' },
         { label: '提交时间', prop: 'create_at' },
-        { label: '微信昵称(手机)', prop: 'wxName', fullShow: true },
-        { label: '微信头像', prop: 'wxImg', type: 'img' },
+        { label: '意向楼盘', prop: 'estate_name' },
         { label: '用户名称', prop: 'name' },
         { label: '手机号', prop: 'phone' },
         { label: '首付款(万)', prop: 'sfk' },
         { label: '月供预算(元)', prop: 'ygys' },
         { label: '总价预算(万)', prop: 'zjys' },
+        { label: '微信昵称(手机)', prop: 'wxName', fullShow: true },
+        { label: '微信头像', prop: 'wxImg', type: 'img' },
         { label: '意向区域', prop: 'areaType', fullShow: true, minWidth: 120  }, 
         { label: '意向房型', prop: 'houseType', fullShow: true, minWidth: 120 },
         { label: '限购', prop: 'xg', type: 'tag', tags: arrToObj([{key: '不限', val: '-1'}, ...this.$dictData.sys_yesno]) }, 

src/views/plan/yanfang.vue

@@ -0,0 +1,81 @@
+<template>
+  <div class="app-container">
+    <search-form
+      :list-loading="listLoading"
+      @change="searchHandle"
+    />
+    <table-list
+      :list-loading="listLoading"
+      :data="tableData2"
+      :columns="listConfig"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      :total-records="totalRecords"
+      @currentChange="pageHandle"
+    >
+    </table-list>
+  </div>
+</template>
+<script>
+import { arrToObj } from '@/utils'
+import SearchForm from './components/searchForm/Yanfang'
+import baseTable from '_m/baseTable.js'
+export default {
+  name: 'index',
+  components: {
+    SearchForm,
+  },
+  provide() {
+    return {
+      parentData: this
+    }
+  },
+  mixins: [baseTable],
+  data() {
+    return {
+      apiStr: 'other.admhouseinspectlist',
+      searchForm: null,
+      isDtlShow: false,
+      curObj: {},
+    }
+  },
+  computed: {
+    tableData2() {
+      const arr = [...this.tableData]
+      arr.map(item => {
+        const userInfo = item.userinfo
+        if (userInfo) {
+          const UI = JSON.parse(userInfo)
+          item.wxName = `${UI.nickName}(${UI.phone})`
+          item.wxImg = UI.avatarUrl
+        }
+      })
+      return arr
+    }
+  },
+  created() {},
+  mounted() {
+    this.listConfig = {
+      rows: [
+        { label: '提交时间', prop: 'create_at' },
+        { label: '意向楼盘', prop: 'estate_name' },
+        { label: '楼栋单元', prop: 'address' },
+        { label: '用户名称', prop: 'name' },
+        { label: '手机号', prop: 'phone' },
+        { label: '备注', prop: 'remark', minWidth: 200 },
+        { label: '微信头像', prop: 'wxImg', type: 'img' },
+        { label: '微信昵称(手机)', prop: 'wxName', fullShow: true, minWidth: 200 },
+        // { label: '操作', width: 60, type: 'handle2', operations:
+        //   [
+        //     { label: '删除', func: this.delHandle, btnType: 'danger' },
+        //   ]
+        // }
+      ]
+    }
+  },
+  methods: {}
+}
+</script>
+<style lang="scss" scoped>
+</style>
+