购房资格页面，对接接口

src/config/api.js

@@ -448,6 +448,28 @@ const apis = {
       method: `post`,
       url: `${commPrefix}/taBuildingIntentionAddOrUpdate/:id`
     }
+  },
+  policy: { // 购房政策
+    list: {
+      method: `get`,
+      url: `${commPrefix}/taPolicy`
+    },
+    add: {
+      method: `post`,
+      url: `${commPrefix}/taPolicy`
+    },
+    update: {
+      method: `put`,
+      url: `${commPrefix}/taPolicy/:id`
+    },
+    delete: {
+      method: `delete`,
+      url: `${commPrefix}/taPolicy/:id`
+    },
+    getById: {
+      method: `get`,
+      url: `${commPrefix}/taPolicy/:id`
+    }
   }
 }
 export default apis

src/store/index.js

@@ -22,7 +22,8 @@ const store = new Vuex.Store({
     indexEcharts: require('./modules/indexEcharts').default,
     message: require('./modules/message').default,
     report: require('./modules/report').default,
-    news
+    news,
+    policy: require('./modules/policy').default
 
   }
 })

src/store/modules/policy.js

@@ -0,0 +1,80 @@
+import request from '../../utils/request'
+import apis from '../../config/api'
+
+export default {
+
+    namespaced: true,
+    state: {
+        policyList: []
+    },
+    mutations: {
+        updateList(state, payload) {
+            state.policyList = payload.records
+        }
+    },
+    actions: {
+        getPolicyList ({ commit }, payload) {
+            return new Promise((resolve, reject) => {
+                request({
+                    ...apis.policy.list,
+                    params: payload,
+                }).then((data) => {
+                    commit('updateList', data)
+                    resolve(data)
+                }).catch((err) => {
+                    reject(err)
+                })
+            })
+        },
+        addPolicy ({ commit }, payload) {
+            return new Promise((resolve, reject) => {
+                request({
+                    ...apis.policy.add,
+                    data: payload,
+                }).then((data) => {
+                    resolve(data)
+                }).catch((err) => {
+                    reject(err)
+                })
+            })
+        },
+        updatePolicy ({ commit }, payload) {
+            return new Promise((resolve, reject) => {
+                request({
+                    ...apis.policy.update,
+                    urlData: { id: payload.policyId },
+                    data: payload,
+                }).then((data) => {
+                    resolve(data)
+                }).catch((err) => {
+                    reject(err)
+                })
+            })
+        },
+        deletePolicy ({ commit }, payload) {
+            return new Promise((resolve, reject) => {
+                request({
+                    ...apis.policy.delete,
+                    urlData: { id: payload.policyId },
+                }).then((data) => {
+                    resolve(data)
+                }).catch((err) => {
+                    reject(err)
+                })
+            })
+        },
+        getByIdPolicy ({ commit }, payload) {
+            return new Promise((resolve, reject) => {
+                request({
+                    ...apis.policy.getById,
+                    urlData: { id: payload.policyId },
+                }).then((data) => {
+                    resolve(data)
+                }).catch((err) => {
+                    reject(err)
+                })
+            })
+        },
+    }
+
+}

src/views/index.js

@@ -374,6 +374,24 @@ const pages = [
           title: '意向值',
         },
       },
