党员中心户审核功能

1 year ago · 9b2d9c303b
2 changed files with 260 additions and 0 deletions
--- a/src/views/modules/user/centralhousehold-add-or-update.vue
+++ b/src/views/modules/user/centralhousehold-add-or-update.vue
@ -0,0 +1,151 @@
+<template>
+    <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('审核')" :close-on-click-modal="false"
+        :close-on-press-escape="false">
+        <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
+            :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+            <el-form-item label="申请人" prop="userId">
+                <el-input v-model="dataForm.realName" disabled></el-input>
+            </el-form-item>
+            <el-form-item label="审核状态" prop="status">
+                <el-select v-model="dataForm.pass" disabled>
+                    <el-option v-for="item in passOptions" :key="item.value" :label="item.label" :value="item.value"
+                        :v-model="dataForm.pass">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="人员类别" prop="personnelCategory">
+                <el-input v-model="dataForm.personnelCategory" disabled></el-input>
+            </el-form-item>
+            <el-form-item label="居住地址" prop="homeAddr">
+                <el-input v-model="dataForm.homeAddr" disabled></el-input>
+            </el-form-item>
+            <el-form-item label="服务类型" prop="serviceType">
+                <el-input v-model="dataForm.serviceType" disabled></el-input>
+            </el-form-item>
+            <el-form-item label="服务范围" prop="serviceScope">
+                <el-input v-model="dataForm.serviceScope" disabled></el-input>
+            </el-form-item>
+        </el-form>
+        <template slot="footer">
+            <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+            <el-button type="primary" @click="examine()">{{ $t(dataForm.pass === 0 ? '审核' : '驳回') }}</el-button>
+            <!-- <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button> -->
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+import debounce from 'lodash/debounce'
+export default {
+    data() {
+        return {
+            visible: false,
+            dataForm: {
+                id: '',
+                pass: '',
+                personnelCategory: '',
+                homeAddr: '',
+                serviceType: '',
+                serviceScope: ''
+            },
+            passOptions: [
+                {
+                    value: 0,
+                    label: '未审核'
+                }, {
+                    value: 1,
+                    label: '已审核'
+                }
+            ]
+        }
+    },
+    computed: {
+        dataRule() {
+            return {
+                pass: [
+                    { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                ],
+                personnelCategory: [
+                    { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                ],
+                homeAddr: [
+                    { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                ],
+                serviceType: [
+                    { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                ],
+                serviceScope: [
+                    { required: true, message: this.$t('validate.required'), trigger: 'blur' }
+                ]
+            }
+        }
+    },
+    methods: {
+        init() {
+            this.visible = true
+            this.$nextTick(() => {
+                this.$refs['dataForm'].resetFields()
+                if (this.dataForm.id) {
+                    this.getInfo()
+                }
+            })
+        },
+        // 获取信息
+        getInfo() {
+            this.$http.get(`/app-user/centralhousehold/${this.dataForm.id}`).then(({ data: res }) => {
+                if (res.code !== 0) {
+                    return this.$message.error(res.msg)
+                }
+                this.dataForm = {
+                    ...this.dataForm,
+                    ...res.data
+                }
+            }).catch(() => { })
+        },
+        // 表单提交
+        dataFormSubmitHandle: debounce(function () {
+            this.$refs['dataForm'].validate((valid) => {
+                if (!valid) {
+                    return false
+                }
+                this.$http[!this.dataForm.id ? 'post' : 'put']('/app-user/centralhousehold/', this.dataForm).then(({ data: res }) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    }
+                    this.$message({
+                        message: this.$t('prompt.success'),
+                        type: 'success',
+                        duration: 500,
+                        onClose: () => {
+                            this.visible = false
+                            this.$emit('refreshDataList')
+                        }
+                    })
+                }).catch(() => { })
+            })
+        }, 1000, { 'leading': true, 'trailing': false }),
+        // 审核驳回
+        examine() {
+            const falg = this.dataForm.pass === 0 ? 1 : 0;
+            const data = {
+                id: this.dataForm.id,
+                pass: falg
+            }
+            this.$http[!this.dataForm.id ? 'post' : 'put']('/app-user/centralhousehold/', data).then(({ data: res }) => {
+                if (res.code !== 0) {
+                    return this.$message.error(res.msg)
+                }
+                this.$message({
+                    message: this.$t('prompt.success'),
+                    type: 'success',
+                    duration: 500,
+                    onClose: () => {
+                        this.visible = false
+                        this.$emit('refreshDataList')
+                    }
+                })
+            }).catch(() => { })
+        }
+    }
+}
+</script>
--- a/src/views/modules/user/centralhousehold.vue
+++ b/src/views/modules/user/centralhousehold.vue
@ -0,0 +1,109 @@
+<template>
+    <el-card shadow="never" class="aui-card--fill">
+        <div class="mod-__centralhousehold}">
+            <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+                <el-form-item label="申请人" label-width="70px">
+                    <el-input v-model="dataForm.name" placeholder="请输入申请人姓名" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="联系电话" label-width="70px">
+                    <el-input v-model="dataForm.mobile" placeholder="请输入联系电话" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="审核状态" label-width="70px">
+                    <el-select v-model="dataForm.pass" placeholder="请选择" clearable>
+                        <el-option v-for="item in passOptions" :key="item.value" :label="item.label" :value="item.value"
+                            :v-model="dataForm.pass">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+                </el-form-item>
+                <!-- <el-form-item>
+                    <el-button v-if="$hasPermission(':centralhousehold:save')" type="primary"
+                        @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button v-if="$hasPermission(':centralhousehold:delete')" type="danger"
+                        @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
+                </el-form-item> -->
+            </el-form>
+            <el-table v-loading="dataListLoading" :data="dataList" border
+                @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+                <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+                <el-table-column prop="realName" label="申请人" header-align="center" align="center"></el-table-column>
+                <el-table-column prop="mobile" label="联系电话" header-align="center" align="center"></el-table-column>
+                <el-table-column prop="pass" label="审核状态" header-align="center" align="center"
+                    :formatter="formatStatus"></el-table-column>
+                <el-table-column prop="personnelCategory" label="人员类别" header-align="center"
+                    align="center"></el-table-column>
+                <el-table-column prop="homeAddr" label="居住地址" header-align="center" align="center"></el-table-column>
+                <el-table-column prop="serviceType" label="意向服务类型" header-align="center"
+                    align="center"></el-table-column>
+                <el-table-column prop="serviceScope" label="服务范围" header-align="center"
+                    align="center"></el-table-column>
+                <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+                    <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)"
+                            class="custom-table-button-default">查看</el-button>
+                        <!-- <el-button @click="examine(scope.row)" type="text" size="small">审核</el-button> -->
+                        <el-button v-if="$hasPermission(':centralhousehold:update')" type="text" size="small"
+                            @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
+                        <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete')
+                            }}</el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="total"
+                layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
+                @current-change="pageCurrentChangeHandle">
+            </el-pagination>
+            <!-- 弹窗, 新增 / 修改 -->
+            <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+        </div>
+    </el-card>
+</template>
+
+<script>
+import mixinViewModule from '@/mixins/view-module'
+import AddOrUpdate from './centralhousehold-add-or-update'
+export default {
+    mixins: [mixinViewModule],
+    data() {
+        return {
+            mixinViewModuleOptions: {
+                getDataListURL: '/app-user/centralhousehold/page',
+                getDataListIsPage: true,
+                deleteURL: '/app-user/centralhousehold',
+                deleteIsBatch: true
+            },
+            dataForm: {
+                id: '',
+                name: '',
+                mobile: '',
+                pass: ''
+            },
+            passOptions: [
+                {
+                    value: 0,
+                    label: '未审核'
+                }, {
+                    value: 1,
+                    label: '已审核'
+                }
+            ]
+        }
+    },
+    components: {
+        AddOrUpdate
+    },
+    methods: {
+        formatStatus(row) {
+            if (row.pass === 0) {
+                return '未审核'
+            } else {
+                return '已审核'
+            }
+        }
+    }
+}
+</script>