This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
{"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"]}
