rcgy_xmf_qrcode/css/chunk-756f4a86.9b761d07.css.map

{"version":3,"sources":["webpack:///src/views/daily/page/src/views/daily/page/businessManagement.vue"],"names":[],"mappings":"AA4mBA,YACA,cAAA,CACA,YAAA,CACA,WAAA,CACA,QAAA,CACA,QAAA,CAAA,WACA,CACA,WACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,0BAAA,CACA,iBAAA,CACA,qBAAA,CACA,gCAAA,CACA,iBACA","file":"chunk-756f4a86.9b761d07.css","sourcesContent":["\n<template>\n    <div class=\"main-content\">\n        <div class=\"main-titel\">\n            <span>业委会管理</span>\n        </div>\n        <div class=\"content\">\n            <div class=\"content-btn\">\n                <el-button\n                    class=\"init-button\"\n                    icon=\"el-icon-plus\"\n                    @click=\"addOwnersCommittee\"\n                    >新增成员</el-button\n                >\n            </div>\n            <!-- 查询重制 -->\n            <div class=\"\">\n                <VueTable ref=\"table\" :config=\"config\" @tableCheck=\"tableCheck\">\n                    <template slot=\"footer\">\n                        <div class=\"table-footer\">\n                            <button @click=\"edit(table_row)\">编辑</button>\n                            <button @click=\"del(table_row)\">删除</button>\n                            <button @click=\"jieshao\">查看业委会概况</button>\n                        </div>\n                    </template>\n                </VueTable>\n            </div>\n        </div>\n        <!--业委会增加修改 -->\n        <Drawer\n            :drawerTitle=\"ownersCommitteeTitle\"\n            @drawerClose=\"ownersCommitteeClose\"\n            :drawerVrisible=\"ownersCommittee_vrisible\"\n        >\n            <div style=\"padding: 30px\">\n                <FromCard>\n                    <template slot=\"title\">基本信息</template>\n                    <template>\n                        <VueForm\n                            ref=\"ownersCommitteeVueForm\"\n                            @ruleSuccess=\"ownersCommitteeRuleSubmit\"\n                            :formObj=\"ownersCommitteeForm\"\n                        >\n                            <template slot=\"fileUrls\">\n                                <template>\n                                    <el-upload\n                                        :action=\"`${$baseUrl}upload/uploadOwnersCommittee`\"\n                                        :on-success=\"ownersImgeSuccess\"\n                                        :show-file-list=\"false\"\n                                        :before-upload=\"beforeAvatarUpload\"\n                                    >\n                                        <div\n                                            class=\"sys-image\"\n                                            style=\"width: 104px; height: 104px\"\n                                        >\n                                            <div v-if=\"!fileUrls\">\n                                                <i class=\"el-icon-plus\"></i>\n                                                <p>上传照片</p>\n                                            </div>\n                                            <template v-else>\n                                                <!-- 临时地址 新增状态 -->\n                                                <el-image\n                                                    v-if=\"!editBool\"\n                                                    :src=\"`${$ImgUrl}/temp${fileUrls}`\"\n                                                    style=\"\n                                                        width: 104px;\n                                                        height: 104px;\n                                                    \"\n                                                ></el-image>\n                                                <!-- 非临时地址  编辑状态-->\n                                                <el-image\n                                                    v-else\n                                                    :src=\"`${$ImgUrl}${fileUrls}`\"\n                                                    style=\"\n                                                        width: 104px;\n                                                        height: 104px;\n                                                    \"\n                                                ></el-image>\n                                            </template>\n                                        </div>\n                                    </el-upload>\n                                </template>\n                            </template>\n                            <!-- editId?'true':'false' -->\n                            <template v-slot:residentId>\n                                <el-select\n                                    v-model=\"\n                                        ownersCommitteeForm.ruleForm.residentId\n                                    \"\n                                    :disabled=\"editId ? true : false\"\n                                    :remote-method=\"remoteMethod\"\n                                    @change=\"(value) => change(value, options)\"\n                                    @focus=\"focus\"\n                                    :loading=\"loading\"\n                                    remote\n                                    style=\"width: 240px\"\n                                    filterable\n                                    placeholder=\"请选择\"\n                                >\n                                    <el-option\n                                        v-for=\"(item, index) in options\"\n                                        :key=\"index\"\n                                        :label=\"item.label\"\n                                        :value=\"item.value\"\n                                    >\n                                    </el-option>\n                                </el-select>\n                            </template>\n                        </VueForm>\n                    </template>\n                </FromCard>\n            </div>\n            <div slot=\"footer\">\n                <button class=\"btn-orange\" @click=\"ownersCommitteeSubmit()\">\n                    <span> <i class=\"el-icon-circle-check\"></i>提交</span>\n                </button>\n                <button class=\"btn-gray\" @click=\"ownersCommitteeClose\">\n                    <span>取消</span>\n                </button>\n            </div>\n        </Drawer>\n        <el-card class=\"detailcard\" v-if=\"ifShow\">\n            <el-container>\n                <el-header>\n                  <h2>业委会概况<span @click=\"closejieshao\" style=\"position:absolute;right:14px;cursor:pointer\">x</span></h2>\n                </el-header>\n                <el-container>\n                    <el-main>\n                      <p style=\"lineHeight:25px;padding:30px;fontSize:17px\">\n                        业主委员会由业主大会会议选举产生，由5至11人单数组成\n                        业主委员会\n                        业主委员会\n                        。业主委员会委员应当是物业管理区域内的业主，并符合下列条件：\n                        （一）具有完全民事行为能力；\n                        （二）遵守国家有关法律、法规；\n                        （三）遵守业主大会议事规则、管理规约，模范履行业主义务；\n                        （四）热心公益事业，责任心强，公正廉洁；\n                        （五）具有一定的组织能力；\n                        （六）具备必要的工作时间。\n                        业主委员会委员必须符合下列条件\n                        1．是本物业管理区域内业主；\n                        2．能够遵守物业管理法规、规章、规范性文件和管理规约、业主大会议事规则、业主委员会章程；\n                        3．有一定组织能力和必要工作时间，能够较好履行业主委员会成员职责；\n                        4．品行端正无劣迹；\n                        5．热心公益事业。\n\n                      </p>\n                      <div>\n                        <img style=\"marginLeft:50px;border:1px solid #999999;\" src=\"https://img1.baidu.com/it/u=1946873511,4277103188&fm=26&fmt=auto&gp=0.jpg\" alt=\"\">\n                      </div>\n                    </el-main>\n                </el-container>\n            </el-container>\n        </el-card>\n    </div>\n</template>\n\n<script>\nimport {\n    ownersCommitteeInsert,\n    ownersCommitteeUpdate,\n    ownersCommitteeFindById\n} from '@/api/daily'\nimport { userResident, userResidentFindResidentNameBySearch } from '@/api/basic'\nexport default {\n    data() {\n        return {\n            ifShow: false,\n            options: [],\n            loading: false,\n            // 业委会标题 业委会显示隐藏\n            ownersCommitteeTitle: '',\n            ownersCommittee_vrisible: false,\n            editBool: false,\n            editId: 0,\n            // 选中表格数据\n            table_row: [],\n            config: {\n                thead: [\n                    { label: '序号', type: 'index', width: '80' },\n                    {\n                        label: '职位',\n                        prop: 'positionId',\n                        width: 'auto',\n                        type: 'function',\n                        callback: (row, prop) => {\n                            switch (row.positionId) {\n                                case 1:\n                                    return '业委会主任'\n                                    break\n                                case 2:\n                                    return '业委会副主任'\n                                    break\n                                case 3:\n                                    return '业委会委员'\n                                    break\n                            }\n                        }\n                    },\n                    { label: '姓名', prop: 'name', width: 'auto' },\n                    // { label: '性别', prop: 'sexId', width: 'auto',\n                    // type: 'function',\n                    //               callback: (row, prop) => {\n                    //                   switch (row.sexId) {\n                    //                       case 1:\n                    //                           return '男'\n                    //                           break\n                    //                       case 2:\n                    //                           return '女'\n                    //                           break\n                    //                   }\n                    //               } },\n                    { label: '年龄', prop: 'age', width: 'auto' },\n                    {\n                        label: '学历',\n                        prop: 'educationId',\n                        width: 'auto',\n                        type: 'function',\n                        callback: (row, prop) => {\n                            switch (row.educationId) {\n                                case 1:\n                                    return '专科'\n                                    break\n                                case 2:\n                                    return '本科'\n                                    break\n                                case 3:\n                                    return '硕士'\n                                    break\n                                case 4:\n                                    return '博士'\n                                    break\n                            }\n                        }\n                    },\n                    { label: '房屋信息', prop: 'roomName', width: 'auto' },\n                    { label: '职业', prop: 'profession', width: 'auto' }\n                ],\n                table_data: [],\n                url: 'ownersCommitteeList',\n                search_item: [\n                    {\n                        type: 'select',\n                        label: '职位',\n                        placeholder: '请输入',\n                        prop: 'positionId',\n                        value: '',\n                        options: [\n                            { value: 1, label: '业委会主任' },\n                            { value: 2, label: '业委会副主任' },\n                            { value: 3, label: '业委会委员' }\n                        ]\n                    },\n                    {\n                        type: 'Input',\n                        label: '姓名',\n                        placeholder: '请输入',\n                        prop: 'name'\n                    },\n                    {\n                        type: 'select',\n                        label: '学历',\n                        placeholder: '请选择',\n                        prop: 'educationId',\n                        options: [\n                            { value: 1, label: '专科' },\n                            { value: 2, label: '本科' },\n                            { value: 3, label: '硕士' },\n                            { value: 4, label: '博士' }\n                        ]\n                    },\n                    {\n                        type: 'select',\n                        label: '性别',\n                        placeholder: '请选择',\n                        prop: 'sexId',\n                        value: '',\n                        options: [\n                            { value: '1', label: '男' },\n                            { value: '2', label: '女' }\n                        ]\n                    },\n                    {\n                        type: 'Input',\n                        label: '房屋信息',\n                        placeholder: '请输入',\n                        prop: 'roomName'\n                    },\n                    {\n                        type: 'Input',\n                        label: '职业',\n                        placeholder: '请输入',\n                        prop: 'profession'\n                    }\n                ],\n                data: {\n                    pageNum: 1,\n                    size: 10\n                }\n            },\n            fileUrls: '',\n            ownersCommitteeForm: {\n                ruleForm: {\n                    residentId: null,\n                    positionId: null,\n                    age: null,\n                    educationId: null,\n                    roomName: null,\n                    profession: null,\n                    // sex: null,\n                    fileUrls: []\n                },\n                form_item: [\n                    {\n                        type: 'Slot',\n                        label: '姓名',\n                        placeholder: '请输入姓名',\n                        width: '50%',\n                        prop: 'residentId',\n                        slotName: 'residentId'\n                    },\n                    {\n                        type: 'Select',\n                        label: '职位',\n                        placeholder: '请选择职位',\n                        width: '50%',\n                        prop: 'positionId',\n                        options: [\n                            { value: 1, label: '业委会主任' },\n                            { value: 2, label: '业委会副主任' },\n                            { value: 3, label: '业委会委员' }\n                        ]\n                    },\n                    // { type: 'Select', label: '性别', placeholder: '请选择性别', options: [], width: '50%', prop: 'sex' },\n                    {\n                        type: 'Input',\n                        label: '年龄',\n                        placeholder: '请输入年龄',\n                        width: '50%',\n                        prop: 'age'\n                    },\n                    {\n                        type: 'Select',\n                        label: '学历',\n                        placeholder: '请选择学历',\n                        width: '50%',\n                        prop: 'educationId',\n                        options: [\n                            { value: 1, label: '专科' },\n                            { value: 2, label: '本科' },\n                            { value: 3, label: '硕士' },\n                            { value: 4, label: '博士' }\n                        ]\n                    },\n                    {\n                        type: 'Input',\n                        label: '房屋信息',\n                        placeholder: '请输入房屋信息',\n                        width: '50%',\n                        prop: 'roomName',\n                        disabled: true\n                    },\n                    {\n                        type: 'Input',\n                        label: '职业',\n                        placeholder: '请输入职业',\n                        width: '50%',\n                        prop: 'profession'\n                    },\n                    {\n                        type: 'Slot',\n                        label: '图片上传',\n                        width: '100%',\n                        prop: 'fileUrls',\n                        slotName: 'fileUrls'\n                    }\n                ],\n                rules: {\n                    residentId: [\n                        {\n                            required: true,\n                            message: '请输入姓名',\n                            trigger: 'change'\n                        }\n                    ],\n                    positionId: [\n                        {\n                            required: true,\n                            message: '请选择职位',\n                            trigger: 'change'\n                        }\n                    ],\n                    sex: [\n                        {\n                            required: true,\n                            message: '请选择性别',\n                            trigger: 'change'\n                        }\n                    ],\n                    age: [\n                        {\n                            required: true,\n                            message: '请输入工单名称',\n                            trigger: 'blur'\n                        }\n                    ],\n                    educationId: [\n                        {\n                            required: true,\n                            message: '请选择学历',\n                            trigger: 'change'\n                        }\n                    ],\n                    roomName: [\n                        {\n                            required: true,\n                            message: '请输入房屋信息',\n                            trigger: 'blur'\n                        }\n                    ],\n                    profession: [\n                        {\n                            required: true,\n                            message: '请选择职业',\n                            trigger: 'blur'\n                        }\n                    ],\n                    fileUrls: [\n                        {\n                            required: true,\n                            message: '请上传图片',\n                            trigger: 'change'\n                        }\n                    ]\n                }\n            },\n            ownersObj: {}\n        }\n    },\n    methods: {\n        jieshao() {\n            this.ifShow = !this.ifShow\n        },\n        closejieshao(event){\n          this.ifShow = !this.ifShow\n        },\n        remoteMethod(val) {\n            let reeData = {\n                pageNum: 1,\n                size: 20,\n                name: val\n            }\n            this.loading = true\n            userResidentFindResidentNameBySearch(reeData).then((res) => {\n                this.options = res.tableList\n                this.loading = false\n            })\n        },\n        focus() {\n            let reeData = {\n                pageNum: 1,\n                size: 20\n            }\n            this.loading = true\n            userResidentFindResidentNameBySearch(reeData).then((res) => {\n                this.options = res.tableList\n                this.loading = false\n                console.log(res)\n            })\n        },\n        change(value, options) {\n            let arr2 = options.filter(function (item) {\n                if (item.value === value) {\n                    return item\n                }\n            })\n            this.ownersObj = arr2[0]\n            this.ownersCommitteeForm.ruleForm.roomName = this.ownersObj.roomName\n            console.log(this.ownersObj)\n        },\n        // 添加修改弹窗提交验证通过\n        ownersCommitteeRuleSubmit() {\n            let resData = {\n                residentId: this.ownersObj.value,\n                positionId: this.ownersCommitteeForm.ruleForm.positionId,\n                age: this.ownersCommitteeForm.ruleForm.age,\n                educationId: this.ownersCommitteeForm.ruleForm.educationId,\n                estateId: this.ownersObj.estateId,\n                profession: this.ownersCommitteeForm.ruleForm.profession,\n                fileUrls: this.ownersCommitteeForm.ruleForm.fileUrls\n            }\n            if (!this.editId) {\n                console.log(resData)\n                ownersCommitteeInsert(resData).then((res) => {\n                    if (res.status) {\n                        this.$message({\n                            message: res.message,\n                            type: 'success'\n                        })\n                        this.ownersCommitteeClose()\n                        this.$refs.table.loadData()\n                    }\n                })\n            } else {\n                resData.id = this.editId\n                ownersCommitteeUpdate(resData).then((res) => {\n                    if (res.status) {\n                        this.$message({\n                            message: res.message,\n                            type: 'success'\n                        })\n                        this.$refs.table.loadData()\n                        this.ownersCommitteeClose()\n                    }\n                })\n            }\n        },\n        // 添加修改弹窗提交\n        ownersCommitteeSubmit() {\n            this.$refs.ownersCommitteeVueForm.submitForm()\n        },\n        // 添加成员 弹窗显示\n        addOwnersCommittee() {\n            this.ownersCommitteeTitle = ' 添加成员'\n            this.ownersCommittee_vrisible = true\n        },\n\n        // 修改 弹窗显示\n        edit(data) {\n            if (data.length) {\n                if (data.length > 1) {\n                    this.$message.error('不能批量编辑')\n                    return\n                }\n                this.ownersCommitteeTitle = ' 修改成员'\n                this.ownersCommittee_vrisible = true\n                let resData = {\n                    id: data[0].id\n                }\n                this.ownersCommitteeForm.ruleForm.residentId = data[0].name\n                this.ownersCommitteeForm.ruleForm.roomName = data[0].roomName\n                this.ownersCommitteeForm.ruleForm.positionId =\n                    data[0].positionId\n                this.ownersCommitteeForm.ruleForm.age = data[0].age\n                this.ownersCommitteeForm.ruleForm.educationId =\n                    data[0].educationId\n                this.ownersCommitteeForm.ruleForm.profession =\n                    data[0].profession\n                this.ownersObj.value = data[0].estateId\n                this.ownersObj.estateId = data[0].estateId\n                ownersCommitteeFindById(resData).then((result) => {\n                    console.log(result)\n                    this.editBool = true\n                    this.editId = result.id\n                    this.ownersCommitteeForm.ruleForm.fileUrls[0] =\n                        result.imgUrls[0].url\n                    this.fileUrls = result.imgUrls[0].url\n                })\n            } else {\n                this.$message.error('请选择需要编辑的数据')\n            }\n        },\n        tableCheck(data) {\n            this.table_row = data\n        },\n        //  弹窗关闭显示\n        ownersCommitteeClose() {\n            // 初始化数据 重置\n            this.editId = 0\n            this.fileUrls = ''\n            this.ownersObj = {}\n            for (let key in this.ownersCommitteeForm.ruleForm) {\n                this.$set(this.ownersCommitteeForm.ruleForm, key, null)\n            }\n            console.log(this.ownersCommitteeForm.ruleForm)\n            this.$refs.ownersCommitteeVueForm.reset()\n            this.ownersCommittee_vrisible = false\n        },\n        // 删除\n        del(data) {\n            let arr = []\n            for (let i = 0; i < this.table_row.length; i++) {\n                arr.push(this.table_row[i].id)\n            }\n            if (!arr.length) {\n                this.$message.error('请选中需要删除的表格数据')\n                return\n            }\n            this.$confirm('是否删除？删除不可找回', '删除', {\n                confirmButtonText: '确定',\n                cancelButtonText: '取消'\n            })\n                .then(() => {\n                    this.$refs.table.tableDelete(arr)\n                })\n                .catch((action) => {})\n        },\n        // 图片上传成功\n        ownersImgeSuccess(res, file) {\n            this.fileUrls = res.url\n            this.ownersCommitteeForm.ruleForm.fileUrls[0] = res.url\n            this.editBool = false\n        },\n        // 图片上传之前\n        beforeAvatarUpload(file) {\n            const isLt2M = file.size / 1024 / 1024 < 2\n            const isJPG = file.type === 'image/png'\n            const isPNG = file.type === 'image/jpeg'\n            if (!isJPG && !isPNG) {\n                this.$message.error('上传头像图片只能是 JPG/PNG 格式!')\n            }\n            if (!isLt2M) {\n                this.$message.error('上传头像图片大小不能超过 2MB!')\n            }\n            return (isJPG || isPNG) && isLt2M\n        }\n    }\n}\n</script>\n<style>\n.detailcard {\n    position: fixed;\n    height: 700px;\n    width: 800px;\n    left: 30%;\n    top: 40px;z-index: 999;\n}\n.sys-image {\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: rgba(0, 0, 0, 0.04);\n    border-radius: 2px;\n    box-sizing: border-box;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    margin-right: 12px;\n}\n</style>\n"]}