+      {
+        path: 'housingPolicy',
+        name: 'housingPolicy',
+        component: () => import('./systemManagement/policy/housingPolicy.vue'),
+        meta: {
+          menuShow: true,
+          title: '购房政策维护',
+        },
+      },
+      {
+        path: 'housingPolicyEdi',
+        name: 'housingPolicyEdi',
+        component: () => import('./systemManagement/policy/edi/index.vue'),
+        meta: {
+          menuShow: false,
+          title: '编辑购房政策',
+        },
+      },
     ]
   },
   {

src/views/systemManagement/policy/edi/index.vue

@@ -0,0 +1,177 @@
+<template>
+    <div id="root">
+        <el-form ref="form" :model="form" label-width="80px" class="form-class">
+            <el-form-item label="城市">
+                <el-select v-model="form.cityId" filterable  placeholder="城市">
+                    <el-option
+                            v-for="item in cityList"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="政策图片">
+                <el-upload
+                        class="avatar-uploader"
+                        :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.title"></el-input>
+            </el-form-item>
+            <el-form-item label="政策详情">
+                <rich-editor v-model="form.body" style="height: 400px; width: 1000px;"></rich-editor>
+            </el-form-item>
+            <el-form-item label="状态">
+                <el-select v-model="form.publishStatus" >
+                    <el-option
+                            v-for="item in publishStatusList"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="onSubmit">确认</el-button>
+                <el-button @click="$router.go(-1)">取消</el-button>
+            </el-form-item>
+        </el-form>
+    </div>
+</template>
+
+<script>
+    import apis from '../../../../config/api'
+    export default {
+        name: "policyEdi",
+        computed: {
+            uploadHeaders () {
+                const token = localStorage.getItem('x-token') || ''
+                return {
+                    Authorization: `Bearer ${token}`
+                }
+            }
+        },
+        data() {
+            return {
+                upFileUrl: apis.file.upload.url,
+                cityList: [],
+                form: {
+                    cityId: '',
+                    title: '',
+                    body: '',
+                    publishStatus: '',
+                    policyImg: '',
+                    policyId: ''
+                },
+                imageUrl: '',
+                publishStatusList: [
+                    {
+                        id: 0,
+                        name: '未发布'
+                    },
+                    {
+                        id: 1,
+                        name: '已发布'
+                    }
+                ]
+            }
+
+        },
+        methods: {
+            onSubmit() {
+                // 添加
+                if ( this.form.policyId === undefined || this.form.policyId === '' ) {
+                    this.$store.dispatch('policy/addPolicy', this.form).then((res) => {
+                        this.$notify.success('操作成功')
+                        this.$router.go(-1)
+                    }).catch((err) => {
+                        this.$notify.error(err.msg || err.message);
+                    })
+
+                    return
+                }
+
+                // 修改
+                this.$store.dispatch('policy/updatePolicy', this.form).then((res) => {
+                    this.$notify.success('操作成功')
+                    this.$router.go(-1)
+                }).catch((err) => {
+                    this.$notify.error(err.msg || err.message);
+                })
+
+            },
+            getCityName() { // 查询城市
+                this.$store.dispatch('building/getCityName').then((res) => {
+                    this.cityList = res
+                }).catch((err) => {
+                    this.$notify.error(err.msg || err.message)
+                })
+            },
+            handleAvatarSuccess(res, file) { // 资讯图
+                if (res.code !== 1000) {
+                    this.$notify.error(res.msg || res.message)
+                    return
+                }
+                this.imageUrl = URL.createObjectURL(file.raw);
+                // console.log(res)
+                this.form.policyImg = res.data
+            },
+            getInfo() {
+                this.$store.dispatch('policy/getByIdPolicy', this.form).then((res) => {
+                    this.form = res
+                    this.imageUrl = res.policyImg
+                }).catch((err) => {
+                    this.$notify.error(err.msg || err.message);
+                })
+            }
+        },
+        mounted() {
+            this.form.policyId = this.$route.query.id
+            if (this.form.policyId !== undefined || this.form.policyId !== '' ) {
+                this.getInfo()
+            }
+            this.getCityName()
+        }
+    }
+</script>
+<style lang="scss" scoped>
+    .form-class {
+        width: 1000px;
+        margin-right: auto;
+        margin-left: auto;
+
+    }
+</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/systemManagement/policy/housingPolicy.vue

@@ -0,0 +1,178 @@
+<template>
+    <div id="root">
+        <el-select v-model="form.cityId" filterable  placeholder="城市" @change="getList">
+            <el-option
+                    v-for="item in cityList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+            </el-option>
+        </el-select>
+        <div style="margin-top: 20px;">
+            <el-button type="primary" @click="toEdi">新增</el-button>
+        </div>
+
+        <el-table
+                :data="list"
+                border
+                style="width: 100%;margin-top: 20px;">
+            <el-table-column
+                    align="center"
+                    prop="policyImg"
+                    label="购房政策主图">
+                <template slot-scope="scope">
+                    <el-image
+                            style="width: 100px; height: 100px;"
+                            :src="scope.row.policyImg"
+                            fit="fill"></el-image>
+                </template>
+            </el-table-column>
+            <el-table-column
+                    align="center"
+                    prop="title"
+                    label="标题">
+            </el-table-column>
+            <el-table-column
+                    align="center"
+                    prop="cityName"
+                    label="城市">
+            </el-table-column>
+            <el-table-column
+                    align="center"
+                    prop="createDate"
+                    label="创建时间">
+                <template slot-scope="scope">{{ formateDate(scope.row.createDate) }}</template>
+            </el-table-column>
+            <el-table-column
+                    align="center"
+                    prop="status"
+                    label="状态">
+                <template slot-scope="scope">{{ scope.row.publishStatus === 1 ? '已发布' : '未发布' }}</template>
+            </el-table-column>
+            <el-table-column
+                    align="center"
+                    prop="status"
+                    label="操作">
+                <template slot-scope="scope">
+                    <router-link :to="{ name: 'housingPolicyEdi', query:{ id: scope.row.policyId} }">
+                        编辑
+                    </router-link>
+                    &nbsp;
+                    <a href="javascript:void(0)" @click="deletePolicy(scope.row)">删除</a>
+                    &nbsp;
+                    <!-- 状态为 0 显示发布，1 显示未发布资源！因为这是发布 和 取消发布按钮 -->
+                    <a href="javascript:void(0)" @click="publicOrNoPublic(scope.row)">{{ scope.row.publishStatus === 0 ? '发布' : '取消发布' }}</a>
+                    &nbsp;
+                    <a href="javascript:void(0)" @click="top(scope.row)">{{ (scope.row.weight === 0 || scope.row.weight === null || scope.row.weight === undefined) ? '置顶' : '取消置顶' }}</a>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <el-pagination
+                layout="prev, pager, next"
+                @current-change="handleCurrentChange"
+                :current-page="form.pageNumber"
+                :page-size="form.pageSize"
+                :total="total">
+        </el-pagination>
+    </div>
+</template>
+
+<script>
+    import dayjs from 'dayjs'
+    export default {
+        name: "housingPolicy",
+        data() {
+          return {
+              form: {
+                  cityId: '',
+                  pageNumber: 1,
+                  pageSize: 20
+              },
+              cityList: [],
+              list: [],
+              total: 0
+          }
+        },
+        methods: {
+            formateDate(dt) {
+                return !dt ? '' : dayjs(dt).format('YYYY-MM-DD HH:mm')
+            },
+            getCityName() { // 查询城市
+                this.$store.dispatch('building/getCityName').then((res) => {
+                    this.cityList = res
+                }).catch((err) => {
+                    this.$notify.error(err.msg || err.message)
+                })
+            },
+            handleCurrentChange(val) {
+                console.log(`当前页: ${val}`);
+                this.form.pageNumber = val
+                this.getList()
+            },
+            getList() {
+                this.$store.dispatch('policy/getPolicyList', this.form).then((res) => {
+                    this.list = res.records
+                    this.form.pageNumber = res.current
+                    this.form.pageSize = res.size
+                    this.total = res.total
+                }).catch((err) => {
+                    this.$notify.error(err)
+                })
+            },
+            toEdi() {
+                this.$router.push({ name: 'housingPolicyEdi' })
+            },
+            deletePolicy(row) {
+                row.status = 0
+                this.$store.dispatch('policy/deletePolicy', row).then((res) => {
+                    this.$notify.success('操作成功')
+                    this.getList()
+                }).catch((err) => {
+                    this.$notify.error(err)
+                })
+            },
+            top(row, bool) { // 置顶
+                let weight = ''
+                if (bool) {
+                    weight = Math.abs(row.weight + 1)
+                } else {
+                    weight = Math.abs(row.weight - 1)
+                }
+
+                row.weight = weight
+                this.$store.dispatch('policy/updatePolicy', row).then((res) => {
+                    this.$notify.success('操作成功')
+                    this.getList()
+                }).catch((err) => {
+                    this.$notify.error(err)
+                })
+            },
+            publicOrNoPublic(row) { // 发布 或 取消发布
+                if (row.publishStatus === 1) {
+                    // 未发布
+                    row.publishStatus = 0
+                } else {
+                    // 发布
+                    row.publishStatus = 1
+                }
+
+                this.$store.dispatch('policy/updatePolicy', row).then((res) => {
+                    this.$notify.success('操作成功')
+                    this.getList()
+                }).catch((err) => {
+                    this.$notify.error(err)
+                })
+            }
+        },
+        mounted() {
+            this.getCityName()
+            this.getList()
+        }
+
+    }
+</script>
+
+<style scoped>
+
+</style>